:root{--bg:#f7f6f2;--card:#fff;--ink:#1c1c1a;--mut:#6b6a64;--line:#e4e2da;
--red:#a32d2d;--redbg:#fcebeb;--amber:#854f0b;--amberbg:#faeeda;--teal:#0f6e56;--tealbg:#e1f5ee;
--acc:#185fa5;--accbg:#e6f1fb}
@media (prefers-color-scheme:dark){:root{--bg:#161614;--card:#1f1f1c;--ink:#ecebe6;
--mut:#9b9a93;--line:#34332e;--redbg:#3a1414;--amberbg:#3a2a0a;--tealbg:#0c2d24;--accbg:#122c44}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);
font:15px/1.5 -apple-system,"Segoe UI",Roboto,sans-serif}
main{max-width:1060px;margin:0 auto;padding:16px}
nav{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 16px;
background:var(--card);border-bottom:1px solid var(--line)}
nav a{color:var(--ink);text-decoration:none;font-size:14px}
nav a:hover{text-decoration:underline}
.brand{font-weight:600}
.sync{margin-left:auto;color:var(--mut);font-size:12px}
h1{font-size:21px;margin:12px 0}h2{font-size:16px;margin:20px 0 8px}
a{color:var(--acc)}
table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);
border-radius:10px;overflow:hidden;margin:8px 0}
th,td{padding:8px 10px;text-align:left;border-top:1px solid var(--line);font-size:14px}
th{background:transparent;color:var(--mut);font-weight:500;font-size:12px;border-top:none}
.r{text-align:right}.sm{font-size:12px}.muted{color:var(--mut)}
.narrowt{max-width:520px}
.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}
.tile{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px}
.tile span{display:block;font-size:12px;color:var(--mut)}
.tile b{font-size:22px;font-weight:600}
.tile.red b{color:var(--red)}.tile.amber b{color:var(--amber)}
.pill{display:inline-block;padding:3px 10px;border-radius:14px;font-size:12px;
border:1px solid var(--line);color:var(--mut);text-decoration:none}
.pill.on{background:var(--accbg);color:var(--acc);border-color:transparent;font-weight:600}
.pill.red{background:var(--redbg);color:var(--red);border-color:transparent}
.pill.amber{background:var(--amberbg);color:var(--amber);border-color:transparent}
.row-red td:first-child{box-shadow:inset 3px 0 0 var(--red)}
.row-amber td:first-child{box-shadow:inset 3px 0 0 var(--amber)}
input,select,button{font:inherit;padding:7px 10px;border:1px solid var(--line);
border-radius:8px;background:var(--card);color:var(--ink)}
input.qty,input.num{width:84px;text-align:right}
button{cursor:pointer}
button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}
button.link{background:none;border:none;color:var(--acc);padding:0;text-decoration:underline}
.btn{display:inline-block;padding:6px 12px;border:1px solid var(--line);border-radius:8px;
text-decoration:none;color:var(--ink);background:var(--card)}
.bar{display:flex;justify-content:space-between;align-items:center;gap:12px;
position:sticky;bottom:0;background:var(--card);border:1px solid var(--line);
border-radius:10px;padding:10px 14px;margin:10px 0}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:20px}
.narrow{max-width:420px;margin:48px auto}
.card label{display:block;margin:10px 0;font-size:14px}
.card input{width:100%;margin-top:4px}
.err{color:var(--red);background:var(--redbg);padding:8px 12px;border-radius:8px;font-size:14px}
.inline{display:inline}
.rowform{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:10px 0}
.lanes{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.chart{display:flex;gap:3px;align-items:flex-end;height:70px;background:var(--card);
border:1px solid var(--line);border-radius:10px;padding:8px}
.chart .col{flex:1;display:flex;flex-direction:column-reverse}
.seg.uk{background:var(--teal);border-radius:2px 2px 0 0}
.seg.ie{background:var(--tealbg);border:1px solid var(--teal);border-bottom:none;border-radius:2px 2px 0 0}
@media(max-width:640px){th,td{padding:7px 6px;font-size:13px}main{padding:10px}}