*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: hsl(220, 16%, 8%);--surface: hsl(220, 13%, 12%);--surface-2: hsl(220, 13%, 15%);--surface-3: hsl(220, 13%, 18%);--line: hsla(220, 15%, 90%, .08);--line-2: hsla(220, 15%, 90%, .15);--ink: hsl(210, 40%, 97%);--muted: hsl(215, 16%, 70%);--muted-2: hsl(215, 12%, 50%);--blue: hsl(215, 100%, 60%);--cyan: hsl(185, 95%, 48%);--green: hsl(142, 70%, 48%);--lime: hsl(75, 100%, 50%);--red: hsl(355, 85%, 60%);--yellow: hsl(42, 90%, 50%);--grad: linear-gradient(135deg, hsl(215, 100%, 60%) 0%, hsl(185, 95%, 48%) 40%, hsl(142, 70%, 48%) 72%, hsl(75, 100%, 50%) 100%);--shadow: 0 8px 32px rgba(0,0,0,.6);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "JetBrains Mono", monospace;--sidebar-w: 330px;--topbar-h: 75px;--r: 14px;--r2: 18px}html,body,#root{height:100%;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:18px;-webkit-font-smoothing:antialiased;overflow:hidden}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100vh;overflow:hidden;background:var(--bg);background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px}.sidebar{display:flex;flex-direction:column;background:#050505f7;border-right:1px solid var(--line);height:100vh;overflow:hidden}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:20px 18px 18px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);flex-shrink:0}.sidebar-brand img{width:28px;height:28px;object-fit:contain}.sidebar-brand span{font-size:20px;font-weight:800;letter-spacing:-.3px}.sidebar-brand mark{margin-left:auto;background:var(--grad);-webkit-background-clip:text;color:transparent;background-clip:text;font-size:8px;font-family:var(--mono);font-weight:800;letter-spacing:1px;background-color:transparent}.sidebar-status{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:10px;flex-shrink:0}.status-label{font-size:11px;font-weight:800;color:var(--muted-2);letter-spacing:.5px;margin-bottom:4px}.status-box{display:flex;align-items:center;gap:12px;padding:10px 14px;border-radius:8px;background:#ffffff05;border:1px solid var(--line)}.status-box.connected{border-color:#08f2ff26;background:#08f2ff05}.status-box.disconnected{border-color:#ef444426;background:#ef444405}.status-box.host{border-color:#14f06d26;background:#14f06d05}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.status-dot.green{background:var(--green);box-shadow:0 0 8px var(--green)}.status-dot.red{background:var(--red);box-shadow:0 0 8px var(--red)}.status-dot.muted{background:var(--muted-2)}.status-details{display:flex;flex-direction:column;min-width:0}.status-details strong{font-size:12.5px;font-weight:700;color:var(--ink)}.status-details span{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.sidebar-nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-label{font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted-2);padding:10px 6px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--muted);text-decoration:none;font-size:14.5px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);border:1px solid transparent;justify-content:flex-start;white-space:nowrap}.nav-item svg{flex-shrink:0;width:17px;height:17px;transition:all .25s cubic-bezier(.16,1,.3,1)}.nav-item:hover{color:var(--ink);background:#ffffff0a;padding:11px 14px;font-size:15.5px}.nav-item:hover svg{width:19px;height:19px}.nav-item.nav-active{color:var(--ink);background:#ffffff12;border-color:var(--line-2);padding:13px 18px;font-size:17.5px;font-weight:700}.nav-item.nav-active svg{width:21px;height:21px;color:var(--cyan)}.nav-badge{margin-left:auto;background:var(--green);color:var(--background);font-size:9px;font-weight:800;font-family:var(--mono);padding:1px 6px;border-radius:20px;min-width:16px;text-align:center;animation:pulse-badge 2s ease infinite}@keyframes pulse-badge{0%,to{opacity:1}50%{opacity:.5}}.sidebar-footer{padding:14px 16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;flex-shrink:0}.avatar{width:34px;height:34px;border-radius:50%;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;color:#000;flex-shrink:0}.footer-info{flex:1;min-width:0}.footer-info strong{display:block;font-size:13px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-info span{font-size:10px;color:var(--muted);font-family:var(--mono)}.logout-btn{color:var(--muted-2);display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid var(--line);transition:all .18s}.logout-btn:hover{color:var(--ink);border-color:var(--line-2)}.main{display:flex;flex-direction:column;overflow:hidden}.topbar{height:var(--topbar-h);padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#000c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-shrink:0}.topbar-title h1{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1}.topbar-title p{font-size:14.5px;color:var(--muted);margin-top:2px}.topbar-right{display:flex;align-items:center;gap:10px}.badge{font-size:10.5px;font-weight:800;padding:4px 11px;border-radius:20px;letter-spacing:.2px}.badge-green{background:#14f06d14;color:var(--green);border:1px solid rgba(20,240,109,.2)}.badge-cyan{background:#08f2ff14;color:var(--cyan);border:1px solid rgba(8,242,255,.2)}.icon-btn{width:34px;height:34px;border-radius:8px;border:1px solid var(--line);background:#ffffff08;color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s}.icon-btn:hover{color:var(--ink);border-color:var(--line-2)}.content{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.hero-banner-unified{border-radius:var(--r2);padding:26px 32px;border:1px solid var(--line-2);position:relative;overflow:hidden;background:radial-gradient(circle at top right,#3388ff08,#0000 60%),var(--surface);display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.hero-banner-unified.active-both{border-color:#06dbef40;background:radial-gradient(circle at top right,#06dbef0d,#0000 70%),var(--surface)}.hero-banner-unified.active-hosting{border-color:#25d06440;background:radial-gradient(circle at top right,#25d0640d,#0000 70%),var(--surface)}.hero-banner-unified.active-connected{border-color:#3388ff40;background:radial-gradient(circle at top right,#3388ff0d,#0000 70%),var(--surface)}.hero-banner-unified.idle{border-color:var(--line);background:var(--surface)}.banner-glow-effect{position:absolute;top:-20px;right:-20px;width:140px;height:140px;border-radius:50%;filter:blur(50px);opacity:.15;pointer-events:none}.active-both .banner-glow-effect{background:var(--cyan)}.active-hosting .banner-glow-effect{background:var(--green)}.active-connected .banner-glow-effect{background:var(--blue)}.idle .banner-glow-effect{background:var(--muted-2);opacity:.05}.banner-main{flex:1;display:flex;flex-direction:column;gap:8px}.banner-badge{font-size:10px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted-2)}.active-both .banner-badge{color:var(--cyan)}.active-hosting .banner-badge{color:var(--green)}.active-connected .banner-badge{color:var(--blue)}.banner-main h2{font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.5px;margin:0}.banner-main p{font-size:15.5px;color:var(--muted);line-height:1.5;margin:0}.banner-main strong{color:var(--ink)}.banner-quick-stats{display:flex;gap:28px;background:#ffffff05;border:1px solid var(--line);padding:14px 24px;border-radius:var(--r);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center}.banner-quick-stats.actions-row{background:transparent;border:none;padding:0}.quick-stat-item{display:flex;flex-direction:column;gap:3px}.quick-stat-item .stat-lbl{font-size:11px;font-weight:600;color:var(--muted-2);text-transform:uppercase;letter-spacing:.5px}.quick-stat-item .stat-val{font-size:16px;font-weight:700;font-family:var(--mono)}.text-green{color:var(--green)}.text-cyan{color:var(--cyan)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;display:flex;flex-direction:column;gap:10px;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.stat-head{display:flex;align-items:center;justify-content:space-between}.stat-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.stat-icon.green{background:#14f06d14;color:var(--green)}.stat-icon.cyan{background:#08f2ff14;color:var(--cyan)}.stat-icon.blue{background:#126cff14;color:var(--blue)}.stat-icon.muted{background:#ffffff0a;color:var(--muted)}.stat-pill{font-size:9.5px;font-family:var(--mono);font-weight:700;padding:2px 7px;border-radius:20px}.stat-pill.live{background:#08f2ff1a;color:var(--cyan)}.stat-pill.up{background:#14f06d1a;color:var(--green)}.stat-body h3{font-size:32px;font-weight:800;font-family:var(--mono);letter-spacing:-1px;margin-bottom:2px}.stat-body p{font-size:14.5px;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);overflow:hidden;margin-bottom:16px}.panel:last-child{margin-bottom:0}.panel-head{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.panel-head h3{font-size:17.5px;font-weight:800}.panel-head p{font-size:14px;color:var(--muted);margin-top:1px}.panel-body{padding:18px 20px}.usage-row{margin-bottom:14px}.usage-row:last-child{margin-bottom:0}.usage-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:5px}.usage-label span{font-weight:600}.usage-label strong{font-family:var(--mono);color:var(--green)}.usage-bar{height:6px;background:#ffffff08;border-radius:4px;overflow:hidden;border:1px solid rgba(255,255,255,.02)}.usage-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,hsla(142,70%,48%,.5),var(--green));box-shadow:0 0 8px #25d0644d;transition:width .4s cubic-bezier(.4,0,.2,1)}.log-list{display:flex;flex-direction:column}.log-item{display:flex;align-items:flex-start;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.log-item:last-child{border-bottom:none;padding-bottom:0}.log-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.log-item.green .log-dot{background:#14f06d1a;color:var(--green)}.log-item.yellow .log-dot{background:#eab3081a;color:var(--yellow)}.log-item.red .log-dot{background:#ef44441a;color:var(--red)}.log-item.blue .log-dot{background:#08f2ff1a;color:var(--cyan)}.log-body{flex:1}.log-body h4{font-size:14.5px;font-weight:700;margin-bottom:2px}.log-body p{font-size:13px;color:var(--muted)}.log-time{font-family:var(--mono);font-size:12px;color:var(--muted-2);white-space:nowrap}.table-wrap{overflow-x:auto}.ztable{width:100%;border-collapse:collapse;font-size:12.5px;text-align:left}.ztable th{padding:12px 14px;color:var(--muted-2);font-weight:700;text-transform:uppercase;font-size:9.5px;letter-spacing:1px;border-bottom:1px solid var(--line)}.ztable td{padding:14px;border-bottom:1px solid var(--line);vertical-align:middle}.ztable tbody tr:last-child td{border-bottom:none}.ztable tbody tr:hover td{background:#ffffff04}.dev-cell{display:flex;align-items:center;gap:10px}.dev-ic{width:30px;height:30px;border-radius:6px;background:#ffffff0a;display:flex;align-items:center;justify-content:center;color:var(--muted)}tr.active-row .dev-ic{background:#14f06d14;color:var(--green)}.dev-name{font-size:12.5px;font-weight:700;display:block}.dev-id{font-size:10px;color:var(--muted)}.status-chip{font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.3px}.status-chip.active{background:#14f06d1a;color:var(--green);border:1px solid rgba(20,240,109,.2)}.status-chip.idle{background:#ffffff0a;color:var(--muted);border:1px solid var(--line)}.status-chip.throttled{background:#eab3081a;color:var(--yellow);border:1px solid rgba(234,179,8,.2)}.status-chip.offline{background:#ef444414;color:var(--red);border:1px solid rgba(239,68,68,.2)}.sig-bar{display:flex;align-items:center;gap:6px}.sig-track{width:36px;height:3px;background:#ffffff0f;border-radius:2px;overflow:hidden}.sig-fill{height:100%;border-radius:2px}.btn{padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;border:1px solid transparent;transition:all .18s;font-family:var(--font);display:inline-flex;align-items:center;gap:6px}.btn-danger{background:transparent;border-color:#ef44444d;color:var(--red)}.btn-danger:hover{background:#ef44441a;border-color:var(--red)}.btn-warn{background:transparent;border-color:#eab3084d;color:var(--yellow)}.btn-warn:hover{background:#eab3081a;border-color:var(--yellow)}.btn-primary{background:var(--blue);color:#fff;font-weight:800;border-color:var(--blue)}.btn-primary:hover{background:#0d5ce0;transform:translateY(-1px)}.btn-ghost{background:#ffffff0a;color:var(--muted);border-color:var(--line)}.btn-ghost:hover{color:var(--ink);border-color:var(--line-2)}.btn-sm{padding:5px 11px;font-size:12px}.btn-block{width:100%;justify-content:center;padding:10px}.status-container{max-width:800px;margin:0 auto;padding:10px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:36px;text-align:center}.status-hero{width:100%;display:flex;flex-direction:column;align-items:center}.status-subtitle{font-size:11.5px;font-weight:800;color:var(--muted-2);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:12px}.connected-node-card,.disconnected-node-card{width:100%;max-width:580px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:30px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:var(--shadow)}.connected-node-card{border-color:#08f2ff40;background:radial-gradient(circle at top,#08f2ff08,#0000 70%),var(--surface)}.disconnected-node-card{border-color:#ef444433}.node-icon-wrapper{width:64px;height:64px;border-radius:50%;background:#08f2ff1a;color:var(--cyan);display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #08f2ff26}.node-icon-wrapper.red{background:#ef44441a;color:var(--red);box-shadow:0 0 20px #ef444426}.connected-node-card h2,.disconnected-node-card h2{font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0}.node-meta{font-size:14.5px;color:var(--muted);margin:0}.node-stats-row{display:flex;gap:32px;margin-top:8px}.node-stat-box{display:flex;flex-direction:column;align-items:center}.node-stat-box strong{font-size:18px;font-family:var(--mono);color:var(--ink)}.node-stat-box span{font-size:11px;color:var(--muted-2);text-transform:uppercase;font-weight:600;margin-top:2px}.node-badge-active{font-size:12.5px;font-weight:700;color:var(--cyan);background:#08f2ff14;padding:6px 14px;border-radius:20px;border:1px solid rgba(8,242,255,.18)}.status-section{width:100%;max-width:640px;display:flex;flex-direction:column;align-items:center}.status-section h3{font-size:18px;font-weight:800;margin:0 0 4px}.section-desc{font-size:13.5px;color:var(--muted);margin:0 0 16px}.centered-list{width:100%;display:flex;flex-direction:column;gap:12px}.centered-row-card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:all .2s}.centered-row-card:hover{border-color:var(--line-2);transform:translateY(-1px)}.centered-row-card.active{border-color:#08f2ff38;background:#08f2ff05}.centered-row-card.offline{opacity:.5}.row-details{display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-width:0;flex:1.2}.row-details strong{font-size:15px;font-weight:700;color:var(--ink)}.row-details span{font-size:12px;color:var(--muted);margin-top:2px;font-family:var(--mono)}.row-metrics-group{display:flex;gap:16px;font-size:13.5px;color:var(--muted);font-family:var(--mono);flex:.8;justify-content:center}.row-action-btn{display:flex;justify-content:flex-end;min-width:120px}.connected-badge{font-size:13px;font-weight:700;color:var(--cyan)}.offline-badge{font-size:13px;color:var(--muted-2);font-style:italic}.log-filters{display:flex;gap:8px;margin-bottom:20px}.filter-btn{padding:6px 16px;border-radius:20px;font-size:13.5px;font-weight:700;background:#ffffff08;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all .18s}.filter-btn:hover{border-color:var(--line-2);color:var(--ink)}.filter-btn.active{background:var(--ink);color:#000;border-color:var(--ink)}.empty-state{padding:60px 0;text-align:center;color:var(--muted-2);font-size:14.5px}.section-title{margin-bottom:12px}.section-title h3{font-size:16.5px;font-weight:800;margin-bottom:2px}.section-title p{font-size:13.5px;color:var(--muted)}.segment-control-container{width:100%;display:flex;justify-content:center;margin-bottom:28px}.segment-control{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);padding:5px;border-radius:30px;gap:4px;box-shadow:inset 0 2px 8px #0000004d}.segment-btn{padding:10px 28px;border-radius:20px;font-size:15px;font-weight:700;color:var(--muted);background:transparent;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.segment-btn:hover{color:var(--ink)}.segment-btn.active{background:var(--ink);color:var(--bg);box-shadow:0 4px 12px #ffffff26}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-container{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r2);width:90%;max-width:480px;padding:32px;box-shadow:var(--shadow);text-align:center;animation:scaleIn .2s cubic-bezier(.16,1,.3,1)}.modal-icon{width:64px;height:64px;border-radius:50%;background:#eab3081a;color:var(--yellow);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 0 20px #eab3081a}.modal-container h3{font-size:22px;font-weight:800;margin-bottom:12px;color:var(--ink)}.modal-container p{font-size:16px;color:var(--muted);line-height:1.6;margin-bottom:28px}.modal-actions{display:flex;gap:12px;justify-content:center}.sidebar-status .status-box.host{cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.sidebar-status .status-box.host:hover{border-color:#14f06d59;background:#14f06d0d}.toggle-switch{margin-left:auto;width:38px;height:22px;background:var(--surface-3);border-radius:12px;position:relative;border:1px solid var(--line);transition:all .2s;flex-shrink:0}.toggle-switch:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--muted-2);top:3px;left:3px;transition:all .2s}.status-box.host.active-host .toggle-switch{background:#14f06d33;border-color:#14f06d66}.status-box.host.active-host .toggle-switch:after{left:19px;background:var(--green);box-shadow:0 0 6px var(--green)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.97);opacity:0}to{transform:scale(1);opacity:1}}.dashboard-layout{width:100%;margin:0;padding:0}.metrics-row-container{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;justify-content:space-between;min-height:144px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.01),transparent);pointer-events:none}.metric-card:hover:not(:has(button:disabled)){transform:translateY(-2px);border-color:var(--line-2);box-shadow:0 4px 20px #00000026}.metric-card.active-card{background:#ffffff04;border-color:var(--line-2)}.metric-card.active-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px}.metric-card.active-card:has(.icon-wrap.green):after{background:var(--green);box-shadow:0 0 8px var(--green)}.metric-card.active-card:has(.icon-wrap.cyan):after{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.card-header-row{display:flex;justify-content:space-between;align-items:center}.icon-wrap{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center}.icon-wrap.green{background:#14f06d14;color:var(--green)}.icon-wrap.cyan{background:#08f2ff14;color:var(--cyan)}.status-tag{font-size:10px;font-family:var(--mono);font-weight:700;text-transform:uppercase;color:var(--muted-2);padding:2px 6px;border-radius:4px;background:#ffffff08}.status-tag.green{background:#14f06d1a;color:var(--green)}.status-tag.cyan{background:#08f2ff1a;color:var(--cyan)}.card-number-row{margin:12px 0 8px}.card-number-row h3{font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1;margin:0 0 2px}.card-number-row .lbl{font-size:12px;color:var(--muted);font-weight:500}.card-action-row{display:flex;justify-content:flex-end}.btn-card-action{font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;background:#ffffff05;border:1px solid var(--line);color:var(--muted);cursor:pointer;transition:all .2s}.btn-card-action:hover:not(:disabled){background:#ffffff0f;color:var(--ink);border-color:var(--line-2)}.btn-card-action.active{background:#ffffff1a;color:var(--ink);border-color:var(--line-2)}.btn-card-action:disabled{opacity:.3;cursor:not-allowed}.metric-details-drawer{background:var(--surface);border:1px solid var(--line);border-radius:var(--r2);padding:20px;animation:scaleIn .25s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000004d;position:relative}.metric-details-drawer.border-green{border-color:#14f06d40;box-shadow:0 8px 32px #14f06d08}.metric-details-drawer.border-cyan{border-color:#08f2ff40;box-shadow:0 8px 32px #08f2ff08}.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;border-bottom:1px solid var(--line);padding-bottom:14px}.drawer-header h4{font-size:16px;font-weight:800;margin:0 0 3px;color:var(--ink)}.drawer-header p{font-size:13px;color:var(--muted);margin:0}.drawer-close-btn{background:transparent;border:none;color:var(--muted-2);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawer-close-btn:hover{background:#ffffff0d;color:var(--ink)}.drawer-list{display:flex;flex-direction:column;gap:10px}.drawer-row-item{background:var(--panel-inner);border:1px solid var(--line);border-radius:var(--r);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.drawer-row-item .row-info{display:flex;flex-direction:column;gap:2px;flex:1}.drawer-row-item .row-info strong{font-size:14px;font-weight:700;color:var(--ink)}.drawer-row-item .row-info span{font-size:12px;color:var(--muted)}.drawer-row-item .row-telemetry{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.drawer-row-item .row-telemetry span.lbl{font-size:9.5px;color:var(--muted-2);text-transform:uppercase}.drawer-row-item .row-telemetry strong{font-size:13.5px}.drawer-row-item .row-actions{display:flex;gap:8px}.drawer-empty-state{text-align:center;padding:24px 0;color:var(--muted);font-size:13.5px}.policy-settings-wrap{display:flex;flex-direction:column;gap:16px}.control-group label span{font-size:14px;font-weight:700;color:var(--ink)}.control-group .help-text{font-size:11.5px;color:var(--muted-2)}.dashboard-workspace-grid{display:grid;grid-template-columns:340px minmax(360px,820px);gap:240px;align-items:start;margin-top:20px}@media(max-width:900px){.dashboard-workspace-grid{grid-template-columns:1fr}}.workspace-left{display:flex;flex-direction:column;gap:16px}.metric-cards-stack{display:flex;flex-direction:column;gap:12px}.metric-card-interactive{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:row;align-items:center;gap:14px;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;-webkit-user-select:none;user-select:none}.metric-card-interactive:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:transparent;transition:all .2s ease}.metric-card-interactive:hover:not(.disabled){transform:translateY(-2px);border-color:var(--line-2);background:#ffffff04;box-shadow:0 8px 24px #00000040}.metric-card-interactive.active-green{background:#14f06d05;border-color:#14f06d4d}.metric-card-interactive.active-green:before{background:var(--green);box-shadow:0 0 8px var(--green)}.metric-card-interactive.active-cyan{background:#08f2ff05;border-color:#08f2ff4d}.metric-card-interactive.active-cyan:before{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.metric-card-interactive.disabled{opacity:.35;cursor:not-allowed}.card-header{display:none}.icon-badge{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s}.icon-badge.green{background:#14f06d14;color:var(--green)}.icon-badge.cyan{background:#08f2ff14;color:var(--cyan)}.card-body-text{display:flex;flex-direction:column;gap:2px;align-items:flex-start;min-width:0}.card-value-display h3{font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0 0 2px;font-family:var(--sans);line-height:1}.card-label{font-size:13.5px;font-weight:700;color:var(--ink)}.card-sub{font-size:11px;color:var(--muted)}.workspace-right{position:relative;min-height:320px}.metric-details-drawer{animation:slideInRight .28s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{opacity:0;transform:translate(18px)}to{opacity:1;transform:translate(0)}}.metric-card-interactive{transition:all .25s cubic-bezier(.16,1,.3,1)!important}.metric-card-interactive:hover:not(.disabled){transform:translateY(-2px);border-color:#ffffff26;background:#ffffff08}.metric-card-interactive.active-green,.metric-card-interactive.active-cyan{transform:scale(1.06)!important;box-shadow:0 8px 24px #0006}.metric-card-interactive.active-green .card-label,.metric-card-interactive.active-cyan .card-label{font-size:15px;color:var(--ink)}.skeleton-wrapper{display:flex;flex-direction:column;gap:14px;width:100%;animation:fadeIn .2s ease-out}.skeleton-bar{background:#ffffff0d;border-radius:4px;position:relative;overflow:hidden}.skeleton-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}.skeleton-title{height:24px;width:50%;margin-bottom:6px}.skeleton-text{height:12px;width:90%}.skeleton-card{height:72px;background:#ffffff08;border:1px solid rgba(255,255,255,.04);border-radius:10px;position:relative;overflow:hidden}.skeleton-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.toast-container{position:fixed;top:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;z-index:9999;pointer-events:none;align-items:center}.toast-item{display:flex;align-items:center;gap:12px;background:#0a0a0af2;border:1px solid var(--line-2);padding:10px 20px;border-radius:30px;box-shadow:0 10px 30px #0000008c;color:var(--ink);font-size:13px;font-weight:600;pointer-events:auto;animation:toastSlideDown .35s cubic-bezier(.16,1,.3,1),toastFadeOutUp .35s 2.65s forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);white-space:nowrap}.toast-bullet{width:8px;height:8px;border-radius:50%;background:var(--blue);flex-shrink:0}.toast-green .toast-bullet{background:var(--green)}.toast-green{border-color:#14f06d33}.toast-red .toast-bullet{background:var(--red)}.toast-red{border-color:#ff3c3c33}.toast-yellow .toast-bullet{background:var(--yellow)}.toast-yellow{border-color:#eab30833}.toast-cyan .toast-bullet{background:var(--cyan)}.toast-cyan{border-color:#08f2ff33}@keyframes toastSlideDown{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastFadeOutUp{to{opacity:0;transform:translateY(-20px) scale(.95)}}