* assets/style.css - simple responsive styling */
:root{
  --bg:#f5f7fb;
  --card:#fff;
  --accent:#2b6cb0;
  --danger:#ef4444;
  --muted:#666;
}

*{box-sizing:border-box}
body{
  margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,'Helvetica Neue',Arial;
  background:var(--bg);color:#111;
  -webkit-font-smoothing:antialiased;
}
.wrap{max-width:1000px;margin:0 auto;padding:1rem}

/* Header */
.topbar{background:linear-gradient(180deg,#ffffffcc,#f3f6fb);border-bottom:1px solid #e6eef8}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem}
.topbar h1{margin:0;font-size:1.25rem}
.topbar nav a.btn{margin-left:0.5rem}

/* Cards & layout */
.card{background:var(--card);padding:1rem;border-radius:10px;box-shadow:0 6px 18px rgba(30,60,90,0.06);margin:1rem 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
@media (max-width:900px){ .grid{grid-template-columns:repeat(2,1fr)} }
@media (max-width:600px){ .grid{grid-template-columns:1fr} .wrap{padding:0.5rem} }

/* Forms */
label{display:block;margin-bottom:0.5rem}
input[type="text"], input[type="password"], input[type="search"], input, textarea{
  width:100%;padding:0.45rem;border:1px solid #d6e3f2;border-radius:6px;font-size:0.95rem;
}
button{background:var(--accent);padding:0.5rem 0.75rem;border-radius:8px;cursor:pointer}
button.danger, .btn.danger{background:var(--danger)}
.btn{display:inline-block;padding:0.35rem 0.6rem;border-radius:6px;background:#edf5ff;color:var(--accent);text-decoration:none}

/* index radios */
.radio-line{align-items:center;gap:0.5rem;padding:0.25rem 0}
.radio-line input{flex:0 0 auto}
.radio-label{font-weight:600}
.radio-value{color:var(--muted);font-size:0.85rem;margin-left:auto}

/* result */
.result{margin-top:0.5rem;padding:0.6rem;border-radius:8px;background:#f6fbff;border:1px solid #e1f0ff;color:var(--muted)}

/* admin small forms & table */
.small-form{margin:0.5rem 0;display:flex;flex-wrap:wrap;gap:0.5rem;align-items:center}
.small-form label{flex:1 1 200px}
.options-table{width:100%;border-collapse:collapse;margin-top:0.5rem}
.options-table th, .options-table td{padding:0.4rem;border-bottom:1px solid #eef6ff;text-align:left}
.inline-form{display:inline-block;margin-left:0.5rem}

/* centered login */
.centered-page{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg)}
.form{width:320px;padding:1rem}

/* alerts */
.alert{padding:0.6rem;border-radius:8px;margin:0.5rem 0}
.alert.error{background:#fff0f0;border:1px solid #ffd6d6;color:#8b1d1d}
.alert.success{background:#f0fff7;border:1px solid #c9f6df;color:#0b6b3a}

/* tiny util */
.section-header{display:flex;justify-content:space-between;align-items:center}
details{margin-top:0.4rem}