:root { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
body { margin: 0; background: #0b0f14; color: #e7eef7; }
.container { max-width: 980px; margin: 0 auto; padding: 24px; }
.card { background: #111826; border: 1px solid #223046; border-radius: 14px; padding: 16px; margin: 14px 0; }
h1,h2,h3 { margin: 0 0 12px; }
label { display:block; margin: 10px 0 6px; color:#b8c6da; }

input, textarea, button, select {
  width: 100%; box-sizing: border-box;
  padding: 10px 12px; border-radius: 10px;
  border: 1px solid #2a3a54; background: #0e1522; color:#e7eef7;
}
textarea { min-height: 120px; }
button { cursor: pointer; border: 0; background: #3b82f6; font-weight: 800; }
button.secondary { background: #223046; }
small.muted { color:#93a4bb; }
.badge { display:inline-block; padding: 3px 8px; border-radius: 999px; border: 1px solid #2a3a54; color:#b8c6da; font-size: 12px; }

.row { display:grid; grid-template-columns: 1fr 1fr; gap: 14px; }
@media (max-width: 800px){ .row { grid-template-columns: 1fr; } }

.days { display:flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.daychip {
  display:flex; align-items:center; gap:8px;
  border:1px solid #2a3a54; background:#0e1522;
  padding:8px 10px; border-radius: 999px;
}
.daychip input { width:auto; }

.grid { overflow-x:auto; }
table { width:100%; border-collapse: collapse; min-width: 760px; }
th, td { border: 1px solid #223046; padding: 10px; text-align: center; }
th { background:#0e1522; position: sticky; top: 0; }
td.name { text-align:left; white-space:nowrap; }
.cell { user-select:none; cursor:pointer; border-radius:10px; padding:10px; }
.cell.ok { background: transparent; }
.cell.nope { background: #7f1d1d; }
.highlight { border-color:#22c55e; }
a { color:#93c5fd; }
hr { border:0; border-top:1px solid #223046; margin:14px 0; }
code { background:#0e1522; padding:2px 6px; border-radius:8px; border:1px solid #223046; }