:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-muted:#f9fafb;--border:#e5e7eb;--text:#111827;--text-muted:#6b7280;--brand:#2563eb}*{box-sizing:border-box}html,body{color:var(--text);background:var(--bg);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem}.brand{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700}.nav-list{gap:.4rem;margin:0;padding:0;list-style:none;display:grid}.nav-link{color:var(--text-muted);border-radius:.5rem;padding:.6rem .75rem;text-decoration:none;display:block}.nav-link:hover{background:var(--surface-muted);color:var(--text)}.nav-link.active{color:#1d4ed8;background:#dbeafe;font-weight:600}.nav-submenu-item{margin-left:.9rem}.nav-link-submenu{color:#4b5563;padding-left:1.1rem;font-size:.92rem;font-weight:400;position:relative}.nav-link-submenu:before{content:"";background:#d1d5db;border-radius:999px;width:.45rem;height:.45rem;position:absolute;top:50%;left:.25rem;transform:translateY(-50%)}.nav-link-submenu.active{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;font-weight:600}.nav-link-submenu.active:before{background:#2563eb}.main{grid-template-rows:auto 1fr;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 1.5rem;font-weight:600}.content-wrap{padding:1.5rem}.page-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;max-width:900px;padding:1.5rem}.page-card h1{margin-top:0;margin-bottom:.75rem}.page-card p{color:var(--text-muted);margin:0;line-height:1.5}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.topbar{justify-content:space-between;align-items:center;display:flex}.topbar-user{align-items:center;gap:.75rem;font-weight:500;display:flex}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:.5rem;padding:.4rem .7rem}.login-wrap{place-items:center;min-height:100vh;padding:1rem;display:grid}.login-card{gap:.75rem;width:100%;max-width:420px;display:grid}.login-card label{gap:.3rem;display:grid}.login-card input{border:1px solid var(--border);border-radius:.5rem;padding:.6rem}.error{color:#dc2626}.page-card p+p{margin-top:.75rem}@media (max-width:900px){.topbar{flex-direction:column;align-items:flex-start;gap:.75rem}}.auth-loading{min-height:100vh;color:var(--text-muted);place-items:center;font-weight:500;display:grid}