:root{--color-teal: #00a2b1;--color-teal-dark: #0090a0;--color-teal-light: #7fd4dc;--color-orange: #f5a623;--color-text: #222222;--color-muted: #8a8a8a;--color-line: #111111;--color-border: #e2e2e2;--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-alt: #f3f3f3;--font-sans: Helvetica, Arial, sans-serif;--fs-page: 34px;--fs-section: 26px;--fs-body: 14px;--fs-control: 15px;--radius-sm: 4px;--radius-md: 6px;--radius-btn: 5px;--space-1: 4px;--space-2: 8px;--space-3: 14px;--space-4: 22px;--space-5: 30px;--sidebar-w: 190px;--header-h: 64px}:root[data-theme=dark]{--color-text: #f0f0f0;--color-muted: #9a9a9a;--color-line: #f5f5f5;--color-border: #333a3c;--color-bg: #14181a;--color-surface: #1b2023;--color-surface-alt: #232a2d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg)}a{color:var(--color-teal)}.btn-teal{background:var(--color-teal);color:#fff;border:none;border-radius:var(--radius-btn);padding:12px 22px;font-size:var(--fs-control);cursor:pointer;white-space:nowrap}.btn-teal:hover{background:var(--color-teal-dark)}.btn-teal.loading{background:var(--color-teal-light)}.btn-outline{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:10px 18px;font-size:var(--fs-body);cursor:pointer}