:root{--bg: #0b1020;--card: #141a2e;--border: #26304d;--text: #e6e9f2;--dim: #8b94b0;--blue: #5b8cff}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.shell{display:grid;grid-template-columns:232px 1fr;min-height:100vh}.sidebar{background:#0d1424;border-right:1px solid var(--border);padding:1.4rem 1rem;position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:.3rem}.brand{display:flex;align-items:center;gap:.6rem;margin-bottom:1.4rem;padding:0 .3rem}.brand-mark{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#5b8cff,#17a34a);display:grid;place-items:center;font-weight:800;color:#0b1020;font-size:1rem}.brand-name{font-weight:700;font-size:1.05rem;letter-spacing:.2px}.nav-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .7rem;border-radius:9px;background:transparent;border:none;cursor:pointer;color:var(--dim);font-size:.92rem;text-align:left;width:100%}.nav-item:hover{background:#141d33;color:var(--text)}.nav-item.active{background:#1a2440;color:var(--text);font-weight:600}.sidebar-foot{margin-top:auto;color:var(--dim);font-size:.75rem;padding:0 .3rem}.main{padding:2rem 2rem 4rem;max-width:1040px}@media(max-width:760px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;align-items:center;gap:.2rem;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);padding:.7rem .8rem}.brand{margin-bottom:0;margin-right:.5rem}.brand-name{display:none}.nav-item{white-space:nowrap;padding:.45rem .6rem}.sidebar-foot{display:none}.main{padding:1.2rem 1rem 3rem}}