:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f5f6f8;--bg:#080a0d;--surface:#11151a;--surface-2:#171c22;--surface-3:#20262d;--border:#2a3139;--muted:#9ca6b1;--text:#f5f6f8;--gold:#d9b24c;--gold-strong:#f0cb65;--green:#45c889;--red:#ef6a71;--orange:#f0a14b;--blue:#62a8ff;--radius:14px;--shadow:0 16px 40px #00000047;background:#080a0d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.hidden{display:none!important}.muted{color:var(--muted)}.small{font-size:.84rem}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold-strong);outline-offset:2px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#343c45;border-radius:10px}::-webkit-scrollbar-track{background:#0c0f13}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#0c0f13;height:100vh;padding:18px 14px;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:4px 6px 18px;display:flex}.brand img{object-fit:contain;background:#fff;border-radius:10px;width:48px;height:48px}.brand strong{font-size:1rem;display:block}.brand span{color:var(--muted);font-size:.78rem}.nav{gap:5px;margin-top:18px;display:grid}.nav a{color:#c9d0d8;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav a:hover,.nav a.active{background:var(--surface-2);color:#fff}.nav a.active{box-shadow:inset 3px 0 0 var(--gold)}.sidebar-footer{border-top:1px solid var(--border);margin-top:22px;padding:12px 8px}.main{min-width:0}.topbar{z-index:10;border-bottom:1px solid var(--border);background:#080a0df5;justify-content:space-between;align-items:center;gap:14px;min-height:68px;padding:12px 22px;display:flex;position:sticky;top:0}.topbar-left,.topbar-right{align-items:center;gap:10px;display:flex}.page{max-width:1700px;margin:0 auto;padding:22px}.page-title{margin:0 0 6px;font-size:1.55rem}.page-subtitle{color:var(--muted);margin:0 0 20px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.content-split{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:18px;display:grid}@media (max-width:1050px){.app-shell{grid-template-columns:78px minmax(0,1fr)}.brand div,.nav span,.sidebar-footer .profile-text{display:none}.brand,.nav a{justify-content:center}.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.content-split{grid-template-columns:1fr}}@media (max-width:700px){.app-shell{display:block}.sidebar{z-index:30;border-right:0;border-top:1px solid var(--border);height:auto;padding:6px;position:fixed;inset:auto 0 0}.brand,.sidebar-footer{display:none}.nav{gap:4px;margin:0;display:flex;overflow-x:auto}.nav a{min-width:62px;padding:9px 8px}.nav a:nth-child(n+7){display:none}.main{padding-bottom:72px}.topbar{padding:10px 12px}.page{padding:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:15px 16px;display:flex}.card-body{padding:16px}.metric{padding:18px}.metric-label{color:var(--muted);font-size:.85rem}.metric-value{margin-top:7px;font-size:2rem;font-weight:800}.metric-detail{color:var(--muted);margin-top:5px;font-size:.8rem}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 13px;font-weight:650}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--gold);color:#17120a;border-color:var(--gold)}.btn-primary:hover{background:var(--gold-strong)}.btn-danger{color:#ffc1c5;background:#3b171a;border-color:#6a282e}.btn-success{color:#a7f2cf;background:#103326;border-color:#246548}.btn-sm{padding:6px 9px;font-size:.82rem}.icon-btn{border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid}.field{gap:6px;display:grid}.field label{color:#dce1e6;font-size:.86rem;font-weight:650}.field input,.field select,.field textarea{border:1px solid var(--border);width:100%;color:var(--text);background:#0d1116;border-radius:10px;padding:10px 11px}.field textarea{resize:vertical;min-height:88px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.table-wrap{max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;padding:10px 11px}th{z-index:1;color:#bfc7d0;text-transform:uppercase;letter-spacing:.04em;background:#12171d;font-size:.8rem;position:sticky;top:0}tbody tr:hover{background:#ffffff06}.table-actions{flex-wrap:wrap;gap:6px;display:flex}.empty{text-align:center;color:var(--muted);padding:30px}.status{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:.78rem;font-weight:750;display:inline-flex}.status-available,.status-returned{color:#9af0c4;background:#123428}.status-in-use,.status-open{color:#ffd785;background:#3a2b10}.status-verify{color:#ffc387;background:#3a2110}.status-vacant{color:#d1d6dc;background:#2c2f35}.status-inactive,.status-cancelled{color:#ffb1b6;background:#32181a}.status-maintenance{color:#a6dcff;background:#102b3b}.connection{border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:.78rem;display:inline-flex}.connection:before{content:"";background:#65707b;border-radius:50%;width:8px;height:8px}.connection-connected:before{background:var(--green)}.connection-connecting:before{background:var(--orange)}.connection-error:before,.connection-disconnected:before,.connection-offline:before{background:var(--red)}.banner{color:#ffe49b;background:#2d2410;border:1px solid #765b19;border-radius:10px;margin-bottom:16px;padding:11px 13px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px;display:flex}.search{flex:1;min-width:260px;max-width:520px}.pills{flex-wrap:wrap;gap:7px;display:flex}.pill{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 9px}.modal-backdrop{z-index:100;background:#000000b3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:min(680px,100%);max-height:92vh;box-shadow:var(--shadow);border-radius:16px;overflow:auto}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-body{padding:16px}.login-page{background:radial-gradient(circle at top,#181b20 0,#080a0d 52%);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{width:min(440px,100%);padding:24px}.login-brand{text-align:center;margin-bottom:22px}.login-brand img{object-fit:contain;background:#fff;border-radius:18px;width:100px;height:100px;padding:5px}.login-brand h1{margin:12px 0 4px;font-size:1.45rem}.login-brand p{color:var(--muted);margin:0}.toast{z-index:200;max-width:420px;box-shadow:var(--shadow);border:1px solid var(--border);background:#172029;border-radius:11px;padding:12px 14px;position:fixed;bottom:18px;right:18px}.toast-success{color:#b7f6d5;background:#123428;border-color:#276747}.toast-error{color:#ffc2c6;background:#3a191d;border-color:#6e2c33}.toast-warning{color:#ffe09a;background:#3a2a10;border-color:#765518}.overdue{color:#ff8b91;font-weight:750}.pre-delay{color:#ffd17d;font-weight:750}.list{gap:9px;display:grid}.list-item{border:1px solid var(--border);background:#0e1217;border-radius:11px;padding:11px}.list-item-head{justify-content:space-between;align-items:center;gap:10px;display:flex}@media (max-width:700px){.form-grid{grid-template-columns:1fr}.topbar-right .user-email{display:none}.toast{bottom:82px;left:12px;right:12px}}