:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:#111827}body{margin:0;background:#f6f7fb}.appShell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:#0b1220;color:#e8eefc;padding:18px 14px;display:flex;flex-direction:column;gap:14px}.brand{display:flex;gap:12px;align-items:center;padding:8px 10px}.brandMark{width:40px;height:40px;border-radius:12px;background:#ffffff1a;display:grid;place-items:center;font-weight:800}.brandName{font-weight:800;font-size:16px}.brandSub{opacity:.75;font-size:12px;margin-top:2px}.nav{display:flex;flex-direction:column;gap:6px;margin-top:4px}.navItem{display:block;padding:10px 12px;border-radius:10px;color:#e8eefc;text-decoration:none;opacity:.9}.navItem:hover{background:#ffffff14}.navItem.active{background:#6366f140;border:1px solid rgba(99,102,241,.35);opacity:1;font-weight:700}.sidebarFooter{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap;padding:10px 10px 0}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:58px;background:#fff;border-bottom:1px solid rgba(17,24,39,.08);display:flex;align-items:center;justify-content:space-between;padding:0 18px;position:sticky;top:0;z-index:10}.topTitle{font-weight:800}.topSub{font-size:12px;color:#11182799;margin-top:2px}.topRight{display:flex;gap:10px}.content{padding:18px}.pill{font-size:12px;padding:7px 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);width:fit-content}.pill.subtle{opacity:.75}.mobileNav{display:none}.mobileNav__item{flex:1;text-align:center;padding:10px 8px;border-radius:12px;text-decoration:none;font-weight:700;font-size:12px;color:#111827;background:#1118270d}.mobileNav__item.active{background:#1118271f}@media(max-width:900px){.appShell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:14px 14px 84px}.mobileNav{display:flex;position:fixed;left:0;right:0;bottom:0;gap:8px;padding:10px 12px;background:#fff;border-top:1px solid rgba(17,24,39,.08);z-index:50}}