@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800;900&display=swap";:root{--color-bg:#fff7f2;--color-surface:#fff;--color-surface-2:#ffeee5;--color-ink:#1a1424;--color-ink-2:#6b6175;--color-ink-3:#a39aa8;--color-line:#f1e6dc;--color-coral:#ff5a3d;--color-coral-soft:#ffe2d8;--color-coral-dark:#c43d22;--color-mint:#11a76a;--color-mint-soft:#d3f1e3;--color-amber:#f0a92b;--color-amber-soft:#fdecc6;--color-violet:#7a51e0;--color-violet-soft:#ebe2ff;--color-sky:#1f8acb;--color-sky-soft:#d6ecf9;--color-danger:#d8331c;--color-danger-soft:#ffe1de;--color-sidebar-hover:#2d1f3d;--color-overlay:#1a14247a;--focus-ring:0 0 0 3px #ff5a3d24;--shadow-card:0 10px 24px #28142814;--shadow-popover:0 24px 72px #2814282e;color:var(--color-ink);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Be Vietnam Pro,Segoe UI,Arial,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{min-width:1024px;min-height:100vh;margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:268px minmax(0,1fr);height:100vh;min-height:100vh;display:grid;overflow:hidden}.sidebar{background:var(--color-ink);height:100vh;min-height:0;color:var(--color-bg);flex-direction:column;gap:22px;padding:24px 12px 14px 18px;display:flex;overflow:hidden}.brand-block{flex:none;align-items:center;gap:12px;padding-right:6px;display:flex}.brand-block strong{font-size:18px;display:block}.brand-block span{color:var(--color-ink-3);margin-top:2px;font-size:13px;display:block}.brand-mark{background:var(--color-coral);width:44px;min-width:44px;height:44px;color:var(--color-surface);border-radius:8px;place-items:center;font-weight:800;display:grid}.side-nav-scroll{scrollbar-color:#ffffff47 transparent;scrollbar-width:thin;min-height:0;padding:0 6px 8px 0;overflow-y:auto}.side-nav-scroll::-webkit-scrollbar{width:5px}.side-nav-scroll::-webkit-scrollbar-track{background:0 0}.side-nav-scroll::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:999px}.side-nav-scroll:hover::-webkit-scrollbar-thumb{background:#ffffff5c}.side-nav{flex-direction:column;gap:4px;display:flex}.nav-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.nav-group p{color:var(--color-ink-3);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px;padding:0 10px;font-size:12px;font-weight:700}.side-link{min-height:48px;color:var(--color-line);border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-weight:700;text-decoration:none;display:flex}.side-link:hover,.side-link.active{background:var(--color-sidebar-hover);color:var(--color-surface)}.side-icon{width:28px;height:28px;color:var(--color-line);background:#ffffff14;border-radius:6px;flex:none;place-items:center;transition:background .16s,color .16s;display:grid}.side-link:hover .side-icon,.side-link.active .side-icon{color:var(--color-coral-soft);background:#ff5a3d2e}.workspace{background:var(--color-bg);grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid;overflow:hidden}.topbar{z-index:5;border-bottom:1px solid var(--color-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;grid-template-columns:minmax(180px,.7fr) minmax(320px,1fr) auto;align-items:center;gap:18px;min-height:70px;padding:14px 28px;display:grid}.topbar strong,.topbar span{display:block}.topbar span{color:var(--color-ink-2);margin-top:3px;font-size:13px}.topbar-user{min-width:0;color:inherit;text-decoration:none}.topbar-user strong,.topbar-user>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbar-user>span{align-items:center;gap:4px;display:flex}.topbar-user .branch-badge{font-size:13px}.topbar-user:hover strong{color:var(--color-coral-dark)}.topbar-nav{justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.topbar-nav-link{min-height:38px;color:var(--color-ink-2);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.topbar-nav-link:hover,.topbar-nav-link.active{background:var(--color-coral-soft);color:var(--color-coral-dark)}.topbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-actions .primary-button,.topbar-actions .ghost-button{white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.content{min-height:0;padding:28px;overflow-y:auto}.page-stack{flex-direction:column;gap:20px;display:flex}.record-scroll-page{height:100%;min-height:0;overflow:hidden}.record-scroll-page .table-panel{flex:auto;min-height:0;overflow:auto}.record-scroll-page .table-panel thead th{z-index:2;position:sticky;top:0}.page-heading{justify-content:space-between;align-items:center;display:flex}.page-heading p{color:var(--color-coral);text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.page-heading h1{letter-spacing:0;margin:0;font-size:30px}.panel,.kpi-card,.login-card{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:8px}.panel{padding:20px}.panel h2{margin:0 0 8px;font-size:18px}.panel p{color:var(--color-ink-2);margin:0}.filter-bar{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;grid-template-columns:minmax(300px,1fr) 260px 260px;align-items:end;gap:14px;padding:16px;display:grid}.filter-bar.customer-filter,.filter-bar.lead-filter{grid-template-columns:minmax(300px,1fr) 220px 260px}.filter-bar.invoice-filter{grid-template-columns:150px minmax(280px,1fr) 170px 220px 320px}.filter-bar.invoice-filter .filter-summary strong{white-space:nowrap}.filter-bar.product-filter{grid-template-columns:minmax(300px,1fr) 210px 210px 170px}.filter-bar.single-filter{grid-template-columns:minmax(300px,1fr)}.filter-bar.deleted-invoice-filter{grid-template-columns:minmax(300px,1fr) 260px}.filter-bar.user-filter{grid-template-columns:minmax(300px,1fr) 190px 240px}.filter-bar.cash-filter{grid-template-columns:170px 190px 170px 170px minmax(220px,1fr)}.filter-bar.cash-management-filter{grid-template-columns:160px 160px 170px 170px minmax(220px,1fr)}.filter-bar.payroll-filter{grid-template-columns:minmax(260px,1fr) 170px 190px minmax(220px,1fr)}.filter-bar.payroll-period-filter{grid-template-columns:220px auto;justify-content:start}.filter-bar.job-filter{grid-template-columns:minmax(260px,1fr) 180px}.filter-bar.notification-filter{grid-template-columns:220px}.filter-bar.media-kpi-filter{grid-template-columns:190px 170px 170px}.filter-bar.feedback-filter{grid-template-columns:190px 170px 170px minmax(220px,1fr)}.filter-bar.dashboard-filter{grid-template-columns:190px 260px minmax(220px,1fr)}.filter-bar label{color:var(--color-ink);flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.checkbox-row{align-items:center;min-height:42px;flex-direction:row!important}.checkbox-row input{width:16px;height:16px}.filter-bar input,.filter-bar select{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;outline:none;height:42px;padding:0 12px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--color-coral);box-shadow:var(--focus-ring)}.filter-summary{background:var(--color-surface-2);border-radius:8px;flex-direction:column;justify-content:center;min-height:42px;padding:8px 12px;display:flex}.filter-summary span{color:var(--color-ink-2);font-size:12px}.filter-summary strong{color:var(--color-ink);margin-top:2px}.table-panel{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:8px;overflow:hidden}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--color-line);text-align:left;vertical-align:middle;padding:13px 16px}th{background:var(--color-bg);color:var(--color-ink-2);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}td{color:var(--color-ink);font-size:14px;line-height:1.35}td a{color:var(--color-coral-dark);font-weight:800;text-decoration:none}.product-cell{justify-content:start;gap:4px;min-width:260px;display:grid}.product-title-row{align-items:center;gap:10px;min-height:28px;display:flex}.product-name-link{color:var(--color-ink);line-height:1.2}td span{color:var(--color-ink-2);margin-top:3px;font-size:12px;display:block}.invoice-customer-name{align-items:center;gap:7px;min-width:0;display:inline-flex}.invoice-customer-name .badge{min-height:20px;margin-top:0;padding:0 7px}tr:last-child td{border-bottom:0}tr.selected-row td{background:var(--color-coral-soft)}tr.selected-row td:first-child{box-shadow:inset 4px 0 0 var(--branch-color,var(--color-coral))}.clickable-row,tr[onclick]{cursor:pointer}.clickable-row:hover td{background:var(--color-surface-2)}.product-table td{height:58px}.num{text-align:right;white-space:nowrap}.badge{background:var(--color-coral-soft);min-height:24px;color:var(--color-coral-dark);border-radius:999px;justify-content:center;align-items:center;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.muted-badge{background:var(--color-line);color:var(--color-ink-2)}.badge.warning-badge{background:var(--color-amber-soft);color:var(--color-amber)}.badge.success-badge{background:var(--color-mint-soft);color:var(--color-mint)}.badge.danger-badge{background:var(--color-danger-soft);color:var(--color-danger)}.state-panel{color:var(--color-ink-2);text-align:center;padding:32px}.state-panel strong,.state-panel span{display:block}.state-panel span{margin-top:6px}.loading-state{justify-items:center;gap:12px;display:grid}.permission-state{border:1px solid var(--color-line);background:var(--color-surface);box-shadow:var(--shadow-card);border-radius:8px}.error-page{place-items:center;min-height:calc(100vh - 126px);display:grid}.error-card{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;width:min(560px,100%);padding:32px;box-shadow:0 18px 42px #2814281a}.error-card h1{margin:10px 0;font-size:28px}.error-card p{color:var(--color-ink-2);margin:0 0 20px;line-height:1.6}.error-trace{border:1px solid var(--color-danger-soft);background:var(--color-danger-soft);max-height:180px;color:var(--color-danger);white-space:pre-wrap;border-radius:8px;padding:12px;overflow:auto}.error-code{background:var(--color-coral-soft);min-height:32px;color:var(--color-coral-dark);letter-spacing:.08em;border-radius:8px;align-items:center;padding:0 12px;font-weight:900;display:inline-flex}.link-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.empty-state{min-height:96px}.infinite-scroll-sentinel{min-height:44px;color:var(--color-ink-2);place-items:center;font-size:13px;font-weight:700;display:grid}.detail-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:16px;display:grid}.split-grid{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:20px;display:grid}.detail-list{gap:12px;margin:12px 0 0;display:grid}.detail-list div{justify-content:space-between;gap:20px;display:flex}.detail-list dt{color:var(--color-ink-2)}.detail-list dd{color:var(--color-ink);text-align:right;margin:0;font-weight:700}.detail-list .strong-row{border-top:1px solid var(--color-line);padding-top:12px}.detail-list .strong-row dd{color:var(--color-coral-dark);font-size:20px}.detail-image{border:1px solid var(--color-line);object-fit:contain;background:var(--color-surface-2);border-radius:8px;width:100%;max-height:360px;display:block}.muted-text{color:var(--color-ink-2)}.error-text{color:var(--color-danger);font-weight:800}.action-panel{flex-direction:column;gap:12px;display:flex}.confirm-backdrop{z-index:50;background:var(--color-overlay);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.confirm-dialog{border:1px solid var(--color-line);background:var(--color-surface);width:min(480px,100%);box-shadow:var(--shadow-popover);border-radius:8px;padding:22px}.confirm-dialog h2{margin:0 0 8px;font-size:20px}.confirm-dialog p{color:var(--color-ink-2);margin:0 0 16px;line-height:1.55}.confirm-dialog label{color:var(--color-ink);flex-direction:column;gap:8px;font-size:13px;font-weight:800;display:flex}.confirm-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.compact-error{margin-top:10px;padding:10px 12px}textarea{border:1px solid var(--color-line);width:100%;color:var(--color-ink);resize:vertical;border-radius:8px;outline:none;padding:12px}textarea:focus{border-color:var(--color-coral);box-shadow:var(--focus-ring)}.invoice-image{border:1px solid var(--color-line);background:var(--color-bg);border-radius:8px;display:block;overflow:hidden}.invoice-image img{object-fit:contain;width:100%;max-height:280px;display:block}.invoice-image-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.invoice-image-gallery .invoice-image{aspect-ratio:4/3}.invoice-image-gallery .invoice-image img{height:100%;max-height:none}.file-button{background:var(--color-surface-2);min-height:40px;color:var(--color-ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;font-weight:800;display:inline-flex;position:relative}.file-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.danger-panel{border-color:var(--color-danger-soft);background:var(--color-danger-soft);flex-direction:column;gap:12px;display:flex}.danger-button{background:var(--color-danger);min-height:40px;color:var(--color-surface);border:0;border-radius:8px;align-self:flex-start;padding:0 16px;font-weight:800}.danger-button:disabled{cursor:not-allowed;opacity:.7}.invoice-form-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.form-panel{flex-direction:column;gap:16px;display:flex}.form-panel label,.form-grid label,.line-row label{color:var(--color-ink);flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.form-panel input,.form-panel select,.form-grid input,.form-grid select,.line-row input,.line-row select{border:1px solid var(--color-line);background:var(--color-surface);height:42px;color:var(--color-ink);border-radius:8px;outline:none;padding:0 12px}.form-panel input:focus,.form-panel select:focus,.form-grid input:focus,.form-grid select:focus,.line-row input:focus,.line-row select:focus{border-color:var(--color-coral);box-shadow:var(--focus-ring)}.field-hint{color:var(--color-ink-2);font-size:12px;font-weight:700;line-height:1.35}.field-hint.error{color:var(--color-danger)}.form-grid{gap:14px;display:grid}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.table-footer-actions{border-top:1px solid var(--color-line);color:var(--color-ink-2);justify-content:flex-end;align-items:center;gap:12px;padding:14px 16px;font-size:13px;font-weight:800;display:flex}.ai-report-grid{grid-template-columns:minmax(460px,.8fr) minmax(360px,1fr)}.ai-report-panel h2{margin-top:0}.ai-report-analysis{white-space:pre-wrap;line-height:1.7}.ai-report-branches{margin-top:18px}.ai-report-branches h3{margin:0 0 10px;font-size:16px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.narrow-form{max-width:900px}.form-checkbox{justify-content:flex-end;padding-bottom:2px}.section-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title-row h2{margin:0}.line-table{flex-direction:column;gap:10px;display:flex}.line-row{border:1px solid var(--color-line);background:var(--color-bg);border-radius:8px;grid-template-columns:minmax(220px,1fr) 78px 128px 120px 130px 68px;align-items:end;gap:10px;padding:12px;display:grid}.product-picker-trigger{border:1px solid var(--color-line);background:var(--color-surface);width:100%;min-height:42px;color:var(--color-ink);text-align:left;border-radius:8px;padding:8px 12px}.product-picker-trigger span,.product-picker-trigger strong{display:block}.product-picker-trigger strong{color:var(--color-ink-2);margin-top:3px;font-size:12px;font-weight:800}.product-picker-trigger:focus{border-color:var(--color-coral);box-shadow:var(--focus-ring);outline:none}.product-picker-trigger:disabled,.line-row input:disabled{cursor:not-allowed;opacity:.7}.invoice-upload-field{border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 12px;display:grid}.invoice-upload-preview{aspect-ratio:1;border:1px solid var(--color-line);background:var(--color-surface);width:82px;color:var(--color-coral);border-radius:8px;place-items:center;display:grid;overflow:hidden}.invoice-upload-preview img{object-fit:cover;width:100%;height:100%}.invoice-upload-content{gap:12px;min-width:0;display:grid}.invoice-upload-content strong,.invoice-upload-content span{display:block}.invoice-upload-content strong{color:var(--color-ink);font-size:13px}.invoice-upload-content span{color:var(--color-ink-2);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:12px;font-weight:700;overflow:hidden}.invoice-upload-thumbs{flex-wrap:wrap;gap:8px;display:flex}.invoice-upload-thumb{aspect-ratio:1;border:1px solid var(--color-line);background:var(--color-surface);border-radius:8px;width:52px;position:relative;overflow:hidden}.invoice-upload-thumb img{object-fit:cover;width:100%;height:100%}.invoice-upload-thumb button{background:var(--color-overlay);width:18px;height:18px;color:var(--color-surface);border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:3px;right:3px}.image-field-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.image-field-actions .ghost-button{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.image-field-actions input[type=file]{display:none}@media (width<=1100px){.invoice-upload-field{grid-template-columns:82px minmax(0,1fr)}.invoice-upload-field .image-field-actions{grid-column:2;justify-content:flex-start}}.branch-stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.warehouse-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.warehouse-branch-card{flex-direction:column;gap:16px;display:flex}.warehouse-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.warehouse-metrics div{border:1px solid var(--color-line);background:var(--color-bg);border-radius:8px;padding:12px}.warehouse-metrics dt{color:var(--color-ink-2);font-size:12px;font-weight:800}.warehouse-metrics dd{color:var(--color-ink);margin:5px 0 0;font-size:18px;font-weight:900}.warehouse-filter{grid-template-columns:minmax(280px,1fr) 220px 190px 230px}.report-filter{grid-template-columns:180px 180px 240px minmax(220px,1fr)}.report-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:start;gap:20px;display:grid}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.export-card{border:1px solid var(--color-line);background:var(--color-bg);min-height:132px;color:var(--color-ink);text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;padding:16px;display:flex}.export-card:hover{border-color:var(--color-coral);background:var(--color-coral-soft)}.export-card:disabled{cursor:not-allowed;opacity:.72}.export-card strong{font-size:16px}.export-card span{color:var(--color-ink-2);margin-top:8px;line-height:1.45}.export-card small{color:var(--color-coral-dark);margin-top:auto;font-weight:900}.compact-source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branch-cell{align-items:center;gap:10px;display:flex}.branch-cell>div{min-width:0}.branch-color-dot{background:var(--branch-color,var(--color-ink-2));width:10px;height:10px;box-shadow:0 0 0 3px var(--branch-color-soft,var(--color-surface-2));border-radius:999px;flex:none;display:inline-flex}.branch-badge{min-width:0;color:var(--branch-color,var(--color-ink-2));align-items:center;gap:8px;margin-top:0;font-weight:800;line-height:1;display:inline-flex}.branch-badge.muted{color:var(--color-ink-2)}.branch-badge.chip{border:1px solid var(--branch-color-soft,var(--color-line));background:var(--branch-color-soft,var(--color-surface-2));border-radius:999px;min-height:28px;padding:0 10px}.branch-badge-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-top:0;line-height:1;overflow:hidden}.branch-badge small{color:inherit;opacity:.75;margin-left:6px}.branch-stock-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.branch-stock-chip{border:1px solid var(--branch-color,var(--color-line));background:var(--branch-color-soft,var(--color-surface-2));border-radius:999px;align-items:center;gap:6px;min-height:30px;margin-top:0;padding:0 9px;line-height:1;display:inline-flex}.branch-stock-chip strong{color:var(--branch-color,var(--color-ink));align-items:center;margin-top:0;line-height:1;display:inline-flex}.product-table .branch-stock-chip span,.product-table .branch-stock-chip strong{margin-top:0}.scope-badge{white-space:nowrap;margin-left:auto}.branch-scope-badge{border:1px solid var(--branch-color-soft,var(--color-line));background:var(--branch-color-soft,var(--color-surface-2));color:var(--branch-color,var(--color-ink-2));gap:8px}.profile-grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:20px;display:grid}.profile-card{text-align:center}.profile-card .detail-list{text-align:left}.profile-avatar{background:var(--color-coral);width:72px;height:72px;color:var(--color-surface);border-radius:8px;place-items:center;margin:0 auto 14px;font-size:30px;font-weight:900;display:grid}.info-box{border:1px solid var(--color-coral-soft);background:var(--color-coral-soft);text-align:left;border-radius:8px;margin-top:16px;padding:12px}.info-box strong,.info-box span{display:block}.info-box span{color:var(--color-coral-dark);margin-top:5px;line-height:1.5}.diagnostic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.diagnostic-item{border:1px solid var(--color-line);background:var(--color-bg);border-radius:8px;gap:8px;min-width:0;padding:14px;display:grid}.diagnostic-item span{color:var(--color-ink-2);font-size:12px;font-weight:800}.diagnostic-item strong{color:var(--color-ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.stock-delta{color:var(--color-ink-2);font-weight:900}.stock-delta.positive{color:var(--color-coral-dark)}.stock-delta.negative{color:var(--color-danger)}.table-actions{border-top:1px solid var(--color-line);justify-content:center;padding:14px;display:flex}.table-number-input{border:1px solid var(--color-line);text-align:right;border-radius:8px;width:96px;height:36px;padding:0 10px}.danger-text dd{color:var(--color-danger)!important}.danger-text-inline{color:var(--color-danger)}.profit-value,.detail-list .strong-row dd.profit-value{color:var(--color-sky)}.profit-value.negative,.detail-list .strong-row dd.profit-value.negative{color:var(--color-danger)}.line-amount{flex-direction:column;justify-content:center;min-height:42px;display:flex}.line-amount span{color:var(--color-ink-2);font-size:12px}.line-amount strong{color:var(--color-ink);margin-top:3px}.segmented{flex-wrap:wrap;gap:8px;display:inline-flex}.segmented button{border:1px solid var(--color-line);background:var(--color-surface);min-height:38px;color:var(--color-ink);border-radius:8px;padding:0 12px;font-weight:800}.segmented button.active{border-color:var(--color-coral);background:var(--color-coral-soft);color:var(--color-coral-dark)}.summary-panel{min-width:0}.sticky-panel{position:sticky;top:92px}.discount-box{border:1px solid var(--color-line);background:var(--color-bg);border-radius:8px;gap:10px;padding:12px;display:grid}.discount-box label{flex-direction:row;align-items:center;gap:8px;display:flex}.discount-box input[type=radio]{width:16px;height:16px}.total-box{background:var(--color-coral-dark);color:var(--color-surface);border-radius:8px;padding:16px}.total-box span,.total-box strong{display:block}.total-box span{opacity:.85}.total-box strong{margin-top:6px;font-size:26px}.modal-backdrop{z-index:20;background:var(--color-overlay);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--color-surface);width:min(520px,100%);box-shadow:var(--shadow-popover);border-radius:8px;padding:22px}.modal-card h2{margin:0 0 16px}.modal-title-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-title-row h2{margin:0}.modal-title-row .modal-actions{margin-top:0}.product-picker-modal{flex-direction:column;width:min(780px,100%);max-height:min(760px,100vh - 48px);display:flex}.product-search-field{color:var(--color-ink);flex-direction:column;gap:7px;font-size:13px;font-weight:800;display:flex}.product-search-field input{border:1px solid var(--color-line);height:42px;color:var(--color-ink);border-radius:8px;outline:none;padding:0 12px}.product-search-field input:focus{border-color:var(--color-coral);box-shadow:var(--focus-ring)}.product-picker-list{gap:8px;margin-top:14px;padding-right:4px;display:grid;overflow:auto}.product-picker-option{border:1px solid var(--color-line);background:var(--color-surface);min-height:62px;color:var(--color-ink);text-align:left;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 12px;display:grid}.product-picker-option:hover:not(:disabled),.product-picker-option.active{border-color:var(--color-coral);background:var(--color-coral-soft)}.product-picker-option span,.product-picker-option strong,.product-picker-option small{display:block}.product-picker-option small{color:var(--color-ink-2);margin-top:3px;font-size:12px;font-weight:700}.product-picker-option:disabled{cursor:not-allowed;opacity:.55}.product-picker-meta{text-align:right;min-width:126px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.action-row{align-items:center;gap:10px;display:flex}.compact-actions{justify-content:center;gap:6px}.compact-actions .ghost-button,.compact-actions .primary-button{min-height:30px;padding:0 10px;font-size:12px}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.warehouse-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.warehouse-alert-card.warning{border-color:var(--color-amber-soft);background:linear-gradient(180deg, var(--color-surface), var(--color-amber-soft))}.warehouse-alert-card.warning span,.warehouse-alert-card.warning strong,.stock-warning-text{color:var(--color-amber)!important}.warehouse-alert-card.danger{border-color:var(--color-danger-soft);background:linear-gradient(180deg, var(--color-surface), var(--color-danger-soft))}.warehouse-alert-card.danger span,.warehouse-alert-card.danger strong,.stock-danger-text{color:var(--color-danger)!important}.stock-warning-text,.stock-danger-text{font-weight:900}.kpi-card small{color:var(--color-ink-2);margin-top:6px;font-size:12px;display:block}.dashboard-hero,.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);align-items:stretch;gap:16px;display:grid}.revenue-card h2{letter-spacing:0;margin:4px 0 0;font-size:34px}.eyebrow{color:var(--color-coral);letter-spacing:.05em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.revenue-split{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.revenue-split div,.source-item{background:var(--color-bg);border-radius:8px;padding:12px}.revenue-split span,.revenue-split small,.source-item span{color:var(--color-ink-2);font-size:12px;display:block}.revenue-split strong,.source-item strong{color:var(--color-ink);margin-top:4px;font-size:16px;display:block}.dashboard-alert-list,.dashboard-list,.quick-actions{gap:10px;margin-top:14px;display:grid}.dashboard-alert{border:1px solid var(--color-amber-soft);background:var(--color-amber-soft);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.dashboard-alert.danger{border-color:var(--color-danger-soft);background:var(--color-danger-soft)}.dashboard-alert span{color:var(--color-ink);font-weight:700}.dashboard-alert a,.quick-actions a,.feedback-row,.section-title-row a{color:var(--color-coral-dark);font-weight:800;text-decoration:none}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-actions a{border:1px solid var(--color-coral-soft);background:var(--color-coral-soft);border-radius:8px;padding:12px}.branch-revenue-row{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(0,1fr) 140px;gap:14px;padding:12px 0;display:grid}.branch-revenue-row:last-child{border-bottom:0}.branch-revenue-row strong,.branch-revenue-row span,.feedback-row strong,.feedback-row span,.feedback-row small{display:block}.branch-revenue-row span,.feedback-row span,.feedback-row small{color:var(--color-ink-2);margin-top:3px;font-size:12px}.branch-revenue-row>div:last-child{text-align:right}.progress-track{background:var(--color-line);border-radius:999px;height:6px;margin-top:8px;overflow:hidden}.progress-track div{border-radius:inherit;background:var(--color-coral);height:100%}.feedback-row{border-bottom:1px solid var(--color-line);padding:10px 0}.feedback-row:last-child{border-bottom:0}.source-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.compact-empty{min-height:auto;padding:18px}.kpi-card{padding:18px}.kpi-card span{color:var(--color-ink-2);font-size:13px;display:block}.kpi-card strong{margin-top:8px;font-size:26px;display:block}.ghost-button,.primary-button{border:0;border-radius:8px;min-height:40px;padding:0 16px;font-weight:700}.ghost-button{background:var(--color-surface-2);color:var(--color-ink)}.primary-button{background:var(--color-coral);color:var(--color-surface)}.primary-button:disabled{cursor:not-allowed;opacity:.7}.login-screen,.boot-screen{background:radial-gradient(circle at top left, #ff5a3d2e, transparent 34%), var(--color-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(420px,100%);padding:28px}.login-brand{margin-bottom:28px}.login-legal-links{color:var(--color-ink-2);justify-content:center;align-items:center;gap:10px;margin-top:18px;font-size:13px;font-weight:700;display:flex}.login-legal-links a{color:var(--color-coral-dark);text-decoration:none}.legal-screen{background:var(--color-bg);min-height:100vh;padding:36px 24px;overflow-y:auto}.legal-card{border:1px solid var(--color-line);background:var(--color-surface);width:min(960px,100%);box-shadow:var(--shadow-card);border-radius:8px;margin:0 auto;padding:28px}.legal-header{border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:20px;padding-bottom:22px;display:flex}.legal-brand{color:var(--color-ink);text-decoration:none}.legal-nav{align-items:center;gap:12px;display:flex}.legal-nav a:not(.primary-button){color:var(--color-coral-dark);font-weight:800;text-decoration:none}.legal-title{margin:28px 0 24px}.legal-title p{color:var(--color-coral);letter-spacing:.05em;text-transform:uppercase;margin:0 0 8px;font-size:13px;font-weight:900}.legal-title h1{letter-spacing:0;margin:0;font-size:34px}.legal-title span{max-width:760px;color:var(--color-ink-2);margin-top:12px;line-height:1.7;display:block}.legal-card section{border-top:1px solid var(--color-line);margin-top:22px;padding:22px 0 0}.legal-card h2{margin:0 0 10px;font-size:18px}.legal-card p,.legal-card li{color:var(--color-ink-2);line-height:1.75}.legal-card ul{gap:10px;margin:0;padding-left:20px;display:grid}.legal-card p{margin:0}.form-stack{flex-direction:column;gap:14px;display:flex}.form-stack label{color:var(--color-ink);flex-direction:column;gap:7px;font-weight:700;display:flex}.form-stack input{border:1px solid var(--color-line);border-radius:8px;outline:none;height:44px;padding:0 12px}.form-stack input:focus{border-color:var(--color-coral);box-shadow:var(--focus-ring)}.error-box{border:1px solid var(--color-danger-soft);background:var(--color-danger-soft);color:var(--color-danger);border-radius:8px;padding:12px}.success-box{border:1px solid var(--color-mint-soft);background:var(--color-mint-soft);color:var(--color-mint);border-radius:8px;padding:12px;font-weight:800}.product-table .badge{min-height:30px}.actions-col{text-align:center;white-space:nowrap;width:112px}.table-action-link{border:1px solid var(--color-coral);background:var(--color-coral-soft);min-height:30px;color:var(--color-coral-dark);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:900;line-height:1;display:inline-flex}.table-action-empty{color:var(--color-ink-3);margin-top:0}.loader{border:3px solid var(--color-coral-soft);border-top-color:var(--color-coral);border-radius:999px;width:32px;height:32px;animation:.8s linear infinite spin}.small-loader{width:24px;height:24px}.empty-panel{min-height:180px}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1280px){.app-shell{grid-template-columns:224px minmax(0,1fr)}.topbar{grid-template-columns:minmax(160px,.8fr) minmax(280px,1fr) auto;gap:12px;padding:14px 22px}.topbar-nav-link{padding:0 7px;font-size:12px}.sidebar{padding:20px 10px 12px 14px}.content{padding:22px}.kpi-grid,.filter-bar,.filter-bar.customer-filter,.filter-bar.invoice-filter,.filter-bar.lead-filter,.filter-bar.product-filter,.filter-bar.user-filter,.filter-bar.cash-filter,.filter-bar.cash-management-filter,.filter-bar.payroll-filter,.filter-bar.payroll-period-filter,.filter-bar.job-filter,.filter-bar.notification-filter,.filter-bar.media-kpi-filter,.filter-bar.deleted-invoice-filter,.filter-bar.feedback-filter,.filter-bar.dashboard-filter,.filter-bar.warehouse-filter,.filter-bar.report-filter,.dashboard-hero,.dashboard-grid,.source-grid,.report-grid,.diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-form-grid,.split-grid,.detail-grid,.warehouse-layout,.profile-grid{grid-template-columns:minmax(0,1fr)}.sticky-panel{position:static}}@media (width<=1200px){.dashboard-hero,.dashboard-grid,.source-grid,.report-grid,.export-grid,.diagnostic-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=1100px){body{min-width:960px}.app-shell{grid-template-columns:196px minmax(0,1fr)}.topbar{grid-template-columns:minmax(150px,1fr) auto auto}.topbar-nav-link{width:38px;padding:0;font-size:0}.side-link{padding:9px 8px}.side-icon{width:24px;height:24px}th,td{padding:11px 12px}}