:root{
  --bg:#f4f5f7;
  --surface:#ffffff;
  --surface2:#fbfbfc;
  --border:#e2e4e9;
  --text:#1f2328;
  --muted:#6b7280;
  --primary:#2563eb;
  --primary2:#1d4ed8;
  --danger:#b42318;
  --radius:10px;
  --shadow: 0 10px 30px rgba(16,24,40,.08);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
button{
  border:1px solid var(--border);
  background:var(--surface);
  padding:8px 12px;
  border-radius:10px;
  cursor:pointer;
  font: inherit;
}
button.primary{background:var(--primary);color:#fff;border-color:var(--primary)}
button.primary:hover{background:var(--primary2)}
button.danger{background:#fff;color:var(--danger);border-color: rgba(180,35,24,.35)}
button:disabled{opacity:.6;cursor:not-allowed}
input,textarea{
  border:1px solid var(--border);
  border-radius:10px;
  padding:10px 10px;
  font: inherit;
  background: #fff;
}
textarea{resize:vertical}
.badge{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--border);
  background: var(--surface2);
  color: var(--muted);
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 12px;
}
.hidden{display:none !important}