:root{--primary-color: #465fff;--primary-hover: #3641f5;--primary-active: #2a31d8;--primary-light: #ecf3ff;--primary-lighter: #f2f7ff;--success-color: #10b981;--success-light: #d1fae5;--error-color: #ef4444;--error-light: #fee2e2;--warning-color: #f59e0b;--warning-light: #fef3c7;--info-color: #3b82f6;--info-light: #dbeafe;--text-primary: #101828;--text-secondary: #667085;--text-tertiary: #98a2b3;--text-placeholder: #d0d5dd;--sd-color-primary: var(--primary-color);--sd-color-primary-hover: var(--primary-hover);--sd-color-primary-active: var(--primary-active);--sd-color-primary-light: var(--primary-light);--sd-color-primary-lighter: var(--primary-lighter);--sd-color-success: var(--success-color);--sd-color-success-light: var(--success-light);--sd-color-error: var(--error-color);--sd-color-error-light: var(--error-light);--sd-color-warning: var(--warning-color);--sd-color-warning-light: var(--warning-light);--sd-color-info: var(--info-color);--sd-color-info-light: var(--info-light);--sd-color-text-primary: var(--text-primary);--sd-color-text-secondary: var(--text-secondary);--sd-color-text-tertiary: var(--text-tertiary);--sd-color-text-placeholder: var(--text-placeholder);--sd-color-bg: var(--bg-primary);--sd-color-bg-primary: var(--bg-primary);--sd-color-bg-secondary: var(--bg-secondary);--sd-color-bg-hover: var(--bg-hover);--sd-color-bg-disabled: var(--gray-50);--sd-color-border: var(--border-color);--sd-color-border-light: var(--border-light);--sd-color-border-disabled: var(--gray-200);--sd-color-text: var(--text-primary);--sd-color-text-disabled: var(--gray-400);--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-hover: #f2f4f7;--border-color: #e4e7ec;--border-light: #f2f4f7;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--shadow-sm: 0 1px 2px 0 rgba(16, 24, 40, .05);--shadow-md: 0 4px 6px -1px rgba(16, 24, 40, .08), 0 2px 4px -1px rgba(16, 24, 40, .06);--shadow-lg: 0 10px 15px -3px rgba(16, 24, 40, .08), 0 4px 6px -2px rgba(16, 24, 40, .05);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--gray-50: #f9fafb;--gray-100: #f2f4f7;--gray-200: #e4e7ec;--gray-300: #d0d5dd;--gray-400: #98a2b3;--gray-500: #667085;--gray-600: #475467;--gray-700: #344054;--gray-800: #1d2939;--gray-900: #101828}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;min-width:1280px;min-height:640px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary)}#app{width:100%;height:100%;min-width:1280px;min-height:640px}a{text-decoration:none;color:inherit}ul,ol{list-style:none}button{border:none;outline:none;cursor:pointer;background:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease-in-out}.slide-in{animation:slideIn .3s ease-in-out}.spin{animation:spin 1s linear infinite}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}