:root{
  --bg:#EDF1EF;
  --surface:#FFFFFF;
  --fg:#101715;
  --muted:#5B6B66;
  --border:#D9E0DD;
  --accent:#D1491F;
  --accent-soft:#FBE4DA;
  --ok:#2E7D5B;
  --danger:#B3261E;
  color-scheme: light;
}
@media (prefers-color-scheme: dark){
  :root{
    --bg:#10161A;
    --surface:#1A2226;
    --fg:#ECF1EF;
    --muted:#92A6A0;
    --border:#2B3539;
    --accent:#FF7A4A;
    --accent-soft:#3A2419;
    --ok:#5FBF93;
    --danger:#FF6B61;
    color-scheme: dark;
  }
}

*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--bg);color:var(--fg);font-family:"Work Sans",system-ui,sans-serif;min-height:100vh}
h1,h2,h3{font-family:"Oswald",system-ui,sans-serif;margin:0;text-wrap:balance}
.eyebrow{font-family:"Oswald",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;color:var(--muted)}
a{color:var(--accent)}
button, input, select, textarea{font-family:inherit;font-size:1rem}

.wrap{max-width:560px;margin:0 auto;padding-inline:16px;padding-block:14px}
.wrap.wide{max-width:900px}

.btn{font-family:"Oswald",system-ui,sans-serif;font-weight:600;letter-spacing:.01em;border-radius:10px;padding:10px 16px;border:1px solid var(--border);background:var(--surface);color:var(--fg);cursor:pointer}
.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}
.btn.ghost{background:transparent;border-color:transparent;color:var(--muted)}
.btn.danger{color:var(--danger);border-color:var(--danger)}
.btn:disabled{opacity:.5;cursor:default}

.field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.field label{font-size:.78rem;color:var(--muted)}
.field input, .field select, .field textarea{border:1px solid var(--border);border-radius:8px;padding:8px 10px;background:var(--surface);color:var(--fg)}

.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px 16px}

.note{font-size:.78rem;color:var(--muted);border:1px dashed var(--border);border-radius:10px;padding:9px 12px;line-height:1.4}

.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.row.between{justify-content:space-between}

.chip{font-family:"Oswald",system-ui,sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;background:var(--accent-soft);color:var(--accent);border-radius:6px;padding:3px 7px;white-space:nowrap}

.empty{text-align:center;color:var(--muted);padding:40px 16px}