:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;background:#f7f7f9;color:#1f2328}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#0f172a;color:#fff}
.navbar a{color:#e2e8f0;text-decoration:none;padding:.4rem .6rem;border-radius:.35rem}
.navbar a.active{background:#1e293b;color:#fff}
.navbar form.inline{display:inline}
.navbar button.secondary{background:#334155;color:#fff;border:1px solid #475569;padding:.4rem .6rem;border-radius:.35rem}
.container{max-width:980px;margin:0 auto;padding:1.25rem}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:.6rem;padding:1rem;margin:1rem 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.center{display:flex;flex-direction:column;align-items:center;gap:1rem}
.error{color:#b91c1c;background:#fee2e2;padding:.5rem .75rem;border-radius:.4rem}
.muted{color:#64748b}
label{display:flex;flex-direction:column;font-weight:600;gap:.25rem;margin:.35rem 0}
input,select,textarea{padding:.5rem;border:1px solid #cbd5e1;border-radius:.35rem}
button{padding:.5rem .75rem;background:#0f172a;color:#fff;border:0;border-radius:.35rem;margin-top:.5rem}