:root{--bg: #0e1116;--surface: #171c24;--surface-2: #1f2630;--border: #2b333f;--text: #e8edf4;--muted: #9aa6b5;--alarm: #e5484d;--ok: #3fb950;--accent: #f5a524;--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;gap:16px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar nav{display:flex;gap:16px}.topbar nav a{color:var(--muted);font-weight:600}.topbar nav a.active{color:var(--text)}.container{padding:20px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.card.low{border-color:var(--alarm)}.qty{font-size:32px;font-weight:700}.name{color:var(--muted);font-size:14px}.badge{padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.badge.ok{background:#3fb95026;color:var(--ok)}.badge.alarm{background:#e5484d26;color:var(--alarm)}input,select,button{font:inherit}input,select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px}button{background:var(--accent);color:#10131a;border:none;border-radius:8px;padding:10px 16px;font-weight:700;cursor:pointer}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}