*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#111827;-webkit-font-smoothing:antialiased;background:#f9fafb;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.shell{min-height:100vh}.shell__sidebar{background:#fff;border-right:1px solid #e5e7eb;flex-direction:column;gap:.25rem;width:240px;padding:1.25rem .75rem;display:flex;position:fixed;top:0;bottom:0;left:0}.shell__brand{color:#111827;letter-spacing:-.01em;padding:.5rem .75rem 1rem;font-size:1.1rem;font-weight:700}.shell__content{min-height:100vh;margin-left:240px}.shell__page{max-width:960px;margin:0;padding:1.5rem 2rem 3rem 2.5rem}.shell__topbar,.shell__bottomnav{display:none}.shell__navlink{color:#6b7280;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.shell__navlink:hover{color:#111827;background:#f3f4f6}.shell__navlink--active{color:#2563eb;background:#eff6ff}.shell__navlink--active svg{stroke:#2563eb}@media (max-width:768px){.shell__sidebar{display:none}.shell__content{margin-left:0;padding-top:3.25rem;padding-bottom:4rem}.shell__topbar{z-index:40;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:3.25rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.shell__topbar-brand{color:#111827;font-size:1rem;font-weight:700}.shell__bottomnav{z-index:40;background:#fff;border-top:1px solid #e5e7eb;height:4rem;display:flex;position:fixed;bottom:0;left:0;right:0}.shell__bottomnav .shell__navlink{border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:.15rem;padding:.35rem 0;font-size:.68rem}.shell__bottomnav .shell__navlink--active{color:#2563eb;background:0 0}}