:root{--fg:#16181d;--muted:#6b7280;--line:#e5e7eb;--bg:#f7f8fa;--brand:#4f46e5}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;color:var(--fg);background:var(--bg)}a{color:var(--brand)}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.auth{max-width:380px;margin:10vh auto;background:#fff;padding:2rem;border:1px solid var(--line);border-radius:12px}.auth h1{margin-top:0}label{display:block;font-weight:600;margin:1rem 0 .25rem}input{width:100%;padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;font:inherit}.btn,button{display:inline-block;padding:.6rem 1rem;border:0;border-radius:8px;background:var(--brand);color:#fff;font:inherit;cursor:pointer;text-decoration:none}.btn.disabled,button[disabled]{background:#c7c9d1;cursor:not-allowed}.link{background:none;color:var(--muted);padding:0;text-decoration:underline}.error{color:#b91c1c;margin:.75rem 0 0}.shell{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;min-height:100vh}.shell header{grid-column:1/3;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--line)}.shell header,.shell nav{display:flex;background:#fff}.shell nav{padding:1rem;flex-direction:column;gap:.25rem;border-right:1px solid var(--line)}.shell nav a,.shell nav span{padding:.5rem .75rem;border-radius:8px;text-decoration:none;color:var(--fg)}.shell nav span{color:#9ca3af}.shell nav a:hover{background:var(--bg)}.shell main{padding:1.5rem 2rem}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.badge{font-size:.8rem;font-weight:700;padding:.15rem .5rem;border:1px solid var(--line);border-radius:999px;margin-right:.5rem}.muted{color:var(--muted)}@media (max-width:720px){.shell{grid-template-columns:1fr}.shell header{grid-column:1}.shell nav{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}}