:root{
  --bg:#f5f7fb;--panel:#fff;--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;
  --brand:#d63b2e;--brand2:#ffefe8;--ok:#16a34a;--warn:#f59e0b;--bad:#dc2626;
  --shadow:0 12px 34px rgba(15,23,42,.08);--radius:18px;--side:260px;
}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:15px}
button,input,select,textarea{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.danger{color:var(--bad)}.ok{color:var(--ok)}.nowrap{white-space:nowrap}.text-right{text-align:right}
.btn{border:0;border-radius:12px;background:var(--brand);color:white;padding:10px 16px;font-weight:700;box-shadow:0 6px 16px rgba(214,59,46,.18)}.btn:hover{filter:brightness(.98)}.btn.secondary{background:#111827}.btn.ghost{background:#fff;color:#374151;border:1px solid var(--line);box-shadow:none}.btn.light{background:var(--brand2);color:var(--brand);box-shadow:none}.btn.small{padding:6px 10px;border-radius:10px;font-size:13px}.btn:disabled{opacity:.48;cursor:not-allowed}
.input,.select,.textarea{border:1px solid var(--line);border-radius:12px;background:#fff;padding:10px 12px;outline:none;width:100%}.input:focus,.select:focus,.textarea:focus{border-color:#f08a7a;box-shadow:0 0 0 4px rgba(214,59,46,.08)}.textarea{min-height:90px;resize:vertical}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card-title{font-size:18px;font-weight:900;margin:0 0 14px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){:root{--side:86vw}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{padding:10px 12px}}