:root{--bg:#17130e;--surface:#201c15;--surface2:#2b2418;--border:#38301e;--border2:#4e4226;--terra:#B96744;--olive:#776F4D;--green:#5a9e6f;--amber:#c8884a;--red:#c0524a;--text:#f4ece0;--muted:#8a7a5c;--mono:"DM Mono",monospace;--sans:"Montserrat","Nunito Sans",sans-serif;--bottom-nav-h:64px;--safe-bottom:env(safe-area-inset-bottom,0px);color-scheme:dark}:root.light{--bg:#fbefc5;--surface:#ffffff;--surface2:#f0e8bc;--border:#e0d498;--border2:#c8bc78;--terra:#B96744;--olive:#776F4D;--green:#347248;--amber:#9a6228;--red:#963428;--text:#241808;--muted:#7a6a3a;color-scheme:light}.theme-toggle{background:transparent;border:1px solid var(--border2);border-radius:20px;color:var(--muted);cursor:pointer;padding:4px 10px;font-size:13px;display:flex;align-items:center;gap:5px;transition:all .2s}.theme-toggle:hover{border-color:var(--terra);color:var(--terra)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}#login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;padding:20px;gap:16px;overflow-y:auto}#main-app{display:none;flex-direction:column;height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-top:3px solid var(--terra)}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-logo{width:28px;height:28px;object-fit:contain}.topbar-title{font-size:15px;font-weight:700;letter-spacing:.02em}.topbar-sub{font-size:10px;color:var(--muted);font-family:var(--mono)}.topbar-right{display:flex;align-items:center;gap:8px}.page-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 16px)}.page{display:none;padding:16px}.page.active{display:block}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);display:flex;height:calc(var(--bottom-nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);z-index:50}.bnav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:none;background:transparent;color:var(--muted);font-family:var(--sans);font-size:10px;font-weight:500;cursor:pointer;padding:8px 4px;transition:color .15s;position:relative}.bnav-btn.active{color:var(--terra)}.bnav-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bnav-badge{position:absolute;top:6px;right:calc(50% - 18px);background:var(--terra);color:#fff;font-size:9px;font-family:var(--mono);padding:1px 5px;border-radius:10px;min-width:16px;text-align:center}.bnav-badge.amber{background:var(--amber)}.login-card{background:var(--surface);border:1px solid var(--border2);border-radius:16px;padding:32px 28px;text-align:center;max-width:360px;width:100%;border-top:3px solid var(--terra)}.login-title{font-size:20px;font-weight:700;margin-bottom:4px;letter-spacing:.02em}.login-sub{font-size:12px;color:var(--muted);margin-bottom:24px;line-height:1.6}.btn-ms{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 18px;background:var(--terra);border:none;border-radius:10px;color:#fff;font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;letter-spacing:.03em}.btn-ms:hover{background:#a05538}.btn-ms:disabled{opacity:.5;cursor:not-allowed}.login-note{font-size:11px;color:var(--muted);font-family:var(--mono);margin-top:12px}.setup-card{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:14px;font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px;text-align:left}.setup-card a{color:var(--terra)}.login-footer{font-size:11px;color:var(--muted);font-family:var(--mono);text-align:center}.user-chip{display:flex;align-items:center;gap:6px;background:var(--surface2);border:1px solid var(--border2);border-radius:20px;padding:4px 10px 4px 4px;cursor:pointer}.user-avatar{width:24px;height:24px;border-radius:7px;background:#b9674433;border:1px solid rgba(185,103,68,.3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--terra);flex-shrink:0}.user-chip-name{font-size:11px;font-weight:500;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}input,select,textarea{background:var(--surface2);border:1px solid var(--border);color:var(--text);font-family:var(--sans);font-size:14px;padding:11px 13px;border-radius:9px;outline:none;transition:border-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--terra)}select option{background:var(--surface2)}textarea{resize:vertical;min-height:80px}.btn{padding:12px 20px;border-radius:10px;border:none;font-family:var(--sans);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.02em}.btn-primary{background:var(--terra);color:#fff;width:100%}.btn-primary:hover{background:#a05538}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{background:var(--surface2);color:var(--text);border:1px solid var(--border);width:100%}.btn-secondary:hover{background:var(--border)}.btn-green{background:#1e3a28;color:var(--green);border:1px solid #2a5a38;width:100%}.btn-green:hover{background:#254830}.btn-retire{background:#2e1a1a;color:var(--red);border:1px solid #5a2a2a;width:100%}.btn-retire:hover{background:#3a2020}.retire-confirm{background:var(--surface2);border:1px solid #5a2a2a;border-radius:10px;padding:14px;margin-top:12px;display:none}.retire-confirm.open{display:block}.btn-sm{padding:7px 14px;font-size:12px;border-radius:7px}.btn-icon{background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:9px;padding:8px 12px;font-size:12px;cursor:pointer;font-family:var(--sans)}.btn-icon:hover{background:var(--surface2);color:var(--text)}.btn-row{display:flex;gap:10px;margin-top:16px}.btn-row .btn{flex:1}.page-hdr{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:24px;flex-wrap:wrap}.page-hdr-left{min-width:0}.page-hdr-title{font-size:28px;font-weight:800;letter-spacing:-.01em;line-height:1.1}.page-hdr-sub{font-size:11px;font-family:var(--mono);color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.07em}.page-hdr-actions{display:flex;gap:8px;align-items:center;flex-shrink:0;padding-top:4px}.scan-mode-tabs{display:flex;gap:4px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px;margin-bottom:16px}.scan-mode-tab{flex:1;padding:8px 10px;border-radius:9px;border:none;background:transparent;color:var(--muted);font-family:var(--sans);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.01em}.scan-mode-tab.active{background:var(--terra);color:#fff}.scan-mode-tab:hover:not(.active){background:var(--surface2);color:var(--text)}.camera-preview-placeholder{background:var(--surface);border:2px dashed var(--border2);border-radius:16px;padding:48px 20px;text-align:center;color:var(--muted);margin-bottom:16px;position:relative}.camera-preview-placeholder:before,.camera-preview-placeholder:after{content:"";position:absolute;width:20px;height:20px;border-color:var(--terra);border-style:solid}.camera-preview-placeholder:before{top:12px;left:12px;border-width:2px 0 0 2px;border-radius:3px 0 0}.camera-preview-placeholder:after{top:12px;right:12px;border-width:2px 2px 0 0;border-radius:0 3px 0 0}.camera-preview-icon{font-size:40px;margin-bottom:10px;display:block;opacity:.4}.camera-preview-label{font-size:14px;font-weight:600;margin-bottom:4px}.camera-preview-sub{font-size:12px;opacity:.6}.scan-zone{background:var(--surface);border:2px dashed var(--border2);border-radius:16px;padding:32px 20px;text-align:center;cursor:pointer;transition:all .2s;margin-bottom:16px;position:relative}.scan-zone:hover,.scan-zone.ready{border-color:var(--terra);background:var(--surface2)}.scan-zone.ready{animation:pulse-border 1.2s infinite}@keyframes pulse-border{0%,to{border-color:var(--terra)}50%{border-color:var(--olive)}}.scan-zone-icon{font-size:48px;margin-bottom:12px;display:block}.scan-zone-label{font-size:16px;font-weight:600;margin-bottom:6px}.scan-zone-sub{font-size:12px;color:var(--muted)}#usb-input{position:absolute;opacity:0;width:1px;height:1px;left:0;top:0}.camera-wrap{border-radius:14px;overflow:hidden;margin-bottom:16px;background:#000;position:relative}#qr-reader{width:100%}#qr-reader video{width:100%!important;border-radius:14px}#qr-reader img{display:none!important}.camera-close{position:absolute;top:10px;right:10px;background:#0009;border:none;color:#fff;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10}.settings-tabs{display:flex;gap:0;flex-wrap:wrap;position:sticky;top:0;z-index:12;padding:12px 0 0;margin:0 0 16px;background:var(--bg);border-bottom:1px solid var(--border)}.settings-tab-btn{border:none;border-bottom:2px solid transparent;background:transparent;color:var(--muted);border-radius:0;padding:8px 14px 10px;font-size:13px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:all .15s;margin-bottom:-1px}.settings-tab-btn:hover{color:var(--text)}.settings-tab-btn.active{color:var(--text);border-bottom-color:var(--terra)}.settings-panel{display:none;padding-top:10px}.settings-panel.active{display:block}.users-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;align-items:stretch}.users-grid .user-card{margin-bottom:0;align-items:stretch;flex-direction:column;padding:16px 18px;min-height:190px;height:100%;border-radius:14px;background:linear-gradient(180deg,var(--surface) 0%,var(--surface2) 100%);border:1px solid var(--border2);box-shadow:0 10px 26px #0000002e}.user-row,.user-card{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border-radius:9px;border:1px solid var(--border);margin-bottom:8px}.user-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.user-card-title{min-width:0;flex:1;display:flex;align-items:flex-start;gap:12px}.user-card-avatar{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#c96f3a24;border:1px solid rgba(201,111,58,.26);color:var(--terra);font-size:15px;font-weight:800;letter-spacing:.04em;flex-shrink:0}.user-card-meta{min-width:0;flex:1}.user-card-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.35}.user-card-email{font-size:11px;font-family:var(--mono);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}.user-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.user-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.user-card-status{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.user-card-status:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--green);display:inline-block;box-shadow:0 0 0 3px #4fd1701f}@media (max-width: 520px){.user-card-top,.user-card-footer{flex-direction:column;align-items:flex-start}.user-card-actions{width:100%;justify-content:flex-start}.user-remove-btn{align-self:flex-end}.user-card-title{width:100%}}.user-role-select{width:100%;font-size:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--border2);border-radius:10px;color:var(--text);margin-top:14px}.user-remove-btn{background:transparent;border:none;color:var(--red);cursor:pointer;font-size:22px;line-height:1;padding:0 2px}@media (max-width: 900px){.users-grid{grid-template-columns:1fr}}.role-editor-grid{display:grid;grid-template-columns:minmax(250px,320px) minmax(0,1fr);gap:20px;align-items:start}.role-list-panel,.role-detail-panel{background:var(--surface);border:1px solid var(--border2);border-radius:16px;padding:18px;box-shadow:0 12px 28px #0000002e}.role-list-panel{position:sticky;top:84px}.role-list-buttons{display:grid;grid-template-columns:1fr;gap:10px}.role-list-btn{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:700;cursor:pointer;transition:border-color .15s,transform .15s,background .15s}.role-list-btn:hover{border-color:var(--border2);transform:translateY(-1px)}.role-list-btn.active{background:var(--terra);border-color:var(--terra);color:#fff}.role-list-btn .meta{font-size:10px;opacity:.82;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.role-list-btn-text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.role-list-btn-name{font-size:13px;line-height:1.35}.role-list-btn-key{font-size:10px;font-family:var(--mono);color:inherit;opacity:.7}.role-detail-panel{display:grid;gap:16px}.role-identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:end}.role-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface2)}.role-toggle-row .role-check{margin:0;background:none;border:none;padding:0}.role-toggle-row .role-check input{margin-right:2px}.role-section-block{display:grid;gap:10px}.role-section-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:0}.role-check-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 14px;margin-bottom:0}.role-check{display:flex;align-items:center;gap:8px;background:var(--surface2);border:1px solid var(--border);border-radius:12px;padding:11px 13px;font-size:13px;color:var(--text);font-weight:600}.role-type-table{overflow:auto;border:1px solid var(--border);border-radius:14px;background:var(--surface);max-height:420px}.role-type-table table{width:100%;border-collapse:collapse;font-size:13px}.role-type-table thead tr{background:var(--surface2);position:sticky;top:0;z-index:1}.role-type-table th,.role-type-table td{padding:11px 12px;border-bottom:1px solid var(--border)}.role-type-table th{text-align:left}.role-type-table th:last-child,.role-type-table td:last-child{text-align:center;width:110px}.role-actions-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}@media (max-width: 900px){.role-editor-grid{grid-template-columns:1fr}.role-list-panel{position:static;top:auto}.role-identity-grid,.role-check-grid{grid-template-columns:1fr}}.or-divider{display:flex;align-items:center;gap:12px;margin:14px 0;color:var(--muted);font-size:12px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.device-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:16px}.device-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.device-card-icon{font-size:32px}.device-card-name{font-size:16px;font-weight:600}.device-card-meta{font-size:11px;color:var(--muted);font-family:var(--mono);margin-top:2px}.status-badge{margin-left:auto;padding:5px 12px;border-radius:20px;font-size:11px;font-family:var(--mono);font-weight:600;flex-shrink:0}.status-badge.available{background:#1e3a28;color:var(--green)}.status-badge.out{background:#3a2a18;color:var(--amber)}#inv-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}@media (max-width:520px){#inv-stats-grid{grid-template-columns:repeat(3,1fr)}}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.stat-label{font-size:10px;color:var(--muted);font-family:var(--mono);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.stat-val{font-size:28px;font-weight:700;font-family:var(--mono)}.stat-val.terra{color:var(--terra)}.stat-val.green{color:var(--green)}.stat-val.amber{color:var(--amber)}.stat-val.red{color:var(--red)}.stat-card.stat-avail{background:#192b1f;border-color:#2a4830}.stat-card.stat-out{background:#2b1e0e;border-color:#4a3018}.stat-card.stat-over{background:#2b1212;border-color:#4a2020}.stat-card.stat-repair{background:#2b1e0e;border-color:#4a3018}.stat-card.stat-assign{background:#121e2b;border-color:#203040}.list-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:12px}.list-item{padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.list-item:last-child{border-bottom:none}.list-item-main{flex:1;min-width:0}.list-item-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-sub{font-size:11px;color:var(--muted);font-family:var(--mono);margin-top:2px}.list-item-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0}.pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:10px;font-family:var(--mono);font-weight:600}.pill-green{background:#1e3a28;color:var(--green)}.pill-amber{background:#3a2a18;color:var(--amber)}.pill-red{background:#3a1818;color:var(--red)}.pill-olive{background:#2a2818;color:#b8aa70}.inv-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.inv-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px}.inv-card-icon{font-size:28px;margin-bottom:8px}.inv-card-name{font-size:13px;font-weight:600;margin-bottom:2px;line-height:1.3}.inv-card-id{font-size:10px;font-family:var(--mono);color:var(--muted);margin-bottom:8px}.inv-card-footer{display:flex;align-items:center;justify-content:space-between}.inv-card-type{font-size:10px;color:var(--muted)}.search-bar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:14px}.search-bar input{background:transparent;border:none;flex:1;padding:0;font-size:14px;color:var(--text);outline:none}.search-icon{color:var(--muted);font-size:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sheet-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:100;align-items:flex-end;justify-content:center}.sheet-overlay.open{display:flex}.sheet{background:var(--surface);border-radius:20px 20px 0 0;padding:20px 20px calc(20px + var(--safe-bottom));width:100%;max-width:600px;max-height:90vh;overflow-y:auto;border-top:3px solid var(--terra)}.sheet-handle{width:36px;height:4px;background:var(--border2);border-radius:2px;margin:0 auto 16px}.sheet-title{font-size:16px;font-weight:700;margin-bottom:16px}.uam-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;z-index:150;align-items:center;justify-content:center;padding:16px}.uam-overlay.open{display:flex}.uam-dialog{background:var(--surface);border-radius:18px;width:100%;max-width:560px;max-height:88vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border2);box-shadow:0 24px 64px #00000073}.uam-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border)}.uam-shared-note{margin:10px 18px 0;padding:10px 12px;border-radius:9px;background:var(--surface2);border:1px solid var(--border);font-size:11px;color:var(--muted);line-height:1.6}.uam-shared-note.uam-note-system{background:#2a2518;border-color:var(--amber,#c8a84a);color:#c8a84a}.uam-body{overflow-y:auto;padding:16px 18px;display:grid;gap:20px;flex:1}.uam-section{display:grid;gap:10px}.uam-section-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.uam-grid{grid-template-columns:repeat(auto-fit,minmax(148px,1fr))}.uam-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border)}@media (max-width:520px){.uam-overlay{padding:0;align-items:flex-end}.uam-dialog{border-radius:18px 18px 0 0;max-height:95vh}}.settings-section{margin-bottom:14px}.settings-title{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.info-box{background:var(--surface2);border:1px solid var(--border);border-radius:9px;padding:14px;font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:14px}.info-box a{color:var(--terra)}.info-box code{background:var(--bg);padding:1px 5px;border-radius:3px;font-family:var(--mono)}.cfg-display-box{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 12px}.cfg-display-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.cfg-display-value{font-family:var(--mono);font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cfg-ok{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-family:var(--mono);padding:3px 9px;border-radius:20px;background:#1e3a28;color:var(--green)}.cfg-err{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-family:var(--mono);padding:3px 9px;border-radius:20px;background:#3a1818;color:var(--red)}.dot{width:5px;height:5px;border-radius:50%;background:currentColor}.sp-loading{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#17130ed9;z-index:200;align-items:center;justify-content:center;flex-direction:column;gap:12px}.sp-loading.show{display:flex}.spinner{width:36px;height:36px;border:3px solid var(--border2);border-top-color:var(--terra);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sp-msg{font-size:13px;color:var(--muted);font-family:var(--mono)}.toast-wrap{position:fixed;bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 12px);left:16px;right:16px;z-index:150;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;padding:12px 16px;font-size:13px;animation:slide-up .2s ease;pointer-events:auto}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.toast.success{border-left:3px solid var(--green)}.toast.error{border-left:3px solid var(--red)}.toast.info{border-left:3px solid var(--terra)}.empty{text-align:center;padding:48px 20px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:12px}.empty-text{font-size:14px}.overdue-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--red);border-radius:12px;padding:14px;margin-bottom:10px}.overdue-name{font-size:14px;font-weight:600;margin-bottom:4px}.overdue-meta{font-size:12px;color:var(--muted);margin-bottom:10px;line-height:1.6}@media (min-width:700px){#main-app{flex-direction:row}.sidebar{width:220px;min-width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{padding:20px 18px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.sidebar-nav{flex:1;padding:12px 8px;overflow-y:auto}.sidebar-nav-btn{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;text-align:left;transition:all .15s}.sidebar-nav-btn:hover{background:var(--surface2);color:var(--text)}.sidebar-nav-btn.active{background:var(--terra);color:#fff;font-weight:600;border-left:none}.sidebar-nav-icon{font-size:16px;width:22px;text-align:center}.sidebar-badge{margin-left:auto;background:var(--terra);color:#fff;font-size:10px;font-family:var(--mono);padding:2px 6px;border-radius:20px}.sidebar-nav-btn.active .sidebar-badge{background:#ffffff40;color:#fff}.sidebar-badge.amber{background:var(--amber)}.sidebar-user{padding:12px;border-top:1px solid var(--border);display:flex;align-items:center;gap:8px}.sidebar-username{font-size:12px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.3}.sidebar-useremail{font-size:10px;color:var(--muted);font-family:var(--mono);display:none}.sidebar-user-role{font-size:10px;font-family:var(--mono);color:var(--terra);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-top:1px}.sidebar-footer{padding:8px 12px;font-size:10px;color:var(--muted);font-family:var(--mono);text-align:center}.desktop-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.bottom-nav,.topbar{display:none}.page-area{padding-bottom:0}.page{padding:32px 48px;max-width:1800px;margin:0 auto;width:100%}#page-settings{max-width:1800px}#page-dashboard{max-width:none}#page-inventory,#page-log,#page-overdue,#page-labels,#page-bulk,#page-scan{max-width:1600px}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.form-row{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(4,1fr)}.sheet{border-radius:14px;margin:auto;max-height:85vh}.sheet-overlay{align-items:center}}@media (max-width:699px){.sidebar{display:none!important}.desktop-content{display:contents}.topbar{display:flex}.page-area{display:block;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:calc(var(--bottom-nav-h) + var(--safe-bottom) + 32px)}.page{padding-bottom:32px}#page-dashboard{padding-bottom:40px!important}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:2px}.label-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px}.label-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:border-color .15s}.label-card:hover{border-color:var(--terra)}.label-card.selected{border-color:var(--terra);border-width:2px}.label-card-name{font-size:12px;font-weight:600;text-align:center;line-height:1.3}.label-card-id{font-size:10px;font-family:var(--mono);color:var(--muted)}.label-preview-wrap{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:20px;background:var(--surface2);border-radius:12px;margin:16px 0}@media print{body *{visibility:hidden!important}#print-area,#print-area *{visibility:visible!important}#print-area{position:fixed;top:0;left:0;width:100%;display:block;padding:0;margin:0;background:#fff}.print-label{display:flex!important;justify-content:center;align-items:center;width:100%;height:100vh;margin:0;padding:0;break-after:page;page-break-after:always;box-sizing:border-box}.print-label:last-child{break-after:avoid;page-break-after:avoid}}.pill-pending{background:#2a2518;color:#c8a84a}.pill-blue{background:#182638;color:#5b9bd5}.pill-repair{background:#3a2010;color:#e09050}.filter-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.filter-chip:hover{border-color:var(--terra);color:var(--text)}.filter-chip.active{background:var(--terra);border-color:var(--terra);color:#fff}.status-badge.pending{background:#2a2518;color:#c8a84a}.batch-device{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;align-items:center;gap:14px;margin-bottom:8px;transition:border-color .15s}.batch-device.verified{border-color:var(--green);background:#1a2a1e}.batch-device.pending-scan{border-color:var(--border)}.batch-device.selected{border-color:var(--terra);background:#1e1510}.batch-device.selected .batch-check{background:var(--terra);border-color:var(--terra);color:#fff}.batch-check{width:28px;height:28px;border-radius:50%;border:2px solid var(--border2);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.batch-device.verified .batch-check{background:var(--green);border-color:var(--green);color:#fff}.batch-id{font-size:14px;font-weight:700;font-family:var(--mono);color:var(--terra)}.batch-name{font-size:12px;color:var(--muted);margin-top:2px}.batch-progress{background:var(--surface2);border-radius:20px;height:6px;overflow:hidden;margin:12px 0}.batch-progress-bar{height:100%;background:var(--green);border-radius:20px;transition:width .4s ease}.step-indicator{display:flex;gap:0;margin-bottom:20px}.step{flex:1;text-align:center;font-size:11px;font-weight:600;color:var(--muted);padding:8px 4px;border-bottom:2px solid var(--border);transition:all .2s}.step.active{color:var(--terra);border-bottom-color:var(--terra)}.step.done{color:var(--green);border-bottom-color:var(--green)}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:20px}.dash-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}.dash-card-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-family:var(--mono)}.dash-activity-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.dash-activity-item:last-child{border-bottom:none}.dash-due-item{display:flex;justify-content:space-between;align-items:center;padding:7px 0;border-bottom:1px solid var(--border)}.dash-due-item:last-child{border-bottom:none}.dash-alert{background:#3a1818;border:1px solid var(--red);border-radius:10px;padding:12px 14px;margin-bottom:12px;font-size:13px;color:var(--red);display:flex;align-items:center;gap:10px}.dash-alert-info{background:#182638;border-color:#5b9bd5;color:#5b9bd5}.dash-alert-warn{background:#2a2518;border-color:#c8a84a;color:#c8a84a}.dash-alert-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:16px}.dash-alert-chip{display:flex;align-items:center;gap:7px;padding:8px 12px;border-radius:8px;font-size:11px;font-family:var(--mono);font-weight:700;letter-spacing:.05em;cursor:pointer;transition:opacity .15s}.dash-alert-chip:hover{opacity:.8}.dash-alert-chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.dash-alert-chip .chip-arrow{margin-left:auto;width:12px;height:12px;opacity:.7}.chip-red{background:#c0524a24;border:1px solid rgba(192,82,74,.35);color:var(--red)}.chip-amber{background:#c8884a1f;border:1px solid rgba(200,136,74,.35);color:var(--amber)}.chip-olive{background:#776f4d24;border:1px solid rgba(119,111,77,.4);color:var(--olive)}@media (min-width:700px){.dash-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.role-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.role-admin{background:#3a1a2e;color:#d47fb5}.role-staff{background:#1e3a28;color:var(--green)}.role-viewer{background:#182638;color:#5b9bd5}.user-row{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--surface2);border-radius:9px;border:1px solid var(--border);margin-bottom:8px}.bulk-scan-list{display:flex;flex-direction:column;gap:8px;margin-top:12px}.bulk-scan-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--surface2);border-radius:9px;border:1px solid var(--border)}.bulk-scan-item .item-id{font-family:var(--mono);font-size:12px;color:var(--terra)}.batch-co-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.batch-co-item:last-child{border-bottom:none}.low-stock-bar{background:#2a2518;border:1px solid #c8a84a;border-radius:9px;padding:10px 14px;margin-bottom:12px;font-size:12px;color:#c8a84a;display:none}.view-as-banner{display:none;position:fixed;top:0;left:0;right:0;z-index:500;background:#7a3a00;color:#ffd090;font-size:12px;font-weight:600;text-align:center;padding:6px 12px;font-family:var(--mono);letter-spacing:.04em;cursor:pointer}.view-as-banner span{text-decoration:underline;margin-left:8px;opacity:.8}body.view-as-active{padding-top:30px}.cal-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;margin-top:14px;width:100%;box-sizing:border-box}.cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal-title{font-size:16px;font-weight:700}.cal-nav{background:transparent;border:1px solid var(--border);border-radius:7px;color:var(--text);cursor:pointer;padding:5px 12px;font-size:15px}.cal-nav:hover{background:var(--surface2)}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-dow{font-size:11px;font-weight:600;color:var(--muted);text-align:center;padding:6px 0 8px;text-transform:uppercase;letter-spacing:.05em}.cal-day{min-height:80px;border-radius:8px;padding:6px 7px;background:var(--surface2);border:1px solid transparent;transition:border-color .15s;cursor:default;overflow:hidden;box-sizing:border-box}.cal-day:hover{border-color:var(--border2)}.cal-day.today{border-color:var(--terra);background:#1e1510}.cal-day.other-month{opacity:.28}.cal-day.has-events{cursor:pointer}.cal-day.has-events:hover{border-color:var(--terra)}.cal-day-num{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:5px;line-height:1}.cal-day.today .cal-day-num{color:var(--terra)}.cal-dots{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:4px}.cal-dot{display:inline-block;width:7px;height:7px;border-radius:50%;flex-shrink:0}.cal-dot.due{background:var(--amber)}.cal-dot.overdue{background:var(--red)}.cal-dot.checkout{background:var(--green)}.cal-dot.returned{background:#5b9bd5}.cal-event-chip{font-size:10px;line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:1px 4px;border-radius:3px;margin-bottom:2px;background:#ffffff0d}.cal-more{font-size:9px;color:var(--muted);margin-top:2px}.cal-popover{position:fixed;background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:14px;z-index:200;box-shadow:0 12px 32px #0009;min-width:240px;max-width:300px;font-size:12px}.cal-popover-title{font-size:11px;font-weight:700;color:var(--terra);margin-bottom:10px;text-transform:uppercase;letter-spacing:.06em}.cal-popover-item{padding:7px 0;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:3px}.cal-popover-item:last-child{border-bottom:none;padding-bottom:0}.cal-grid.week-view{gap:3px}.cal-grid.week-view .cal-day{min-height:140px;display:flex;flex-direction:column}.week-day-events{display:flex;flex-direction:column;gap:3px;padding-top:2px;overflow-y:auto;flex:1}.week-event-chip{font-size:10px;padding:2px 5px 2px 6px;border-radius:4px;background:var(--surface);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.5}.cal-grid.agenda-view{display:flex;flex-direction:column;gap:0}.agenda-day{display:flex;gap:14px;padding:10px 2px;border-bottom:1px solid var(--border)}.agenda-day:last-child{border-bottom:none}.agenda-day.past{opacity:.5}.agenda-day-hdr{display:flex;flex-direction:column;align-items:center;min-width:34px;padding-top:2px}.agenda-dow{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.agenda-dnum{font-size:20px;font-weight:700;color:var(--text);line-height:1.1}.agenda-dnum.today{color:var(--terra)}.agenda-evts{flex:1;display:flex;flex-direction:column;gap:5px;padding-top:2px}.agenda-evt{display:flex;align-items:flex-start;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer}.agenda-evt:hover{background:var(--surface2)}.cal-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.cal-legend-item{display:flex;align-items:center;gap:5px}:root.light .stat-card{background:var(--surface);border-color:var(--border)}:root.light .stat-card.stat-avail{background:#cce8d0;border-color:#90c898}:root.light .stat-card.stat-out{background:#fce0b0;border-color:#e0b860}:root.light .stat-card.stat-over{background:#fcd0c0;border-color:#e09080}:root.light .stat-card.stat-repair{background:#fce0b0;border-color:#e0b860}:root.light .stat-card.stat-assign{background:#c8e0f4;border-color:#80b8e0}:root.light .dash-card{background:var(--surface)}:root.light .cal-day{background:var(--surface2)}:root.light .cal-day.today{background:#fde8d0}:root.light .list-card{background:var(--surface)}:root.light .device-card{background:var(--surface)}:root.light input,:root.light select,:root.light textarea{background:var(--surface);border-color:var(--border)}:root.light select option{background:var(--surface)}:root.light .sidebar{background:var(--surface);box-shadow:2px 0 14px #64501414}:root.light .bottom-nav{background:var(--surface)}:root.light .topbar{background:var(--surface)}:root.light .sheet{background:var(--surface)}:root.light .cal-wrap{background:var(--surface)}:root.light .batch-device{background:var(--surface)}:root.light .user-row{background:var(--surface2)}:root.light .settings-section{background:var(--surface);border:1px solid var(--border2);border-radius:12px;padding:16px 18px;box-shadow:0 2px 8px #6450140d}:root.light .settings-title{border-bottom-color:var(--border2);color:var(--text)}:root.light .info-box{background:var(--surface2);border-color:var(--border2)}:root.light .cfg-display-box{background:var(--surface);border-color:var(--border2)}:root.light .btn-icon{background:var(--surface);border-color:var(--border2);color:var(--text)}:root.light .btn-icon:hover{background:var(--surface2)}:root.light .settings-tabs{border-bottom-color:var(--border2)}:root.light .overdue-item{background:var(--surface)}:root.light .label-card{background:var(--surface)}:root.light .dash-alert{background:#fcd0c0;border-color:#e09080;color:var(--red)}:root.light .dash-alert-info{background:#c8e0f4;border-color:#80b8e0;color:var(--blue,#246090)}:root.light .dash-alert-warn{background:#fce0b0;border-color:#e0b860;color:var(--amber)}:root.light .chip-red{background:#fcd0c0;border-color:#e09080;color:var(--red)}:root.light .chip-amber{background:#fce0b0;border-color:#d8b050;color:var(--amber)}:root.light .chip-olive{background:#776f4d1f;border-color:#776f4d4d;color:var(--olive)}:root.light #login-screen{background:var(--bg)}:root.light .sp-loading{background:#fbefc5eb}:root.light .view-as-banner{background:#7a3a00}:root.light .toast.success{background:#347248;color:#fff}:root.light .toast.error{background:#963428;color:#fff}:root.light .toast.info{background:#246090;color:#fff}:root.light .pill-green{background:#cce8d0;color:#2a6038}:root.light .pill-amber{background:#fce0b0;color:#8a5820}:root.light .pill-red{background:#fcd0c0;color:#8a2820}:root.light .pill-pending{background:#fce0b0;color:#8a6820}:root.light .pill-blue{background:#c8e0f4;color:#1a5080}:root.light .pill-repair{background:#ffe0c0;color:#8a4010}:root.light .status-badge.available{background:#cce8d0;color:#2a6038}:root.light .status-badge.out{background:#fce0b0;color:#8a5820}:root.light .status-badge.pending{background:#fce0b0;color:#8a6820}:root.light .cal-event-chip{background:#0000000d}:root.light .bulk-scan-item{background:var(--surface2)}:root.light .low-stock-bar{background:#fce0b0;border-color:#c8a84a;color:#8a6820}:root.light .filter-chip{background:var(--surface);border-color:var(--border)}:root.light .filter-chip.active{background:var(--terra);color:#fff}:root.light code{background:var(--surface2);color:var(--olive);padding:1px 4px;border-radius:3px}:root.light .stat-card,:root.light .dash-card,:root.light .list-card,:root.light .device-card,:root.light .inv-card{box-shadow:0 2px 8px #6450140f}:root.light .cal-wrap{box-shadow:0 2px 8px #6450140f}:root.light .scan-mode-tabs{box-shadow:0 1px 4px #6450140d}:root.light .camera-preview-placeholder{background:var(--surface2);border-color:var(--border2)}:root.light .settings-tabs{background:var(--bg)}:root.light .scan-mode-tabs{background:var(--surface)}.label-group{margin-bottom:16px}.label-group-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--surface2);border-radius:9px;cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px;border:1px solid var(--border)}.label-group-header:hover{border-color:var(--terra)}.label-group-title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.label-group-meta{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.label-group-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.label-group-body.collapsed{display:none}.label-group-chevron{font-size:11px;color:var(--muted);transition:transform .2s}.label-group-chevron.open{transform:rotate(90deg)}#item-detail-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:300;overflow-y:auto;padding:20px;align-items:flex-start;justify-content:center}#item-detail-modal.open{display:flex}.item-detail-panel{background:var(--surface);border:1px solid var(--border2);border-radius:16px;width:100%;max-width:700px;overflow:hidden;margin:auto}.item-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface2)}.item-detail-body{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid var(--border)}.item-detail-section{padding:16px 20px}.item-detail-section-title{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px}.history-list{max-height:320px;overflow-y:auto}.history-entry{padding:10px 0;border-bottom:1px solid var(--border)}.history-entry:last-child{border-bottom:none}