:root{--surface-1:#fcfcfb;--page:#f4f4f1;--ink:#0b0b0b;--ink-2:#52514e;--muted:#898781;--grid:#e1e0d9;--baseline:#c3c2b7;--border:#0b0b0b1a;--brand:#2a78d6;--brand-dark:#184f95;--brand-soft:#eef4fc;--series-2:#eb6834;--good:#0ca30c;--warning:#fab219;--critical:#d03b3b;--radius:10px}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--page);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}.app-shell{background:var(--surface-1);min-height:100vh}.topbar{border-bottom:1px solid var(--grid);background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex}.brand{color:var(--ink);align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand .logo{object-fit:contain;max-width:140px;height:30px}.brand .mark{background:var(--brand);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.nav{gap:4px;margin-left:36px;display:flex}.nav a{color:var(--ink-2);border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:500;text-decoration:none}.nav a.active{background:var(--brand-soft);color:var(--brand-dark)}.topbar-right{align-items:center;gap:14px;display:flex}.role-chip{border:1px solid var(--grid);color:var(--ink-2);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:12.5px;display:flex}.role-chip .avatar{background:var(--brand);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.role-chip b{color:var(--ink)}.body{display:flex}.sidebar{border-right:1px solid var(--grid);background:#fbfbfa;flex-shrink:0;width:200px;min-height:calc(100vh - 64px);padding:20px 12px}.sidebar a{color:var(--ink-2);cursor:pointer;border-radius:8px;margin-bottom:2px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;display:block}.sidebar a.active{background:var(--brand-soft);color:var(--brand-dark)}.main{flex:1;padding:28px 32px}.pagehead{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.pagehead h1{margin:0;font-size:20px}.btn{cursor:pointer;border:none;border-radius:8px;height:42px;padding:0 18px;font-size:14px;font-weight:600}.btn-primary{background:var(--brand);color:#fff}.btn-ghost{color:var(--ink);border:1px solid var(--grid);background:#fff}.toolbar{gap:10px;margin-bottom:16px;display:flex}.input{border:1px solid var(--grid);height:42px;font:inherit;color:var(--ink);background:#fff;border-radius:8px;padding:0 14px;font-size:14px}select.input{cursor:pointer;padding-right:10px}.input::placeholder{color:var(--muted)}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.input:disabled{color:var(--muted);background:#fbfbfa}table{border-collapse:collapse;border:1px solid var(--grid);background:#fff;border-radius:10px;width:100%;overflow:hidden}th{white-space:nowrap;text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--grid);background:#fbfbfa;padding:14px 20px;font-size:11.5px;font-weight:600}td{border-bottom:1px solid var(--grid);color:var(--ink);padding:18px 20px;font-size:14px;line-height:1.4}tr:last-child td{border-bottom:none}tr.clickable{cursor:pointer}tr.clickable:hover td{background:#fbfbfa}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-draft{color:#8a6d1f;background:#f1eee6}.badge-submitted{background:var(--brand-soft);color:var(--brand-dark)}.badge-delivered{color:#0a6b28;background:#e7f7ec}.badge-low{color:#a32424;background:#fdeceb}.amt{font-variant-numeric:tabular-nums;font-weight:600}.empty-state{text-align:center;color:var(--muted);padding:60px 20px;font-size:13.5px}.login-wrap{background:var(--page);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{border:1px solid var(--grid);border-radius:var(--radius);background:#fff;width:360px;padding:32px}.login-logo{object-fit:contain;max-width:180px;height:40px;margin-bottom:14px;display:block}.login-card h1{margin:0 0 4px;font-size:18px}.login-card p{color:var(--ink-2);margin:0 0 22px;font-size:13px}.login-card .field{margin-bottom:14px}.login-card label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.login-card .input{width:100%}.login-card .btn{width:100%;margin-top:6px}.login-error{color:#a32424;background:#fdeceb;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12.5px}a.btn{align-items:center;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:34px;padding:0 14px;font-size:13px}.btn-danger{color:var(--critical)}.nav a.disabled{color:var(--muted);opacity:.6;cursor:not-allowed}.toolbar{align-items:center}.toolbar-count{color:var(--muted);margin-left:auto;font-size:12.5px}th.num,td.num{text-align:right}td.nowrap{white-space:nowrap}.muted{color:var(--muted)}.backlink{color:var(--ink-2);margin-bottom:10px;font-size:13px;text-decoration:none;display:inline-block}.backlink:hover{color:var(--brand-dark)}.titleblock{align-items:center;gap:12px;display:flex}.actions{align-items:center;gap:8px;display:flex}.card{border:1px solid var(--grid);border-radius:var(--radius);background:#fff;margin-bottom:24px;padding:20px}.fields-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px 24px;display:grid}.field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:5px;font-size:11.5px;font-weight:600;display:block}.field-value{color:var(--ink);font-size:14px;font-weight:500}.section-title{color:var(--ink);margin:0 0 10px;font-size:14px;font-weight:600}.totals{border:1px solid var(--grid);border-radius:var(--radius);background:#fff;width:320px;margin:14px 0 28px auto;padding:8px 16px}.total-row{color:var(--ink-2);justify-content:space-between;padding:7px 0;font-size:13.5px;display:flex}.total-row.strong{color:var(--ink);border-top:1px solid var(--grid);font-size:14.5px;font-weight:700}.total-row:first-child{border-top:none}.notice{color:#0a6b28;background:#e7f7ec;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:12.5px}.form-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px 24px;display:grid}.form-field .field-label{margin-bottom:7px}.form-field .input,.input.full{width:100%}.input.num{text-align:right}.edit-table td{padding:12px 14px}td.warn{color:var(--critical);font-weight:600}.icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1}.icon-btn:hover:not(:disabled){color:var(--critical);background:#fdeceb}.icon-btn:disabled{opacity:.3;cursor:not-allowed}.add-line{margin-top:10px}@media (width<=760px){.sidebar,.nav{display:none}.main{padding:20px 16px;overflow-x:auto}.pagehead{flex-wrap:wrap;gap:12px}.toolbar{flex-wrap:wrap}}.modal-backdrop{z-index:50;background:#0b0b0b59;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 32px);display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--grid);justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.modal-title{margin-bottom:3px;font-size:16px;font-weight:700}.modal-actions{border-top:1px solid var(--grid);justify-content:flex-end;gap:8px;padding:14px 22px;display:flex}.form-hint{color:var(--muted);margin:14px 0 0;font-size:13px}.warn-text{color:var(--critical);font-weight:500}.notice-info{background:var(--brand-soft);color:var(--brand-dark)}