:root{--bg:#f5f6f8;--surface:#fff;--ink:#14181f;--muted:#6b7280;--line:#e2e5ea;--accent:#1f4ed8;--accent-ink:#fff;--danger:#b42318;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#101318;--surface:#191d24;--ink:#f2f4f7;--muted:#9aa3af;--line:#2a3039;--accent:#6d92ff;--accent-ink:#0b1020;--danger:#ff8a80}}*{box-sizing:border-box}body{background:var(--bg);-webkit-text-size-adjust:100%;margin:0}.app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.app.centered{justify-content:center;padding:1rem}main{flex-direction:column;gap:.75rem;padding:1rem 1rem 2rem;display:flex}.topbar{z-index:5;background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:44px 1fr 44px;align-items:center;gap:.5rem;padding:.5rem .75rem;display:grid;position:sticky;top:0}.topbar h1{text-align:center;margin:0;font-size:1.05rem;font-weight:600}.icon-btn{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:10px;place-items:center;font-size:1.4rem;line-height:1;text-decoration:none;display:grid}.icon-btn:hover{background:var(--bg)}h2{margin:0 0 .25rem;font-size:1.2rem}h3{margin:.75rem 0 0;font-size:1rem}.muted{color:var(--muted);margin:0;font-size:.9rem}.center{text-align:center}.error{color:var(--danger);background:color-mix(in srgb, var(--danger) 12%, transparent);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.9rem}.notice{color:var(--muted);background:var(--surface);border:1px solid var(--line);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.9rem}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.login-card{gap:.75rem}.login-card form{flex-direction:column;gap:.5rem;display:flex}label{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}input,select,textarea{width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:10px;padding:.7rem .75rem}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button,.button-link{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:center;border-radius:10px;min-height:44px;padding:.75rem 1rem;text-decoration:none}button:disabled{opacity:.55;cursor:progress}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.secondary{font-weight:600}button.ghost{color:var(--muted);background:0 0;border-color:#0000}.row{gap:.5rem;display:flex}.row>*{flex:1}.row button,.row .button-link{flex:none}.row-between{justify-content:space-between;gap:.5rem;display:flex}.inline-form{flex-direction:column;gap:.5rem;display:flex}.action-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.action-tile{background:var(--surface);border:1px solid var(--line);text-align:center;color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem .75rem;font-size:.9rem;font-weight:600;text-decoration:none;display:flex}.action-icon{font-size:1.75rem}.scanner{flex-direction:column;gap:.5rem;display:flex}.scanner-region{background:#000;border-radius:14px;width:100%;overflow:hidden}.scanner-region video{display:block;width:100%!important}.detail-list{flex-direction:column;gap:.4rem;margin:0;display:flex}.detail-list>div{grid-template-columns:40% 1fr;align-items:baseline;gap:.5rem;display:grid}.detail-list dt{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem}.detail-list dd{overflow-wrap:anywhere;margin:0}.badge{white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700;display:inline-block}.badge-stock{color:#14532d;background:#dcfce7}.badge-deployed{color:#1e3a8a;background:#dbeafe}.badge-repair{color:#78350f;background:#fef3c7}.badge-retired{color:#374151;background:#e5e7eb}.badge-disposed{color:#7f1d1d;background:#fee2e2}.lifecycle{flex-direction:column;gap:.5rem;display:flex}.lifecycle .row button{flex:1}.warranty-expired{color:var(--danger);font-weight:600}.wipe-flag{color:var(--muted);font-size:.85rem}.asset-list,.history{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.asset-row{background:var(--surface);border:1px solid var(--line);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;display:flex}.asset-row div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.asset-row span{font-size:.85rem}.history li{background:var(--surface);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}