:root{--bg:#0b1020;--panel:#121a2b;--panel-2:#182235;--text:#e8eefc;--muted:#9fb0d0;--border:#26324a;--accent:#6ea8fe}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{border-right:1px solid var(--border);background:var(--panel);padding:20px}.nav{display:flex;flex-direction:column;gap:10px;margin-top:20px}.nav a{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.main{padding:24px}.topbar{display:flex;gap:16px;margin-bottom:16px;align-items:stretch}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px}.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.grid-2,.topbar{grid-template-columns:1fr;display:grid}}