:root{--cbm-primary:#6366f1;--cbm-primary-light:#6366f11a;--cbm-success:#059669;--cbm-success-light:#0596691a;--cbm-warning:#d97706;--cbm-warning-light:#d977061a;--cbm-danger:#dc2626;--cbm-danger-light:#dc26261a;--cbm-accent:#0ea5e9;--cbm-accent-light:#0ea5e91a;--cbm-text:#1e293b;--cbm-text-secondary:#475569;--cbm-text-muted:#64748b;--cbm-bg:#fff;--cbm-bg-secondary:#f8fafc;--cbm-border:#e2e8f0;--cbm-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--cbm-shadow-md:0 4px 12px #00000014}._cbm-container{max-width:960px;margin:0 auto}._cbm-body{flex-direction:column;gap:1.5rem;display:flex}._cbm-inputs,._cbm-results{flex-direction:column;gap:1rem;display:flex}._cbm-content{grid-template-columns:1.2fr .8fr;align-items:start;gap:1.5rem;display:grid}._cbm-card{background:var(--cbm-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbm-border);padding:var(--main-space-6);box-shadow:var(--cbm-shadow)}._cbm-card-title{font-size:var(--main-text-base);color:var(--cbm-text);align-items:center;gap:.5rem;margin:0 0 1.25rem;font-weight:600;display:flex}._cbm-card-title svg{color:var(--cbm-primary);flex-shrink:0}._cbm-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}@media (max-width:768px){._cbm-container{padding-left:1rem;padding-right:1rem}._cbm-content{grid-template-columns:1fr}._cbm-card{padding:var(--main-space-4)}}._cbm-field{margin-bottom:.75rem}._cbm-field:last-child{margin-bottom:0}._cbm-label{font-size:var(--main-text-sm);color:var(--cbm-text-secondary);margin-bottom:.375rem;font-weight:500;display:block}._cbm-input-wrap{border-style:solid;border-width:1.5px;border-color:var(--cbm-border);border-radius:var(--main-radius);align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}._cbm-input-wrap:focus-within{border-color:var(--cbm-primary);box-shadow:0 0 0 3px var(--cbm-primary-light)}._cbm-input{font-size:var(--main-text-sm);color:var(--cbm-text);background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;padding:.5rem .625rem;font-weight:600}._cbm-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._cbm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._cbm-input[type=number]{-moz-appearance:textfield}._cbm-select-wrap{position:relative}._cbm-select{border-style:solid;border-width:1.5px;border-color:var(--cbm-border);border-radius:var(--main-radius);background:var(--cbm-bg);width:100%;font-size:var(--main-text-sm);color:var(--cbm-text);cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'%3E%3Cpath fill-rule='evenodd' d='M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;padding:.5rem 2rem .5rem .75rem;font-weight:600;transition:border-color .2s,box-shadow .2s}._cbm-select:focus{border-color:var(--cbm-primary);box-shadow:0 0 0 3px var(--cbm-primary-light);outline:none}._cbm-unit-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}._cbm-unit-card ._cbm-field{margin-bottom:0}._cbm-table-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cbm-border);grid-template-columns:1fr 1fr 1fr .6fr .8fr 32px;gap:.375rem;margin-bottom:.75rem;padding:0 0 .5rem;display:grid}._cbm-th{font-size:var(--main-text-xs);color:var(--cbm-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}._cbm-items{flex-direction:column;gap:.5rem;min-height:48px;display:flex}._cbm-item-row{grid-template-columns:1fr 1fr 1fr .6fr .8fr 32px;align-items:center;gap:.375rem;display:grid}._cbm-item-row ._cbm-input-wrap{border-width:1px}._cbm-remove-btn{width:28px;height:28px;color:var(--cbm-text-muted);cursor:pointer;border-radius:var(--main-radius);background:0 0;border:0 solid #0000;flex-shrink:0;justify-content:center;align-items:center;display:flex}._cbm-remove-btn:hover{color:var(--cbm-danger);background:var(--cbm-danger-light)}._cbm-remove-btn svg{width:12px;height:12px}._cbm-add-btn{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--cbm-primary);background:var(--cbm-primary-light);font-size:var(--main-text-xs);color:var(--cbm-primary);cursor:pointer;white-space:nowrap;align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:600;transition:all .2s;display:inline-flex}._cbm-add-btn:hover{background:var(--cbm-primary);color:#fff}._cbm-add-btn svg{width:12px;height:12px}._cbm-divisors{gap:.5rem;display:flex}._cbm-divisor{border-radius:var(--main-radius-lg);border-style:solid;border-width:1.5px;border-color:var(--cbm-border);background:var(--cbm-bg);cursor:pointer;flex-direction:column;flex:1;align-items:center;gap:.375rem;padding:.75rem .5rem;transition:all .2s;display:flex}._cbm-divisor svg{color:var(--cbm-text-muted);width:16px;height:16px}._cbm-divisor:hover{border-color:var(--cbm-primary)}._cbm-divisor--active{border-color:var(--cbm-primary);background:var(--cbm-primary-light);box-shadow:0 0 0 3px var(--cbm-primary-light)}._cbm-divisor--active svg{color:var(--cbm-primary)}._cbm-divisor-label{font-size:var(--main-text-xs);color:var(--cbm-text);font-weight:600}._cbm-divisor--active ._cbm-divisor-label{color:var(--cbm-primary)}._cbm-divisor-value{font-size:var(--main-text-xs);color:var(--cbm-text-muted);font-weight:500;font-family:var(--main-font-mono)}@media (max-width:768px){._cbm-table-header{display:none}._cbm-item-row{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cbm-border);grid-template-columns:1fr 1fr 1fr;gap:.375rem;padding-bottom:.75rem}._cbm-item-row ._cbm-input-wrap:nth-child(4){grid-column:1/2}._cbm-item-row ._cbm-input-wrap:nth-child(5){grid-column:2/3}._cbm-remove-btn{grid-column:3/4;justify-self:end}._cbm-unit-row{grid-template-columns:1fr 1fr}._cbm-divisors{flex-direction:row}}._cbm-result-main{text-align:center;padding:var(--main-space-8);color:#fff;background:linear-gradient(135deg, var(--cbm-primary), #818cf8);border-color:#0000;box-shadow:0 4px 16px #6366f14d}._cbm-result-label{font-size:var(--main-text-sm);opacity:.85;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-weight:500}._cbm-result-value{font-size:2.75rem;font-weight:700;line-height:1.1;font-family:var(--main-font-mono);margin-bottom:.25rem}._cbm-result-sub{font-size:var(--main-text-sm);opacity:.8;margin-top:.5rem}._cbm-summary{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}._cbm-summary-card{background:var(--cbm-bg);border-radius:var(--main-radius-lg);border-style:solid;border-width:1px;border-color:var(--cbm-border);box-shadow:var(--cbm-shadow);align-items:center;gap:.75rem;padding:.875rem 1rem;display:flex}._cbm-summary-card--highlight{border-color:var(--cbm-warning);box-shadow:0 0 0 3px var(--cbm-warning-light);border-width:1.5px}._cbm-summary-icon{border-radius:var(--main-radius);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}._cbm-summary-icon--vol{background:var(--cbm-accent-light);color:var(--cbm-accent)}._cbm-summary-icon--actual{background:var(--cbm-success-light);color:var(--cbm-success)}._cbm-summary-icon--charge{background:var(--cbm-warning-light);color:var(--cbm-warning)}._cbm-summary-icon--items{background:var(--cbm-primary-light);color:var(--cbm-primary)}._cbm-summary-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}._cbm-summary-label{font-size:var(--main-text-xs);color:var(--cbm-text-muted);font-weight:500}._cbm-summary-value{font-size:var(--main-text-base);color:var(--cbm-text);font-weight:700;font-family:var(--main-font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}._cbm-breakdown-card{padding:0;overflow:hidden}._cbm-breakdown-header{font-size:var(--main-text-sm);color:var(--cbm-text);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cbm-border);align-items:center;gap:.5rem;padding:.875rem 1rem;font-weight:600;display:flex}._cbm-breakdown-header svg{color:var(--cbm-text-muted)}._cbm-breakdown-body{padding:.75rem 1rem}._cbm-breakdown-empty{text-align:center;font-size:var(--main-text-sm);color:var(--cbm-text-muted);padding:1rem 0}._cbm-breakdown-item{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--cbm-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;display:flex}._cbm-breakdown-item:last-child{border-bottom-width:0}._cbm-breakdown-item-info{flex-direction:column;gap:.125rem;min-width:0;display:flex}._cbm-breakdown-item-name{font-size:var(--main-text-sm);color:var(--cbm-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._cbm-breakdown-item-dims{font-size:var(--main-text-xs);color:var(--cbm-text-muted);font-family:var(--main-font-mono)}._cbm-breakdown-item-cbm{font-size:var(--main-text-sm);color:var(--cbm-primary);font-weight:700;font-family:var(--main-font-mono);white-space:nowrap}._cbm-reset{border-radius:var(--main-radius);border-style:solid;border-width:1px;border-color:var(--cbm-border);background:var(--cbm-bg);width:100%;font-size:var(--main-text-sm);color:var(--cbm-text-muted);cursor:pointer;box-shadow:var(--cbm-shadow);justify-content:center;align-items:center;gap:.375rem;padding:.625rem 1rem;font-weight:500;transition:all .2s;display:flex}._cbm-reset:hover{border-color:var(--cbm-primary);color:var(--cbm-primary)}._cbm-reset svg{width:14px;height:14px}@media (max-width:768px){._cbm-result-value{font-size:2rem}._cbm-result-main{padding:var(--main-space-6)}._cbm-summary{grid-template-columns:1fr}}