:root{--color-bg:#0e1116;--color-bg-soft:#11151c;--color-surface:#161b22;--color-card:#1b212c;--color-fg:#ecf1f8;--color-muted:#a8b3c7;--color-subtle:#8d9ab0;--color-accent:#14c8c8;--color-accent-2:#8b7eff;--color-ok:#23c48b;--color-warn:#f3b94d;--color-danger:#ff6b6b;--accent-grad:linear-gradient(135deg,var(--color-accent),var(--color-accent-2));--space-1:12px;--space-2:20px;--space-3:28px;--space-4:40px;--space-5:64px;--radius:12px;--glow:0 0 18px rgba(20,200,200,.35),0 0 28px rgba(139,126,255,.22);--ease:ease-in-out;--t-fast:180ms;--t-med:320ms}body,html{height:100%}body{background:var(--color-bg);color:var(--color-fg);line-height:1.55}.container{max-width:1240px;margin:0 auto;padding:var(--space-4)}.glow-hover{transition:box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.glow-hover:focus,.glow-hover:hover{box-shadow:var(--glow);transform:translateY(-1px)}.card{border:1px solid hsla(0,0%,100%,.06);border-radius:var(--radius);padding:var(--space-4);background:var(--color-card)}.card>*+*{margin-top:var(--space-2)}.btn{display:inline-flex;align-items:center;gap:10px;border-radius:var(--radius);padding:12px 20px;border:1px solid hsla(0,0%,100%,.08);background:var(--color-surface);cursor:pointer;text-decoration:none;font-weight:700;letter-spacing:.2px}.btn,.btn.outline{color:var(--color-fg)}.btn.outline{background:transparent;border:1px solid hsla(0,0%,100%,.18)}.btn.cyan{background:var(--accent-grad);color:#071014;border-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.glow-hover:hover{box-shadow:var(--glow)}.input{border:1px solid hsla(0,0%,100%,.12);border-radius:var(--radius);padding:12px 16px;outline:none;background:var(--color-surface);color:var(--color-fg);min-width:220px}.input:focus{box-shadow:var(--glow);border-color:var(--color-accent)}.row{display:flex;align-items:center;flex-wrap:wrap}.col,.row{gap:var(--space-3)}.col{display:grid;grid-gap:var(--space-3)}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:var(--color-bg-soft);border-bottom:1px solid hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topnav,.topnav a{color:var(--color-fg)}.topnav a.active{border-bottom:2px solid var(--color-accent)}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{background:var(--color-bg-soft);padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar,.sidebar a{color:var(--color-fg)}.sidebar a{display:block;padding:10px 12px;text-decoration:none;border-radius:8px}.sidebar a:hover{box-shadow:var(--glow)}.sidebar a.active{outline:2px solid var(--color-accent)}.main{padding:var(--space-5);display:grid;grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:1200px;margin:0 auto}.card ul{list-style:none;padding-left:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2);margin:0}.stack{display:grid;grid-gap:var(--space-3);gap:var(--space-3)}.section{margin-top:var(--space-5)}