*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#030014;--bg2:#0a0426;--bg3:#110740;--surface:#0a042666;--surface2:#11074080;--surface3:#212c4abf;--border:#ffffff0d;--border2:#ffffff1a;--border3:#fff3;--indigo:#0acf83;--indigo-hi:#0df29b;--indigo-dim:#0acf8314;--indigo-glow:#0acf8340;--teal:#00f0ff;--teal-hi:#5cffff;--teal-dim:#00f0ff14;--teal-glow:#00f0ff40;--amber:#ff9f1c;--amber-dim:#ff9f1c14;--amber-glow:#ff9f1c33;--rose:#ff477e;--rose-dim:#ff477e14;--rose-glow:#ff477e33;--purple:#8a3ffc;--purple-dim:#8a3ffc14;--purple-glow:#8a3ffc40;--text:#f3f4f6;--text-2:#9ca3af;--text-3:#6b7280;--font-head:"Outfit", sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--r:12px;--r-lg:16px;--sidebar-w:250px;--topbar-h:68px;--primary:#8a2be2;--primary-glow:#8a2be240;--accent:#ff9f1c;--text2:#9ca3af;--text3:#6b7280;--card-bg:#13192b66;--input-bg:#070a1399;--modal-bg:#0c101d;--table-header-bg:#13192bcc;--success:#0acf83;--success-bg:#0acf8314;--warning:#ff9f1c;--warning-bg:#ff9f1c14;--error:#ff477e;--error-bg:#ff477e14}.dark{--bg:#030014;--bg2:#0a0426;--bg3:#110740;--surface:#0a042666;--surface2:#11074080;--surface3:#212c4abf;--border:#ffffff0d;--border2:#ffffff1a;--border3:#fff3;--indigo:#0acf83;--indigo-hi:#0df29b;--indigo-dim:#0acf8314;--indigo-glow:#0acf8340;--teal:#00f0ff;--teal-hi:#5cffff;--teal-dim:#00f0ff14;--teal-glow:#00f0ff40;--amber:#ff9f1c;--amber-dim:#ff9f1c14;--amber-glow:#ff9f1c33;--rose:#ff477e;--rose-dim:#ff477e14;--rose-glow:#ff477e33;--purple:#8a3ffc;--purple-dim:#8a3ffc14;--purple-glow:#8a3ffc40;--text:#f3f4f6;--text-2:#9ca3af;--text-3:#6b7280;--primary:#8a2be2;--primary-glow:#8a2be240;--accent:#ff9f1c;--text2:#9ca3af;--text3:#6b7280;--card-bg:#13192b66;--input-bg:#070a1399;--modal-bg:#0c101d;--table-header-bg:#13192bcc;--success:#0acf83;--success-bg:#0acf8314;--warning:#ff9f1c;--warning-bg:#ff9f1c14;--error:#ff477e;--error-bg:#ff477e14}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5;overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--bg3) 25%, var(--surface2) 50%, var(--bg3) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite loading-skeleton}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border2);border:1px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--teal-hi)}.shell,.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080e0cd9;flex-direction:column;flex-shrink:0;gap:0;padding:0;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar:after{content:"";pointer-events:none;background:radial-gradient(circle,#22b88829 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.sidebar-logo{border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:10px;padding:26px 20px 22px;display:flex}.logo-mark{width:32px;height:32px;filter:drop-shadow(0 0 8px var(--teal-glow))}.logo-text{font-family:var(--font-head);color:var(--text);letter-spacing:-.6px;background:linear-gradient(135deg, #fff 30%, var(--teal-hi) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:19px;font-weight:800}.logo-badge{font-family:var(--font-mono);color:var(--teal-hi);letter-spacing:1.5px;background:var(--teal-dim);border:1px solid #22b88859;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:9px;font-weight:600}.nav-section{padding:20px 12px 0}.nav-label{font-family:var(--font-head);letter-spacing:3px;text-transform:uppercase;color:var(--text-3);margin-bottom:8px;padding:0 10px;font-size:9px;font-weight:800}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding-bottom:24px;display:flex;overflow-y:auto}.nav-item,.sidebar-item{cursor:pointer;text-align:left;width:calc(100% - 24px);color:var(--text-2);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;margin:0 12px 1px;padding:9px 12px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-item:before,.sidebar-item:before{content:"";background:var(--teal-hi);border-radius:0 3px 3px 0;width:3px;transition:transform .25s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.nav-item:hover,.sidebar-item:hover{color:var(--text);background:#22b8880d;border-color:#22b8880f;padding-left:15px}.nav-item:hover:before,.sidebar-item:hover:before{transform:scaleY(.55)}.nav-item.active,.sidebar-item--active{box-shadow:inset 0 0 12px #22b8880a;background:var(--teal-dim)!important;color:var(--teal-hi)!important;border-color:#22b88840!important}.nav-item.active:before,.sidebar-item--active:before{transform:scaleY(1)}.nav-item-icon,.sidebar-item svg,.sidebar-item--active svg{opacity:.6;color:currentColor;flex-shrink:0;width:16px;height:16px;transition:opacity .2s}.nav-item:hover .nav-item-icon,.sidebar-item:hover svg,.sidebar-item--active svg{opacity:1}.nav-item-label,.sidebar-item span{font-family:var(--font-head);color:inherit;font-size:13px;font-weight:600}.nav-item-count,.sidebar-nav-count{font-family:var(--font-mono);color:var(--teal-hi);border:1px solid var(--border2);background:#22b8881f;border-radius:4px;margin-left:auto;padding:2px 8px;font-size:10px}.sidebar-bottom,.sidebar-footer{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080e0ce6;margin-top:auto;padding:18px 12px}.user-card{border:1px solid var(--border2);cursor:pointer;background:#121c1599;border-radius:10px;align-items:center;gap:10px;padding:11px 12px;transition:all .2s;display:flex}.user-card:hover{border-color:var(--teal-hi);background:#172219e6;box-shadow:0 4px 15px #22b88814}.user-avatar{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-hi) 100%);width:32px;height:32px;font-family:var(--font-head);color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;box-shadow:0 0 10px #22b8884d}.user-name{font-family:var(--font-head);color:var(--text);font-size:13px;font-weight:700}.user-role{font-family:var(--font-mono);color:var(--text-3);letter-spacing:1px;text-transform:uppercase;font-size:8.5px}.user-chevron{opacity:.4;color:var(--text-3);margin-left:auto;transition:transform .2s}.user-card:hover .user-chevron{opacity:.8;transform:translate(2px)}.main,.main-content{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow-y:auto}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--border);z-index:90;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080e0cb3;flex-shrink:0;align-items:center;gap:16px;padding:0 28px;display:flex;position:sticky;top:0}.topbar-breadcrumb{align-items:center;gap:10px;display:flex}.topbar-title{font-family:var(--font-head);color:var(--text);letter-spacing:-.3px;background:linear-gradient(135deg, #fff 40%, var(--teal-hi) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:17px;font-weight:800}.topbar-sep{color:var(--text-3);opacity:.5;font-size:14px}.topbar-sub{font-family:var(--font-body);color:var(--text-3);font-size:14px}.topbar-right{align-items:center;gap:12px;margin-left:auto;display:flex}.tb-btn,.btn{border:1px solid var(--border2);cursor:pointer;font-family:var(--font-head);color:var(--text-2);white-space:nowrap;background:#17221966;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.tb-btn:hover,.btn:hover:not(:disabled){border-color:var(--teal-hi);color:var(--teal-hi);background:#22b8881a;box-shadow:0 4px 15px #22b88814}.tb-btn:active,.btn:active:not(:disabled){transform:scale(.96)}.btn-primary,.tb-btn.primary{background:var(--teal)!important;border-color:var(--teal)!important;color:#fff!important;box-shadow:0 4px 20px #22b8884d!important}.btn-primary:hover,.tb-btn.primary:hover{background:var(--teal-hi)!important;border-color:var(--teal-hi)!important;box-shadow:0 4px 25px #22b88873!important}.btn-ghost{border:1px solid var(--border);color:var(--text-2);background:#121c1533}.btn-danger{color:var(--rose);background:#c0436a14;border:1px solid #c0436a4d}.btn-danger:hover{background:var(--rose);border-color:var(--rose);color:#fff;box-shadow:0 4px 20px #e04f7e4d}.tb-status,.connection-status{font-family:var(--font-mono);color:var(--teal-hi);background:#22b8880f;border:1px solid #22b88833;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:10.5px;display:flex}.status-dot,.connection-dot{background:var(--teal-hi);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse;box-shadow:0 0 10px #22b888cc}.connection-dot--offline{background:var(--rose);box-shadow:0 0 10px var(--rose)}.content,.content-area{flex-direction:column;gap:24px;padding:32px;display:flex}.view-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:16px;display:flex}.view-title{font-family:var(--font-head);letter-spacing:-.8px;color:var(--text);background:linear-gradient(135deg, #fff 50%, var(--teal-hi) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:800}.view-subtitle{font-family:var(--font-body);color:var(--text-3);margin-top:2px;font-size:14px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:22px 22px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.stat-card:hover{border-color:var(--border3);transform:translateY(-4px)}.stat-card.teal:hover,.stat-card[style*=\#f97316]:hover,.stat-card[style*=\#10b981]:hover{border-color:var(--teal-hi);box-shadow:0 12px 35px #22b8881f,0 0 0 1px #22b88840}.stat-card.amber:hover,.stat-card[style*=\#fbbf24]:hover{border-color:var(--amber);box-shadow:0 12px 35px #f5a0201a,0 0 0 1px #f5a02033}.stat-card.rose:hover,.stat-card[style*=\#f43f5e]:hover,.stat-card[style*=\#ef4444]:hover{border-color:var(--rose);box-shadow:0 12px 35px #e04f7e1a,0 0 0 1px #e04f7e33}.stat-card.purple:hover,.stat-card[style*=\#ea580c]:hover,.stat-card[style*=\#3b82f6]:hover{border-color:var(--purple);box-shadow:0 12px 35px #8e59ff1f,0 0 0 1px #8e59ff33}.stat-card:before{content:"";opacity:.9;background:var(--teal);border-radius:3px 3px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.stat-card.teal:before{background:linear-gradient(90deg,var(--teal),var(--teal-hi))}.stat-card.amber:before{background:var(--amber)}.stat-card.rose:before{background:var(--rose)}.stat-card.purple:before{background:var(--purple)}.stat-card:after{content:"";opacity:.08;pointer-events:none;filter:blur(15px);background:var(--teal);border-radius:50%;width:90px;height:90px;position:absolute;top:0;right:0;transform:translate(20px,-20px)}.stat-card.teal:after{background:var(--teal-hi)}.stat-card.amber:after{background:var(--amber)}.stat-card.rose:after{background:var(--rose)}.stat-card.purple:after{background:var(--purple)}.stat-card-header,.stat-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.stat-label{font-family:var(--font-head);letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3);font-size:10px;font-weight:800}.stat-icon{width:32px;height:32px;color:var(--teal-hi);background:#22b8881f;border:1px solid #22b88826;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-icon svg{width:15px;height:15px}.stat-icon.teal{background:var(--teal-dim);color:var(--teal-hi)}.stat-icon.amber{background:var(--amber-dim);color:var(--amber);border-color:#f5a02026}.stat-icon.rose{background:var(--rose-dim);color:var(--rose);border-color:#e04f7e26}.stat-icon.purple{background:var(--purple-dim);color:var(--purple);border-color:#8e59ff26}.stat-val,.stat-value{font-family:var(--font-head);color:var(--text);letter-spacing:-1.2px;background:linear-gradient(135deg, #fff 60%, var(--text-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:12px;font-size:34px;font-weight:800;line-height:1}.sparkline{width:100%;height:36px;margin-bottom:12px;overflow:visible}.stat-meta,.stat-card-header+.stat-label+.stat-value+div{align-items:center;gap:8px;display:flex}.stat-delta,.stat-trend{font-family:var(--font-mono);border-radius:5px;padding:3px 8px;font-size:10px;font-weight:600}.stat-delta.up,.stat-trend{color:#22b888;background:#22b8881f;border:1px solid #22b8882e}.stat-delta.down{color:#c0436a;background:#c0436a1a;border:1px solid #c0436a26}.stat-delta.warn{color:var(--amber);background:var(--amber-dim);border:1px solid #f5a02026}.stat-period{font-family:var(--font-body);color:var(--text-3);font-size:13px}.panel,.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 10px 30px #0000004d}.panel:hover,.glass-card:hover{border-color:var(--border2);box-shadow:0 15px 40px #22b8880f}.panel-head,.chart-header{border-bottom:1px solid var(--border);background:#0c161266;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.panel-title,.chart-title{font-family:var(--font-head);color:var(--text);letter-spacing:-.1px;font-size:14px;font-weight:800}.chart-subtitle{color:var(--text-3);font-size:12px;font-family:var(--font-body)}.panel-action,.chart-tab{font-family:var(--font-head);color:var(--teal-hi);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .15s}.panel-action:hover{color:#fff;background:#22b8881f}.panel-tabs,.chart-tabs{border:1px solid var(--border);background:#080e0c99;border-radius:8px;gap:3px;padding:3px;display:flex}.panel-tab,.chart-tab{font-family:var(--font-head);color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:5px 12px;font-size:11px;font-weight:700;transition:all .15s}.panel-tab.active,.chart-tab--active{background:var(--teal-dim);color:var(--teal-hi);border:1px solid #22b88833}.panel-tab:hover:not(.active),.chart-tab:hover:not(.chart-tab--active){color:var(--text-2)}.chart-area{padding:24px;position:relative}.chart-labels{gap:16px;margin-bottom:14px;display:flex}.chart-lbl{font-family:var(--font-body);color:var(--text-3);align-items:center;gap:6px;font-size:13px;display:flex}.chart-lbl-dot{border-radius:3px;width:8px;height:8px}.bar-chart{align-items:flex-end;gap:6px;height:120px;display:flex}.bar-wrap{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.bar{cursor:pointer;border-radius:5px 5px 0 0;width:100%;transition:all .2s;position:relative}.bar:hover{opacity:1;filter:brightness(1.15) drop-shadow(0 0 6px var(--teal-glow))}.bar-teal{background:linear-gradient(to top,#22b88840,var(--teal-hi))}.bar-amber{background:linear-gradient(to top,#f5a02033,var(--amber))}.bar-day{font-family:var(--font-mono);color:var(--text-3);margin-top:2px;font-size:9px}.table-wrap{border-radius:var(--r-lg);border:1px solid var(--border);background:0 0;overflow-x:auto}table,.data-table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid var(--border);background:var(--table-header-bg)}thead th,th{text-align:left;font-family:var(--font-head);letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3);white-space:nowrap;padding:12px 18px;font-size:10px;font-weight:800}tbody tr,.glass-row{cursor:pointer;border-bottom:1px solid #22b8880d;transition:background .15s}tbody tr:hover,.glass-row:hover{background:#22b8880a!important}tbody tr:last-child{border-bottom:none}td{font-family:var(--font-body);color:var(--text-2);white-space:nowrap;padding:14px 18px;font-size:14px}.pill,.badge{font-family:var(--font-mono);white-space:nowrap;border:1px solid #0000;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:9.5px;font-weight:600;display:inline-flex}.pill-active,.badge--green,.state-badge--active{color:#22b888;background:#22b88814;border:1px solid #22b88838}.pill-ended,.state-badge--ended{color:var(--text-3);border:1px solid var(--border);background:#ffffff08}.pill-waiting,.badge--warning,.state-badge--waiting{color:var(--amber);background:var(--amber-dim);border:1px solid #f5a02040}.badge--blue{color:var(--teal-hi);background:var(--teal-dim);border-color:#22b88840}.badge--error{color:var(--rose);background:var(--rose-dim);border-color:#e04f7e38}.badge--gold{color:var(--amber);background:var(--amber-dim);border:1px solid #f5a02059;box-shadow:0 0 8px #f5a02014}.pill-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-active .pill-dot{animation:1.8s infinite pulse}.mode-tag{font-family:var(--font-mono);color:var(--teal-hi);background:#22b88814;border:1px solid #22b88833;border-radius:5px;padding:3px 8px;font-size:9.5px}.session-id{font-family:var(--font-mono);letter-spacing:.5px;font-size:11px;font-weight:600}.gauge-wrap{flex-direction:column;align-items:center;gap:16px;padding:24px;display:flex}.gauge-svg-wrap{flex-direction:column;align-items:center;display:flex;position:relative}.gauge-track{stroke:#ffffff08;stroke-width:12px}.gauge-fill{stroke-dasharray:251;stroke-linecap:round;stroke-width:12px;transform-origin:50%;transform-box:fill-box;filter:drop-shadow(0 0 6px var(--amber-glow));transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1);transform:rotate(-180deg)}.gauge-center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)}.gauge-val{font-family:var(--font-head);color:var(--amber);letter-spacing:-1px;font-size:32px;font-weight:800;line-height:1}.gauge-unit{font-family:var(--font-mono);color:var(--text-3);letter-spacing:1.5px;margin-top:4px;font-size:10px}.gauge-label{font-family:var(--font-head);letter-spacing:1.8px;text-transform:uppercase;color:var(--text-3);text-align:center;font-size:10px;font-weight:800}.gauge-minmax{width:210px;font-family:var(--font-mono);color:var(--text-3);justify-content:space-between;margin-top:-6px;font-size:9.5px;display:flex}.gauge-warn{font-family:var(--font-body);color:var(--amber);text-align:center;background:#f5a0200d;border:1px solid #f5a02033;border-radius:10px;max-width:230px;padding:10px 16px;font-size:13px;line-height:1.5}.mode-bars{padding:6px 0}.mode-bar-row{cursor:default;align-items:center;gap:12px;padding:12px 24px;transition:background .15s;display:flex}.mode-bar-row:hover{background:#22b88808}.mode-bar-label{font-family:var(--font-head);color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:120px;font-size:12px;font-weight:700;overflow:hidden}.mode-bar-track{background:#ffffff0a;border-radius:4px;flex:1;height:6px;overflow:hidden}.mode-bar-fill{filter:drop-shadow(0 0 4px #22b88833);border-radius:4px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.mode-bar-pct{font-family:var(--font-mono);color:var(--text-3);text-align:right;flex-shrink:0;width:34px;font-size:10.5px}.alerts-list{padding:6px 0}.alert-row{cursor:pointer;border-bottom:1px solid #22b8880a;align-items:flex-start;gap:14px;padding:14px 24px;transition:all .15s;display:flex}.alert-row:hover{background:#22b88808;padding-left:28px}.alert-row:last-child{border-bottom:none}.alert-bar{border-radius:4px;flex-shrink:0;align-self:stretch;width:3px;min-height:36px}.bar-warn{background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.bar-crit{background:var(--rose);box-shadow:0 0 8px var(--rose-glow)}.bar-info{background:var(--teal-hi);box-shadow:0 0 8px var(--teal-glow)}.alert-title{font-family:var(--font-head);color:var(--text);margin-bottom:3px;font-size:12px;font-weight:700}.alert-msg{font-family:var(--font-body);color:var(--text-3);font-size:13px;line-height:1.5}.alert-time{font-family:var(--font-mono);color:var(--text-3);white-space:nowrap;flex-shrink:0;margin-left:auto;padding-top:1px;font-size:9.5px}.metrics-list{padding:6px 0}.metric-row{cursor:pointer;border-bottom:1px solid #22b8880a;align-items:center;gap:12px;padding:14px 24px;transition:all .15s;display:flex}.metric-row:hover{background:#22b88808;padding-left:28px}.metric-row:last-child{border-bottom:none}.metric-icon{border:1px solid #ffffff08;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.metric-info{flex:1}.metric-name{font-family:var(--font-head);color:var(--text);margin-bottom:3px;font-size:12px;font-weight:700}.metric-desc{font-family:var(--font-body);color:var(--text-3);font-size:12px}.metric-val{font-family:var(--font-head);text-align:right;font-size:15px;font-weight:800}.metric-delta{font-family:var(--font-mono);text-align:right;margin-top:2px;font-size:9.5px}.action-card{cursor:pointer;border:1px solid #0000;border-radius:12px;padding:16px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-card:hover{transform:translate(4px)}.action-card-title{font-family:var(--font-head);letter-spacing:-.2px;margin-bottom:6px;font-size:12.5px;font-weight:800}.action-card-body{font-family:var(--font-body);color:var(--text-3);font-size:13px;line-height:1.55}.action-crit{background:#e04f7e0a;border:1px solid #e04f7e26}.action-crit:hover{border-color:var(--rose);box-shadow:0 4px 20px #e04f7e14}.action-crit .action-card-title{color:var(--rose)}.action-warn{background:#f5a0200a;border:1px solid #f5a02026}.action-warn:hover{border-color:var(--amber);box-shadow:0 4px 20px #f5a02014}.action-warn .action-card-title{color:var(--amber)}.action-info{background:#22b8880a;border:1px solid #22b88826}.action-info:hover{border-color:var(--teal-hi);box-shadow:0 4px 20px #22b88814}.action-info .action-card-title{color:var(--teal-hi)}.filter-panel,.glass-panel{border:1px solid var(--border);border-radius:var(--r-lg);background:#080e0c99;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:20px;display:grid}.filter-group,.settings-field{flex-direction:column;gap:8px;display:flex}.filter-label,.field-label{font-family:var(--font-head);letter-spacing:1.5px;text-transform:uppercase;color:var(--text-3);font-size:9px;font-weight:800}.filter-select,.broadcast-input,.search-input{border:1px solid var(--border2);width:100%;color:var(--text);font-family:var(--font-body);background:#121c1580;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.filter-select:focus,.broadcast-input:focus,.search-input:focus{border-color:var(--teal-hi);box-shadow:0 0 10px var(--teal-glow)}.field-hint{color:var(--text-3);margin-top:4px;font-size:12px}.modal-overlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#040706d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-lg);flex-direction:column;width:90%;max-width:600px;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 40px #22b88826}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-title{font-family:var(--font-head);color:var(--text);font-size:16px;font-weight:800}.modal-subtitle{font-family:var(--font-body);color:var(--text-3);font-size:13px}.modal-close-btn{color:var(--text-3);cursor:pointer;background:0 0;border:none;transition:color .15s;display:flex}.modal-close-btn:hover{color:var(--text)}.modal-body{flex-direction:column;gap:20px;max-height:70vh;padding:24px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:#04070666;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.login-screen{background:var(--bg);justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.login-card{background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r-lg);text-align:center;z-index:10;width:100%;max-width:380px;padding:40px 32px;box-shadow:0 25px 50px #0009,0 0 30px #22b8881f}.sessions-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.session-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-direction:column;gap:14px;padding:20px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.session-card:hover{border-color:var(--teal-hi);transform:translateY(-3px);box-shadow:0 8px 25px #22b88814}.session-card-header{justify-content:space-between;align-items:flex-start;display:flex}.session-mode{font-family:var(--font-head);font-size:14px;font-weight:800}.session-players{font-family:var(--font-body);color:var(--text-2);font-size:14px}.session-card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:6px;padding-top:12px;display:flex}.session-time{font-family:var(--font-mono);color:var(--text-3);align-items:center;gap:5px;font-size:10.5px;display:flex}.timeline-node{gap:16px;padding-bottom:24px;display:flex;position:relative}.timeline-node:before{content:"";background:var(--border);width:1px;position:absolute;top:14px;bottom:0;left:6px}.timeline-node:last-child:before{display:none}.timeline-indicator{background:var(--bg);border:3px solid var(--teal);z-index:1;border-radius:50%;flex-shrink:0;width:13px;height:13px;margin-top:5px}.timeline-indicator--success{border-color:var(--teal-hi);box-shadow:0 0 8px var(--teal-glow)}.timeline-indicator--error{border-color:var(--rose);box-shadow:0 0 8px var(--rose-glow)}.timeline-indicator--warning{border-color:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.timeline-content{flex:1}.timeline-meta{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.timeline-event-title{font-family:var(--font-head);font-size:13px;font-weight:700}.timeline-event-time{font-family:var(--font-mono);color:var(--text-3);font-size:10px}.timeline-desc{color:var(--text-3);font-size:13px}.glow-blob{pointer-events:none;filter:blur(100px);opacity:.12;z-index:0;border-radius:50%;width:320px;height:320px;position:absolute}.glow-blob--blue{background:var(--teal);top:-100px;left:-100px}.glow-blob--purple{background:var(--purple);bottom:-100px;right:-100px}.fade-in{opacity:0;animation:.5s forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.slide-up{opacity:0;animation:.45s forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card{opacity:0;animation:.45s forwards slideUp}.stat-card:first-child{animation-delay:40ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.16s}.stat-card:nth-child(4){animation-delay:.22s}.stat-card:nth-child(5){animation-delay:.28s}.stat-card:nth-child(6){animation-delay:.34s}.stat-card:nth-child(7){animation-delay:.4s}