@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2128;--bg-card-hover:#252c35;--bg-surface:#0d1117;--border-primary:#30363d;--border-subtle:#21262d;--border-accent:#f5a623;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-accent:#f5a623;--lumion-orange:#f5a623;--lumion-orange-dim:#f5a62326;--lumion-orange-glow:#f5a6234d;--color-online:#3fb950;--color-warning:#d29922;--color-critical:#f85149;--color-info:#58a6ff;--color-offline:#6e7681;--gradient-beam:linear-gradient(135deg, #f5a623 0%, #e8850c 100%);--gradient-energy:linear-gradient(135deg, #3fb950 0%, #58a6ff 100%);--gradient-power:linear-gradient(135deg, #f5a623 0%, #f85149 100%);--gradient-card:linear-gradient(145deg, #1c2128cc 0%, #0d1117e6 100%);--chart-voltage:#58a6ff;--chart-current:#3fb950;--chart-power:#f5a623;--chart-supercap:#bc8cff;--chart-temp:#f85149;--chart-energy:#39d2c0;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-card:0 4px 24px #0006;--shadow-glow-orange:0 0 20px #f5a62326;--shadow-glow-green:0 0 20px #3fb95026}[data-theme=light]{--bg-primary:#f5f6f8;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f1f3;--bg-surface:#eef0f3;--border-primary:#d0d7de;--border-subtle:#e1e4e8;--border-accent:#e8950c;--text-primary:#1f2328;--text-secondary:#656d76;--text-muted:#8b949e;--lumion-orange-dim:#f5a6231f;--lumion-orange-glow:#f5a62333;--gradient-card:linear-gradient(145deg, #ffffffe6 0%, #f5f6f8f2 100%);--shadow-card:0 2px 12px #0000000f;--shadow-glow-orange:0 0 16px #f5a6231a;--shadow-glow-green:0 0 16px #3fb9501a}[data-theme=light] body:before{background:radial-gradient(at 20%,#f5a6230d 0%,#0000 50%),radial-gradient(at 80% 20%,#f5a62308 0%,#0000 50%),radial-gradient(at 50% 80%,#3fb95008 0%,#0000 50%)}[data-theme=light] .auth-card{border-color:var(--border-primary);background:#fff}[data-theme=light] .navbar{box-shadow:0 1px 3px #0000000f}[data-theme=light] .navbar-links a:hover{background:#0000000a}[data-theme=light] .event-count-badge{background:#0000000f}[data-theme=light] .beam-health-bar .check.go{background:#3fb9501a}[data-theme=light] .beam-health-bar .check.nogo{background:#f851491a}[data-theme=light] .form-group input{background:#fff;border-color:#d0d7de}[data-theme=light] .btn{background:#fff}[data-theme=light] .btn:hover{background:#f0f1f3}[data-theme=light] .skeleton{background:linear-gradient(90deg,#f0f1f3 25%,#e1e4e8 50%,#f0f1f3 75%) 0 0/200% 100%}[data-theme=light] ::-webkit-scrollbar-track{background:#f5f6f8}[data-theme=light] ::-webkit-scrollbar-thumb{background:#d0d7de}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#8b949e}*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{background:var(--bg-primary);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .3s,color .3s}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#f5a6230a 0%,#0000 50%),radial-gradient(at 80% 20%,#f5a62305 0%,#0000 50%),radial-gradient(at 50% 80%,#3fb95005 0%,#0000 50%);position:fixed;inset:0}.app-container{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.main-content{padding:var(--space-lg) var(--space-xl);flex:1;width:100%;max-width:1440px;margin:0 auto}.auth-layout{min-height:100vh;padding:var(--space-xl);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:var(--space-2xl);box-shadow:var(--shadow-card)}.auth-card .logo-section{text-align:center;margin-bottom:var(--space-xl)}.auth-card .logo-section h1{letter-spacing:-.02em;font-size:32px;font-weight:700}.auth-card .logo-section h1 span{color:var(--lumion-orange)}.auth-card .logo-section p{color:var(--text-secondary);margin-top:var(--space-xs);font-size:13px}.auth-form{gap:var(--space-md);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-group input{background:var(--bg-surface);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:var(--lumion-orange);box-shadow:0 0 0 3px var(--lumion-orange-dim)}.form-group input::placeholder{color:var(--text-muted)}.btn-primary{background:var(--lumion-orange);color:#0d1117;border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.btn-primary:hover{box-shadow:var(--shadow-glow-orange);background:#e8950c}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.auth-link{text-align:center;color:var(--text-secondary);margin-top:var(--space-md);font-size:13px}.auth-link a{color:var(--lumion-orange);font-weight:500;text-decoration:none}.auth-link a:hover{text-decoration:underline}.auth-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:var(--color-critical);background:#f851491a;border:1px solid #f8514933;font-size:13px}.navbar{padding:var(--space-md) var(--space-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);z-index:100;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.navbar-brand{align-items:center;gap:var(--space-sm);color:var(--text-primary);text-decoration:none;display:flex}.navbar-brand .logo-icon{object-fit:cover;border-radius:8px;width:36px;height:36px;transition:box-shadow .3s,transform .3s;box-shadow:0 0 12px #f5a62333}.navbar-brand:hover .logo-icon{transform:scale(1.05);box-shadow:0 0 20px #f5a62359}.navbar-brand h1{letter-spacing:-.02em;font-size:20px;font-weight:700}.navbar-brand h1 .brand-highlight{color:var(--lumion-orange)}.navbar-brand span.sub{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:400}.navbar-links{gap:var(--space-xs);display:flex}.navbar-links a{padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:13px;font-weight:500;text-decoration:none;transition:all .2s}.navbar-links a:hover{color:var(--text-primary);background:#ffffff0d}.navbar-links a.active{color:var(--lumion-orange);background:var(--lumion-orange-dim)}.navbar-status{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:12px;display:flex}.navbar-status .pulse-dot{background:var(--color-online);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}.navbar-user{align-items:center;gap:var(--space-sm);display:flex}.navbar-user .user-avatar{background:var(--lumion-orange-dim);border:1px solid var(--lumion-orange);width:28px;height:28px;color:var(--lumion-orange);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:flex}.navbar-user .user-name{color:var(--text-primary);font-size:13px;font-weight:500}.navbar-user .btn-logout{border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;background:0 0;padding:4px 10px;font-family:inherit;font-size:11px;transition:all .15s}.navbar-user .btn-logout:hover{color:var(--color-critical);background:#f851491a;border-color:#f851494d}.btn-theme-toggle{border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;margin-left:12px;padding:4px 8px;font-size:16px;line-height:1;transition:all .15s}.btn-theme-toggle:hover{background:var(--lumion-orange-dim);border-color:var(--lumion-orange);color:var(--lumion-orange)}.page-header{margin-bottom:var(--space-xl)}.page-header h2{letter-spacing:-.02em;margin-bottom:var(--space-xs);font-size:24px;font-weight:600}.page-header p{color:var(--text-secondary);font-size:14px}.card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-card);transition:all .2s}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-glow-orange)}.stat-grid{gap:var(--space-md);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg);transition:all .25s;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--card-accent,var(--gradient-beam));opacity:0;height:2px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-glow-orange);border-color:#f5a6234d;transform:translateY(-2px)}.stat-card:hover:before{opacity:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm);font-size:11px;font-weight:500}.stat-value{letter-spacing:-.02em;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;line-height:1}.stat-unit{color:var(--text-muted);margin-left:4px;font-size:14px;font-weight:400}.stat-sub{color:var(--text-secondary);margin-top:var(--space-sm);font-size:12px}.status-row{gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.status-badge{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:500;display:inline-flex}.status-badge.online{color:var(--color-online);background:#3fb9501a;border-color:#3fb95033}.status-badge.warning{color:var(--color-warning);background:#d299221a;border-color:#d2992233}.status-badge.critical{color:var(--color-critical);background:#f851491a;border-color:#f8514933}.status-badge.offline{color:var(--color-offline);background:#6e76811a;border-color:#6e768133}.status-badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chart-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.chart-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-lg)}.chart-card h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-md);font-size:13px;font-weight:500}.event-list{flex-direction:column;gap:1px;display:flex}.event-item{align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border-left:3px solid #0000;transition:background .15s;display:flex}.event-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.event-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.event-item:hover{background:var(--bg-card-hover)}.event-item.info{border-left-color:var(--color-info)}.event-item.warning{border-left-color:var(--color-warning)}.event-item.critical{border-left-color:var(--color-critical)}.event-time{color:var(--text-muted);white-space:nowrap;min-width:80px;font-family:JetBrains Mono,monospace;font-size:11px}.event-type{text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:4px;min-width:64px;padding:2px 8px;font-size:10px;font-weight:600}.event-type.info{color:var(--color-info);background:#58a6ff26}.event-type.warning{color:var(--color-warning);background:#d2992226}.event-type.critical{color:var(--color-critical);background:#f8514926}.event-message{color:var(--text-primary);font-size:13px}.device-grid{gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(350px,1fr));display:grid}.device-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-xl);position:relative;overflow:hidden}.device-card:after{content:"";background:var(--card-gradient,var(--gradient-beam));height:3px;position:absolute;top:0;left:0;right:0}.device-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.device-header h3{font-size:16px;font-weight:600}.device-specs{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.device-spec{flex-direction:column;gap:2px;display:flex}.device-spec .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.device-spec .value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.section-title{color:var(--text-secondary);margin-bottom:var(--space-md);align-items:center;gap:var(--space-sm);font-size:14px;font-weight:600;display:flex}.section-title .icon{font-size:16px}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s ease-out fade-in}.mono{font-family:JetBrains Mono,monospace}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--text-accent)}.text-online{color:var(--color-online)}.text-warning{color:var(--color-warning)}.text-critical{color:var(--color-critical)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.skeleton{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.empty-state .icon{margin-bottom:var(--space-md);opacity:.3;font-size:48px}.empty-state p{font-size:14px}.btn{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s}.btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.btn.active{background:var(--lumion-orange-dim);border-color:var(--lumion-orange);color:var(--lumion-orange)}.btn.active-info{color:var(--color-info);background:#58a6ff26;border-color:#58a6ff4d}.btn.active-warning{color:var(--color-warning);background:#d2992226;border-color:#d299224d}.btn.active-critical{color:var(--color-critical);background:#f8514926;border-color:#f851494d}.btn-group{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap;align-items:center;display:flex}.stat-card--alert{border-color:#f8514966!important;box-shadow:0 0 20px #f851491f!important}.stat-card--alert:before{background:var(--color-critical)!important;opacity:1!important}.stat-trend{align-items:center;gap:3px;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.stat-trend.up{color:var(--color-online)}.stat-trend.down{color:var(--color-critical)}.stat-trend.stable{color:var(--text-muted)}.progress-bar-track{background:var(--bg-surface);height:6px;margin-top:var(--space-sm);border-radius:3px;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .6s}.beam-health-bar{gap:var(--space-sm);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;display:flex}.beam-health-bar .check{border-radius:var(--radius-sm);letter-spacing:.08em;border:1px solid #0000;align-items:center;gap:6px;padding:4px 12px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;display:flex}.beam-health-bar .check.go{color:var(--color-online);background:#3fb95014;border-color:#3fb95033}.beam-health-bar .check.nogo{color:var(--color-critical);background:#f8514914;border-color:#f8514933}.beam-health-bar .check:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.beam-health-bar .sep{background:var(--border-primary);width:1px;height:20px;margin:0 4px}.beam-health-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-right:auto;font-size:11px;font-weight:500}.event-count-badge{background:#ffffff14;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:10px;font-weight:600}.event-session{color:var(--text-muted);min-width:52px;font-family:JetBrains Mono,monospace;font-size:10px}.chart-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.chart-card-header h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:0;font-size:13px;font-weight:500}.chart-current-value{font-family:JetBrains Mono,monospace;font-size:16px;font-weight:600}.phase-steady{color:var(--color-online)}.phase-perturbation{color:var(--color-warning)}.phase-startup,.phase-rampup{color:var(--lumion-orange)}.phase-cooldown{color:var(--color-warning)}.navbar-tick{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.navbar-links a.active{position:relative}.navbar-links a.active:after{content:"";background:var(--gradient-beam);border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:-2px;left:8px;right:8px}.summary-stats{gap:var(--space-md);margin-bottom:var(--space-xl);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.summary-stat{flex-direction:column;gap:4px;display:flex}.summary-stat .ss-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:500}.summary-stat .ss-value{font-family:JetBrains Mono,monospace;font-size:18px;font-weight:700}.device-footer{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.stat-icon{top:var(--space-md);right:var(--space-md);opacity:.25;pointer-events:none;font-size:18px;position:absolute}.stat-sparkline{opacity:.7;margin-top:8px}@keyframes slide-in-right{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.settings-grid{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));display:grid}.settings-section{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-xl)}.settings-section h3{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle);font-size:16px;font-weight:600}.settings-row{padding:var(--space-md) 0;border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.settings-row:last-child{border-bottom:none}.settings-row .settings-label{color:var(--text-primary);font-size:13px;font-weight:500}.settings-row .settings-value{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px}.sessions-table{border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-primary);width:100%;overflow:hidden}.sessions-table th{padding:var(--space-md) var(--space-lg);text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);font-size:11px;font-weight:600}.sessions-table td{padding:var(--space-md) var(--space-lg);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);font-size:13px}.sessions-table tr:last-child td{border-bottom:none}.sessions-table tr:hover td{background:var(--bg-card-hover)}.sessions-table .session-id-cell{color:var(--lumion-orange);font-family:JetBrains Mono,monospace;font-size:12px}.navbar,.card,.stat-card,.chart-card,.device-card,.event-item,.settings-section,.beam-health-bar,.summary-stats,.sessions-table,.sessions-table th,.sessions-table td,.auth-card,.btn,.form-group input,.status-badge,.btn-theme-toggle,.navbar-user .btn-logout{transition:background-color .3s,border-color .3s,color .3s,box-shadow .3s}.device-card{transition:transform .25s,box-shadow .25s,border-color .25s}.device-card:hover{box-shadow:0 8px 30px #00000026, var(--shadow-glow-orange);border-color:#f5a6234d;transform:translateY(-3px)}:focus-visible{outline:2px solid var(--lumion-orange);outline-offset:2px}.form-group input:focus-visible{border-color:var(--lumion-orange);box-shadow:0 0 0 3px var(--lumion-orange-dim);outline:none}.btn:focus-visible,.btn-primary:focus-visible,.btn-theme-toggle:focus-visible,.btn-logout:focus-visible{outline:2px solid var(--lumion-orange);outline-offset:2px}.navbar-links a:focus-visible{outline:2px solid var(--lumion-orange);outline-offset:2px;border-radius:var(--radius-sm)}.stat-card .stat-value.loading{background:linear-gradient(90deg, var(--bg-card) 25%, var(--bg-card-hover) 50%, var(--bg-card) 75%);border-radius:var(--radius-sm);background-size:200% 100%;width:80px;height:28px;animation:1.5s ease-in-out infinite skeleton-shimmer;display:inline-block}.toast{background:var(--bg-card);border:1px solid var(--color-online);border-radius:var(--radius-md);color:var(--color-online);z-index:200;align-items:center;gap:var(--space-sm);padding:12px 20px;font-size:13px;font-weight:500;animation:.3s ease-out toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 30px #0003}.toast:before{content:"✓";font-weight:700}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-card .logo-section .auth-logo{object-fit:cover;border-radius:12px;width:56px;height:56px;margin-bottom:12px;box-shadow:0 0 20px #f5a62340}.password-wrapper{position:relative}.password-wrapper input{padding-right:40px}.password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;line-height:1;transition:color .15s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:var(--text-primary)}.navbar-hamburger{border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;padding:6px 8px;font-size:18px;line-height:1;transition:all .15s;display:none}.navbar-hamburger:hover{color:var(--text-primary);background:#ffffff0d}@media (max-width:768px){.main-content{padding:var(--space-md)}.stat-grid{grid-template-columns:repeat(2,1fr)}.chart-grid,.device-grid,.settings-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(3,1fr)}.navbar-links{background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--space-sm) var(--space-md);z-index:99;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #00000026}.navbar-links.open{display:flex}.navbar-hamburger{display:block}.navbar-brand span.sub,.navbar-user .user-name{display:none}.page-header h2{font-size:20px}.sessions-table{font-size:12px}.sessions-table th,.sessions-table td{padding:var(--space-sm) var(--space-md)}.beam-health-bar{flex-wrap:wrap}.auth-card{padding:var(--space-xl) var(--space-lg)}}@media (max-width:480px){.stat-grid{grid-template-columns:1fr}.summary-stats{grid-template-columns:repeat(2,1fr)}.device-specs{grid-template-columns:1fr}}.chart-card{transition:border-color .2s,box-shadow .2s}.chart-card:hover{border-color:#f5a62333}.sessions-table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-md);border:1px solid var(--border-primary);overflow-x:auto}.sessions-table-wrapper .sessions-table{border:none;border-radius:0}.connection-error{padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);color:var(--color-critical);margin-bottom:var(--space-lg);align-items:center;gap:var(--space-sm);background:#f8514914;border:1px solid #f8514933;font-size:13px;font-weight:500;animation:.3s ease-out fade-in;display:flex}.connection-error:before{content:"";background:var(--color-critical);border-radius:50%;width:8px;height:8px;animation:1.5s ease-in-out infinite pulse-dot}@media (max-width:768px){.stat-sparkline{display:none}}