:root{--bg:#f6f4ef;--card:#fff;--ink:#1a1a1a;--muted:#666;--line:#e2ddd3;--accent:#b45309;--ok:#166534;--warn:#92400e;--bad:#9b1c1c;--chip:#f3eee4}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink)}
header{position:sticky;top:0;z-index:10;background:var(--card);border-bottom:1px solid var(--line);padding:12px 14px}
h1{font-size:1.15rem;margin:0 0 4px}h2{font-size:1rem;margin:0 0 8px}
.sub{font-size:.8rem;color:var(--muted);line-height:1.35}
main{padding:12px 14px 80px;max-width:820px;margin:0 auto}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0}
label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;margin:10px 0}
input,select{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:10px}
.action{border:0;background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.action.secondary{background:#44403c}.err{color:var(--bad);font-size:.85rem}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}
.tab{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:999px;font-size:.85rem;cursor:pointer}
.tab.on{background:#1a1a1a;color:#fff;border-color:#1a1a1a}
.tools{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
.tools input{flex:1 1 160px}
.group{margin:16px 0 6px;font-weight:700}.subhead{font-size:.75rem;color:var(--muted);text-transform:uppercase;margin:10px 0 4px}
.item{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:0 0 8px}
.name{font-weight:600}.meta{font-size:.78rem;color:var(--muted);margin-top:3px}
.pill{font-size:.7rem;padding:2px 6px;border-radius:6px;background:var(--chip)}.pill.warn{background:#fef3c7;color:var(--warn)}.pill.bad{background:#fee2e2;color:var(--bad)}.pill.ok{background:#dcfce7;color:var(--ok)}
.row{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.supplier-box{white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:.72rem;background:#111;color:#f5f5f4;padding:12px;border-radius:10px;max-height:55vh;overflow:auto}
.opt{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin:14px 0}
.foot{margin-top:20px}.sr{}.empty{text-align:center;color:var(--muted);padding:24px}
@media print{header .tools,.tabs,#loginView,.action{display:none!important}}