:root{--bg-deep: #0a0a0f;--bg-panel: #0f1119;--bg-card: #141824;--bg-hover: #1a1f2e;--border: #1e2a3a;--border-glow: #00fff233;--neon-cyan: #00fff2;--neon-magenta: #ff00aa;--neon-yellow: #fcee0a;--neon-green: #39ff14;--neon-orange: #ff6b35;--neon-purple: #bf00ff;--text-primary: #e0e6f0;--text-secondary: #8892a4;--text-dim: #4a5568;--text-mono: #00fff2;--severity-info: #00fff2;--severity-warning: #fcee0a;--severity-critical: #ff0055;--font-display: "Orbitron", sans-serif;--font-mono: "Share Tech Mono", monospace;--glow-cyan: 0 0 10px #00fff244, 0 0 20px #00fff222;--glow-magenta: 0 0 10px #ff00aa44;--glow-critical: 0 0 12px #ff005566;--breakpoint-lg: 1024px;--breakpoint-md: 768px;--breakpoint-sm: 480px;--nav-width: 220px;--bottom-nav-height: 5.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-mono);background:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,242,.015) 2px,rgba(0,255,242,.015) 4px);pointer-events:none;z-index:9999}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0f1119,#0a0a0f)}.app-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:900;letter-spacing:.15em;color:var(--neon-cyan);text-shadow:var(--glow-cyan)}.app-logo span{color:var(--neon-magenta)}.app-tagline{font-size:.7rem;color:var(--text-dim);letter-spacing:.3em;text-transform:uppercase;margin-top:.15rem}.status-pill{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--text-secondary);padding:.35rem .75rem;border:1px solid var(--border);border-radius:2px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--neon-green);box-shadow:0 0 6px var(--neon-green);animation:pulse 2s infinite}.status-dot.offline{background:var(--severity-critical);box-shadow:0 0 6px var(--severity-critical);animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.app-body{display:grid;grid-template-columns:var(--nav-width) 1fr;min-height:0}.sidebar{border-right:1px solid var(--border);background:var(--bg-panel);padding:1rem 0;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;color:var(--text-secondary);cursor:pointer;border:none;background:none;font-family:var(--font-mono);font-size:.85rem;text-align:left;transition:all .15s;border-left:2px solid transparent}.nav-item:hover{color:var(--neon-cyan);background:var(--bg-hover)}.nav-item.active{color:var(--neon-cyan);background:var(--bg-hover);border-left-color:var(--neon-cyan);text-shadow:0 0 8px #00fff244}.nav-symbol{font-size:1.1rem;width:1.5rem;text-align:center}.main-content{padding:1.5rem;overflow-y:auto;background:radial-gradient(ellipse at 20% 0%,#00fff208 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,#ff00aa08 0%,transparent 50%),var(--bg-deep)}.page-title{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.1em;color:var(--neon-cyan);margin-bottom:.25rem}.page-subtitle{font-size:.8rem;color:var(--text-dim);margin-bottom:1.5rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);padding:1rem 1.25rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));opacity:.6}.stat-symbol{font-size:1.4rem;color:var(--neon-cyan);margin-bottom:.5rem}.stat-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.15em}.stat-value{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-top:.25rem}.stat-value.critical{color:var(--severity-critical);text-shadow:var(--glow-critical)}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;font-size:.82rem}.data-table th{text-align:left;padding:.6rem 1rem;color:var(--text-dim);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid var(--border);font-weight:400}.data-table td{padding:.65rem 1rem;border-bottom:1px solid #1a1f2e;color:var(--text-secondary)}.data-table tr:hover td{background:var(--bg-hover);color:var(--text-primary)}.panel{background:var(--bg-card);border:1px solid var(--border);margin-bottom:1.5rem}.panel-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border)}.panel-title{font-family:var(--font-display);font-size:.8rem;letter-spacing:.1em;color:var(--neon-cyan)}.panel-body{padding:0}.greed-bar{display:flex;align-items:center;gap:.5rem}.greed-track{flex:1;height:4px;background:var(--bg-deep);border:1px solid var(--border);max-width:80px}.greed-fill{height:100%;background:linear-gradient(90deg,var(--neon-cyan),var(--neon-magenta));transition:width .3s}.greed-fill.high{background:linear-gradient(90deg,var(--neon-yellow),var(--severity-critical))}.greed-pct{font-size:.75rem;color:var(--neon-cyan);min-width:2.5rem}.alert-list{display:flex;flex-direction:column;gap:.75rem}.alert-card{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--severity-info);padding:1rem 1.25rem}.alert-card.warning{border-left-color:var(--severity-warning)}.alert-card.critical{border-left-color:var(--severity-critical);box-shadow:var(--glow-critical)}.alert-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.5rem}.alert-title{font-family:var(--font-display);font-size:.85rem;color:var(--text-primary)}.alert-time{font-size:.7rem;color:var(--text-dim);white-space:nowrap}.alert-message{font-size:.82rem;color:var(--text-secondary);margin-bottom:.75rem}.alert-explanation{font-size:.78rem;color:var(--text-dim);padding:.75rem;background:var(--bg-deep);border:1px solid var(--border);line-height:1.5}.alert-explanation:before{content:"◇ Why this matters: ";color:var(--neon-cyan)}.alert-actions{margin-top:.75rem;display:flex;gap:.5rem}.btn{font-family:var(--font-mono);font-size:.75rem;padding:.4rem .85rem;border:1px solid var(--border);background:var(--bg-deep);color:var(--text-secondary);cursor:pointer;transition:all .15s;letter-spacing:.05em}.btn:hover{border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:var(--glow-cyan)}.btn-ack{border-color:var(--neon-green);color:var(--neon-green)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.feature-card{background:var(--bg-card);border:1px solid var(--border);padding:1.25rem}.feature-card:hover{border-color:#00fff244}.feature-symbol{font-size:1.8rem;color:var(--neon-cyan);margin-bottom:.5rem}.feature-title{font-family:var(--font-display);font-size:.9rem;color:var(--text-primary);margin-bottom:.35rem}.feature-summary{font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem}.feature-section{margin-bottom:.75rem}.feature-section-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--neon-magenta);margin-bottom:.25rem}.feature-section p{font-size:.78rem;color:var(--text-dim);line-height:1.5}.status-badge{display:inline-block;font-size:.65rem;padding:.15rem .5rem;border:1px solid;text-transform:uppercase;letter-spacing:.1em}.status-badge.active{color:var(--neon-green);border-color:var(--neon-green)}.status-badge.partial{color:var(--neon-yellow);border-color:var(--neon-yellow)}.status-badge.planned{color:var(--text-dim);border-color:var(--text-dim)}.roadmap-content{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem 2rem;font-size:.85rem;line-height:1.7}.roadmap-content h1,.roadmap-content h2,.roadmap-content h3{font-family:var(--font-display);color:var(--neon-cyan);letter-spacing:.08em;margin:1.5rem 0 .75rem}.roadmap-content h1{font-size:1.2rem}.roadmap-content h2{font-size:1rem}.roadmap-content h3{font-size:.9rem;color:var(--neon-magenta)}.roadmap-content p,.roadmap-content li{color:var(--text-secondary)}.roadmap-content ul{padding-left:1.5rem;margin:.5rem 0}.roadmap-content code{color:var(--neon-cyan);background:var(--bg-deep);padding:.1rem .35rem;font-size:.8rem}.roadmap-content hr{border:none;border-top:1px solid var(--border);margin:1.5rem 0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--text-dim)}.empty-symbol{font-size:2.5rem;color:var(--border);margin-bottom:.75rem}.sparkline{display:block}.exe-path-cell{display:flex;align-items:center;gap:.35rem;max-width:280px}.exe-path{font-size:.7rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.copy-btn{flex-shrink:0;background:var(--bg-hover);border:1px solid var(--border);color:var(--neon-cyan);cursor:pointer;font-size:.75rem;padding:.15rem .35rem;line-height:1}.copy-btn:hover{border-color:var(--neon-cyan)}.remote-hosts-cell{font-size:.75rem;max-width:200px}.text-dim{color:var(--text-dim)}.settings-body{padding:1.5rem;max-width:480px}.settings-label{display:block;margin-bottom:.75rem;color:var(--text-secondary)}.settings-slider{width:100%;accent-color:var(--neon-cyan)}.settings-hints{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-dim);margin:.25rem 0 1rem}.settings-desc{font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.settings-desc code{color:var(--neon-cyan);font-size:.75rem}.btn-primary{background:transparent;border:1px solid var(--neon-cyan);color:var(--neon-cyan);font-family:var(--font-mono);padding:.5rem 1rem;cursor:pointer;margin-bottom:1.5rem}.btn-primary:hover:not(:disabled){box-shadow:var(--glow-cyan)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.settings-meta{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;font-size:.8rem;color:var(--text-secondary)}.settings-meta dt{color:var(--text-dim)}.header-status{display:flex;gap:.5rem}.health-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;padding:1rem 1.25rem}.health-metric{display:flex;flex-direction:column;gap:.25rem}.health-metric-label{font-size:.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.health-hint{font-size:.75rem;color:var(--text-dim);padding:0 1.25rem 1rem;line-height:1.5}.health-summary{margin-bottom:1.5rem}.latency-good{color:var(--neon-green)}.latency-fair{color:var(--neon-yellow)}.latency-poor{color:var(--neon-orange)}.latency-unknown{color:var(--text-dim)}.install-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;background:var(--bg-card);border:1px solid var(--neon-cyan);box-shadow:var(--glow-cyan);padding:1rem 1.25rem;margin-bottom:1.5rem}.install-banner strong{color:var(--neon-cyan);display:block;margin-bottom:.25rem}.install-banner p{font-size:.8rem;color:var(--text-secondary)}.install-actions{display:flex;gap:.5rem}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary);font-family:var(--font-mono);padding:.5rem 1rem;cursor:pointer}.btn-ghost:hover{border-color:var(--text-secondary)}.insight-panel{margin-top:1.5rem}.insight-text{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:.75rem}.insight-text code{color:var(--neon-cyan)}.insight-code{background:var(--bg-deep);border:1px solid var(--border);color:var(--neon-cyan);font-family:var(--font-mono);font-size:.85rem;padding:.75rem 1rem;margin-bottom:.75rem;overflow-x:auto;white-space:pre-wrap;word-break:break-word}.link-btn{background:none;border:none;color:var(--neon-cyan);font-family:var(--font-mono);cursor:pointer;text-decoration:underline;padding:0}@media(max-width:1024px){:root{--nav-width: 180px}.main-content{padding:1.25rem}.feature-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.app-header{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem;padding-top:calc(.75rem + env(safe-area-inset-top))}.app-logo{font-size:1.15rem}.app-tagline{font-size:.6rem;letter-spacing:.2em}.header-status{width:100%;flex-wrap:wrap;gap:.5rem}.status-pill{flex:1 1 auto;min-width:0;justify-content:center}.app-body{grid-template-columns:1fr;grid-template-rows:1fr auto;grid-template-areas:"main" "nav"}.main-content{grid-area:main;padding:1rem;padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + .5rem)}.page-title{font-size:1rem}.page-subtitle{font-size:.75rem;margin-bottom:1rem}.sidebar{grid-area:nav;position:fixed;left:0;right:0;bottom:0;z-index:100;flex-direction:row;flex-wrap:wrap;justify-content:center;align-content:center;gap:.15rem;border-right:none;border-top:1px solid var(--border);border-bottom:none;padding:.35rem .5rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom));background:var(--bg-panel);box-shadow:0 -4px 24px #00000073}.nav-item{flex:0 0 calc(25% - .15rem);flex-direction:column;align-items:center;justify-content:center;gap:.15rem;min-height:2.75rem;padding:.35rem .2rem;border-left:none;border-bottom:2px solid transparent;font-size:.58rem;text-align:center;-webkit-tap-highlight-color:transparent}.nav-item.active{border-left:none;border-bottom-color:var(--neon-cyan)}.nav-symbol{font-size:1rem;width:auto}.card-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.stat-card{padding:.85rem 1rem}.stat-value{font-size:1.35rem}.feature-grid{grid-template-columns:1fr}.feature-card{padding:1rem}.roadmap-content{padding:1rem 1.25rem;overflow-x:auto}.roadmap-content pre,.roadmap-content code{word-break:break-word}.install-banner{flex-direction:column;align-items:stretch}.install-actions{width:100%}.install-actions .btn-primary,.install-actions .btn-ghost{flex:1;text-align:center}.alert-header{flex-direction:column;gap:.25rem}.alert-time{white-space:normal}.alert-card{padding:.85rem 1rem}.panel-header .btn-primary{width:100%;text-align:center}.btn,.btn-primary,.btn-ghost,.copy-btn{min-height:2.75rem}.settings-body{padding:1rem}.data-table th,.data-table td{padding:.5rem .75rem}}@media(max-width:480px){.app-logo{font-size:1rem;letter-spacing:.1em}.card-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.15rem}.nav-item{font-size:.52rem}.health-metrics{grid-template-columns:repeat(2,1fr);gap:.75rem;padding:.85rem 1rem}.empty-state{padding:2rem .75rem}}@media(max-width:640px){.table-scroll-cards{overflow:visible}.data-table.card-layout{display:block}.data-table.card-layout thead{display:none}.data-table.card-layout tbody{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.data-table.card-layout tr{display:block;background:var(--bg-deep);border:1px solid var(--border);padding:.75rem}.data-table.card-layout tr:hover td{background:transparent;color:var(--text-secondary)}.data-table.card-layout td{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.35rem 0;border-bottom:none}.data-table.card-layout td:before{content:attr(data-label);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);flex-shrink:0}.data-table.card-layout td:first-child{font-family:var(--font-display);color:var(--neon-cyan);font-size:.85rem;border-bottom:1px solid var(--border);padding-bottom:.5rem;margin-bottom:.25rem}.data-table.card-layout td:first-child:before{display:none}.data-table.card-layout .exe-path-cell{max-width:none;flex-wrap:wrap}.data-table.card-layout .remote-hosts-cell{max-width:none;text-align:right;word-break:break-word}}