:root{--primary:#e7ba44;--secondary:#415639;--accent:#7c4c47;--bg:#fcf0d0;--surface:#fff;--text:#2b2428;--text-muted:#6b5f64;--border:#e6d9b5;--nav-bg:#415639;--nav-text:#fcf0d0;--nav-active-bg:#e7ba44;--nav-active-text:#2b2428;--radius:14px;--font:Poppins, "Segoe UI", system-ui, -apple-system, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#2b2428;--surface:#382f34;--text:#fcf0d0;--text-muted:#c9bda0;--border:#4a3f45;--nav-bg:#1f1a1d;--nav-text:#fcf0d0;--nav-active-bg:#e7ba44;--nav-active-text:#2b2428}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);margin:0;line-height:1.5}a{color:inherit}.shell{grid-template-columns:220px 1fr;min-height:100vh;display:grid}.nav{background:var(--nav-bg);color:var(--nav-text);height:100vh;padding:20px 12px;position:sticky;top:0}.brand{color:var(--primary);padding:4px 12px 20px;font-size:1.25rem;font-weight:700}.nav nav{flex-direction:column;gap:4px;display:flex}.nav a{border-radius:10px;padding:10px 12px;font-weight:500;text-decoration:none}.nav a:hover{background:#ffffff1a}.nav a.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.nav a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.content{min-width:0;padding:28px}.placeholder{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;padding:28px}.placeholder h1{margin:0 0 8px;font-size:1.5rem}.placeholder p{color:var(--text-muted);margin:0}@media (width<=720px){.shell{grid-template-columns:1fr}.nav{z-index:10;height:auto;padding:6px;position:fixed;inset:auto 0 0}.brand{display:none}.nav nav{flex-direction:row;justify-content:space-between;gap:2px}.nav a{text-align:center;flex:1;padding:10px 2px;font-size:.7rem}.content{padding:18px 16px 84px}}