:root {
  --red-700:#b80f26; --red-600:#d9162f; --red-500:#ee2941; --red-100:#ffe6ea; --red-50:#fff4f5;
  --ink-950:#111827; --ink-800:#20293a; --ink-700:#344054; --ink-600:#475467; --ink-500:#667085;
  --line:#e6e9ef; --line-strong:#d6dbe5; --canvas:#f5f7fa; --surface:#fff; --surface-alt:#fafbfc;
  --blue:#2563eb; --blue-50:#eff6ff; --teal:#0f9f83; --teal-50:#e8faf5; --amber:#c67b00; --amber-50:#fff6df;
  --violet:#7557d8; --violet-50:#f2efff; --danger:#d92d20;
  --radius-sm:8px; --radius:12px; --radius-lg:18px;
  --shadow-sm:0 1px 2px rgba(16,24,40,.04); --shadow:0 10px 28px rgba(16,24,40,.08);
  --sidebar:248px; --topbar:72px;
  --font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}
*{box-sizing:border-box} html{font-size:16px} body{margin:0;background:var(--canvas);color:var(--ink-950);font-family:var(--font);line-height:1.45} button,input,select,textarea{font:inherit} button,a{touch-action:manipulation} a{color:inherit;text-decoration:none} :focus-visible{outline:3px solid rgba(37,99,235,.3);outline-offset:2px}