@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sidebar-w:240px;--bg-void:#060608;--bg-deep:#0a0b10;--bg-surface:#0f1118;--bg-elevated:#141720;--bg-hover:#1a1f2e;--bg-glass:#0f111899;--bg-glass-light:#ffffff08;--border-faint:#ffffff0d;--border-subtle:#ffffff17;--border-medium:#ffffff24;--ember:#ff4d52;--ember-warm:#ff7043;--ember-coral:#ff8a65;--ember-glow:#ff4d5233;--ember-gradient:linear-gradient(135deg, #ff4d52 0%, #ff7043 60%, #ffab40 100%);--ember-gradient-subtle:linear-gradient(135deg, #ff4d5226 0%, #ff704314 100%);--green:#00e5a0;--green-dim:#00e5a026;--blue:#4facfe;--blue-dim:#4facfe26;--purple:#b06ab3;--purple-dim:#b06ab326;--amber:#ffd166;--amber-dim:#ffd16626;--red-dim:#ff4d5226;--text-primary:#f0f2f7;--text-secondary:#8892a4;--text-muted:#4e5668;--text-accent:#ff4d52;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--header-h:60px;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:24px;--r-full:9999px;--shadow-card:0 1px 3px #0006, 0 8px 24px #00000040;--shadow-glow:0 0 30px #ff4d5226;--transition:all .22s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";pointer-events:none;z-index:0;filter:blur(80px);border-radius:50%;animation:14s ease-in-out infinite floatOrb;position:fixed}body:before{background:radial-gradient(circle,#ff4d5212 0%,#0000 70%);width:600px;height:600px;top:-200px;left:-100px}body:after{background:radial-gradient(circle,#4facfe0d 0%,#0000 70%);width:500px;height:500px;animation-duration:18s;animation-delay:-8s;bottom:-150px;right:-100px}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.97)}}#root{z-index:1;position:relative}.app-shell{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);border-right:1px solid var(--border-faint);z-index:200;-webkit-backdrop-filter:blur(24px)saturate(160%);backdrop-filter:blur(24px)saturate(160%);background:#0a0b10f2;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{height:var(--header-h);border-bottom:1px solid var(--border-faint);align-items:center;gap:10px;padding:0 20px;text-decoration:none;display:flex}.logo-mark{background:var(--ember-gradient);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #ff4d5259}.logo-mark:after{content:"";background:linear-gradient(135deg,#ffffff40 0%,#0000 60%);position:absolute;inset:0}.logo-text{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.logo-pill{letter-spacing:.08em;text-transform:uppercase;background:var(--red-dim);color:var(--ember);border-radius:var(--r-full);border:1px solid #ff4d5240;margin-left:auto;padding:2px 7px;font-size:.58rem;font-weight:700}.nav-section{flex:1;padding:12px 12px 4px;overflow-y:auto}.nav-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);padding:8px 10px 6px;font-size:.62rem;font-weight:600}.nav-item{border-radius:var(--r-md);color:var(--text-muted);font-family:var(--font-body);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;width:100%;margin-bottom:4px;padding:10px 14px;font-size:.875rem;font-weight:500;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:#ffffff0a;border-color:#ffffff0f;transform:translate(4px)}.nav-item:hover .nav-icon{color:var(--ember-coral);transform:scale(1.15)}.nav-item:active{transform:translate(2px)scale(.98)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#ff4d5229 0%,#ff70430d 100%);border-color:#ff4d5247;box-shadow:0 4px 14px #ff4d521f,inset 0 1px #ffffff14}.nav-item.active .nav-icon{color:var(--ember);filter:drop-shadow(0 0 6px #ff4d5280)}.nav-item.active:before{content:"";background:var(--ember-gradient);width:3.5px;height:65%;box-shadow:0 0 10px var(--ember);border-radius:0 4px 4px 0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-icon{flex-shrink:0;align-items:center;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s;display:flex}.sidebar-footer{border-top:1px solid var(--border-faint);padding:14px 16px}.connection-badge{color:var(--text-muted);background:var(--bg-glass-light);border:1px solid var(--border-faint);border-radius:var(--r-md);align-items:center;gap:8px;padding:8px 10px;font-size:.78rem;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-dot.online{background:var(--green);box-shadow:0 0 8px var(--green);animation:2s infinite statusPulse}.status-dot.offline{background:var(--amber);box-shadow:0 0 8px var(--amber)}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.main-area{flex-direction:column;flex:1;width:calc(100% - 74px);min-width:0;min-height:100vh;margin-left:74px;display:flex}.top-bar{height:var(--header-h);border-bottom:1px solid var(--border-faint);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060608d9;justify-content:space-between;align-items:center;padding:0 28px;display:flex;position:sticky;top:0}.search-wrap{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-full);width:280px;transition:var(--transition);align-items:center;gap:9px;padding:7px 16px;display:flex}.search-wrap:focus-within{background:var(--bg-hover);border-color:#ff4d5266;width:340px;box-shadow:0 0 0 3px #ff4d5214}.search-wrap input{color:var(--text-primary);font-size:.84rem;font-family:var(--font-body);background:0 0;border:none;outline:none;width:100%}.search-wrap input::placeholder{color:var(--text-muted)}.top-actions{align-items:center;gap:10px;display:flex}.btn{border-radius:var(--r-md);font-family:var(--font-body);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;align-items:center;gap:8px;padding:8px 16px;font-size:.84rem;font-weight:600;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.btn:active{transform:scale(.96)!important}.btn-ghost{color:var(--text-secondary);background:#ffffff05;border-color:#ffffff14;box-shadow:0 1px 3px #0003}.btn-ghost:hover{color:#fff;background:#ff4d5214;border-color:#ff4d5259;transform:translateY(-2px);box-shadow:0 4px 14px #ff4d522e,0 0 10px #ff4d521a}.btn-surface{background:linear-gradient(180deg, #ffffff12 0%, #ffffff05 100%), var(--bg-elevated);color:var(--text-primary);border-color:#ffffff1a;box-shadow:0 2px 6px #00000040,inset 0 1px #ffffff14}.btn-surface:hover{background:linear-gradient(180deg, #ffffff1f 0%, #ffffff0a 100%), var(--bg-hover);color:#fff;border-color:#ffffff38;transform:translateY(-2px);box-shadow:0 8px 20px #0006,0 0 14px #ffffff0f,inset 0 1px #ffffff26}.btn-primary{background:var(--ember-gradient);color:#fff;border-color:#ffffff40;box-shadow:0 4px 16px #ff4d5266,inset 0 1px #ffffff59}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 8px 24px #ff4d528c,0 0 18px #ff704359,inset 0 1px #ffffff73}.btn-danger{color:var(--ember);background:linear-gradient(#ff4d5229 0%,#ff4d5214 100%);border-color:#ff4d524d;box-shadow:0 2px 8px #ff4d5226}.btn-danger:hover{color:#fff;background:linear-gradient(#ff4d5240 0%,#ff4d5226 100%);border-color:#ff4d5280;transform:translateY(-2px);box-shadow:0 6px 18px #ff4d524d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-content{flex:1;min-width:0;padding:28px 32px;animation:.35s cubic-bezier(.16,1,.3,1) both fadeInUp;overflow-x:hidden}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.page-title{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);font-size:1.65rem;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);margin-top:5px;font-size:.85rem}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{border-color:var(--border-medium);transform:translateY(-3px);box-shadow:0 12px 32px #0006,0 0 20px #ffffff05}.card-inner{padding:20px 22px}.bento{gap:16px;display:grid}.bento-4{grid-template-columns:repeat(4,1fr)}.bento-2-1{grid-template-columns:2fr 1fr}.bento-3{grid-template-columns:repeat(3,1fr)}.bento-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.kpi-card{cursor:default;padding:20px 22px 18px;position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-4px)}.kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.kpi-icon{border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex}.kpi-card:hover .kpi-icon{transform:scale(1.12)rotate(2deg)}.kpi-icon.red{background:var(--red-dim)}.kpi-icon.green{background:var(--green-dim)}.kpi-icon.blue{background:var(--blue-dim)}.kpi-icon.purple{background:var(--purple-dim)}.kpi-icon.amber{background:var(--amber-dim)}.kpi-badge{border-radius:var(--r-full);padding:3px 8px;font-size:.72rem;font-weight:600;transition:transform .2s}.kpi-card:hover .kpi-badge{transform:scale(1.05)}.kpi-badge.up{background:var(--green-dim);color:var(--green)}.kpi-badge.down{background:var(--red-dim);color:var(--ember)}.kpi-badge.neutral{background:var(--bg-hover);color:var(--text-muted)}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:.74rem;font-weight:600}.kpi-value{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;text-shadow:0 2px 10px #0000004d;margin-bottom:6px;font-size:2.2rem;font-weight:700;line-height:1}.kpi-sub{color:var(--text-muted);font-size:.78rem}.kpi-card:after{content:"";border-radius:2px 2px 0 0;height:2px;transition:height .2s,opacity .2s;position:absolute;top:0;left:0;right:0}.kpi-card:hover:after{height:3px}.kpi-card.red:after{background:linear-gradient(90deg, var(--ember), var(--ember-warm))}.kpi-card.green:after{background:linear-gradient(90deg, var(--green), #00b4d8)}.kpi-card.blue:after{background:linear-gradient(90deg, var(--blue), #a8edea)}.kpi-card.purple:after{background:linear-gradient(90deg, var(--purple), #4776e6)}.kpi-card.red{background:linear-gradient(135deg, #ff4d520f 0%, var(--bg-elevated) 50%)}.kpi-card.red:hover{border-color:#ff4d5259;box-shadow:0 14px 32px #00000080,0 0 24px #ff4d522e}.kpi-card.green{background:linear-gradient(135deg, #00e5a00d 0%, var(--bg-elevated) 50%)}.kpi-card.green:hover{border-color:#00e5a059;box-shadow:0 14px 32px #00000080,0 0 24px #00e5a02e}.kpi-card.blue{background:linear-gradient(135deg, #4facfe0d 0%, var(--bg-elevated) 50%)}.kpi-card.blue:hover{border-color:#4facfe59;box-shadow:0 14px 32px #00000080,0 0 24px #4facfe2e}.kpi-card.purple{background:linear-gradient(135deg, #b06ab30d 0%, var(--bg-elevated) 50%)}.kpi-card.purple:hover{border-color:#b06ab359;box-shadow:0 14px 32px #00000080,0 0 24px #b06ab32e}.chart-panel{padding:22px 24px}.chart-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.chart-title{font-family:var(--font-display);letter-spacing:-.015em;font-size:1rem;font-weight:600}.chart-legend{gap:14px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:.75rem;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.table-wrap{border:1px solid var(--border-subtle);border-radius:var(--r-lg);background:var(--bg-elevated);width:100%;overflow-x:auto;box-shadow:0 4px 20px #00000040}.table-wrap table,.data-table{border-collapse:collapse;width:100%}.table-wrap table th,.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border-subtle);text-align:left;white-space:nowrap;background:#090a0fb3;padding:14px 18px;font-size:.7rem;font-weight:600}.table-wrap table td,.data-table td{border-bottom:1px solid var(--border-faint);color:var(--text-primary);vertical-align:middle;padding:14px 18px;font-size:.86rem}.table-wrap table tr:last-child td,.data-table tr:last-child td{border-bottom:none}.table-wrap table tbody tr,.data-table tbody tr{transition:var(--transition-fast)}.table-wrap table tbody tr:hover td,.data-table tbody tr:hover td{background:#ffffff05}.user-cell{align-items:center;gap:11px;display:flex}.avatar{background:var(--bg-hover);border:1.5px solid var(--border-subtle);width:36px;height:36px;font-family:var(--font-display);color:var(--ember);object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:600;display:flex}.avatar-lg{width:52px;height:52px;font-size:1.1rem}.user-name{font-size:.88rem;font-weight:600}.user-id{font-family:var(--font-mono);color:var(--text-muted);margin-top:1px;font-size:.7rem}.badge{border-radius:var(--r-full);white-space:nowrap;align-items:center;gap:5px;padding:3px 9px;font-size:.72rem;font-weight:600;display:inline-flex}.badge-red{background:var(--red-dim);color:var(--ember);border:1px solid #ff4d5233}.badge-green{background:var(--green-dim);color:var(--green);border:1px solid #00e5a033}.badge-blue{background:var(--blue-dim);color:var(--blue);border:1px solid #4facfe33}.badge-amber{background:var(--amber-dim);color:var(--amber);border:1px solid #ffd16633}.badge-muted{background:var(--bg-hover);color:var(--text-muted);border:1px solid var(--border-subtle)}.filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.filter-group{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);gap:2px;padding:3px;display:flex}.filter-btn{color:var(--text-muted);font-size:.8rem;font-weight:500;font-family:var(--font-body);border-radius:var(--r-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;background:0 0;border:none;padding:5px 14px}.filter-btn.active{background:var(--bg-hover);color:var(--text-primary)}.filter-btn:hover:not(.active){color:var(--text-secondary)}.tab-pills{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-full);align-items:center;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex;box-shadow:0 2px 10px #00000059}.tab-pill{color:var(--text-muted);font-family:var(--font-body);border-radius:var(--r-full);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;outline:none;align-items:center;gap:8px;padding:7px 16px;font-size:.82rem;font-weight:500;transition:all .22s cubic-bezier(.16,1,.3,1);display:inline-flex}.tab-pill:hover:not(.active){color:var(--text-primary);background:#ffffff0d}.tab-pill.active{background:var(--ember-gradient);color:#fff;border-color:#fff3;font-weight:600;box-shadow:0 4px 14px #ff4d5259}.tab-pill .count{border-radius:var(--r-full);min-width:20px;height:20px;font-size:.72rem;font-weight:600;font-family:var(--font-mono);color:var(--text-secondary);background:#ffffff14;justify-content:center;align-items:center;padding:0 6px;transition:all .2s;display:inline-flex}.tab-pill:hover:not(.active) .count{color:var(--text-primary);background:#ffffff24}.tab-pill.active .count{color:#fff;background:#00000047}.couple-card{cursor:pointer;padding:22px 24px;transition:transform .28s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.16,1,.3,1),border-color .28s}.couple-card:hover{border-color:#ff4d524d;transform:translateY(-5px);box-shadow:0 16px 36px #00000080,0 0 24px #ff4d521f}.couple-card .avatar-wrapper{transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s}.couple-card:hover .avatar-wrapper{transform:scale(1.06)}@keyframes heartBeat{0%,to{transform:scale(1)}30%{transform:scale(1.28)}60%{transform:scale(1.1)}}.couple-card:hover svg path[d*="20.84"]{animation:1.2s ease-in-out infinite heartBeat}.couple-avatars{justify-content:center;align-items:center;gap:0;margin:16px 0;display:flex;position:relative}.couple-avatars .avatar:first-child{z-index:2;margin-right:-8px}.couple-avatars .avatar:last-child{z-index:1;margin-left:-8px}.heart-connector{background:var(--bg-elevated);border:1.5px solid var(--border-subtle);z-index:3;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:relative}.couple-names{justify-content:center;align-items:center;gap:8px;margin-top:8px;font-size:.88rem;font-weight:600;display:flex}.couple-sep{color:var(--text-muted);font-size:.75rem}.couple-meta{border-top:1px solid var(--border-faint);color:var(--text-muted);justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:.78rem;display:flex}.drawer-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:300;background:#000000a6;animation:.2s fadeIn;position:fixed;inset:0}.drawer{border-left:1px solid var(--border-subtle);z-index:310;background:#0e1018;flex-direction:column;width:480px;max-width:90vw;animation:.28s cubic-bezier(.16,1,.3,1) drawerIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-20px 0 60px #00000080}.drawer-header{border-bottom:1px solid var(--border-faint);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.drawer-body{flex:1;padding:20px 24px;overflow-y:auto}.drawer-footer{border-top:1px solid var(--border-faint);flex-shrink:0;padding:16px 24px}@keyframes drawerIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-section{background:var(--bg-elevated);border:1px solid var(--border-faint);border-radius:var(--r-md);margin-bottom:14px;padding:16px}.drawer-section-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:.66rem;font-weight:700}.info-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.info-item label{color:var(--text-muted);margin-bottom:3px;font-size:.72rem;display:block}.info-item .val{color:var(--text-primary);font-size:.84rem;font-weight:500}.stat-mini-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-mini{background:var(--bg-surface);border-radius:var(--r-md);text-align:center;border:1px solid var(--border-faint);padding:12px 14px}.stat-mini-val{font-family:var(--font-display);font-size:1.4rem;font-weight:700;line-height:1}.stat-mini-label{color:var(--text-muted);margin-top:4px;font-size:.7rem}.auth-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:999;background:#040508f5;justify-content:center;align-items:center;padding:20px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.auth-card{background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--r-xl);width:100%;max-width:420px;box-shadow:0 24px 80px #000000b3, var(--shadow-glow);padding:36px;position:relative;overflow:hidden}.auth-card:before{content:"";background:var(--ember-gradient);height:2px;position:absolute;top:-1px;left:0;right:0}.auth-logo-wrap{justify-content:center;margin-bottom:20px;display:flex}.auth-logo{background:var(--ember-gradient);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;font-size:28px;display:flex;box-shadow:0 8px 30px #ff4d5259}.auth-title{font-family:var(--font-display);text-align:center;letter-spacing:-.02em;margin-bottom:6px;font-size:1.45rem;font-weight:700}.auth-subtitle{color:var(--text-muted);text-align:center;margin-bottom:28px;font-size:.84rem;line-height:1.5}.form-field{margin-bottom:16px}.form-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:7px;font-size:.78rem;font-weight:500;display:flex}.form-input{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--r-md);width:100%;color:var(--text-primary);font-size:.88rem;font-family:var(--font-body);transition:var(--transition);outline:none;padding:11px 14px}.form-input:focus{background:var(--bg-elevated);border-color:#ff4d5280;box-shadow:0 0 0 3px #ff4d521a}.form-input::placeholder{color:var(--text-muted)}.error-box{border-radius:var(--r-md);color:#ff8a9b;background:#ff4d521a;border:1px solid #ff4d5240;align-items:center;gap:8px;margin-bottom:16px;padding:10px 13px;font-size:.82rem;display:flex}.offline-banner{color:var(--amber);background:#ffd16612;border-bottom:1px solid #ffd16626;justify-content:space-between;align-items:center;gap:12px;padding:10px 28px;font-size:.82rem;display:flex}.health-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.health-item{padding:20px 22px}.health-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:8px;font-size:.72rem;font-weight:600}.health-value{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:1.8rem;font-weight:700}.health-meta{color:var(--text-muted);font-size:.78rem}.sparkline-row{align-items:center;gap:6px;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:64px 20px}.empty-icon{opacity:.4;margin-bottom:12px;font-size:2.5rem}.empty-text{font-size:.88rem}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-bar{background:var(--bg-surface);border-radius:var(--r-full);height:6px;overflow:hidden}.progress-fill{border-radius:var(--r-full);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.icon-btn{border-radius:var(--r-md);border:1px solid var(--border-subtle);cursor:pointer;width:34px;height:34px;color:var(--text-muted);transition:var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-medium)}.close-btn{border-radius:var(--r-md);border:1px solid var(--border-faint);cursor:pointer;width:30px;height:30px;color:var(--text-muted);transition:var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.close-btn:hover{color:var(--ember);background:#ff4d521a;border-color:#ff4d5233}.divider{background:var(--border-faint);height:1px;margin:14px 0}[data-tip]{position:relative}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--border-medium)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mt-auto{margin-top:auto}.mono{font-family:var(--font-mono)}.text-sm{font-size:.82rem}.text-xs{font-size:.72rem}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.w-full{width:100%}.text-center{text-align:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.hud-glass{-webkit-backdrop-filter:blur(20px);background:#0e111abf;border:1px solid #ffffff14;box-shadow:inset 0 1px #ffffff0f,0 8px 32px #00000073}.hud-glass-interactive{transition:all .25s cubic-bezier(.16,1,.3,1)}.hud-glass-interactive:hover{border-color:#ff4d5259;transform:translateY(-2px);box-shadow:inset 0 0 14px #ff4d5214,0 12px 36px #0009}.glow-coral{box-shadow:0 0 24px #ff4d5259}.glow-cyan{box-shadow:0 0 24px #4facfe59}.glow-emerald{box-shadow:0 0 24px #00e5a059}@keyframes pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.65;transform:scale(.97)}}.animate-pulse-slow{animation:3s ease-in-out infinite pulse-slow}@keyframes dash{to{stroke-dashoffset:-100px}}.arc-stream-cyan{stroke-dasharray:6 8;animation:2.5s linear infinite dash}.arc-stream-coral{stroke-dasharray:6 8;animation:3.2s linear infinite reverse dash}.arc-stream-emerald{stroke-dasharray:6 8;animation:2s linear infinite dash}.arc-stream-purple{stroke-dasharray:6 8;animation:4s linear infinite dash}.telemetry-card{border-radius:var(--r-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:var(--transition);background:#0e111abf;border:1px solid #ffffff14;padding:20px;position:relative;overflow:hidden}.telemetry-card:hover{border-color:#ffffff29;box-shadow:0 12px 32px #00000080}.highlight-pill{color:var(--green);background:var(--green-dim);border-radius:var(--r-full);padding:2px 7px;font-weight:600}