*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #cc252b;--color-primary-dark: #a11920;--color-primary-light: #f7eaea;--color-bg: #ffffff;--color-bg-alt: #f3f4f6;--color-surface: #ffffff;--color-border: #e0e2e6;--color-border-strong: #c8cacd;--color-text: #222222;--color-text-muted: #666666;--color-text-subtle: #999999;--color-text-inverse: #ffffff;--color-success: #2e7d32;--color-success-bg: #eaf4eb;--color-success-border:#a8d5aa;--color-error: #cc252b;--color-error-bg: #fef2f2;--color-error-border: #fca5a5;--color-info: #1976a8;--color-info-bg: #eef6fb;--color-info-border: #bee3f4;--color-warning: #b45309;--color-warning-bg: #fffbeb;--color-warning-border:#fcd34d;--font-body: "Segoe UI", "Arial", sans-serif;--font-mono: "Consolas", "Courier New", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-md: 15px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--font-normal: 400;--font-medium: 500;--font-semi: 600;--font-bold: 700;--leading-tight: 1.3;--leading-normal: 1.6;--leading-loose: 1.8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 3px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--header-height: 56px;--nav-width: 220px;--content-max: 1200px;--transition-fast: .12s ease;--transition-base: .2s ease;--transition-slow: .35s ease;--z-base: 1;--z-dropdown: 100;--z-overlay: 200;--z-modal: 300;--z-toast: 400}html,body,#root{height:100%;background:var(--color-bg-alt);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes ds-fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes ds-spin{to{transform:rotate(360deg)}}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.4}}