/* White Theme (Day) */
:root { --bg:#f5f7fb; --card:#ffffff; --acc:#2563eb; --text:#0f172a; --muted:#64748b; }
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--text); background: var(--bg); min-height:100vh; }
a { color: var(--acc); text-decoration: none; }
.container { max-width: 1000px; margin: 0 auto; padding: 24px; }
.card { background: var(--card); border: 1px solid rgba(2,6,23,.08); border-radius: 16px; padding: 20px; box-shadow: 0 10px 24px rgba(2,6,23,.06); }
.row { display:flex; gap:16px; flex-wrap: wrap; }
.col { flex:1 1 280px; }
input, select, textarea, button { width:100%; padding:12px 14px; border-radius:12px; background:#ffffff; border:1px solid rgba(2,6,23,.12); color:var(--text); }
input:focus, select:focus, textarea:focus { outline: 3px solid rgba(37,99,235,.18); border-color: rgba(37,99,235,.6); }
label { display:block; margin-bottom:8px; font-weight:600; color:var(--muted); }
button { background:var(--acc); color:#fff; border:none; font-weight:700; cursor:pointer; }
button:disabled { opacity:.7; cursor:not-allowed; }
table { width:100%; border-collapse: collapse; background:#fff; }
th, td { border-bottom:1px solid rgba(2,6,23,.08); padding:10px; text-align:left; }
th { background:#f8fafc; font-weight:700; }
.small { color:var(--muted); font-size:.92rem; }
.flash { padding:12px 16px; background:#eef2ff; border:1px solid rgba(37,99,235,.25); color:#1e3a8a; border-radius:12px; margin-bottom:16px; }
.nav { display:flex; gap:12px; margin-bottom:16px; flex-wrap: wrap; }
.nav a { padding:8px 12px; border-radius:10px; background:#ffffff; border:1px solid rgba(2,6,23,.12); }
.header { display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
h1,h2 { margin:8px 0 16px; }
.footer { margin-top:24px; color:var(--muted); font-size:.9rem; }
.checkbox { display:flex; align-items:center; gap:8px; }
.badge { display:inline-block; padding:4px 8px; border-radius:999px; background:#eef2ff; color:#1e40af; font-size:.85rem; border:1px solid rgba(37,99,235,.25); }
.tablewrap { overflow:auto; border:1px solid rgba(2,6,23,.08); border-radius:12px; }
.actions { display:flex; gap:8px; flex-wrap: wrap; }