:root{color:#14201b;background:#f4f6f5;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;--ctrl: 36px;--side: 232px;--ink: #14201b;--muted: #66736c;--line: #e6ebe8;--line-strong: #d5ddd8;--field: #e3e8e5;--paper: #fff;--canvas: #f4f6f5;--accent: #1f6b4a;--accent-ink: #176b45;--accent-soft: #e8f5ee;--warn: #9a6700;--bad: #b42318;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 2px rgba(16, 24, 20, .06)}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.app{display:grid;grid-template-columns:var(--side) minmax(0,1fr);height:100vh;height:100dvh;min-height:0}.side{background:var(--paper);color:var(--ink);padding:22px 14px 22px 16px;position:sticky;top:0;height:100vh;height:100dvh;overflow:auto;border-right:1px solid var(--line)}.brand{margin:0 4px 8px;font-size:18px;font-weight:650;line-height:1.3}.brand small{display:block;margin-top:2px;color:var(--muted);font-size:12px;font-weight:400}.nav{display:flex;flex-direction:column;gap:2px;margin-top:18px}.nav button{text-align:left;border:0;background:transparent;color:#24302b;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer}.nav>button.with-count{display:flex;justify-content:space-between;align-items:center;gap:8px}.nav-count{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#fde8e6;color:var(--bad);font-size:12px;line-height:18px;text-align:center}.ship-list{display:flex;flex-direction:column;gap:8px}.ship-item{display:flex;justify-content:space-between;align-items:center;gap:12px}.ship-item p{margin-top:4px}.nav>button.active,.nav-sub button.active{background:var(--accent-soft);color:var(--accent-ink);box-shadow:inset 3px 0 0 var(--accent)}.nav button:hover{background:#f3f7f5}.nav>button.active:hover,.nav-sub button.active:hover{background:var(--accent-soft)}.nav-group{display:flex;flex-direction:column;gap:2px;margin-top:16px}.nav button.group-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;color:var(--muted);padding:4px 10px}.nav button.group-label:hover{background:transparent;color:#24302b}.nav button.group-label.active{background:transparent;color:var(--accent-ink);box-shadow:none}.nav-sub{display:flex;flex-direction:column;gap:2px;margin:0;padding:0;border-left:0}.nav-sub button{padding:7px 10px 7px 16px}.main{display:flex;flex-direction:column;height:100vh;height:100dvh;min-width:0;min-height:0;overflow:hidden;padding:0 26px}.main>h1,.page-keep>h1{display:none}.page-keep{flex:1 1 auto;min-height:0;overflow:auto;padding:18px 0 48px}.page-keep[hidden]{display:none!important}.page-empty{margin:28px 0;color:var(--muted)}.topbar{position:static;z-index:20;display:flex;align-items:center;gap:12px;flex:none;min-width:0;margin:0 -26px;padding:10px 26px;background:#f4f6f5eb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.page-tabs{display:flex;flex:1;gap:6px;min-width:0;overflow-x:auto}.page-tab{display:flex;align-items:center;flex:none;background:var(--paper);border:1px solid var(--line-strong);border-radius:8px}.page-tab.on{background:var(--accent-soft);border-color:var(--accent)}.page-tab button{border:0;background:transparent;color:inherit;cursor:pointer;white-space:nowrap}.page-tab button[role=tab]{padding:6px 4px 6px 10px}.page-tab.on button[role=tab]{color:var(--accent-ink);font-weight:650}.page-tab button[aria-label]{padding:6px 10px 6px 4px;color:var(--muted);font-size:12px}.topbar-user{margin-left:auto;display:flex;align-items:center;gap:8px;min-width:0}.save-status{color:var(--accent-ink);font-size:13px}.save-status.bad{color:var(--bad)}.dialog>.save-status{margin:0 16px 8px}.save-lock{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;justify-content:center;align-items:flex-start;padding:max(16px,env(safe-area-inset-top)) 16px 16px;background:#f4f6f58c;cursor:wait}.save-lock-note{margin:0;max-width:min(420px,100%);padding:8px 16px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--accent-ink);font-size:14px;font-weight:650;text-align:center;box-shadow:0 8px 24px #10181429}.topbar .who{font-weight:650}.nav-toggle,.nav-backdrop{display:none}.login-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:28px 16px;background:var(--canvas)}.login-card{width:min(420px,100%);margin:0;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 12px 32px #10181414;padding:28px 28px 24px;position:relative}.login-brand h1{margin:0;font-size:28px;font-weight:650;line-height:1.2}.login-brand p{margin:4px 0 0;color:var(--muted)}.login-card h2{margin:22px 0 16px;font-size:16px;font-weight:650}.login-card .form{grid-template-columns:1fr}.login-card .form input{min-height:42px}.login-submit{width:100%;margin-top:16px}.login-hp{position:absolute;left:-10000px;top:0;width:220px;overflow:hidden}@media(max-width:720px){.login-wrap{padding:12px 12px calc(12px + env(safe-area-inset-bottom));align-items:start}.login-card{padding:22px 18px 18px}}.matrix .role-name{width:7em;min-width:0;min-height:var(--ctrl)}.matrix input[type=checkbox]{width:auto;min-height:0}.matrix th{vertical-align:bottom}.matrix th .ghost{margin-top:6px}.main h2{margin:18px 0 8px;font-size:16px}.lede{margin:0 0 18px;color:var(--muted);font-size:13px;max-width:920px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:12px}.kpi{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;min-width:0}.kpi b{display:block;font-size:clamp(22px,1.6vw,28px);font-weight:650;line-height:1.2;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.kpi span{color:var(--muted);font-size:12px}.kpis-sub{margin-bottom:16px}.kpis-sub .kpi{padding:12px 14px}.kpis-sub .kpi b{font-size:18px;letter-spacing:0}.kpi-good b{color:var(--accent-ink)}.kpi-warn b{color:var(--warn)}.kpi-bad b{color:var(--bad)}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;margin-bottom:14px;min-width:0;max-width:100%;overflow-x:auto}.panel h2{margin:0 0 10px;font-size:15px}.panel td input{width:100%;max-width:10rem;background:#fff;border:1px solid var(--field);border-radius:var(--radius-sm);padding:4px 8px}.opening-lines td.col-memo{white-space:normal;min-width:16rem}.opening-lines td.col-memo input{width:100%;max-width:none;min-width:16rem}.panel h3{margin:12px 0 6px;font-size:14px}.note{background:#f7f8f7;border-left:3px solid var(--warn);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:10px 12px;margin:0 0 14px}.note.bad{border-left-color:var(--bad);background:#fef3f2}.note.ok{border-left-color:var(--accent);background:var(--accent-soft)}.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.stack{display:flex;flex-direction:column;gap:8px}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{border-bottom:1px solid #eef1ef;padding:10px 12px;text-align:left;vertical-align:middle}th{font-size:12px;color:var(--muted);font-weight:500;background:transparent;position:sticky;top:0;z-index:1;white-space:nowrap}td.num,th.num{text-align:right;white-space:nowrap;width:1%}.scroll td{white-space:nowrap}.scroll td.memo{white-space:normal;min-width:8rem;max-width:18rem}td input[type=checkbox],th input[type=checkbox]{width:16px;height:16px;margin:0;vertical-align:middle}tr.click{cursor:pointer}tr.click:hover,tr.selected,.invoice-sheet tbody.invoice-block:hover td,.invoice-sheet tbody.invoice-block.selected td{background:#f3f7f5}.invoice-sheet tbody.invoice-block.returned td,.invoice-sheet tbody.invoice-block.returned:hover td{background:#fff4d6}.invoice-sheet tbody.invoice-block.selected.returned td{background:#ffe7a3}.invoice-sheet tbody.invoice-block+tbody.invoice-block>tr:first-child>td{border-top:2px solid var(--line-strong)}tr.returned,tr.returned:hover{background:#fff4d6}tr.selected.returned{background:#ffe7a3}tfoot td{font-weight:650;background:#f7f8f7;border-top:1px solid var(--line)}.scroll{overflow:auto;max-height:min(640px,70vh);max-width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}.scroll table{border-collapse:separate;border-spacing:0}.scroll th{background:var(--paper);z-index:3;box-shadow:inset 0 -1px #eef1ef}.scroll th.freeze,.scroll td.freeze{position:sticky;z-index:2;background:var(--paper)}.scroll th.freeze{z-index:5}.scroll tr.click:hover td.freeze,.scroll tr.selected td.freeze{background:#f3f7f5}.scroll tr.returned td.freeze,.scroll tr.returned:hover td.freeze{background:#fff4d6}.scroll tr.selected.returned td.freeze{background:#ffe7a3}.scroll tfoot td{position:sticky;bottom:0;z-index:2}.scroll tfoot td.grid-summary{position:static;white-space:normal}.scroll tfoot td.freeze{background:#f7f8f7;z-index:3}.scroll .freeze-end{box-shadow:8px 0 8px -8px #1018142e}.scroll th.freeze-end{box-shadow:inset 0 -1px #eef1ef,8px 0 8px -8px #1018142e}.col-setup{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:min(420px,50vh);overflow:auto}.col-setup li{display:flex;align-items:center;gap:8px}.col-setup li label{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.col-setup input{width:16px;height:16px;margin:0}.sort-setup{margin:8px 0 12px}.sort-setup-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-setup ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.sort-setup li{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-setup select{flex:1 1 7em;min-width:0;padding:6px 8px;border:1px solid var(--field);border-radius:var(--radius-sm);background:#fff;min-height:var(--ctrl)}.toolbar{display:flex;gap:10px 12px;flex-wrap:wrap;margin-bottom:12px;align-items:flex-end}.toolbar input,.toolbar select{background:#fff;border:1px solid var(--field);border-radius:var(--radius-sm);padding:6px 8px;min-height:var(--ctrl)}.toolbar>input,.toolbar>select{min-width:10rem}.toolbar>span{min-height:var(--ctrl);display:inline-flex;align-items:center;color:var(--muted);white-space:nowrap}.toolbar .stack-label{margin:0}.toolbar .primary,.toolbar .ghost,.toolbar .danger,.toolbar .chip{align-self:flex-end}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line-strong);background:#fff;border-radius:999px;padding:4px 12px;cursor:pointer;min-height:var(--ctrl);display:inline-flex;align-items:center}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.tag{display:inline-block;padding:2px 8px;border:0;border-radius:999px;font-size:12px;line-height:1.5;background:#eef1ef;color:#3d4a44}.tag.warn{background:#fff4d6;color:#8a5a00}.tag.bad{background:#fde8e6;color:var(--bad)}.tag.ok{background:var(--accent-soft);color:var(--accent-ink)}dl{display:grid;grid-template-columns:120px 1fr;gap:4px 8px;margin:0}dt{color:var(--muted)}dd{margin:0}.formula{font-family:Consolas,Sarasa Mono SC,monospace;font-size:12px;background:var(--canvas);border-radius:var(--radius-sm);padding:8px 10px}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow:auto;background:#0f171473;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dialog{width:min(760px,100%);margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px #10181429;padding:18px 20px 20px}.dialog.wide{width:min(1040px,100%)}.dialog-head{display:flex;align-items:center;gap:8px;margin-bottom:12px}.dialog-head h2{margin:0;min-width:0;font-size:16px}.dialog-head .ghost{margin-left:auto}.dialog-head .ghost+.ghost{margin-left:0}.dialog-backdrop:has(.dialog.max){padding:12px;overflow:hidden;align-items:stretch}.dialog.max{width:100%;max-width:none;flex:1 1 auto;min-height:0;margin:0;display:flex;flex-direction:column;overflow:hidden}.dialog.max .dialog-body{flex:1 1 auto;min-height:0;overflow:auto}.dialog .panel{border:0;padding:0;margin:0;background:transparent;box-shadow:none;overflow:visible}.dialog .panel>h2{display:none}.dialog .form{grid-template-columns:repeat(2,minmax(0,1fr))}.audit-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 16px;margin:10px 0 12px}.audit-facts>div{min-width:0}.audit-facts>.wide{grid-column:span 2}.audit-facts dt{margin:0;font-size:12px;color:var(--muted)}.audit-facts dd{margin:2px 0 0;font-size:14px;overflow-wrap:anywhere}.audit-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px;margin:0 0 12px}.audit-files p{margin:0 0 4px}.split{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.9fr);gap:14px;align-items:start}.split .form{grid-template-columns:minmax(0,1fr)}.split .span2,.split .form>.span2,.split .block{grid-column:1 / -1}.split .form>button{justify-self:stretch}.form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 14px;align-items:end}.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);min-width:0}.amount-line{display:flex;align-items:center;gap:8px;min-width:0}.amount-line input{flex:1}.amount-hint{color:var(--muted);font-size:12px;white-space:nowrap}.form input,.form select,.form textarea{padding:6px 8px;border:1px solid var(--field);border-radius:var(--radius-sm);background:#fff;width:100%;min-width:0;min-height:var(--ctrl)}.form>.formula,.form>.muted,.form>.form-error{grid-column:1 / -1;margin:0}.form>button{min-height:var(--ctrl);justify-self:start}.span2{grid-column:span 2}.primary,.ghost,.danger{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-sm);padding:6px 14px;min-height:var(--ctrl);line-height:1.2;cursor:pointer}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#184e36;border-color:#184e36}.form-error{color:var(--bad);margin:8px 0 0}.line-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.line-edit{margin-top:16px;max-width:40rem}.line-edit .line-head{margin-bottom:8px}.line-edit .line-head h3{margin:0}.line-edit table{width:100%;min-width:0}.line-edit th,.line-edit td{padding:8px 10px}.line-edit .col-grade{width:auto}.line-edit .col-kg{width:10rem}.line-edit.purchase-lines{max-width:none;overflow-x:auto}.line-edit.settle-lines{max-width:none;overflow:auto;overscroll-behavior:contain}.dialog-backdrop:has(.settle-lines){padding:16px}.dialog:has(.settle-lines){display:flex;flex-direction:column;max-height:calc(100dvh - 32px);overflow:hidden}.dialog.wide:has(.settle-lines){width:min(1200px,100%)}.dialog.max:has(.settle-lines){width:100%;max-width:none;max-height:none}.dialog:has(.settle-lines) .dialog-head,.dialog:has(.settle-lines) .save-status{flex:none}.dialog:has(.settle-lines) .dialog-body,.dialog:has(.settle-lines) form.panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.dialog:has(.settle-lines) form.panel>:not(.settle-lines){flex:none}.dialog:has(.settle-lines) .settle-lines{flex:1 1 auto;min-height:0}.settle-lines>table{border-collapse:separate;border-spacing:0}.settle-lines>table>thead th{position:sticky;top:0;z-index:4;background:var(--paper);box-shadow:inset 0 -1px #eef1ef}.settle-lines>table>tfoot td{position:sticky;bottom:0;z-index:4;background:#f7f8f7;box-shadow:inset 0 1px 0 var(--line)}.purchase-lines>table{min-width:62rem}.purchase-lines .col-grade{width:11rem}.purchase-lines .col-kg{width:8.5rem}.purchase-lines .col-price{width:7.5rem}.purchase-lines .col-yield{width:5.5rem}.purchase-lines .col-amount{width:14rem}.purchase-lines .cell-hint{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35;white-space:normal}.purchase-lines th.row-actions,.purchase-lines td.row-actions{position:sticky;left:0;z-index:1;background:#fff;box-shadow:8px 0 8px -8px #1018142e}.purchase-lines thead th.row-actions{z-index:2}.purchase-lines tfoot td.row-actions{background:#f7f8f7}.settle-lines>table>tbody.cat+tbody.cat>tr:first-child>td{border-top:8px solid #f3f6f4}.settle-lines .alloc-cell{background:#f6f8f7;padding:8px 10px 10px}.settle-lines .alloc-table th{position:static;background:transparent}.settle-lines .alloc-table td{background:transparent}.settle-lines .alloc-table{width:100%;table-layout:fixed}.settle-lines .alloc-table .col-lot{width:auto}.settle-lines .alloc-table .col-room{width:8rem}.settle-lines .alloc-table .col-kg{width:9rem}.settle-lines .alloc-table .row-actions{width:5.5rem}.settle-lines .col-price{width:8rem}.settle-lines .col-yield{width:6rem}.settle-lines .col-amount{width:9.5rem}.settle-lines .col-lot{width:16rem}.settle-lines .cell-hint{display:block;margin-top:4px;color:var(--muted);font-size:12px;line-height:1.35;white-space:normal}.settle-lines td.over{color:var(--bad)}.settle-lines td.over input{border-color:var(--bad);color:var(--bad)}.settle-lines .lot-name{display:block}.alloc-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.alloc-bar .tag{margin-right:auto}.alloc-filter{display:inline-flex;align-items:center;gap:6px;flex:none;white-space:nowrap;font-size:12px;color:var(--muted)}.alloc-filter input{width:14rem;max-width:100%;min-height:var(--ctrl);padding:4px 8px;border:1px solid var(--field);border-radius:var(--radius-sm);background:#fff}.panel .line-edit .alloc-filter input{width:16rem;max-width:100%}.panel .line-edit td input,.panel .line-edit td select{width:100%;max-width:none;min-height:var(--ctrl);padding:6px 8px;border:1px solid var(--field);border-radius:var(--radius-sm);background:#fff}.block{grid-column:1 / -1}.muted{margin:0;color:var(--muted);font-size:12px}.contact-row{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end;margin-top:8px}.yield-row{display:grid;grid-template-columns:minmax(8rem,1.1fr) minmax(9rem,.9fr) minmax(9rem,.9fr) minmax(6rem,.6fr) auto;gap:8px;align-items:end;margin-top:8px}.receipt-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:8px;align-items:end;margin-top:8px}button:disabled{opacity:.55;cursor:not-allowed}.ghost{background:#fff;border:1px solid var(--line-strong);color:#24302b}.ghost:hover{background:#f3f7f5}.danger{background:transparent;color:var(--bad);border:1px solid #f0c4c0}.danger:hover{background:#fef3f2}.row-actions{white-space:nowrap;text-align:left;width:1%}.row-actions button{margin-right:6px}.row-actions button:last-child{margin-right:0}.file-drop{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;border:1px dashed var(--line-strong);border-radius:var(--radius-sm);background:#fbfcfb}.file-drop.over{border-color:var(--accent);background:var(--accent-soft)}.file-drop.is-disabled{opacity:.6}.file-drop-hint,.file-drop-note{font-size:12px;line-height:1.4;color:var(--muted)}.file-drop-note{color:var(--warn)}.file-drop-actions{display:flex;flex-wrap:wrap;gap:8px}.file-drop-pending{display:flex;flex-direction:column;gap:4px;width:100%}.file-drop-pending p{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;color:var(--ink);font-size:13px}.file-drop input.file-drop-input{position:absolute;width:1px;height:1px;min-width:0;min-height:0;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap}.file-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:4px 0}.file-note{color:var(--warn);font-size:12px}.file-chips{display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px;vertical-align:middle;max-width:100%}.file-chip{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:100%}.file-chip .file-name{word-break:break-all}.file-thumb{width:56px;height:56px;padding:0;border:1px solid var(--line-strong);border-radius:6px;background:var(--canvas);overflow:hidden;cursor:zoom-in;flex:none}.file-thumb img{width:100%;height:100%;object-fit:cover;display:block}.file-thumb:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.name-tip{cursor:help;border-bottom:1px dotted var(--line-strong)}.source-clip{display:inline-block;max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.source-hit{font-weight:650;background:#fff4d6;border-radius:3px}.source-tip{position:fixed;z-index:40;width:max-content;max-width:min(28rem,calc(100vw - 16px));padding:8px 10px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 8px 24px #10181429;pointer-events:none;font-size:13px;line-height:1.5}.source-tip p{margin:0}.source-tip p.muted{font-size:12px}.file-name-btn{padding:0;border:0;background:none;font:inherit;color:var(--accent-ink);cursor:zoom-in;text-decoration:underline}.file-chip a,.preview-panel a{color:var(--accent-ink)}.preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px;overflow:auto;background:#0f1714b8}.preview-panel{width:min(960px,100%);margin:auto;background:var(--paper);border-radius:16px;padding:16px 18px 18px;box-shadow:0 16px 40px #1018143d}.preview-image{display:block;max-width:100%;max-height:78vh;margin:0 auto;object-fit:contain;background:var(--canvas)}.preview-frame{display:block;width:100%;height:78vh;border:0;background:#fff}.dict-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:14px;align-items:start}.type-list{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.type-item{display:flex;justify-content:space-between;gap:8px;text-align:left;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;padding:8px 10px;cursor:pointer}.type-item.on{background:var(--accent);color:#fff;border-color:var(--accent)}.type-item small{color:inherit;opacity:.8}.date-range{display:flex;align-items:center;gap:6px;min-width:0}.date-range input{width:9.2rem;min-width:0;max-width:100%}.stack-label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);margin:8px 0;min-width:0}.stack-label input,.stack-label select{padding:6px 8px;border:1px solid var(--field);border-radius:var(--radius-sm);background:#fff;min-height:var(--ctrl);min-width:0}.check{flex-direction:row!important;align-items:center;gap:8px}.check input{width:auto;min-height:0}.supplier-pick{position:relative;min-width:0}.supplier-pick input{width:100%;text-overflow:ellipsis}.toolbar .supplier-pick input{min-width:16rem}.form .supplier-pick input{min-width:0}.form .supplier-pick.has-value input,.stack-label .supplier-pick.has-value input{padding-right:30px}.supplier-pick-clear{position:absolute;top:1px;right:1px;width:28px;height:calc(var(--ctrl) - 2px);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer;padding:0;line-height:1}.supplier-pick-clear:hover{color:var(--ink)}.supplier-pick-list{position:fixed;z-index:90;margin:0;padding:4px;list-style:none;overflow:auto;background:#fff;border:1px solid var(--line-strong);border-radius:var(--radius-sm);box-shadow:0 8px 24px #1018141f}.supplier-pick-list button{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:6px;padding:6px 8px;cursor:pointer;font:inherit;color:inherit;line-height:1.4}.supplier-pick-list button.active,.supplier-pick-list button:hover{background:var(--accent-soft)}.supplier-pick-list button.on{color:var(--accent-ink);font-weight:650}.supplier-pick-empty{margin:0;padding:6px 8px;color:var(--muted)}.stats-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}.stats-head h1{margin:0 0 6px;font-size:22px;font-weight:650;letter-spacing:-.03em;line-height:1.2}.stats-head .lede{margin:0}.stats-head .chips{flex:none;margin:0}.stats-kpis .kpi{position:relative;overflow:hidden;padding-left:18px}.stats-kpis .kpi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.stats-kpis .kpi-bad:before{background:var(--bad)}.stats-kpis .kpi-warn:before{background:#c47b2b}.stats-kpis .kpi-good:before{background:var(--accent)}.stats-kpi-label{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.02em}.stats-insights{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin-bottom:14px}.stats-insights article{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px 13px}.stats-insights span{display:block;margin-bottom:4px;color:var(--accent-ink);font-size:11px;font-weight:650;letter-spacing:.12em;font-variant-numeric:tabular-nums}.stats-insights p{margin:0;font-size:13px;line-height:1.5}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.stats-wide{grid-column:1 / -1}.stats-panel{border-top:2px solid var(--accent)}.stats-empty{margin:4px 0 0}.chart-note{margin:-2px 0 10px;color:var(--muted);font-size:12px}.chart-legend{display:flex;gap:8px 16px;flex-wrap:wrap;margin:0 0 8px;padding:0;list-style:none;color:var(--muted);font-size:12px}.chart-legend i{display:inline-block;width:14px;height:4px;margin-right:6px;border-radius:99px;vertical-align:2px}.chart-scroll{overflow-x:auto;margin:0 -2px 4px}.chart-svg{display:block;width:100%;max-width:100%;height:auto;font-family:inherit}.rank-list,.profit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.rank-row{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:center}.rank-index{width:22px;height:22px;border-radius:7px;background:var(--accent-soft);color:var(--accent-ink);font-size:11px;font-weight:650;display:grid;place-items:center;font-variant-numeric:tabular-nums}.rank-top{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-bottom:5px}.rank-name{min-width:0;font-size:13px;line-height:1.35}.rank-rest{margin:2px 0 0 32px;color:var(--muted);font-size:12px;list-style:none}.rank-value{flex:none;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}.rank-value.up{color:var(--accent-ink);font-weight:650}.rank-value.down{color:var(--bad);font-weight:650}.rank-track{position:relative;height:8px;border-radius:99px;background:#eef2f0;overflow:hidden}.rank-fill,.rank-extra{position:absolute;left:0;top:0;bottom:0;border-radius:99px}.rank-fill.sales{background:linear-gradient(90deg,#174e36,#3c9a6c)}.rank-fill.purchase{background:linear-gradient(90deg,#2a4d63,#6ea0bd)}.rank-fill.profit{background:linear-gradient(90deg,#8d5a16,#e0b15a)}.rank-extra{background:linear-gradient(90deg,#8c2218,#e07a70)}.profit-row{display:grid;grid-template-columns:minmax(0,8.5rem) minmax(0,1fr) 5.4rem;gap:10px;align-items:center}.profit-track{position:relative;height:10px;border-radius:99px;background:linear-gradient(90deg,#f8eeed 0,#f8eeed 50%,#eef6f2 50%,#eef6f2)}.profit-zero{position:absolute;left:50%;top:-3px;bottom:-3px;width:1px;background:#c5d0ca}.profit-fill{position:absolute;top:0;height:10px;border-radius:99px;min-width:2px}.profit-fill.up{background:linear-gradient(90deg,#1f6b4a,#67b48a)}.profit-fill.down{background:linear-gradient(270deg,#e07a70,#b42318)}.stack-bar{display:flex;height:12px;border-radius:99px;overflow:hidden;background:#eef2f0;margin:0 0 10px}.stack-bar span{display:block;min-width:3px;height:100%}.aging-block+.aging-block{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.aging-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px}.aging-head h3{margin:0;font-size:13px}.aging-head b{font-size:18px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.aging-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.aging-tile{background:#f6f8f7;border-radius:8px;padding:8px 8px 7px;min-width:0}.aging-tile i{display:block;width:18px;height:3px;border-radius:99px;margin-bottom:6px}.aging-tile span{display:block;color:var(--muted);font-size:11px}.aging-tile b{display:block;margin-top:2px;font-size:13px;font-variant-numeric:tabular-nums}.stats-detail{margin-top:8px}.stats-detail summary{cursor:pointer;color:var(--muted);font-size:12px;width:fit-content}.stats-detail summary:hover{color:var(--ink)}.stats-detail table{margin-top:8px}@media(max-width:1200px){.form{grid-template-columns:repeat(2,minmax(0,1fr))}.span2{grid-column:span 2}.split,.grid-2,.dict-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:960px){.audit-facts,.audit-files{grid-template-columns:repeat(2,minmax(0,1fr))}.app{grid-template-columns:minmax(0,1fr)}.main{padding:0 14px}.page-keep{padding-bottom:40px}.lede{max-width:none}.nav-toggle{display:inline-flex;align-items:center;min-height:var(--ctrl);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);padding:6px 12px;cursor:pointer}.topbar{margin:0 -14px;padding:10px 14px;background:#f4f6f5f0}.side{position:fixed;z-index:45;width:min(300px,88vw);height:100dvh;transform:translate(-105%);transition:transform .18s ease;box-shadow:none;visibility:hidden;padding-bottom:calc(22px + env(safe-area-inset-bottom))}.app.nav-open .side{transform:none;box-shadow:8px 0 24px #1018141f;visibility:visible}.app.nav-open .nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;border:0;padding:0;background:#0f171473;cursor:pointer}.app.nav-open{height:100dvh;overflow:hidden}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid{grid-template-columns:minmax(0,1fr)}.stats-wide{grid-column:auto}.stats-head{flex-direction:column;align-items:stretch}.stats-head .chips{flex-wrap:wrap}.profit-row{grid-template-columns:minmax(0,1fr) auto}.profit-track{grid-column:1 / -1;grid-row:2}.aging-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-row,.receipt-row,.yield-row{grid-template-columns:minmax(0,1fr)}.date-range{flex-wrap:wrap}.date-range input{flex:1 1 9rem;width:auto}}@media(max-width:640px){:root{--ctrl: 44px}.main{padding:0 12px}.page-keep{padding-bottom:calc(24px + env(safe-area-inset-bottom))}.topbar{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px;flex-wrap:wrap}.page-tabs{flex:1 1 100%;order:3}.topbar-user{flex-wrap:wrap;justify-content:flex-end}.form,.login-card .form,.dialog .form,.audit-facts,.audit-files{grid-template-columns:minmax(0,1fr)}.audit-facts>.wide{grid-column:1 / -1}.span2,.form>.span2{grid-column:1 / -1}.form>button,.login-submit{width:100%;justify-self:stretch}.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.panel{padding:12px}.panel th,.panel td{white-space:nowrap}.toolbar>input,.toolbar>select,.toolbar .stack-label{flex:1 1 100%;min-width:0}.topbar .who{max-width:7.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}dl{grid-template-columns:minmax(5.5rem,38%) minmax(0,1fr)}input,select,textarea{font-size:16px}.toolbar .supplier-pick input{min-width:0}.nav button{min-height:44px}.nav button.group-label{min-height:36px}.scroll{max-height:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:inset -16px 0 12px -14px #1018142e}.scroll th.row-actions,.scroll td.row-actions{position:sticky;left:0;z-index:2;background:var(--paper);box-shadow:8px 0 8px -8px #1018142e}.scroll th.row-actions{z-index:4;background:var(--paper)}.scroll tr.click:hover td.row-actions,.scroll tr.selected td.row-actions{background:#f3f7f5}.scroll tr.returned td.row-actions,.scroll tr.returned:hover td.row-actions{background:#fff4d6}.scroll tr.selected.returned td.row-actions{background:#ffe7a3}.dialog-backdrop{padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));align-items:stretch}.dialog,.dialog.wide{width:100%}.dialog:has(.settle-lines){max-height:calc(100dvh - 16px)}.settle-lines>table{min-width:56rem}.purchase-lines>table{min-width:62rem}}