:root{--oct-bg:#070d14;--oct-surface:#0f1b2a;--oct-card:#122236;--oct-text:#d7e4f7;--oct-muted:#94a7c1;--oct-cyan:#2fe9ff;--oct-amber:#ffc063;--oct-green:#42f59c}*{box-sizing:border-box}body,html{margin:0;padding:0;background:radial-gradient(circle at 85% 15%,rgba(47,233,255,.08),transparent 35%),radial-gradient(circle at 20% 80%,rgba(255,192,99,.08),transparent 40%),var(--oct-bg);color:var(--oct-text);font-family:JetBrains Mono,Fira Code,Consolas,monospace}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid rgba(148,167,193,.24);background:linear-gradient(180deg,rgba(15,27,42,.95),rgba(7,13,20,.95));padding:20px}.brand{margin:0 0 18px;font-size:16px;color:var(--oct-cyan);letter-spacing:.06em}.nav{display:grid;gap:8px}.nav a{padding:10px 12px;border:1px solid rgba(148,167,193,.2);border-radius:10px;color:var(--oct-muted);transition:.14s ease}.nav a:hover{border-color:rgba(47,233,255,.45);color:var(--oct-text);transform:translateX(2px)}.main{padding:24px}.card{border:1px solid rgba(148,167,193,.2);background:rgba(18,34,54,.62);border-radius:14px;padding:16px}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,167,193,.32);color:var(--oct-muted);font-size:12px;padding:4px 10px}h1,h2,h3,p{margin:0}h1{font-size:24px;margin-bottom:8px}h2{font-size:14px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px}h2,p{color:var(--oct-muted)}.list{display:grid;gap:8px}.row{display:flex;justify-content:space-between;gap:10px;border:1px solid rgba(148,167,193,.2);border-radius:10px;padding:10px;background:rgba(7,13,20,.5)}.mono{font-family:JetBrains Mono,Fira Code,Consolas,monospace;white-space:pre-wrap;word-break:break-word}button,input,textarea{font:inherit}input,textarea{width:100%;background:rgba(7,13,20,.88);border:1px solid rgba(148,167,193,.24);color:var(--oct-text);border-radius:10px;padding:10px}button{border:1px solid rgba(47,233,255,.5);background:linear-gradient(90deg,rgba(47,233,255,.12),rgba(66,245,156,.12));color:var(--oct-text);border-radius:10px;padding:10px 12px;cursor:pointer}@media (max-width:900px){.shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid rgba(148,167,193,.24)}.grid.two{grid-template-columns:1fr}}