body:not(.app-shell-ready)>#app-page-content{visibility:hidden}.app-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:var(--s-5);align-items:start}.app-sidebar{position:sticky;top:76px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2);padding:var(--s-3);box-shadow:var(--shadow-sm)}.app-nav{display:grid;gap:6px}.app-nav a{display:block;padding:10px 12px;border-radius:10px;color:var(--muted)}.app-nav a:hover{background:var(--surface-1);color:var(--text)}.app-nav a[aria-current="page"]{background:var(--primary-soft);color:var(--text);font-weight:var(--fw-bold)}.app-main{min-width:0}.app-topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4)}.app-title{margin:0;font-size:clamp(1.7rem,5vw,2.5rem)}.app-status{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.92rem}.app-status[data-kind="good"]{border-color:color-mix(in srgb,var(--good) 35%,var(--line));color:var(--good)}.app-status[data-kind="warn"]{border-color:color-mix(in srgb,var(--danger) 35%,var(--line));color:var(--danger)}.app-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-2);padding:var(--s-4);box-shadow:var(--shadow-sm)}.app-panel h2{margin-top:0}.app-empty{padding:var(--s-6) var(--s-4);text-align:center;color:var(--muted)}.app-grid,.app-form{display:grid;gap:var(--s-3)}.app-actions{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}.app-kicker{margin:0 0 6px;color:var(--soft);font-size:.86rem;font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase}.app-mobile-nav{display:none}.app-auth-panel{max-width:620px;margin-bottom:var(--s-4)}.app-form .field,.app-auth-panel .field{margin-top:var(--s-2)}.app-check{display:flex;gap:10px;align-items:flex-start;color:var(--muted)}.app-check input{margin-top:4px}.app-error{color:var(--danger)!important}.app-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.app-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}.app-summary-grid a{display:grid;gap:4px;padding:var(--s-4);border:1px solid var(--line);border-radius:var(--radius-2);background:var(--surface-1);color:var(--text)}.app-summary-grid strong{font-size:1.8rem}.app-summary-grid span{color:var(--muted)}@media(max-width:760px){.app-layout{grid-template-columns:1fr}.app-sidebar{display:none}.app-mobile-nav{display:flex;overflow-x:auto;gap:6px;padding:8px 0 14px}.app-mobile-nav a{white-space:nowrap;padding:9px 11px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--muted)}.app-mobile-nav a[aria-current="page"]{background:var(--primary-soft);color:var(--text);font-weight:var(--fw-bold)}.app-topbar{align-items:flex-start;flex-direction:column}.app-summary-grid{grid-template-columns:1fr}}