:root{--bg-primary: #0a0e14;--bg-secondary: #131720;--bg-tertiary: #1a2030;--text-primary: #e1e8f0;--text-secondary: #8892a4;--accent: #3b82f6;--accent-hover: #60a5fa;--success: #22c55e;--error: #ef4444;--border: #2a3146;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:1.5rem 0;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:.75rem;padding:0 1.5rem 2rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.logo-icon{color:var(--accent)}.nav-list{list-style:none}.nav-item{padding:.75rem 1.5rem;cursor:pointer;color:var(--text-secondary);transition:all .2s ease;border-left:3px solid transparent}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);color:var(--accent);border-left-color:var(--accent)}.content{flex:1;display:flex;flex-direction:column}.header{padding:1.5rem 2rem;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.header h1{font-size:1.5rem;font-weight:600}.main-content{flex:1;padding:2rem}.overview{max-width:800px}.status-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:2rem}.status-card h2{margin-bottom:1.5rem;color:var(--success);font-size:1.25rem}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.status-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--bg-tertiary);border-radius:6px}.status-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.status-value{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-secondary)}.status-dot.ok{background:var(--success);box-shadow:0 0 8px var(--success)}.status-dot.error{background:var(--error)}.placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:var(--text-secondary);text-align:center}.placeholder h2{color:var(--text-primary);margin-bottom:.5rem}