:root{--bg:#f6f7f9;--card:#fff;--ink:#1c2430;--mute:#667085;--line:#e3e7ee;--accent:#1f3a5f;--ok:#157347;--warn:#b54708;--bad:#b42318;--okbg:#e7f6ec;--warnbg:#fff4e5;--badbg:#fdecea}
@media(prefers-color-scheme:dark){:root{--bg:#12161c;--card:#1b212a;--ink:#e8ecf2;--mute:#9aa6b6;--line:#2c3542;--accent:#7aa7e0;--okbg:#17301f;--warnbg:#3a2c12;--badbg:#3a1a17}}
*{box-sizing:border-box}body{margin:0;font:15px/1.45 -apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}
header{background:var(--card);border-bottom:1px solid var(--line);padding:0 16px;display:flex;gap:4px;align-items:center;flex-wrap:wrap;position:sticky;top:0;z-index:5}
header .brand{font-weight:700;color:var(--accent);margin-right:12px;padding:12px 0}
header a{color:var(--ink);text-decoration:none;padding:14px 10px;border-bottom:3px solid transparent}
header a.on,header a:hover{border-bottom-color:var(--accent)}header .sp{flex:1}
main{max-width:1180px;margin:0 auto;padding:18px 16px 60px}
h1{font-size:22px;margin:6px 0 14px}h2{font-size:17px;margin:22px 0 8px}
.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:16px;overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:13.5px}th,td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
th{color:var(--mute);font-weight:600;position:sticky;top:0;background:var(--card)}td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
tr.tot td{font-weight:700;border-top:2px solid var(--line)}tr.net td{font-weight:700;background:var(--okbg)}
.flash{padding:10px 12px;border-radius:8px;margin-bottom:12px}.flash.ok{background:var(--okbg);color:var(--ok)}.flash.error{background:var(--badbg);color:var(--bad)}
input,select,textarea,button{font:inherit;color:var(--ink);background:var(--card);border:1px solid var(--line);border-radius:7px;padding:7px 9px}
input[type=number]{width:90px;text-align:right}input.w{width:100%}button,.btn{background:var(--accent);color:#fff;border:0;cursor:pointer;padding:8px 14px;border-radius:7px;text-decoration:none;display:inline-block}
button.sec,.btn.sec{background:transparent;color:var(--accent);border:1px solid var(--accent)}button.danger{background:var(--bad)}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:end;margin-bottom:10px}.row label{display:flex;flex-direction:column;font-size:12px;color:var(--mute);gap:3px}
.pill{display:inline-block;padding:1px 8px;border-radius:99px;font-size:12px}.pill.ok{background:var(--okbg);color:var(--ok)}.pill.review{background:var(--warnbg);color:var(--warn)}
.stat{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.stat div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 14px;min-width:150px}.stat b{display:block;font-size:20px}.stat span{color:var(--mute);font-size:12px}
.bar{display:inline-block;height:8px;background:var(--accent);border-radius:4px;vertical-align:middle;opacity:.75}
.muted{color:var(--mute)}.warn{color:var(--warn)}.bad{color:var(--bad)}.okc{color:var(--ok)}
.drop{border:2px dashed var(--line);border-radius:12px;padding:26px;text-align:center}
@media(max-width:700px){header a{padding:10px 7px}}