:root{--bg: #050a0e;--bg-secondary: #0a1018;--surface: rgba(255,255,255,.03);--surface-hover: rgba(255,255,255,.06);--border: rgba(0,255,136,.15);--border-hover: rgba(0,255,136,.4);--accent-green: #00ff88;--accent-cyan: #00d4ff;--accent-red: #ff3366;--accent-amber: #ffaa00;--accent-purple: #a855f7;--accent-blue: #3b82f6;--text: #e0e0e0;--text-bright: #f0f0f0;--text-muted: #6a7a8a;--text-dim: #3a4a5a;--font: "Rajdhani", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--radius: 8px;--radius-sm: 4px;--gap: 16px;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.03) 2px,rgba(0,0,0,.03) 4px);opacity:.03}.app{display:flex;flex-direction:row}.sidebar{position:fixed;left:0;top:0;width:var(--sidebar-width);height:100vh;background:#050a0ed9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:1px solid var(--border);padding:20px 12px;z-index:100;display:flex;flex-direction:column}.sidebar-logo{font-family:var(--font-mono);font-size:1.1rem;color:var(--accent-green);letter-spacing:2px;padding:8px 12px 16px;border-bottom:1px solid var(--border);text-shadow:0 0 10px rgba(0,255,136,.3)}.sidebar-nav{display:flex;flex-direction:column;gap:4px;margin-top:16px}.nav-item{padding:10px 16px;cursor:pointer;border-radius:var(--radius-sm);color:var(--text-muted);transition:all .2s;font-family:var(--font);font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:10px;border:none;background:none;width:100%;text-align:left}.nav-item:hover{color:var(--text);background:var(--surface-hover)}.nav-item.active{color:var(--accent-green);background:var(--surface);border-left:3px solid var(--accent-green)}.nav-icon{font-size:1.1rem;width:20px;text-align:center}.sidebar-footer{margin-top:auto;border-top:1px solid var(--border)}.page-content{margin-left:var(--sidebar-width);flex:1;padding:32px;min-height:100vh;overflow-y:auto}.page-title{font-family:var(--font-mono);font-size:1.6rem;color:var(--accent-green);letter-spacing:3px;text-transform:uppercase;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:12px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .3s}.panel:hover{border-color:var(--border-hover)}.panel-title{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-bottom:12px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}.stat-value{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--text-bright)}.stat-label{font-family:var(--font);font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.7rem;font-family:var(--font-mono);letter-spacing:1px}.badge-green{background:#00ff8826;color:var(--accent-green)}.badge-cyan{background:#00d4ff26;color:var(--accent-cyan)}.badge-red{background:#ff336626;color:var(--accent-red)}.badge-amber{background:#ffaa0026;color:var(--accent-amber)}.badge-purple{background:#a855f726;color:var(--accent-purple)}.health-bar{height:4px;background:var(--bg-secondary);border-radius:2px;overflow:hidden}.health-bar-fill{height:100%;border-radius:2px;transition:width 1s ease-out}.terminal{background:#0a0a0a;border:1px solid rgba(0,255,136,.2);border-radius:6px;padding:16px;font-family:var(--font-mono);font-size:.85rem;color:var(--accent-green)}.terminal-prompt:before{content:"$ ";color:var(--text-muted)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:#00ff884d;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00ff8880}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}@keyframes ticker-scroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}