:root{--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-head: "Montserrat", "Inter", system-ui, sans-serif;--mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;--navy: #123456;--navy-2: #0A1F36;--blue: #2563EB;--blue-2: #3B8BFF;--teal: #1FA396;--teal-2: #2BB3A3;--ok: #1E9E5A;--assigned: #1F6FEB;--warn: #E08A00;--bad: #D33B3B;--ok-bg: color-mix(in srgb, var(--ok) 14%, transparent);--assigned-bg: color-mix(in srgb, var(--assigned) 14%, transparent);--warn-bg: color-mix(in srgb, var(--warn) 16%, transparent);--bad-bg: color-mix(in srgb, var(--bad) 14%, transparent);--bg: #F7F9FC;--bg-2: #EEF2F8;--card: #FFFFFF;--card-2: #F9FBFE;--line: #E1E7F0;--line-2: #D0D9E6;--ink: #0B2540;--ink-2: #46566B;--ink-3: #8494A8;--primary: var(--blue);--primary-ink: #FFFFFF;--shadow: 0 1px 2px rgba(11, 37, 64, .05), 0 6px 20px rgba(11, 37, 64, .06);--shadow-lg: 0 10px 40px rgba(11, 37, 64, .14);--ease: cubic-bezier(.4, 0, .2, 1);--r: 14px;--r-sm: 10px}:root[data-theme=dark]{--bg: #071626;--bg-2: #0B2137;--card: #0F2942;--card-2: #12314F;--line: #1C3E5E;--line-2: #274F73;--ink: #EAF1FA;--ink-2: #A9BDD4;--ink-3: #6C86A3;--primary: #3B8BFF;--blue: #3B8BFF;--teal: #2BB3A3;--ok: #34C77B;--assigned: #3B8BFF;--warn: #F0A83A;--bad: #F0655F;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 22px rgba(0, 0, 0, .35);--shadow-lg: 0 14px 46px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #071626;--bg-2: #0B2137;--card: #0F2942;--card-2: #12314F;--line: #1C3E5E;--line-2: #274F73;--ink: #EAF1FA;--ink-2: #A9BDD4;--ink-3: #6C86A3;--primary: #3B8BFF;--blue: #3B8BFF;--teal: #2BB3A3;--ok: #34C77B;--assigned: #4C93FF;--warn: #F0A83A;--bad: #F0655F;--shadow: 0 1px 2px rgba(0,0,0,.3), 0 6px 22px rgba(0,0,0,.35);--shadow-lg: 0 14px 46px rgba(0,0,0,.5)}}*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%}html.lg{font-size:18px}body{margin:0;font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-head);font-weight:700;letter-spacing:-.01em;margin:0}a{color:var(--blue);text-decoration:none}button{font-family:inherit}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:var(--mono)}.app{min-height:100vh}.shell{display:flex;min-height:100vh}.sidebar{width:244px;flex:none;background:var(--card);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sb-brand{display:flex;align-items:center;gap:10px;padding:20px 20px 16px}.sb-logo{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--blue),var(--teal));display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--font-head);flex:none}.sb-brand b{font-family:var(--font-head);font-size:1.2rem;letter-spacing:-.02em}.sb-brand small{display:block;color:var(--ink-3);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.sb-nav{flex:1;overflow-y:auto;padding:6px 12px}.sb-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 12px;margin:1px 0;border:0;background:transparent;color:var(--ink-2);border-radius:var(--r-sm);font-size:.9rem;font-weight:500;cursor:pointer;text-align:left;transition:all .15s var(--ease)}.sb-item:hover{background:var(--bg-2);color:var(--ink)}.sb-item.on{background:color-mix(in srgb,var(--blue) 12%,transparent);color:var(--blue);font-weight:600}.sb-item svg{width:19px;height:19px;flex:none}.sb-item .badge{margin-left:auto;background:var(--bad);color:#fff;font-size:.66rem;font-weight:700;padding:1px 7px;border-radius:999px}.sb-foot{padding:12px;border-top:1px solid var(--line)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20}.topbar h1{font-size:1.3rem;flex:1}.content{padding:22px 24px 90px;max-width:1240px;width:100%;margin:0 auto}.botnav{display:none}@media (max-width: 860px){.sidebar{display:none}.content{padding:16px 16px 92px}.topbar{padding:12px 16px}.topbar h1{font-size:1.15rem}.botnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:5px 2px;border:0;background:transparent;color:var(--ink-3);font-size:.62rem;font-weight:600;cursor:pointer}.bn-item svg{width:22px;height:22px}.bn-item.on{color:var(--blue)}.bn-scan{position:relative}.bn-scan .fabin{width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:grid;place-items:center;margin-top:-20px;box-shadow:var(--shadow-lg)}.bn-scan .fabin svg{width:24px;height:24px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;border-radius:var(--r-sm);border:1px solid var(--line-2);background:var(--card);color:var(--ink);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .14s var(--ease);white-space:nowrap}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{width:17px;height:17px}.btn.primary{background:var(--primary);border-color:transparent;color:var(--primary-ink)}.btn.primary:hover{background:color-mix(in srgb,var(--primary) 88%,#000)}.btn.teal{background:var(--teal);border-color:transparent;color:#fff}.btn.ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn.ghost:hover{background:var(--bg-2)}.btn.danger{background:var(--bad-bg);border-color:transparent;color:var(--bad)}.btn.sm{padding:6px 11px;font-size:.82rem}.btn.lg{padding:12px 20px;font-size:.96rem}.btn.block{width:100%}.iconbtn{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink-2);cursor:pointer}.iconbtn:hover{background:var(--bg-2)}.iconbtn svg{width:19px;height:19px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}.pad{padding:18px}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}@media (max-width: 980px){.g4,.g3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.g4,.g3,.g2{grid-template-columns:1fr}}.stat{padding:16px 18px}.stat .lbl{color:var(--ink-3);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:7px}.stat .lbl svg{width:16px;height:16px}.stat .num{font-family:var(--font-head);font-size:1.9rem;font-weight:700;margin-top:6px;line-height:1}.stat .sub{color:var(--ink-3);font-size:.78rem;margin-top:6px}.stat.accent-ok .num{color:var(--ok)}.stat.accent-assigned .num{color:var(--assigned)}.stat.accent-warn .num{color:var(--warn)}.stat.accent-bad .num{color:var(--bad)}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.74rem;font-weight:700}.pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.pill.available{background:var(--ok-bg);color:var(--ok)}.pill.checked_out,.pill.assigned{background:var(--assigned-bg);color:var(--assigned)}.pill.reserved{background:color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal)}.pill.maintenance,.pill.inspection{background:var(--warn-bg);color:var(--warn)}.pill.overdue,.pill.missing,.pill.damaged{background:var(--bad-bg);color:var(--bad)}.pill.retired,.pill.disposed,.pill.transit{background:var(--bg-2);color:var(--ink-3)}.pill.plain{background:var(--bg-2);color:var(--ink-2)}.pill.plain:before{display:none}.tablewrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:.88rem}.tbl th{text-align:left;padding:10px 14px;color:var(--ink-3);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:middle}.tbl tr:last-child td{border-bottom:0}.tbl tbody tr{cursor:pointer;transition:background .12s}.tbl tbody tr:hover{background:var(--bg-2)}.tbl .code{font-family:var(--mono);font-size:.82rem;color:var(--ink-2)}.arow{display:flex;align-items:center;gap:11px}.athumb{width:40px;height:40px;border-radius:9px;background:var(--bg-2);object-fit:cover;flex:none;display:grid;place-items:center;color:var(--ink-3);border:1px solid var(--line);overflow:hidden}.athumb svg{width:20px;height:20px}.arow b{font-size:.9rem;display:block}.arow small{color:var(--ink-3);font-size:.76rem}.field{display:block;margin-bottom:14px}.field>span{display:block;font-size:.8rem;font-weight:600;color:var(--ink-2);margin-bottom:5px}.field .hint{color:var(--ink-3);font-weight:400}.input,.select,textarea.input{width:100%;padding:9px 12px;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font-size:.9rem;font-family:inherit;transition:border .14s}.input:focus,.select:focus,textarea.input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 18%,transparent)}textarea.input{resize:vertical;min-height:70px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.row2{grid-template-columns:1fr}}.filterbar{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-bottom:16px}.search{flex:1;min-width:200px;position:relative}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--ink-3)}.search .input{padding-left:34px}.chipsel{display:inline-flex;gap:4px;background:var(--bg-2);padding:3px;border-radius:var(--r-sm)}.chipsel button{border:0;background:transparent;padding:6px 11px;border-radius:7px;font-size:.82rem;font-weight:600;color:var(--ink-2);cursor:pointer}.chipsel button.on{background:var(--card);color:var(--blue);box-shadow:var(--shadow)}.sec{display:flex;align-items:center;gap:10px;margin:24px 0 12px}.sec h2{font-size:1.05rem;flex:1}.sec .link{font-size:.82rem;font-weight:600;cursor:pointer}.muted{color:var(--ink-3)}.faint{color:var(--ink-3);font-size:.82rem}.empty{text-align:center;padding:46px 20px;color:var(--ink-3)}.empty .ic{width:54px;height:54px;margin:0 auto 14px;border-radius:16px;background:var(--bg-2);display:grid;place-items:center;color:var(--ink-3)}.empty .ic svg{width:26px;height:26px}.empty h3{color:var(--ink-2);margin-bottom:5px}.overlay{position:fixed;inset:0;background:#06122080;backdrop-filter:blur(3px);z-index:100;display:flex;align-items:flex-end;justify-content:center;padding:0;animation:fade .18s var(--ease)}@media (min-width: 640px){.overlay{align-items:center;padding:24px}}@keyframes fade{0%{opacity:0}}.modal{background:var(--card);border-radius:20px 20px 0 0;width:100%;max-width:560px;max-height:92vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideup .24s var(--ease)}@media (min-width: 640px){.modal{border-radius:20px}}@keyframes slideup{0%{transform:translateY(24px);opacity:.6}}.modal-head{display:flex;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--card);z-index:2}.modal-head h2{font-size:1.1rem;flex:1}.modal-body{padding:20px}.modal-foot{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--card)}.modal-foot .btn{flex:1}.profile-hero{display:flex;gap:18px;padding:20px;flex-wrap:wrap}.hero-photo{width:120px;height:120px;border-radius:var(--r);background:var(--bg-2);border:1px solid var(--line);object-fit:cover;flex:none;display:grid;place-items:center;color:var(--ink-3);overflow:hidden}.hero-photo svg{width:44px;height:44px}.hero-main{flex:1;min-width:220px}.hero-main h1{font-size:1.5rem}.hero-code{font-family:var(--mono);color:var(--ink-2);font-size:.9rem;margin-top:4px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px;font-size:.86rem;color:var(--ink-2)}.hero-meta b{color:var(--ink)}.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:20px 0 0;overflow-x:auto}.tab{border:0;background:transparent;padding:11px 15px;font-size:.88rem;font-weight:600;color:var(--ink-3);cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}.tab.on{color:var(--blue);border-bottom-color:var(--blue)}.tabpane{padding:20px 0}.dl{display:grid;grid-template-columns:160px 1fr;gap:10px 16px;font-size:.9rem}.dl dt{color:var(--ink-3);font-weight:500}.dl dd{margin:0;font-weight:500}@media (max-width: 560px){.dl{grid-template-columns:1fr;gap:2px 0}.dl dd{margin-bottom:8px}}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:var(--line)}.tl-item{position:relative;padding:0 0 18px}.tl-item:before{content:"";position:absolute;left:-22px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid var(--card);box-shadow:0 0 0 2px var(--line)}.tl-item.checkout:before{background:var(--assigned)}.tl-item.return:before{background:var(--ok)}.tl-item.transfer:before{background:var(--teal)}.tl-item.maintenance:before{background:var(--warn)}.tl-item.audit:before{background:var(--ink-3)}.tl-item.status:before{background:var(--ink-3)}.tl-item b{font-size:.9rem}.tl-item .when{color:var(--ink-3);font-size:.78rem}.tl-item p{margin:3px 0 0;font-size:.85rem;color:var(--ink-2)}.scanwrap{max-width:480px;margin:20px auto}.scanbox{aspect-ratio:1;border-radius:20px;background:var(--navy);position:relative;overflow:hidden;display:grid;place-items:center}.scanbox video{width:100%;height:100%;object-fit:cover}.scan-frame{position:absolute;inset:18%;border:3px solid rgba(255,255,255,.9);border-radius:16px;box-shadow:0 0 0 100vmax #00000059}.scan-hint{text-align:center;color:var(--ink-2);margin:16px 0}.avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--teal));color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700;flex:none}.avatar.lg{width:46px;height:46px;font-size:1rem}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap-gap{display:flex;flex-wrap:wrap;gap:8px}.tag{display:inline-block;padding:2px 9px;border-radius:6px;background:var(--bg-2);color:var(--ink-2);font-size:.76rem;font-weight:500}.bar{height:8px;border-radius:999px;background:var(--bg-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--blue)}.toggle{width:44px;height:26px;border-radius:999px;background:var(--line-2);border:0;position:relative;cursor:pointer;flex:none;transition:background .16s}.toggle i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:left .16s}.toggle.on{background:var(--blue)}.toggle.on i{left:21px}.toast{position:fixed;bottom:84px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:11px 18px;border-radius:999px;font-size:.86rem;font-weight:600;box-shadow:var(--shadow-lg);z-index:200;animation:fade .2s}@media (min-width: 861px){.toast{bottom:24px}}.divider{height:1px;background:var(--line);margin:16px 0;border:0}