:root{--brand-red: #E51C23;--brand-red-dark: #C62828;--brand-red-light: #FFEBEE;--brand-green: #1B8E2D;--brand-green-dark: #0D5C1A;--brand-gray-text: #757575;--brand-placeholder: #BDBDBD;--brand-input-line: #E0E0E0;--primary: #E51C23;--primary-hover: #C62828;--primary-rgb: 229, 28, 35;--primary-light: #FFEBEE;--primary-glow: rgba(229, 28, 35, .25);--primary-gradient: linear-gradient(135deg, #E51C23 0%, #C62828 100%);--status-red: #E51C23;--status-red-bg: #FFEBEE;--status-orange: #ff9800;--status-orange-bg: rgba(255, 152, 0, .15);--status-green: #1B8E2D;--status-green-bg: #d4edda;--status-grey: #757575;--status-grey-bg: #e9ecef;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--transition: all .25s cubic-bezier(.4, 0, .2, 1);--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Outfit", sans-serif}[data-theme=light]{--bg-app: #FAFAFA;--bg-surface: #ffffff;--bg-surface-secondary: #FAFAFA;--bg-hover: #f5f5f5;--text-primary: #212121;--text-secondary: #666666;--text-muted: #757575;--border-color: #dddddd;--border-subtle: #E0E0E0;--primary: #E51C23;--primary-disabled: #EF9A9A;--success-bg: #d4edda;--success-text: #155724;--danger-bg: #f8d7da;--danger-text: #721c24;--danger: #ff3b30;--badge-bg: #e9ecef;--badge-text: #495057;--primary-badge-bg: #e3f2fd;--primary-badge-text: #0d47a1;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--table-header-bg: #f5f5f5;--table-row-hover: #fafafa;--table-border: #eeeeee}[data-theme=dark]{--bg-app: #121212;--bg-surface: #1e1e1e;--bg-surface-secondary: #252525;--bg-hover: #2c2c2e;--text-primary: #ffffff;--text-secondary: #aaaaaa;--text-muted: #757575;--border-color: #333333;--border-subtle: #252525;--primary: #E51C23;--primary-disabled: #4a6fa5;--success-bg: #1e3a29;--success-text: #4caf50;--danger-bg: #3a1e1e;--danger-text: #ff6b6b;--danger: #ff453a;--badge-bg: #2c2c2e;--badge-text: #d1d1d6;--primary-badge-bg: #1c355e;--primary-badge-text: #64b5f6;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 10px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 30px rgba(0, 0, 0, .6);--table-header-bg: #252525;--table-row-hover: #2a2a2c;--table-border: #2e2e2e}[data-color=red],[data-color=default]{--primary: #E51C23;--primary-hover: #C62828;--primary-rgb: 229, 28, 35;--primary-gradient: linear-gradient(135deg, #E51C23 0%, #C62828 100%)}[data-color=orange]{--primary: #ff5500;--primary-hover: #e04b00;--primary-rgb: 255, 85, 0;--primary-gradient: linear-gradient(135deg, #ff6b00 0%, #ff4500 100%)}[data-color=emerald]{--primary: #1B8E2D;--primary-hover: #0D5C1A;--primary-rgb: 27, 142, 45;--primary-gradient: linear-gradient(135deg, #22c55e 0%, #1B8E2D 100%)}[data-color=cyan]{--primary: #0284c7;--primary-hover: #0369a1;--primary-rgb: 2, 132, 199;--primary-gradient: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%)}[data-color=purple]{--primary: #7c3aed;--primary-hover: #6d28d9;--primary-rgb: 124, 58, 237;--primary-gradient: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);min-height:100vh;line-height:1.5;transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em}button{cursor:pointer;border:none;background:none;font-family:inherit;transition:var(--transition)}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.15);opacity:.5}}@keyframes pingDot{0%{transform:scale(.95);box-shadow:0 0 rgba(var(--primary-rgb),.7)}70%{transform:scale(1);box-shadow:0 0 0 8px rgba(var(--primary-rgb),0)}to{transform:scale(.95);box-shadow:0 0 rgba(var(--primary-rgb),0)}}.pulse-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background-color:#22c55e;animation:pingDot 2s infinite}.pulse-dot-red{display:inline-block;width:9px;height:9px;border-radius:50%;background-color:#ef4444;animation:pingDot 1.5s infinite}