:root{--bg: #0f172a;--panel: #1e293b;--accent: #2563eb;--text: #e2e8f0;--muted: #94a3b8;--border: #334155;--ok: #16a34a}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:#f1f5f9;color:#0f172a}h1{font-size:22px;margin:0 0 16px}.muted{color:#64748b}.small{font-size:12px}.center{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh}.shell{height:100vh;height:100dvh;overflow:hidden;--sidebar-w: 220px;--thead-h: 39px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;height:100dvh;z-index:100;background:var(--bg);color:var(--text);display:flex;flex-direction:column;padding:18px 0;overflow:hidden;transform:translate(0);transition:transform .2s ease}.shell.collapsed .sidebar{transform:translate(-100%)}.sidebar-resizer{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;z-index:101}.sidebar-resizer:hover,.sidebar-resizer.active{background:#ffffff38}.shell.resizing{-webkit-user-select:none;user-select:none;cursor:col-resize}.shell.resizing .sidebar,.shell.resizing .content{transition:none}.sidebar-top{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between}.icon-btn{background:none;border:none;color:var(--muted);font-size:17px;cursor:pointer;width:auto;padding:4px 14px 4px 6px}.icon-btn:hover{color:#fff}.sidebar-open{position:fixed;top:12px;left:12px;z-index:90;width:42px;height:42px;border-radius:9px;border:none;cursor:pointer;background:var(--bg);color:#fff;font-size:18px;box-shadow:0 2px 10px #0000004d}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:90}.brand{font-size:22px;font-weight:700;padding:0 18px}.brand.big{font-size:28px;text-align:center;padding:0;color:var(--accent)}.brand-sub{font-size:12px;color:var(--muted);padding:0 18px 18px;letter-spacing:1px;text-transform:uppercase}.sidebar nav{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.sidebar nav a{color:var(--text);text-decoration:none;padding:11px 18px;font-size:15px}.sidebar nav a:hover{background:#1e293b}.sidebar nav a.active{background:var(--accent);color:#fff}.nav-group-head{width:100%;background:none;border:none;color:var(--text);display:flex;align-items:center;justify-content:space-between;padding:11px 18px;font-size:15px;font-family:inherit;cursor:pointer;text-align:left}.nav-group-head:hover{background:#1e293b}.chevron{font-size:11px;color:var(--muted);transition:transform .15s ease}.chevron.open{transform:rotate(90deg)}.nav-sub{display:flex;flex-direction:column;background:#00000038}.sidebar nav .nav-sub a{padding:9px 18px 9px 34px;font-size:14px}.sidebar nav .nav-sub a:before{content:"·";margin-right:8px;color:var(--muted)}.sidebar nav .nav-sub a.active:before{color:#fff}.sidebar-foot{flex:0 0 auto;padding:18px;border-top:1px solid var(--border)}.sidebar-foot-actions{display:flex;flex-direction:column;align-items:flex-start;margin-top:4px}.btn-link{background:none;border:none;color:var(--muted);cursor:pointer;padding:6px 0;font-size:13px}.btn-link:hover{color:#fff}.btn-secondary{background:#e2e8f0;color:#1e293b;padding:6px 12px;font-size:13px}.btn-secondary:hover{background:#cbd5e1}.content{margin-left:var(--sidebar-w);height:100vh;height:100dvh;min-height:0;overflow:auto;overflow-x:hidden;padding:0 32px 28px;transition:margin-left .2s ease}.shell.collapsed .content{margin-left:0;padding-left:66px}.content>*{padding-top:28px}@media(max-width:900px){.content{margin-left:0!important}.shell:not(.collapsed) .sidebar-backdrop{display:block}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:18px;margin-bottom:16px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.stat{text-align:center}.stat-value{font-size:34px;font-weight:700;color:var(--accent)}.stat-label{color:#64748b;margin-top:4px}input,select{padding:9px 11px;border:1px solid #cbd5e1;border-radius:7px;font-size:14px;background:#fff}button{padding:9px 16px;border:none;border-radius:7px;background:var(--accent);color:#fff;font-size:14px;cursor:pointer}button:hover{background:#1d4ed8}button:disabled{opacity:.6;cursor:default}.toolbar{display:flex;flex-wrap:wrap;gap:10px;row-gap:8px;margin-bottom:16px;align-items:center}.row-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}label{display:block;font-size:13px;color:#475569;margin:10px 0 4px}.login{width:min(320px,calc(100vw - 32px));display:flex;flex-direction:column}.login input{margin-bottom:4px}.login button{margin-top:16px}.error{color:#dc2626;font-size:13px;margin:8px 0}.field-warn{display:block;color:#b45309;font-size:12px;margin-top:4px}.addr-md{display:flex;gap:14px;align-items:flex-start}.addr-list{flex:0 0 190px;display:flex;flex-direction:column;gap:2px;border:1px solid #e2e8f0;border-radius:8px;padding:6px;max-height:360px;overflow-y:auto;background:#f8fafc}.addr-li{display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-align:left;background:none;color:inherit;border:none;border-radius:6px;padding:7px 9px;cursor:pointer;width:100%}.addr-li:hover{background:#eef2f7}.addr-li.on,.addr-li.on:hover{background:var(--accent);color:#fff}.addr-li-label{font-size:13px;font-weight:600}.addr-li-sub{font-size:11px;opacity:.75}.addr-add{width:100%;margin-top:6px;font-size:13px}.addr-detail{flex:1 1 auto;min-width:0}@media(max-width:640px){.addr-md{flex-direction:column}.addr-list{flex-basis:auto;width:100%;max-height:160px}}.grid{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:10px}.grid th,.grid td{text-align:left;padding:10px 12px;border-bottom:1px solid #e2e8f0;font-size:14px}.grid td{overflow-wrap:anywhere}.grid th,.grid td{border-right:1px solid #e2e8f0}.grid th:last-child,.grid td:last-child{border-right:none}.grid th{background:#f8fafc;color:#475569;font-weight:600}.grid tbody tr{cursor:pointer}.grid tbody tr.selected td{background:#dbeafe}.grid tbody tr.selected:hover td{background:#cfe3fd}.head-actions{display:flex;gap:8px;align-items:center}.list-actions{display:flex;gap:8px;align-items:center;margin-left:auto}.list-actions button{width:140px;height:38px;padding:0 12px;font-size:14px;white-space:nowrap}.form-actions{display:flex;gap:8px;align-items:center;margin-top:12px}.form-actions button{width:140px;height:40px;padding:0 16px;font-size:14px}.form-actions .btn-cancel{background:#e2e8f0;color:#1e293b}.form-actions .btn-cancel:hover{background:#cbd5e1}.edit-nav{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e2e8f0}.edit-nav button{width:130px}.grid.compact th,.grid.compact td{padding:6px 10px}.grid.compact input[type=number]{-moz-appearance:textfield}.grid.compact input[type=number]::-webkit-inner-spin-button,.grid.compact input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grid th.num,.grid td.num,input[type=number]{text-align:right}.search-general{min-width:0;flex:1 1 220px;max-width:420px}.toolbar-error{margin:0}.filter-inline{width:130px}.filter-row th{padding:4px 8px 8px;background:#f1f5f9;border-bottom:2px solid #e2e8f0}.filter-row input,.filter-row select{width:100%;padding:5px 7px;font-size:12px;font-weight:400}.toolbar{z-index:20;background:#f1f5f9;padding:12px 0;margin-bottom:0}.grid thead tr:first-child th{white-space:nowrap}.grid th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.grid th.sortable:hover{background:#eef2f7}.sort-ind{margin-left:5px;font-size:10px;color:#cbd5e1}.sort-ind.on{color:var(--accent)}.sort-ord{font-size:9px;font-weight:700;margin-left:1px}.table-scroll .grid thead tr:first-child th{position:sticky;top:0;z-index:10}.table-scroll .grid thead tr.filter-row th{position:sticky;top:var(--thead-h, 39px);z-index:10}.badge{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge.open{background:#fef9c3;color:#854d0e}.badge.in_progress{background:#dbeafe;color:#1e40af}.badge.completed{background:#dcfce7;color:#166534}.badge.cancelled{background:#fee2e2;color:#991b1b}.receipt-head{display:flex;gap:14px;align-items:center;margin-bottom:10px}.badge.mv-receipt{background:#dcfce7;color:#166534}.badge.mv-putaway{background:#dbeafe;color:#1e40af}.badge.mv-pick{background:#fae8ff;color:#86198f}.badge.mv-move{background:#e0e7ff;color:#3730a3}.badge.mv-adjust{background:#fef3c7;color:#92400e}.badge.mv-ship{background:#ffe4e6;color:#9f1239}.badge.mv-count{background:#f1f5f9;color:#475569}.badge.shipped{background:#dcfce7;color:#166534}.badge.partially_shipped{background:#dbeafe;color:#1e40af}.badge.closed{background:#e0e7ff;color:#3730a3}.page-head{display:flex;align-items:center;justify-content:space-between;background:#f1f5f9;padding-bottom:10px}.page-head h1{margin-bottom:0}.list-page{display:flex;flex-direction:column;height:calc(100vh - 28px);height:calc(100dvh - 28px)}.table-scroll{flex:1 1 auto;min-height:0;overflow:auto;border-radius:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.form-grid .span-2{grid-column:1 / -1}.dims-row,.abl-row{display:flex;gap:18px;margin-top:12px;flex-wrap:wrap}.dims-row .field,.abl-row .field{width:120px}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:1000;overflow:auto}.dialog{background:#fff;border-radius:12px;width:100%;max-width:min(640px,calc(100vw - 24px));box-shadow:0 20px 60px #00000059;animation:dlg-in .12s ease;display:flex;flex-direction:column;max-height:calc(100dvh - 80px)}@keyframes dlg-in{0%{transform:translateY(-10px);opacity:0}to{transform:none;opacity:1}}.dialog-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e2e8f0}.dialog-head h3{margin:0;font-size:18px}.dialog-head-actions{display:flex;align-items:center;gap:2px}.dialog-close{background:none;border:none;font-size:18px;color:#64748b;cursor:pointer;width:auto;padding:4px 8px}.dialog-close:hover{color:#0f172a}.dialog-body{padding:20px;overflow:auto;min-height:0}.dialog.stable{position:relative;height:min(720px,calc(100dvh - 80px));max-width:calc(100vw - 24px)}.dialog.stable .dialog-body{flex:1 1 auto;padding-bottom:0}.dialog-overlay.maximized{padding:16px}.dialog.maximized{width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:none;max-height:calc(100dvh - 32px)}.dialog-resizer{position:absolute;right:0;bottom:0;width:18px;height:18px;cursor:nwse-resize;z-index:6;border-bottom-right-radius:12px;background:linear-gradient(135deg,transparent 50%,#cbd5e1 50%,#cbd5e1 62%,transparent 62%,transparent 70%,#cbd5e1 70%,#cbd5e1 82%,transparent 82%)}.dialog-resizer:hover{background:linear-gradient(135deg,transparent 50%,#64748b 50%,#64748b 62%,transparent 62%,transparent 70%,#64748b 70%,#64748b 82%,transparent 82%)}body.dlg-resizing{-webkit-user-select:none;user-select:none;cursor:nwse-resize}.dialog.stable .dialog-body>form>.form-actions:last-child,.dialog.stable .dialog-body>form>.row-form:last-child,.dialog.stable .dialog-body>.form-actions:last-child,.dialog.stable .dialog-body>.row-form:last-child{position:sticky;bottom:0;z-index:5;margin:auto -20px 0;padding:14px 20px;background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.dialog.stable .dialog-body>form{display:flex;flex-direction:column;min-height:100%}.dialog.stable .dialog-body>form>*{flex:0 0 auto}.toast-stack{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:1400;align-items:center}.toast{background:#0f172a;color:#f8fafc;padding:10px 18px;border-radius:999px;font-size:14px;box-shadow:0 10px 30px #00000040;animation:dlg-in .15s ease;max-width:min(560px,90vw)}.toast-success{background:#14532d}.confirm-overlay{z-index:1300}.confirm-dialog{max-width:420px;align-self:center}.confirm-body{padding:24px;text-align:center}.confirm-title{margin:0 0 12px;font-size:18px}.confirm-msg{margin:0 0 20px;font-size:15px;line-height:1.5}.confirm-actions{display:flex;gap:8px;justify-content:center}.confirm-actions button{width:130px;height:40px}.lines-scroll{overflow-x:auto;margin:12px 0}.lines-scroll>table{margin:0;width:100%;min-width:720px}.detail-grid{--detail-rows: 5;--detail-row-h: 51px;--detail-head-h: 32px;flex:1 1 0;min-height:calc(var(--detail-head-h) + var(--detail-rows) * var(--detail-row-h));overflow:auto;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0}.detail-grid.with-hint{--detail-row-h: 65px}.detail-grid>table{margin:0;width:100%;min-width:720px}.detail-grid td{vertical-align:top}.detail-grid td input,.detail-grid td select{height:36px}.detail-grid td .btn-link{height:36px;padding:0 6px}.detail-grid thead th{position:sticky;top:0;z-index:2;background:#f8fafc}.detail-grid>table>tbody>tr:last-child>td{border-bottom:none}.tab-pane{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.tab-pane[hidden]{display:none}.tab-pane>*:not(.detail-grid){flex:0 0 auto}.dialog.stable .dialog-body>form>.tab-panel{flex:1 1 auto;min-height:124px;display:flex;flex-direction:column}.grid.compact td input,.grid.compact td select{width:100%;min-width:0;box-sizing:border-box}.code-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.chip{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:13px;font-family:monospace}.chip-pick{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.pick{display:inline-flex;align-items:center;gap:5px;border:1px solid #cbd5e1;border-radius:6px;padding:4px 9px;font-size:13px;cursor:pointer;background:#fff}.pick.on{background:#dbeafe;border-color:#93c5fd}.labels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.label{border:1px solid #cbd5e1;border-radius:8px;padding:12px;text-align:center;background:#fff;break-inside:avoid}.label-code{font-weight:700;font-size:17px;margin-bottom:6px}.label .barcode{width:100%;height:44px}.label-sub{font-size:12px;color:#64748b;margin-top:4px}@media print{.sidebar,.sidebar-open,.sidebar-backdrop,.no-print{display:none!important}.content{margin-left:0!important;height:auto!important;overflow:visible!important;padding:0!important}.print-area{position:static}.labels-grid{grid-template-columns:repeat(3,1fr)}body:has(.dialog-overlay .print-area) .shell{visibility:hidden}body:has(.dialog-overlay .print-area) .dialog-overlay{visibility:visible;position:absolute;inset:0 auto auto 0;width:100%;padding:0;background:none;display:block}body:has(.dialog-overlay .print-area) .dialog{visibility:visible;box-shadow:none;border:none;max-height:none;overflow:visible;max-width:none!important;width:100%}body:has(.dialog-overlay .print-area) .dialog-head{display:none}}.generate-zone{margin-top:16px;padding-top:14px;border-top:1px dashed #cbd5e1;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.generate-zone button:disabled{opacity:.45}.field{display:flex;flex-direction:column}.field label{margin:0 0 4px}.field input{width:100%}textarea{padding:9px 11px;border:1px solid #cbd5e1;border-radius:7px;font-size:14px;font-family:inherit;resize:vertical}.checkbox-row{display:flex;align-items:center;gap:8px;margin-top:14px;color:#1e293b;font-size:15px}.checkbox-row input{width:auto}.ctx-menu{position:fixed;z-index:1100;min-width:176px;max-height:min(70vh,480px);overflow-y:auto;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 30px #0000002e;padding:5px;display:flex;flex-direction:column;animation:dlg-in .1s ease}.ctx-item{width:100%;text-align:left;background:none;border:none;color:#1e293b;padding:8px 12px;font-size:14px;border-radius:6px;cursor:pointer}.ctx-item:hover:not(:disabled){background:#f1f5f9}.ctx-item:disabled{color:#cbd5e1;cursor:default}.ctx-item.danger{color:#dc2626}.ctx-item.danger:hover:not(:disabled){background:#fee2e2}.ctx-sep{height:1px;background:#e2e8f0;margin:5px 4px}.btn-danger{background:#dc2626;color:#fff;padding:6px 12px;font-size:13px}.btn-danger:hover{background:#b91c1c}.badge-btn{background:none;border:none;padding:0;cursor:pointer}.form-tabs{display:flex;gap:2px;border-bottom:2px solid #e2e8f0;margin:4px 0 14px;flex-wrap:wrap}.form-tabs button{background:none;border:none;border-bottom:3px solid transparent;border-radius:0;color:#475569;padding:8px 14px;font-size:14px;cursor:pointer;margin-bottom:-2px}.form-tabs button:hover{background:#f1f5f9;color:#0f172a}.form-tabs button.on{border-bottom-color:var(--accent);color:var(--accent);font-weight:600;background:none}.typeahead{position:relative;min-width:0}.typeahead>input{width:100%}.typeahead-list{z-index:1200;background:#fff;border:1px solid #cbd5e1;border-radius:7px;box-shadow:0 8px 24px #00000026;max-height:242px;overflow:auto}.typeahead-item{padding:7px 10px;font-size:13px;cursor:pointer}.typeahead-item.hl,.typeahead-item:hover{background:#dbeafe}.typeahead-empty{padding:8px 10px;color:#94a3b8;font-size:13px}.typeahead-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;font-size:13px;cursor:pointer;padding:4px 6px}.typeahead-clear:hover{color:#dc2626;background:none}.typeahead.has-value>input{padding-right:26px}.addr-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:13px;line-height:1.55;color:#334155;min-height:92px}.addr-card strong{color:#0f172a}.tab-panel{min-height:124px}.qty-base{font-size:12px;line-height:16px;min-height:16px;color:#64748b}.uom-warn{color:#b45309}.detail-grid td input.cell-ro{text-align:right;background:#f8fafc;color:#475569;cursor:default}.view-note{background:#fef9c3;color:#854d0e;border-radius:7px;padding:8px 12px;font-size:13px;margin-bottom:12px}@media(max-width:1280px){.content{padding:0 18px 22px}.shell.collapsed .content{padding-left:62px}.list-actions button{width:auto;min-width:0;padding:0 14px}}@media(max-width:900px){.dialog-overlay{padding:18px 8px}.dialog{max-height:calc(100dvh - 36px)}.dialog.stable{height:calc(100dvh - 36px);max-height:calc(100dvh - 36px)}.dialog-body{padding:14px}.dialog.stable .dialog-body>form>.form-actions:last-child,.dialog.stable .dialog-body>form>.row-form:last-child,.dialog.stable .dialog-body>.form-actions:last-child,.dialog.stable .dialog-body>.row-form:last-child{margin:auto -14px 0;padding:12px 14px}.dialog-resizer{display:none}.search-general{min-width:150px}}@media(max-width:640px){.form-grid{grid-template-columns:1fr!important}.row-form>*{flex:1 1 140px}.form-actions{flex-wrap:wrap}}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 18px;min-width:0}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.chart-head h3{margin:0 0 2px;font-size:15px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;border-left:4px solid #2563eb}.kpi-good{border-left-color:#16a34a}.kpi-warn{border-left-color:#f59e0b}.kpi-bad{border-left-color:#dc2626}.kpi-label{font-size:12px;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.kpi-value{font-size:26px;font-weight:700;color:#0f172a;line-height:1.25;margin-top:2px}.kpi-unit{font-size:13px;font-weight:500;color:#64748b;margin-left:4px}.kpi-foot{display:flex;align-items:center;gap:8px;margin-top:4px;min-height:16px}.trend-up{color:#16a34a;font-size:12px;font-weight:600}.trend-down{color:#dc2626;font-size:12px;font-weight:600}.chart-wrap{min-width:0}.chart-svg{width:100%;display:block;overflow:visible}.grid-line{stroke:#eef2f7;stroke-width:1;vector-effect:non-scaling-stroke}.axis-line{stroke:#cbd5e1;stroke-width:1;vector-effect:non-scaling-stroke}.axis-text{fill:#94a3b8;font-size:11px}.pareto-line{fill:none;stroke:#dc2626;stroke-width:2;vector-effect:non-scaling-stroke}.threshold-line{stroke:#f59e0b;stroke-width:1;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;color:#475569}.chart-legend i,.donut-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:5px;vertical-align:-1px}.donut-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.donut-track{stroke:#eef2f7}.donut-value{font-size:20px;font-weight:700;fill:#0f172a}.donut-label{font-size:11px;fill:#94a3b8}.donut-legend{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#334155}.gauge{display:inline-block;text-align:center}.gauge-value{font-size:20px;font-weight:700;fill:#0f172a}.sparkline{display:block}.bar-list{display:flex;flex-direction:column;gap:9px}.bar-row{display:grid;grid-template-columns:minmax(90px,30%) 1fr auto;align-items:center;gap:10px;font-size:13px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#334155}.bar-track{background:#f1f5f9;border-radius:4px;height:12px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:4px}.bar-value{font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a}.bar-sub{grid-column:2 / -1;margin-top:-4px}.stack-bar{display:flex;width:100%;border-radius:6px;overflow:hidden;background:#eef2f7}.stack-bar>span{display:block;height:100%}.report-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px}.report-filters .field{min-width:150px;margin:0}.report-filters .field label{font-size:12px;color:#64748b}.report-filters .spacer{flex:1 1 auto}@media(max-width:720px){.report-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:minmax(70px,40%) 1fr auto}}.date-filter{display:flex;gap:3px}.date-filter input{min-width:0;width:100%;font-size:11px;padding:3px 4px}