:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-card: #1a2332;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--accent: #3b82f6;--accent-glow: rgba(59, 130, 246, .3);--genesis: #a855f7;--genesis-glow: rgba(168, 85, 247, .3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: #1e293b}#sia-app{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:56px;background:var(--bg-secondary);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0;z-index:100}.nav-brand{display:flex;align-items:center;gap:8px}.logo{font-size:24px}.brand-text{font-size:18px;font-weight:700;color:var(--accent)}.brand-sub{font-size:11px;color:var(--text-secondary)}.nav-links{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 16px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:14px;transition:all .2s}.nav-link:hover,.nav-link.router-link-active{color:var(--text-primary);background:var(--bg-card)}.genesis-link.router-link-active{color:var(--genesis);background:#a855f71a}.nav-btn{padding:6px 14px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:13px;margin-left:8px}.nav-btn:hover{color:var(--danger);border-color:var(--danger)}main{padding:24px}main.with-nav{padding-top:80px}