:root{--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-900: #1e3a8a;--secondary-50: #f0fdfa;--secondary-100: #ccfbf1;--secondary-500: #14b8a6;--secondary-600: #0d9488;--secondary-700: #0f766e;--accent-50: #fff7ed;--accent-100: #ffedd5;--accent-500: #f97316;--accent-600: #ea580c;--accent-700: #c2410c;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--text-primary: var(--neutral-900);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--border-primary: var(--neutral-200);--border-secondary: var(--neutral-300);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--space-10: 80px;--space-12: 96px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .35s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;line-height:var(--leading-normal)}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.text-xs{font-size:12px;line-height:var(--leading-normal)}.text-sm{font-size:14px;line-height:var(--leading-normal)}.text-base{font-size:16px;line-height:var(--leading-normal)}.text-lg{font-size:18px;line-height:var(--leading-normal)}.text-xl{font-size:20px;line-height:var(--leading-tight)}.text-2xl{font-size:24px;line-height:var(--leading-tight)}.text-3xl{font-size:30px;line-height:var(--leading-tight)}.text-4xl{font-size:36px;line-height:var(--leading-tight)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-weight:500;font-size:14px;line-height:var(--leading-tight);border:none;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-1);text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-500);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--neutral-100);color:var(--text-primary);border:1px solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--neutral-200);border-color:var(--border-secondary)}.btn-ghost{background-color:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--neutral-100);color:var(--text-primary)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-secondary)}.badge{padding:4px var(--space-1);border-radius:var(--radius-sm);font-size:12px;font-weight:500;line-height:1}.badge-primary{background-color:var(--primary-100);color:var(--primary-700)}.badge-success{background-color:var(--success-50);color:var(--success-600)}.badge-warning{background-color:var(--warning-50);color:var(--warning-600)}.badge-error{background-color:var(--error-50);color:var(--error-600)}.form-input{width:100%;padding:var(--space-2);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-fast);background-color:var(--bg-primary)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px var(--primary-50)}.form-label{display:block;font-weight:500;margin-bottom:var(--space-1);color:var(--text-primary);font-size:14px}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.hidden-mobile{display:none!important}.btn{padding:var(--space-2) var(--space-2);font-size:14px}}@media (min-width: 769px){.hidden-desktop{display:none!important}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.focus-ring:focus{outline:2px solid var(--primary-500);outline-offset:2px}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in-right{animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}