:root{--bg: #0f1117;--bg-panel: #13161f;--bg-card: #181c28;--bg-raised: #202638;--bg-hover: #252d42;--border: #2c354a;--border-lo: #222a3b;--text: #e8eaf0;--text-2: #9aa8c2;--text-3: #66738e;--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: #4f9cf9;--accent-dim: rgba(79,156,249,.13);--accent-glow:rgba(79,156,249,.25);--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);box-shadow:0 10px 26px #0003}.card:hover{border-color:#4f9cf96b;box-shadow:0 14px 34px #00000040,0 0 22px #4f9cf90f}.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:#08111f;box-shadow:0 0 18px var(--accent-dim)}.btn-ghost{background:var(--bg-raised);color:var(--text-2);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover{background:#6eafff;box-shadow:0 0 24px #4f9cf94d;transform:translateY(-1px)}.btn-ghost{transition:color .15s,border-color .15s,background .15s,transform .15s}.btn-ghost:hover{color:var(--text);border-color:var(--accent);background:var(--accent-dim);transform:translateY(-1px)}.inp::placeholder{color:var(--text-3)}.btn,.card,.inp,.badge{transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}