:root{--bg:#f5f7fb;--surface:#fff;--border:#e2e8f0;--text:#0f172a;--muted:#64748b;--primary:#1d4ed8;--danger:#dc2626;--warning:#d97706;--success:#16a34a}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.app-root{min-height:100vh}.top-nav{border-bottom:1px solid var(--border);background:var(--surface);z-index:20;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex;position:sticky;top:0}.top-nav-left,.top-nav-right,.row{align-items:center;gap:.75rem;display:flex}.row.wrap{flex-wrap:wrap}.logo{font-size:.95rem;font-weight:700}.range-inputs{align-items:center;gap:.5rem;display:flex}.user-email{color:var(--muted);font-size:.8rem}.workspace{grid-template-columns:230px 1fr;min-height:calc(100vh - 61px);display:grid}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.nav-item{color:var(--muted);border-radius:.5rem;padding:.65rem .75rem;font-size:.9rem;font-weight:600}.nav-item.active{color:#1e3a8a;background:#e7efff}.content{padding:1.25rem}.page-header{margin-bottom:1rem}.page-header h1{margin:0;font-size:1.5rem}.page-header p{color:var(--muted);margin:.35rem 0 0}.dashboard-layout{grid-template-columns:minmax(0,1fr) 340px;gap:1rem;display:grid}.dashboard-main,.dashboard-side{flex-direction:column;gap:1rem;display:flex}.stats-grid{gap:.9rem;display:grid}.stats-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:.95rem}.card-header{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.card-header h3{margin:0;font-size:.98rem}.card-header p{color:var(--muted);margin:.25rem 0 0;font-size:.82rem}.stat-card{min-height:120px}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:.78rem}.stat-value{margin:.6rem 0 0;font-size:1.45rem;font-weight:700}.stat-delta{color:var(--muted);margin:.5rem 0 0;font-size:.82rem}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--danger)}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.95rem;display:grid}.chart-grid .full-width{grid-column:1/-1}.chart-wrap{width:100%;height:280px}.table-wrap{overflow:auto}.table{border-collapse:collapse;width:100%;font-size:.86rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:.6rem}.table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;font-size:.75rem}.th-button{color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:none}.clickable{cursor:pointer}.clickable:hover{background:#f8fafc}.active-row{background:#e7efff}.danger-row{background:#fef2f2}.empty-cell{text-align:center;color:var(--muted)}.drawer-backdrop{z-index:30;background:#02061773;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--surface);border-left:1px solid var(--border);width:min(900px,96vw);height:100%;padding:1rem;overflow:auto}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.drawer-header h3{margin:0}.drawer-header p{color:var(--muted);margin:.2rem 0 0}.drawer-tabs{flex-wrap:wrap;gap:.45rem;margin-bottom:.7rem;display:flex}.tab{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .7rem}.tab.active{color:#fff;background:#1e40af;border-color:#1e40af}.risk-list{flex-direction:column;gap:.85rem;display:flex}.risk-list h4{margin:0;font-size:.86rem}.risk-list ul{flex-direction:column;gap:.4rem;margin:.45rem 0 0;padding:0;list-style:none;display:flex}.risk-list li{justify-content:space-between;gap:.6rem;font-size:.82rem;display:flex}.stack{flex-direction:column;gap:.7rem;display:flex}.input{border:1px solid var(--border);background:#fff;border-radius:.55rem;padding:.5rem .7rem;font-size:.9rem}.input.inline{width:120px;padding:.35rem .45rem}.btn{color:#fff;cursor:pointer;background:#1d4ed8;border:1px solid #1d4ed8;border-radius:.55rem;padding:.45rem .8rem;font-size:.84rem;font-weight:600}.btn:disabled{cursor:not-allowed;opacity:.65}.btn.btn-secondary{color:#1e293b;border-color:var(--border);background:#fff}.feedback{color:#0f172a;background:#e2e8f0;border-radius:.5rem;margin:0;padding:.6rem}.muted{color:var(--muted);margin:0;font-size:.82rem}.large-number{margin:0;font-size:1.45rem;font-weight:700}.large-number.danger{color:var(--danger)}.large-number.warning{color:var(--warning)}.toggle-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.label-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.chip{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:999px;padding:.35rem .7rem}.chip.active{color:#1e3a8a;background:#e7efff;border-color:#1d4ed8}.auth-page{place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-page .card{width:min(460px,100%)}.loading-screen,.empty-state{border:1px solid var(--border);background:var(--surface);border-radius:.75rem;padding:1rem}@media (max-width:1200px){.dashboard-layout{grid-template-columns:1fr}}@media (max-width:1024px){.workspace{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap}.stats-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}.feedback-banner{border-radius:.55rem;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.65rem .9rem;font-size:.88rem;font-weight:500;display:flex}.feedback-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.feedback-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.feedback-dismiss{cursor:pointer;color:inherit;opacity:.7;background:0 0;border:none;font-size:1.2rem;line-height:1}.feedback-dismiss:hover{opacity:1}.form-row{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.form-label{color:var(--text);flex-direction:column;gap:.3rem;font-size:.84rem;font-weight:600;display:flex}.fieldset{border:1px solid var(--border);border-radius:.6rem;margin:0;padding:.85rem}.fieldset legend{padding:0 .4rem;font-size:.88rem;font-weight:700}.toggle-item{cursor:pointer;align-items:center;gap:.5rem;padding:.3rem 0;font-size:.86rem;display:flex}.toggle-item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary)}.config-summary{border:1px solid var(--border);background:#f8fafc;border-radius:.5rem;padding:.6rem .8rem;font-size:.84rem;line-height:1.5}.btn-row{align-items:center;gap:.65rem;display:flex}.template-list{flex-direction:column;gap:.75rem;display:flex}.template-card{border:1px solid var(--border);background:#fff;border-radius:.6rem;padding:.85rem;transition:border-color .15s}.template-card:hover{border-color:#cbd5e1}.template-card-editing{border-color:var(--primary);box-shadow:0 0 0 2px #dbeafe}.template-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.template-card-title{align-items:center;gap:.6rem;display:flex}.template-card-title h4{margin:0;font-size:.95rem}.template-card-actions{gap:.35rem;display:flex}.btn-icon{border:1px solid var(--border);cursor:pointer;width:2rem;height:2rem;color:var(--muted);background:0 0;border-radius:.4rem;justify-content:center;align-items:center;font-size:.85rem;transition:background .12s,color .12s;display:inline-flex}.btn-icon:hover{color:var(--text);background:#f1f5f9}.btn-icon-danger:hover{color:var(--danger);background:#fef2f2;border-color:#fecaca}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:.3rem;padding:.15rem .45rem;font-size:.68rem;font-weight:700}.badge-xlsx{color:#1e40af;background:#dbeafe}.badge-pdf{color:#9d174d;background:#fce7f3}.badge-service{color:#1e40af;background:#dbeafe}.badge-surcharge{color:#92400e;background:#fef3c7}.badge-perkg{color:#3730a3;background:#e0e7ff}.template-card-meta{align-items:center;gap:.75rem;margin-top:.5rem;font-size:.82rem;display:flex}.meta-tag{border-radius:.25rem;padding:.12rem .4rem;font-size:.75rem;font-weight:600}.meta-file{color:#15803d;background:#f0fdf4}.meta-nofile{color:var(--muted);background:#f8fafc}.template-card-pills{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.pill{border:1px solid #0000;border-radius:999px;padding:.18rem .5rem;font-size:.72rem;font-weight:600}.pill-on{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.pill-off{color:#94a3b8;background:#f8fafc;border-color:#e2e8f0;text-decoration:line-through}.template-card-details{border-top:1px solid var(--border);margin-top:.75rem;padding-top:.75rem}.detail-table{border-collapse:collapse;width:100%;font-size:.82rem}.detail-table th,.detail-table td{border-bottom:1px solid var(--border);text-align:left;padding:.4rem .6rem}.detail-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;font-size:.72rem}.status-on{color:var(--success);font-weight:600}.status-off{color:var(--muted)}.detail-path{margin:.6rem 0 0;font-size:.8rem}.detail-path code{word-break:break-all;background:#f1f5f9;border-radius:.25rem;padding:.15rem .35rem;font-size:.78rem}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}@media (max-width:768px){.top-nav{flex-direction:column;align-items:flex-start;gap:.65rem}.top-nav-right{flex-wrap:wrap}.stats-grid.three,.chart-grid,.toggle-grid,.label-grid,.form-row{grid-template-columns:1fr}.mapper-grid{grid-template-columns:1fr!important}}.mapper-container{flex-direction:column;gap:1rem;display:flex}.mapper-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.mapper-header h3{margin:0;font-size:1rem}.mapper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;display:grid}.mapper-field{flex-direction:column;gap:.25rem;display:flex}.mapper-label{flex-direction:column;gap:.3rem;font-size:.84rem;font-weight:600;display:flex}.mapper-label select{font-weight:400}.required-star{color:var(--danger)}.mapper-mapped-badge{color:var(--primary);font-size:.72rem;font-weight:500}.mapper-field-dimmed{opacity:.55}.mapper-field-dimmed:hover{opacity:1}.mapper-preview{border-top:1px solid var(--border);padding-top:.85rem}.mapper-preview h4{margin:0 0 .6rem;font-size:.9rem}.preview-th{flex-direction:column;gap:.15rem;display:flex}.preview-th-system{text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:700}.preview-th-csv{color:var(--primary);opacity:.8;font-size:.7rem;font-weight:400}.saved-mappings-section{flex-direction:column;gap:.6rem;display:flex}.saved-mappings-group{flex-direction:column;gap:.35rem;display:flex}.saved-mappings-label{margin:0;font-size:.82rem;font-weight:600}.saved-mapping-chip-group{align-items:center;gap:.2rem;display:flex}.btn-icon-sm{width:1.5rem;height:1.5rem;font-size:.75rem}.save-mapping-row{border-top:1px solid var(--border);align-items:center;gap:.65rem;padding-top:.5rem;display:flex}.save-mapping-row .input{flex:1;min-width:200px}.processing-overlay{color:var(--muted);justify-content:center;align-items:center;padding:2rem;font-weight:600;display:flex}.pricing-tabs-bar{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.pricing-hint{border:1px solid var(--border);border-left:3px solid var(--primary);color:var(--text);background:#f8fafc;border-radius:.4rem;padding:.65rem .85rem;font-size:.84rem;line-height:1.55}.form-row-4{flex-wrap:wrap;align-items:flex-end;gap:.55rem;display:flex}.form-row-4 .input{flex:1;min-width:130px}.form-row-4 .btn{flex-shrink:0}.charge-category-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.examples-panel{border:1px solid var(--border);background:#f8fafc;border-radius:.5rem;padding:.65rem .85rem}.examples-list{flex-direction:column;gap:.35rem;margin-top:.45rem;display:flex}.example-item{align-items:center;gap:.6rem;font-size:.82rem;display:flex}.example-use-btn{border:1px solid var(--border);cursor:pointer;color:var(--primary);white-space:nowrap;background:0 0;border-radius:.35rem;padding:.2rem .55rem;font-size:.8rem;font-weight:600}.example-use-btn:hover{border-color:var(--primary);background:#eff6ff}.btn-sm{padding:.25rem .5rem;font-size:.76rem}.editing-row{background:#fffbeb}.editing-row .input.inline{width:100px}.unmatched-cost-note{color:#92400e;background:#fefce8;border:1px solid #fde68a;border-radius:.5rem;margin-top:.75rem;padding:.65rem .85rem;font-size:.84rem}.perkg-weight-fields{border:1px solid var(--border);background:#f8fafc;border-radius:.6rem;padding:.85rem}.weight-limits-display{font-size:.82rem}.weight-unit-row{border:1px solid var(--border);background:#f8fafc;border-radius:.6rem;padding:.85rem}.weight-unit-row .form-label{max-width:320px}.weight-unit-row .muted{margin-top:.35rem}@media (max-width:1024px){.mapper-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.designer-layout{grid-template-columns:320px 1fr;align-items:start;gap:1rem;display:grid}.designer-sidebar{flex-direction:column;gap:1rem;max-height:calc(100vh - 100px);display:flex;position:sticky;top:80px;overflow-y:auto}.designer-canvas{flex-direction:column;gap:1rem;display:flex}.designer-blocks-list{flex-direction:column;gap:.5rem;display:flex}.designer-block{border:1px solid var(--border);cursor:grab;background:#fff;border-radius:.6rem;transition:border-color .15s,box-shadow .15s}.designer-block:active{cursor:grabbing}.designer-block:hover{border-color:#94a3b8}.designer-block-disabled{opacity:.55;background:#f8fafc}.designer-block-drop-target{border-color:var(--primary);box-shadow:0 0 0 2px #dbeafe}.designer-block-header{align-items:center;gap:.65rem;padding:.6rem .75rem;display:flex}.designer-block-drag-handle{color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;font-size:1.1rem;line-height:1}.designer-block-info{flex:1;min-width:0}.designer-block-title{font-size:.86rem;font-weight:600}.designer-block-desc{color:var(--muted);margin-top:.1rem;font-size:.76rem}.designer-block-toggle{color:var(--muted);cursor:pointer;flex-shrink:0;align-items:center;gap:.35rem;font-size:.78rem;display:flex}.designer-block-toggle input[type=checkbox]{accent-color:var(--primary)}.designer-block-expanded{border-color:var(--primary)}.designer-block-editor{border-top:1px dashed var(--border);margin:0 .5rem;padding:.5rem .75rem .6rem}.block-settings-toggles{flex-wrap:wrap;gap:.35rem 1rem;margin-bottom:.5rem;display:flex}.block-settings-labels{flex-direction:column;gap:.4rem;display:flex}.block-settings-labels textarea{resize:vertical;min-height:2.2rem}.designer-block-preview{padding:0 .75rem .6rem}.preview-logo-img{object-fit:contain;border-radius:.35rem;flex-shrink:0;max-width:120px;max-height:60px}.invoice-preview-page{border:1px solid var(--border);background:#fff;border-radius:.5rem;min-height:400px;padding:1.5rem;box-shadow:0 1px 4px #0000000f}.preview-block{margin-bottom:1rem}.preview-block:last-child{margin-bottom:0}.preview-org-header{border-bottom:2px solid #1d4ed8;padding-bottom:.75rem}.preview-org-row{align-items:center;gap:1rem;display:flex}.preview-logo-placeholder{width:60px;height:60px;color:var(--muted);background:#e2e8f0;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:700;display:flex}.preview-org-name{font-size:1.1rem;font-weight:700}.preview-org-addr{color:var(--muted);margin-top:.15rem;font-size:.82rem}.preview-title{color:#1d4ed8;letter-spacing:.04em;font-size:1.4rem;font-weight:800}.preview-ref{margin-top:.5rem}.preview-ref-row{color:var(--muted);gap:1.5rem;margin-top:.35rem;font-size:.82rem;display:flex}.preview-customer{border:1px solid var(--border);background:#f8fafc;border-radius:.4rem;padding:.65rem .85rem}.preview-label{text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:.2rem;font-size:.76rem;font-weight:700}.preview-addr{color:var(--muted);margin-top:.15rem;font-size:.82rem}.preview-vat{color:var(--muted);margin-top:.25rem;font-size:.78rem}.preview-due{font-size:.86rem}.preview-lines{overflow:auto}.preview-table{border-collapse:collapse;width:100%;font-size:.8rem}.preview-table th{color:#fff;text-transform:uppercase;letter-spacing:.03em;text-align:left;background:#1d4ed8;padding:.4rem .5rem;font-size:.72rem;font-weight:600}.preview-table td{border-bottom:1px solid var(--border);padding:.35rem .5rem}.preview-table tbody tr:nth-child(2n){background:#f8fafc}.preview-totals-divider{border-top:2px solid var(--border);width:100%;height:0;margin-bottom:.75rem}.preview-totals-section{justify-content:space-between;gap:2rem;display:flex}.preview-payment-details{flex-direction:column;flex:1;gap:.2rem;font-size:.84rem;display:flex}.preview-payment-line{line-height:1.45}.preview-payment-placeholder{color:var(--muted);font-size:.8rem;font-style:italic}.preview-totals-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.3rem;display:flex}.preview-total-row{justify-content:space-between;gap:2rem;min-width:240px;font-size:.86rem;display:flex}.preview-grand-total{border-top:2px solid var(--text);padding-top:.3rem;font-size:.95rem}.preview-footer{border-top:1px solid var(--border);padding-top:.65rem}.preview-footer-text{color:var(--muted);font-size:.82rem;font-style:italic}@media (max-width:1024px){.designer-layout{grid-template-columns:1fr}.designer-sidebar{max-height:none;position:static}}.ss-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.ss-controls-left{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.ss-controls-right{align-items:center;gap:.5rem;display:flex}.ss-saved-templates{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.ss-saved-chip{align-items:center;gap:.15rem;display:flex}.ss-tab-bar{flex-wrap:wrap;gap:.4rem;margin:.75rem 0;display:flex}.ss-container{margin-top:.5rem;overflow-x:auto}.ss-page{background:#fff;border:1px solid #b0b0b0;min-width:700px;max-width:900px;margin:0 auto;padding:2rem 2.5rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.88rem;position:relative;box-shadow:0 2px 8px #0000001a}.ss-header-grid{border-bottom:2px solid #1a365d;justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.ss-header-left{align-items:flex-start;gap:1rem;display:flex}.ss-logo{object-fit:contain;border-radius:.25rem;max-width:140px;max-height:70px}.ss-logo-placeholder{color:#94a3b8;background:#e2e8f0;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:70px;font-size:.7rem;font-weight:700;display:flex}.ss-org-details{flex-direction:column;gap:.15rem;display:flex}.ss-org-name{color:#1a365d;font-size:.95rem;font-weight:700}.ss-org-addr{color:#475569;font-size:.78rem}.ss-header-right{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.ss-invoice-badge{color:#fff;background:#1a365d;border-radius:.25rem;align-items:center;padding:.5rem 1.5rem;display:flex}.ss-invoice-badge input{color:#fff;text-align:right;background:0 0;border:none;outline:none;width:140px;font-family:inherit;font-size:1.4rem;font-weight:800}.ss-invoice-badge input:focus{background:#ffffff26;border-radius:.2rem}.ss-ref-table{border-collapse:collapse;font-size:.82rem}.ss-ref-table td{border:1px solid #cbd5e1;padding:.2rem .5rem}.ss-ref-label{color:#475569;text-align:right;white-space:nowrap;background:#f8fafc;font-weight:600}.ss-ref-value{text-align:right;min-width:80px;font-weight:700}.ss-bill-section{background:#fafbfc;border:1px solid #cbd5e1;border-radius:.3rem;justify-content:space-between;gap:2rem;margin-bottom:1.5rem;padding:.85rem;display:flex}.ss-bill-left{flex:1}.ss-section-label{text-transform:uppercase;letter-spacing:.04em;color:#475569;border-bottom:1px solid #e2e8f0;margin-bottom:.4rem;padding-bottom:.25rem;font-size:.78rem;font-weight:700}.ss-bill-name{margin-bottom:.2rem;font-size:.92rem;font-weight:700}.ss-bill-addr{color:#475569;font-size:.82rem;line-height:1.5}.ss-bill-right{flex:1;max-width:340px}.ss-due-box{font-size:.82rem}.ss-due-message{color:#475569;margin-top:.35rem;font-style:italic}.ss-due-note{color:#6b7280;margin-top:.5rem;font-size:.76rem;line-height:1.4}.ss-charges-table{border-collapse:collapse;width:60%;margin-bottom:1rem;margin-left:auto;font-size:.82rem}.ss-charges-table td{border:1px solid #d1d5db;padding:.3rem .6rem}.ss-charge-name{text-align:left}.ss-charge-qty,.ss-charge-price,.ss-charge-total{text-align:right;font-variant-numeric:tabular-nums}.ss-totals-section{border-top:2px solid #1a365d;justify-content:space-between;gap:2rem;margin-bottom:1rem;padding-top:.75rem;display:flex}.ss-totals-left{flex:1}.ss-payment-info{margin-top:.3rem;font-size:.82rem;line-height:1.6}.ss-totals-right{flex-shrink:0}.ss-totals-table{border-collapse:collapse;font-size:.88rem}.ss-totals-table td{border:1px solid #d1d5db;padding:.35rem .6rem}.ss-total-label{text-align:right;white-space:nowrap;background:#f8fafc;font-weight:600}.ss-total-value{text-align:right;font-variant-numeric:tabular-nums;min-width:80px}.ss-grand-total-row td{background:#f0f4ff;border-top:2px solid #1a365d}.ss-footer{text-align:center;border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.65rem}.ss-line-items-section{border-top:3px double #1a365d;margin-top:1.5rem;padding-top:1rem;overflow-x:auto}.ss-excel-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.8rem}.ss-excel-th{color:#fff;text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;background:#1a365d;border:1px solid #2d4a7a;padding:.45rem .5rem;font-size:.72rem;font-weight:600;position:relative}.ss-excel-td{background:#fff;border:1px solid #d1d5db;padding:.35rem .5rem}.ss-excel-td:hover{outline-offset:-2px;cursor:cell;background:#eff6ff;outline:2px solid #3b82f6}.ss-excel-number{text-align:right}.ss-excel-table tbody tr:nth-child(2n) .ss-excel-td{background:#f8fafc}.ss-excel-table tbody tr:nth-child(2n) .ss-excel-td:hover{background:#eff6ff}.ss-cell-input{font:inherit;color:inherit;background:0 0;border:none;outline:none;width:100%;padding:0}.ss-cell-input:focus{background:#eff6ff;border-bottom:2px solid #3b82f6}.ss-cell-input:hover{background:#f8fafc}.ss-settings-panel{flex-direction:column;gap:.75rem;display:flex}.ss-settings-section{border:1px solid var(--border);background:#fafbfc;border-radius:.5rem;padding:.65rem .85rem}.ss-settings-header{justify-content:space-between;align-items:center;display:flex}.ss-settings-toggle{cursor:pointer;align-items:center;gap:.5rem;display:flex}.ss-settings-toggle input[type=checkbox]{accent-color:var(--primary);width:1rem;height:1rem}.ss-settings-title{font-size:.88rem;font-weight:700}.ss-settings-toggles{border-top:1px dashed var(--border);flex-wrap:wrap;gap:.35rem 1.2rem;margin-top:.5rem;padding-top:.5rem;display:flex}.ss-setting-item{cursor:pointer;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.ss-setting-item input[type=checkbox]{accent-color:var(--primary)}.ss-col-order-list{border-top:1px dashed var(--border);flex-direction:column;gap:.2rem;margin-top:.5rem;padding-top:.5rem;display:flex}.ss-col-order-item{align-items:center;gap:.4rem;font-size:.82rem;display:flex}.inline-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600;display:inline-block}.inline-badge-service{color:#1e40af;background:#dbeafe}.inline-badge-surcharge{color:#92400e;background:#fef3c7}.inline-badge-per_kg{color:#065f46;background:#d1fae5}.xl-panel{padding:.35rem .5rem .6rem}.xl-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.xl-filter{border:1px solid var(--border);background:#fff;border-radius:.35rem;width:140px;padding:.25rem .5rem;font-size:.78rem}.xl-dirty-badge{color:#b45309;background:#fef3c7;border-radius:999px;padding:.15rem .45rem;font-size:.7rem;font-weight:600}.xl-grid-wrap{border:1px solid #c6d0dc;border-radius:.25rem;max-height:380px;overflow:auto}.xl-grid{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.78rem}.xl-th{color:#374151;text-transform:uppercase;letter-spacing:.02em;z-index:1;white-space:nowrap;background:#e8ecf1;border-bottom:1px solid #c6d0dc;border-right:1px solid #d5dbe3;padding:.3rem .4rem;font-size:.7rem;font-weight:700;position:sticky;top:0}.xl-th:last-child{border-right:none}.xl-th-edit{background:#dbeafe}.xl-row-dirty{background:#fffbeb}.xl-td{vertical-align:middle;border-bottom:1px solid #e5e7eb;border-right:1px solid #edf0f3;padding:0}.xl-td:last-child{border-right:none}.xl-td-label{white-space:nowrap;text-overflow:ellipsis;padding:.25rem .4rem;overflow:hidden}.xl-td-edit{padding:0}.xl-cell{box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;padding:.25rem .4rem;font-family:inherit;font-size:.78rem}.xl-cell:focus{outline-offset:-2px;background:#eff6ff;outline:2px solid #3b82f6}.xl-cell:disabled{color:var(--muted);background:#f9fafb}.xl-cell-ro{color:var(--text);padding:.25rem .4rem;display:block}@media (max-width:768px){.ss-page{min-width:auto;padding:1rem}.ss-header-grid,.ss-bill-section,.ss-totals-section{flex-direction:column}}