:root{--bg:#f5f6f8;--card:#fff;--text:#1c2430;--muted:#667085;--line:#e4e7ec;--accent:#1f4e8c;--open-bg:#e7f0fb;--open-fg:#1f4e8c;--ready-bg:#fff3d6;--ready-fg:#8a5a00;--closed-bg:#e9ecef;--closed-fg:#4b5563;--prog-bg:#e3f6ec;--prog-fg:#17663a;--neg:#b42318;--over-bg:#fde4e1;--over-fg:#b42318;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#12161c;--card:#1b212b;--text:#e8ecf2;--muted:#98a2b3;--line:#2b3340;--accent:#7fb0ee;--open-bg:#1d3350;--open-fg:#a9cbf5;--ready-bg:#4a3910;--ready-fg:#f6d58a;--closed-bg:#2b3340;--closed-fg:#b6bfcc;--prog-bg:#17402b;--prog-fg:#9ad9b4;--neg:#ff8a80;--over-bg:#4d1f1b;--over-fg:#ffb4ab}}*{box-sizing:border-box}body{background:var(--bg);margin:0}.page{max-width:1000px;margin:0 auto;padding:16px}h1{margin:0;font-size:1.5rem}h2,h3,p{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.top{justify-content:space-between;align-items:center;gap:12px;padding:8px 0 16px;display:flex}.top-right{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.summary{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.stat{background:var(--card);border:1px solid var(--line);border-radius:12px;flex-direction:column;padding:10px 16px;display:flex}.stat-num{color:var(--accent);font-size:1.5rem;font-weight:700}.toggle{align-items:center;gap:8px;margin-left:auto;font-size:.95rem;display:flex}.search{width:100%;margin:8px 0 16px;padding:10px 12px;font-size:1rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;padding:14px}.card-head{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.card-head h3{margin:0;font-size:1.15rem}.brand-line{margin:2px 0;font-weight:600}.site-address{margin:2px 0}.linkbtn{color:inherit;cursor:pointer;font-size:inherit;opacity:.8;background:0 0;border:none;padding:0;text-decoration:underline}.addr-form{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.addr-form input{flex:160px;padding:6px 8px}.addr-form select{padding:6px 8px}.totals{grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px;display:grid}.totals div{background:var(--bg);border-radius:10px;padding:8px 10px}.totals dt{color:var(--muted);font-size:.75rem}.totals dd{margin:2px 0 0;font-size:1rem;font-weight:700}.lines{border-top:1px solid var(--line)}.line{border-bottom:1px solid var(--line)}.size{font-weight:600}.num{text-align:right;font-variant-numeric:tabular-nums}.neg{color:var(--neg)}.row-closed{color:var(--muted)}.chip{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-block}.chip-open{background:var(--open-bg);color:var(--open-fg)}.chip-in_progress{background:var(--prog-bg);color:var(--prog-fg)}.chip-not_started{background:var(--open-bg);color:var(--open-fg)}.chip-ready_to_close{background:var(--ready-bg);color:var(--ready-fg)}.chip-over_delivered{background:var(--over-bg);color:var(--over-fg)}.chip-closed{background:var(--closed-bg);color:var(--closed-fg)}.head-right{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.btn{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;border-radius:9px;padding:7px 12px;font-size:.85rem}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}@media (prefers-color-scheme:dark){.btn.primary{color:#0b1220}}.btn.big{padding:10px 16px;font-size:1rem}.btn:disabled{opacity:.45;cursor:not-allowed}.line-actions{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.deliveries{flex-direction:column;gap:4px;display:flex}.deliveries>p{margin:0}.drow{align-items:center;gap:8px;display:flex}.dchip{background:var(--bg);border:1px solid var(--line);color:var(--text);border-radius:999px;align-items:center;gap:4px;padding:1px 4px 1px 8px;display:inline-flex}.x{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:.8rem}.x:hover{color:var(--neg)}.qform{background:var(--bg);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.qrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}input,select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:9px;padding:8px 10px}.qrow input[type=number]{width:120px}.neworder{border-color:var(--accent);flex-direction:column;gap:10px;display:flex}.fields{grid-template-columns:1fr 2fr 1fr;gap:10px;display:grid}.fields label,.sizegrid label,.neworder .wide{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.sizegrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sizegrid input{width:100%}@media (width<=600px){.fields{grid-template-columns:1fr}.sizegrid{grid-template-columns:repeat(2,1fr)}.head-right{align-items:flex-end}.page{padding:12px}.toggle{margin-left:0}}.login-page{max-width:420px;padding-top:12vh}.login{flex-direction:column;gap:12px;display:flex}.login label{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.error{color:var(--neg);font-size:.9rem}.saving{color:var(--accent);margin-left:8px;font-size:.85rem}.banner{background:var(--over-bg);color:var(--over-fg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;display:flex}.sitefields{grid-template-columns:1fr 1fr 2fr}@media (width<=600px){.sitefields{grid-template-columns:1fr}}.tabs{border-bottom:1px solid var(--line);gap:6px;margin-bottom:12px;padding-bottom:8px;display:flex;overflow-x:auto}.tab{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.95rem}.tab:hover{border-color:var(--accent)}.tab-on{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}@media (prefers-color-scheme:dark){.tab-on{color:#0b1220}}.toolbar{align-items:center;gap:12px;margin-bottom:12px;display:flex}.section{margin:20px 0 8px;font-size:1.05rem}.formcard{flex-direction:column;gap:10px;display:flex}.form-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:.8rem;display:flex}.field.wide{grid-column:1/-1}.field input,.field select{width:100%}.formrow{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chips{flex-wrap:wrap;gap:6px;margin:4px 0 8px;display:flex}.sites{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.site-row{background:var(--bg);border-radius:10px;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.site-row p{margin:2px 0}.stocktag{background:var(--ready-bg);color:var(--ready-fg);border-radius:999px;margin-left:2px;padding:0 6px;font-size:.65rem}.stockbox{align-items:center;gap:8px;display:flex}.tablewrap{overflow-x:auto}.grid{border-collapse:collapse;width:100%;font-size:.9rem}.grid th,.grid td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:6px 10px}.grid th{color:var(--muted);font-size:.75rem;font-weight:600}.grid .num{text-align:right}.logrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:8px 0;display:flex}.logrow:last-child{border-bottom:0}a{color:var(--accent)}.field .qrow input,.field .qrow select{flex:90px;width:auto;min-width:0}.field .qrow select{flex:none}.cellzero{color:var(--muted)}.brandbtn{opacity:1;text-align:left;font-size:1rem;font-weight:700}.dashgrid .stockrow td{color:var(--muted);background:var(--bg);font-size:.8rem}.dashgrid tfoot td{border-top:2px solid var(--line)}.dashgrid tbody+tbody td,.dashgrid tfoot td{border-bottom:0}.detail{flex-direction:column;gap:6px;padding:6px 0;display:flex}.detailrow{background:var(--bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.sizecards{grid-template-columns:repeat(2,1fr);gap:8px;margin:8px 0;display:grid}.sizecard{background:var(--bg);border-radius:10px;flex-direction:column;padding:8px 10px;display:flex}.sizecard>span:nth-child(2){font-weight:600}.excess{font-size:.75rem;font-weight:600;display:block}.num,.totals dd,.stat-num,.nowrap{white-space:nowrap}@media (width<=600px){.size{white-space:nowrap}.totals{gap:6px}.totals div{padding:8px 6px}.totals dd{font-size:.88rem}}.line-toggle{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:6px;padding:12px 2px;display:flex}.line-toggle:hover .size{color:var(--accent)}.line-top,.line-mid{justify-content:space-between;align-items:center;gap:8px;display:flex}.line-right{align-items:center;gap:8px;display:inline-flex}.caret{color:var(--muted);font-size:.65rem}.num-sum,.num-left{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.85rem}.num-left{color:var(--muted);font-weight:600}.line:not(.row-closed) .num-left:not(.neg){color:var(--text)}.bar{background:var(--bg);border-radius:999px;height:6px;display:block;overflow:hidden}.bar-fill{background:var(--accent);border-radius:999px;height:100%;display:block}.bar-over{background:var(--neg)}.row-closed .bar-fill{background:var(--muted);opacity:.6}.line-body{flex-direction:column;gap:10px;padding:2px 2px 14px;display:flex}.line-nums{grid-template-columns:repeat(3,1fr);gap:6px;margin:0;display:grid}.line-nums div{background:var(--bg);border-radius:10px;padding:8px 6px}.line-nums dt{color:var(--muted);font-size:.7rem}.line-nums dd{white-space:nowrap;margin:2px 0 0;font-size:.85rem;font-weight:700}.card-foot{justify-content:flex-end;padding-top:12px;display:flex}