:root{--bg: #0a0a0f;--bg-panel: #101018;--bg-card: #16161f;--bg-raised: #1c1c28;--bg-hover: #22222f;--border: #2a2a3a;--border-lo: #1e1e2a;--text: #e2e2ec;--text-2: #7a7a9a;--text-3: #44445a;--available: #34d399;--av-dim: rgba(52,211,153,.12);--inuse: #60a5fa;--inuse-dim: rgba(96,165,250,.12);--faulty: #f43f5e;--faulty-dim: rgba(244,63,94,.12);--repair: #f59e0b;--repair-dim: rgba(245,158,11,.12);--checkout: #a78bfa;--checkout-dim: rgba(167,139,250,.12);--retired: #4a4a5a;--retired-dim: rgba(74,74,90,.12);--accent: #f59e0b;--accent-dim: rgba(245,158,11,.12);--accent-glow:rgba(245,158,11,.2);--danger: #f43f5e;--danger-dim: rgba(244,63,94,.12);--mono: "IBM Plex Mono", monospace;--sans: "Inter", system-ui, sans-serif;--r: 8px;--r-lg: 12px;--r-xl: 16px;--sidebar: 220px;--header: 56px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow:hidden}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}button{cursor:pointer;font-family:var(--sans);border:none;background:none}input,textarea,select{font-family:var(--sans)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:500;font-family:var(--mono);white-space:nowrap}.badge-available{background:var(--av-dim);color:var(--available)}.badge-in-use{background:var(--inuse-dim);color:var(--inuse)}.badge-faulty{background:var(--faulty-dim);color:var(--faulty)}.badge-under-repair{background:var(--repair-dim);color:var(--repair)}.badge-checked-out{background:var(--checkout-dim);color:var(--checkout)}.badge-retired{background:var(--retired-dim);color:var(--text-3)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg)}.inp{width:100%;padding:9px 12px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.inp:focus{border-color:var(--accent)}.btn{padding:9px 18px;border-radius:var(--r);font-weight:600;font-size:13px;transition:opacity .15s}.btn-primary{background:var(--accent);color:#0a0a0f}.btn-ghost{background:var(--bg-raised);color:var(--text-2);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}