@import"https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: #f0f2f5;--surface: #ffffff;--surface-2: #f8f9fb;--border: #e5e7eb;--border-soft: #f0f0f0;--text: #111827;--muted: #6b7280;--muted-light: #9ca3af;--red: #e61a27;--red-dark: #b81320;--red-soft: #fff0f1;--red-mid: #fde8e9;--gold: #c47d00;--gold-soft: #fef3e2;--cyan: #0284c7;--cyan-soft: #e0f2fe;--green: #16a34a;--green-soft: #f0fdf4;--orange: #ea580c;--orange-soft: #fff7ed;--sb-bg: #140208;--sb-surface: rgba(255,255,255,.07);--sb-hover: rgba(255,255,255,.1);--sb-active: rgba(230,26,39,.22);--sb-text: #f9f0f0;--sb-muted: rgba(255,200,200,.55);--sb-border: rgba(255,255,255,.09);--sb-selected: rgba(255,180,79,.18);--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.05);--radius-sm: .5rem;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Inter,sans-serif;font-size:.875rem;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:none}h1,h2,h3,h4,h5,h6,p{margin:0}.brand-mark,.eyebrow,.stat-value,h1,h2,h3{font-family:Oswald,sans-serif;letter-spacing:.02em}.eyebrow{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.side-rail .eyebrow{color:var(--sb-muted)}.login-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 30%,rgba(230,26,39,.12) 0%,transparent 55%),radial-gradient(ellipse at 80% 70%,rgba(196,125,0,.08) 0%,transparent 50%),#f4f5f7}.login-panel{width:100%;max-width:26rem;padding:2.5rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:1.5rem}.brand-mark{display:inline-flex;align-items:center;padding:.3rem .75rem;border-radius:999px;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1.25rem}.login-panel h1{font-size:1.6rem;line-height:1.15;color:var(--text);margin-bottom:.5rem}.login-copy{font-size:.83rem;color:var(--muted);margin-bottom:1.75rem}.login-form{display:grid;gap:1rem}.login-form label{display:grid;gap:.35rem}.login-form span{font-size:.78rem;font-weight:600;color:var(--text)}.login-form input{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .875rem;background:var(--surface);color:var(--text);outline:none;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e61a271f}.login-footer{margin-top:1.5rem;display:grid;gap:.25rem;font-size:.75rem;color:var(--muted-light);text-align:center}.form-error{padding:.65rem .875rem;border-radius:var(--radius);background:var(--red-soft);border:1px solid rgba(230,26,39,.2);color:var(--red-dark);font-size:.82rem}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.1rem;border-radius:var(--radius);background:var(--red);color:#fff;font-weight:600;font-size:.85rem;transition:background .15s,box-shadow .15s,transform .12s;box-shadow:0 2px 8px #e61a2747}.cta-button:hover:not(:disabled){background:var(--red-dark);transform:translateY(-1px);box-shadow:0 4px 14px #e61a2752}.cta-button:disabled{opacity:.6;cursor:not-allowed}.ghost-button{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .875rem;border-radius:var(--radius);background:var(--surface);color:var(--text);border:1px solid var(--border);font-size:.82rem;font-weight:500;transition:background .15s,box-shadow .15s,transform .12s}.ghost-button:hover{background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.dashboard-shell{display:grid;grid-template-columns:15.5rem 1fr;min-height:100vh}.side-rail{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--sb-bg);border-right:1px solid rgba(255,255,255,.06);overflow-y:auto;overflow-x:hidden}.rail-header{padding:1.25rem 1rem 1rem;border-bottom:1px solid var(--sb-border)}.rail-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.1rem}.rail-brand .brand-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 6px #e61a2799}.rail-brand-name{font-family:Oswald,sans-serif;font-size:1.05rem;font-weight:600;color:#fff;letter-spacing:.04em}.rail-brand-sub{font-size:.68rem;color:var(--sb-muted);margin-top:.1rem}.rail-body{flex:1;display:flex;flex-direction:column;gap:.25rem;padding:.75rem;overflow-y:auto}.rail-footer{padding:.75rem;border-top:1px solid var(--sb-border)}.rail-section{display:grid;gap:.35rem;padding:.75rem 0;border-bottom:1px solid var(--sb-border)}.rail-section:last-child{border-bottom:none}.rail-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sb-muted);padding:0 .25rem;margin-bottom:.15rem}.filter-chip{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;padding:.5rem .75rem;border-radius:var(--radius);color:#fff0f0cc;font-size:.8rem;font-weight:500;transition:background .15s,color .15s}.filter-chip:hover{background:var(--sb-hover);color:#fff}.filter-chip.is-selected{background:var(--sb-active);color:#fff;border:1px solid rgba(230,26,39,.35)}.filter-chip .chip-dot{width:6px;height:6px;border-radius:50%;background:#ffffff4d;flex-shrink:0}.filter-chip.is-selected .chip-dot{background:var(--red)}.alert-stack{display:grid;gap:.4rem}.alert-card{display:flex;gap:.6rem;padding:.6rem .75rem;border-radius:var(--radius);font-size:.78rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.alert-card.critical{background:#e61a2726;border-color:#e61a2740}.alert-card.warning{background:#c47d0024;border-color:#c47d0038}.alert-card strong{display:block;color:#fff;font-size:.78rem}.alert-card span{color:var(--sb-muted);font-size:.72rem}.user-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;border-radius:var(--radius);background:var(--sb-surface);border:1px solid var(--sb-border)}.user-card strong{display:block;font-size:.82rem;color:#fff;font-weight:600}.user-card span{font-size:.72rem;color:var(--sb-muted)}.logout-btn{display:flex;align-items:center;gap:.45rem;width:100%;padding:.5rem .75rem;border-radius:var(--radius);color:var(--sb-muted);font-size:.78rem;transition:background .15s,color .15s;margin-top:.4rem}.logout-btn:hover{background:#ffffff12;color:#fff}.empty-panel{padding:.75rem;font-size:.78rem;color:var(--sb-muted);border:1px dashed rgba(255,255,255,.14);border-radius:var(--radius);text-align:center}.content-stage{display:flex;flex-direction:column;gap:1.1rem;padding:1.25rem 1.5rem 2rem;min-width:0}.hero-panel{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.hero-panel h2{font-size:1rem;font-weight:600;color:var(--text);margin-bottom:.1rem}.hero-copy{font-size:.78rem;color:var(--muted)}.hero-actions{display:flex;gap:.5rem;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.875rem}.stat-card{display:flex;align-items:flex-start;gap:.875rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.stat-icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--red-soft);color:var(--red);flex-shrink:0}.stat-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:.2rem}.stat-card h3{font-size:1.6rem;font-weight:700;color:var(--text);line-height:1;margin-bottom:.2rem}.stat-detail{font-size:.72rem;color:var(--muted-light)}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.section-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.section-heading.compact{margin-bottom:.75rem}.section-heading h2{font-size:.9rem;color:var(--text);margin-top:.15rem}.section-heading>p{font-size:.75rem;color:var(--muted);flex-shrink:0;max-width:14rem;text-align:right}.charts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.875rem}.chart-card{padding:1.1rem 1.25rem}.chart-frame{height:220px}.module-grid{display:grid;grid-template-columns:1.75fr 1fr;gap:.875rem}.scanner-section{padding:1.1rem 1.25rem}.scanner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.scanner-card{padding:.875rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);display:grid;gap:.6rem}.scanner-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;color:var(--muted)}.scanner-id{font-family:Oswald,sans-serif;font-size:.82rem;font-weight:600;color:var(--red);letter-spacing:.04em}.scanner-card h3{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;color:var(--text);margin-top:.1rem}.scanner-metrics{display:flex;gap:.4rem;flex-wrap:wrap}.scanner-metrics span{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .55rem;border-radius:999px;background:var(--bg);border:1px solid var(--border);font-size:.73rem;color:var(--text)}.scanner-meta{font-size:.72rem;color:var(--muted-light)}.connected-list{display:grid;gap:.35rem}.connected-chip{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem .7rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:.78rem;transition:background .15s,box-shadow .15s}.connected-chip:hover{background:var(--red-soft);border-color:#e61a2733;box-shadow:var(--shadow-sm)}.connected-chip strong{color:var(--gold);font-weight:600;flex-shrink:0}.side-module{padding:1.1rem 1.25rem}.session-list{display:grid;gap:.5rem}.session-card{padding:.75rem;border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-2)}.session-card header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.session-card header strong{font-size:.82rem;color:var(--text)}.session-card header span{font-size:.72rem;color:var(--muted-light)}.session-card p{font-size:.75rem;color:var(--muted);margin-bottom:.4rem}.session-card footer{display:flex;gap:.75rem}.session-card footer span{font-size:.72rem;color:var(--muted);background:var(--bg);border:1px solid var(--border);padding:.2rem .5rem;border-radius:999px}.devices-layout{grid-template-columns:1.25fr 1fr}.device-browser{padding:1.1rem 1.25rem}.search-input{width:14rem;border:1px solid var(--border);border-radius:var(--radius);padding:.45rem .75rem;background:var(--surface-2);color:var(--text);font-size:.8rem;outline:none;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #e61a271a}.device-list{display:grid;gap:.4rem;max-height:34rem;overflow-y:auto;padding-right:.25rem}.device-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:.75rem;width:100%;text-align:left;padding:.7rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-2);color:var(--text);transition:background .15s,border-color .15s,box-shadow .15s}.device-row:hover{background:var(--surface);box-shadow:var(--shadow-sm)}.device-row.is-active{background:var(--red-mid);border-color:#e61a2740}.device-row>div{display:grid;gap:.1rem}.device-row strong{font-size:.8rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-row span{font-size:.72rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{padding:.25rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;white-space:nowrap;text-align:center}.status-pill.is-ok{background:var(--green-soft);color:var(--green);border:1px solid rgba(22,163,74,.2)}.status-pill.is-warning{background:var(--orange-soft);color:var(--orange);border:1px solid rgba(234,88,12,.2)}.device-editor{padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.device-highlights{display:flex;gap:.4rem;flex-wrap:wrap}.device-highlights span{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.74rem;color:var(--text)}.editor-form{display:grid;gap:.75rem}.editor-form label{display:grid;gap:.3rem}.editor-form span{font-size:.74rem;font-weight:600;color:var(--text)}.editor-form input,.editor-form textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.55rem .75rem;background:var(--surface-2);color:var(--text);font-size:.82rem;outline:none;transition:border-color .15s,box-shadow .15s}.editor-form textarea{resize:vertical}.editor-form input:focus,.editor-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 3px #e61a271a;background:var(--surface)}.save-message{font-size:.78rem;color:var(--green)}.page-error{padding:.65rem .875rem;border-radius:var(--radius);background:var(--red-soft);border:1px solid rgba(230,26,39,.2);color:var(--red-dark);font-size:.82rem}.mini-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.mini-stats article{padding:.7rem .875rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.mini-stats span{display:block;font-size:.68rem;color:var(--muted);margin-bottom:.2rem}.mini-stats strong{font-size:.88rem;color:var(--text)}.device-history-chart{margin-top:.25rem}.nav-section{display:grid;gap:.2rem;padding:.75rem 0;border-bottom:1px solid var(--sb-border)}.nav-item{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.55rem .75rem;border-radius:var(--radius);color:#ffebebb3;font-size:.82rem;font-weight:500;transition:background .15s,color .15s;border:1px solid transparent}.nav-item:hover{background:var(--sb-hover);color:#fff}.nav-item.is-active{background:#e61a272e;border-color:#e61a274d;color:#fff}.nav-item.is-active svg{color:var(--red)}.nav-item svg{flex-shrink:0;opacity:.7}.nav-item.is-active svg{opacity:1}.nav-badge{margin-left:auto;padding:.1rem .45rem;border-radius:999px;background:#e61a274d;color:#ffcdd0;font-size:.65rem;font-weight:700}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.page-header-left{display:flex;align-items:center;gap:.75rem}.page-header-icon{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--red-soft);color:var(--red);flex-shrink:0}.page-header h2{font-size:1rem;color:var(--text)}.page-header p{font-size:.75rem;color:var(--muted);margin-top:.1rem}.page-header-actions{display:flex;gap:.5rem;flex-shrink:0}.sessions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:.75rem}.session-full-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;display:grid;gap:.75rem;box-shadow:var(--shadow-xs)}.session-full-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.session-full-card .session-scanner{font-family:Oswald,sans-serif;font-size:.88rem;font-weight:600;color:var(--red);letter-spacing:.04em}.session-full-card .session-time{font-size:.72rem;color:var(--muted-light);text-align:right}.session-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.session-metric{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:.5rem .65rem;display:grid;gap:.1rem}.session-metric span{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-light);font-weight:600}.session-metric strong{font-size:.88rem;color:var(--text)}.session-devices-count{font-size:.75rem;color:var(--muted);display:flex;align-items:center;gap:.35rem}.devices-page{display:grid;grid-template-columns:1.35fr 1fr;gap:.875rem}.scanners-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:.875rem}.scanner-full-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;display:grid;gap:.875rem;box-shadow:var(--shadow-xs)}.scanner-full-card .scanner-header{align-items:center}.scanner-full-card .scanner-id{font-size:.95rem}.scanner-full-card .scanner-card h3{font-size:.82rem}.scanner-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.scanner-stat{background:var(--surface-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:.6rem .75rem}.scanner-stat span{display:block;font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-light);font-weight:600;margin-bottom:.15rem}.scanner-stat strong{font-size:.9rem;color:var(--text)}.scanner-device-list{display:grid;gap:.35rem}.scanner-device-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;transition:background .15s,border-color .15s;color:var(--text);font-size:.8rem;width:100%;text-align:left}.scanner-device-row:hover{background:var(--red-soft);border-color:#e61a2733}.scanner-device-row .device-name{font-weight:600;font-size:.8rem}.scanner-device-row .device-addr{font-size:.7rem;color:var(--muted)}.scanner-device-row .device-val{font-size:.78rem;color:var(--gold);font-weight:600;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.ghost-button .spin{animation:spin .7s linear infinite}.refresh-meta{font-size:.72rem;color:var(--muted-light);white-space:nowrap}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#d1d5db}.side-rail::-webkit-scrollbar-thumb{background:#ffffff26}@media (max-width: 1280px){.dashboard-shell{grid-template-columns:1fr}.side-rail{position:relative;height:auto;flex-direction:row;flex-wrap:wrap;overflow:visible;padding:0}.rail-header{flex:1;min-width:12rem;padding:.875rem 1rem;border-bottom:none;border-right:1px solid var(--sb-border)}.rail-body{flex:2;flex-direction:row;padding:.75rem 1rem;gap:1rem}.rail-footer{padding:.75rem 1rem;border-top:none;border-left:1px solid var(--sb-border)}.rail-section{border-bottom:none;padding:0;gap:.3rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid,.module-grid,.devices-layout{grid-template-columns:1fr}.scanner-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 640px){.content-stage{padding:.875rem;gap:.875rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scanner-grid{grid-template-columns:1fr}.hero-panel{flex-direction:column;align-items:flex-start}.hero-actions{width:100%}.ghost-button{flex:1;justify-content:center}.search-input{width:100%}.device-row{grid-template-columns:1fr 1fr}}