:root{--background:#0f0f0f;--surface:#171717;--surface-soft:#222;--text:#f5f5f5;--muted:#a3a3a3;--border:#333}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);width:260px;min-height:100vh;padding:24px}.sidebar-brand h2{margin:0;font-size:24px}.sidebar-brand p{color:var(--muted);margin:6px 0 32px;font-size:14px}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav a{color:var(--muted);border-radius:10px;padding:10px 12px}.sidebar-nav a:hover{background:var(--surface-soft);color:var(--text)}.app-content{flex:1;padding:40px}.page-header{max-width:820px;margin-bottom:32px}.page-header h1{letter-spacing:-.04em;margin:0 0 8px;font-size:40px}.page-header p{color:var(--muted);margin:0;font-size:18px;line-height:1.5}.card-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;max-width:1000px;display:grid}.card{border:1px solid var(--border);background:var(--surface);border-radius:16px;padding:20px}.card h3{margin:0 0 8px}.card p{color:var(--muted);margin:0;line-height:1.5}.home{text-align:center;place-items:center;min-height:100vh;padding:40px;display:grid}.home h1{letter-spacing:-.05em;margin:0 0 12px;font-size:56px}.home p{color:var(--muted);margin:0 0 24px;font-size:20px}.home a{background:var(--text);color:var(--background);border-radius:12px;padding:12px 18px;display:inline-block}