:root{--font-display:"Space Grotesk", system-ui, -apple-system, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--bg:#0b0d10;--bg2:#121519;--bg3:#1a1e23;--bg-raised:#20252b;--border:#ffffff14;--border-strong:#ffffff29;--text:#f2f0ea;--text2:#f2f0ea94;--text3:#f2f0ea57;--accent:#ff8a3d;--accent-dim:#ff8a3d24;--accent-strong:#ffa563;--accent2:#35d4c7;--accent2-dim:#35d4c724;--success:#6de08a;--success-dim:#6de08a24;--danger:#ff5470;--danger-dim:#ff547024;--warn:#ffb84d;--warn-dim:#ffb84d24;--radius-sm:6px;--radius-md:10px;--radius-lg:18px;--shadow-card:0 1px 0 #ffffff0a inset, 0 8px 24px #00000059;--sidebar-w:264px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(900px 500px at 15% -10%,#ff8a3d14,#0000 60%),radial-gradient(700px 500px at 100% 0,#35d4c70f,#0000 55%);background-attachment:fixed;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}p{margin:0}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{color:inherit;font-family:inherit}::selection{background:var(--accent-dim);color:var(--text)}:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.vu-meter{align-items:flex-end;gap:2px;height:16px;display:inline-flex}.vu-meter .vu-bar{background:linear-gradient(180deg, var(--accent), var(--accent2));border-radius:1px;width:3px;animation:1.1s ease-in-out infinite vu-bounce}.vu-meter .vu-bar:first-child{animation-delay:-.9s}.vu-meter .vu-bar:nth-child(2){animation-delay:-.6s}.vu-meter .vu-bar:nth-child(3){animation-delay:-.3s}.vu-meter .vu-bar:nth-child(4){animation-delay:-1.05s}.vu-meter .vu-bar:nth-child(5){animation-delay:-.15s}@keyframes vu-bounce{0%,to{height:30%}50%{height:100%}}@media (prefers-reduced-motion:reduce){.vu-meter .vu-bar{height:60%;animation:none}}.layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--bg2);border-right:1px solid var(--border);z-index:40;flex-direction:column;transition:transform .2s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:22px 20px;display:flex}.sidebar-brand-text{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:700}.sidebar-brand-text span{color:var(--accent)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-section{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text3);padding:16px 12px 6px;font-size:10px}.nav-item{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;transition:color .15s,background .15s;display:flex;position:relative}.nav-item:hover{color:var(--text);background:var(--bg3);text-decoration:none}.nav-item.active{color:var(--text)}.nav-led{background:var(--text3);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s,box-shadow .2s}.nav-item.active .nav-led{background:var(--accent);box-shadow:0 0 8px 1px var(--accent)}.nav-icon{opacity:.85;flex-shrink:0;width:16px;height:16px}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:14px;display:flex}.sidebar-avatar{background:var(--accent-dim);width:30px;height:30px;color:var(--accent);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sidebar-user-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.sidebar-user-role{color:var(--text3);font-size:11px}.main-content{margin-left:var(--sidebar-w);flex-direction:column;flex:1;min-width:0;display:flex}.topbar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0d10b8;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex;position:sticky;top:0}.page-title{font-family:var(--font-display);font-size:20px;font-weight:600}.page-subtitle{color:var(--text2);margin-top:2px;font-size:12.5px}.mobile-menu-button,.sidebar-backdrop{display:none}.page-body{flex:1;padding:24px 28px 48px}.btn{border:1px solid var(--border-strong);background:var(--bg3);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:hover{background:var(--bg-raised);border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:#1a0f00;font-weight:600}.btn-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg3)}.btn-danger{border-color:var(--danger);color:var(--danger);background:0 0}.btn-danger:hover{background:var(--danger-dim)}.btn-sm{padding:5px 10px;font-size:12px}.icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text2);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover{background:var(--bg3);color:var(--text)}.panel{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;display:flex}.panel-title{font-family:var(--font-display);font-size:14.5px;font-weight:600}.panel-body{padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:20px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px 20px}.stat-card-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.06em;font-size:11.5px;font-weight:600}.stat-icon{color:var(--accent);opacity:.85}.stat-value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600}.stat-sub{color:var(--text3);margin-top:4px;font-size:12px}.table-wrap{overflow-x:auto}table.data-table{border-collapse:collapse;width:100%;font-size:13px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.07em;color:var(--text3);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 20px;font-size:10.5px;font-weight:600}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 20px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff04}.cell-mono{font-family:var(--font-mono);color:var(--text2);font-size:12.5px}.cell-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.badge{letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.badge-success{background:var(--success-dim);color:var(--success)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-warn{background:var(--warn-dim);color:var(--warn)}.badge-neutral{background:var(--bg3);color:var(--text2)}.badge-accent{background:var(--accent2-dim);color:var(--accent2)}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text2);font-size:12px;font-weight:600}.field-hint{color:var(--text3);font-size:11.5px}.input,.select,.textarea{background:var(--bg3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);width:100%;padding:9px 12px;font-size:13.5px;transition:border-color .15s,background .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent2);background:var(--bg-raised);outline:none}.input::placeholder{color:var(--text3)}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.form-error{color:var(--danger);font-size:12.5px}.toggle-switch{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:10px;padding:0;display:inline-flex;position:relative}.toggle-track{background:var(--bg-raised);border:1px solid var(--border-strong);border-radius:999px;flex-shrink:0;width:36px;height:20px;position:relative}.toggle-knob{background:var(--text3);border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px}.toggle-switch.on .toggle-track{background:var(--accent-dim);border-color:var(--accent)}.toggle-switch:disabled{opacity:.5;cursor:not-allowed}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#06070999;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.modal-body{padding:20px}.toast-viewport{z-index:200;flex-direction:column;gap:8px;width:min(340px,100vw - 40px);display:flex;position:fixed;bottom:20px;right:20px}.toast{border-radius:var(--radius-md);background:var(--bg-raised);border:1px solid var(--border-strong);align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;display:flex;box-shadow:0 12px 30px #0006}.toast-success{border-color:#6de08a59}.toast-error{border-color:#ff547059}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-card);padding:32px 28px}.login-brand{align-items:center;gap:12px;margin-bottom:6px;display:flex}.login-title{font-family:var(--font-display);font-size:22px;font-weight:700}.login-subtitle{color:var(--text2);margin:6px 0 26px;font-size:13px}.empty-state{color:var(--text2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.empty-state-text{font-size:13.5px}.spinner{border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:.8s linear infinite spin}.full-screen-center{justify-content:center;align-items:center;min-height:100vh;display:flex}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{align-items:center;display:flex}.gap-2{gap:8px}.gap-3{gap:12px}.text-muted{color:var(--text2)}.text-dim{color:var(--text3)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filters-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.tabs{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;width:fit-content;padding:4px;display:flex}.tab-item{border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;background:0 0;border:none;padding:7px 14px;font-size:12.5px;font-weight:500;position:relative}.tab-item.active{color:var(--text)}.charts-grid{grid-template-columns:2fr 1fr;gap:14px;margin-bottom:20px;display:grid}@media (width<=980px){.charts-grid,.form-grid{grid-template-columns:1fr}}@media (width<=860px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-button{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg2);width:34px;height:34px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.sidebar-backdrop{z-index:39;opacity:0;visibility:hidden;background:#00000080;border:none;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;visibility:visible}.page-body{padding:18px 16px 40px}.topbar{padding:14px 16px}.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=520px){.stats-grid,.form-grid{grid-template-columns:1fr}}