/* static/style.css - simple, clean styling */
body {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: #f7fafc;
  margin: 0;
  color: #0f172a;
}
.container {
  max-width: 980px;
  margin: 1rem auto;
  padding: 0 1rem;
}
.topbar {
  background: #fff;
  border-bottom: 1px solid #e6eef6;
  padding: 0.6rem 0;
}
.topbar .container { display:flex; justify-content:space-between; align-items:center; }
.brand { font-weight:700; font-size:1.1rem; text-decoration:none; color:#0f172a; }
.link { margin-left: 0.8rem; text-decoration:none; color:#2563eb; }
.card { background:#fff; padding:1rem; border-radius:8px; box-shadow:0 6px 18px rgba(20,30,40,0.04); margin-top:1rem; }
.small-card { max-width:480px; }
.form-inline { margin:0; display:inline-block; }
label { display:block; margin-top:.6rem; }
input[type="text"], input[type="email"], input[type="password"], textarea, select { width:100%; padding:.5rem; border:1px solid #e2e8f0; border-radius:6px; margin-top:.3rem; }
.btn { background:#2563eb; color:#fff; border:none; padding:.6rem .9rem; border-radius:8px; cursor:pointer; margin-top:.5rem; }
.btn.outline { background:transparent; color:#2563eb; border:1px solid #cfe0ff; }
.muted { color:#6b7280; }
.big { font-size:2.8rem; font-weight:700; margin-top:.4rem; margin-bottom:.4rem; }
.mono { font-family: "Courier New", monospace; }
.flash { margin-bottom: 1rem; }
.flash-item { background:#fff3cd; padding:.6rem; border-radius:6px; border:1px solid #ffeeba; margin-bottom:.4rem; }
.small { font-size:.9rem; color:#475569; }