:root {
  font-family: "Segoe UI", "Microsoft YaHei UI", "PingFang SC", sans-serif;
  color: #182230;
  background: #f4f6f8;
  font-synthesis: none;
  --brand-700: #b42318;
  --brand-600: #d92d20;
  --brand-100: #fee4e2;
  --ink-950: #101828;
  --ink-800: #182230;
  --ink-700: #344054;
  --ink-600: #475467;
  --ink-500: #667085;
  --ink-400: #98a2b3;
  --line: #dfe3e8;
  --line-soft: #edf0f3;
  --canvas: #f4f6f8;
  --panel: #fff;
  --soft: #f8fafc;
  --blue-700: #175cd3;
  --blue-50: #eff8ff;
  --green-700: #067647;
  --green-50: #ecfdf3;
  --amber-800: #854a0e;
  --amber-50: #fffaeb;
  --danger-700: #b42318;
  --danger-50: #fef3f2;
  --purple-700: #6941c6;
  --purple-50: #f4f3ff;
  --sidebar: #182230;
  --sidebar-active: #344054;
  --radius-sm: 6px;
  --radius-md: 9px;
  --radius-lg: 12px;
  --shadow-md: 0 12px 30px rgba(16, 24, 40, .12);
  --focus: 0 0 0 3px rgba(217, 45, 32, .16);
}

* { box-sizing: border-box; }
html, body { min-width: 320px; min-height: 100%; }
body { margin: 0; background: var(--canvas); }
button, input, select, textarea { font: inherit; }
button, select { cursor: pointer; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: none;
  box-shadow: var(--focus);
}
[hidden] { display: none !important; }