:root{--primary: #002B5C;--primary-light: #004E9A;--primary-dark: #001529;--secondary: #FF6A3A;--secondary-light: #FF8C5A;--secondary-dark: #E55A2A;--accent: #FFD700;--accent-light: #FFE44D;--accent-dark: #E6C200;--success: #009B3A;--success-light: #34C759;--success-dark: #007A2E;--success-bg: #D4F4DD;--warning: #FFD700;--warning-light: #FFE44D;--warning-dark: #E6C200;--warning-bg: #FFF9E6;--error: #E31C23;--error-light: #FF4757;--error-dark: #C41E3A;--error-bg: #FFE5E6;--info: #005EB8;--info-light: #00A9CE;--info-dark: #004A94;--info-bg: #E0F2FE;--background: #ffffff;--surface: #F0F7FF;--surface-variant: #E0EFFF;--surface-elevated: #ffffff;--card: #ffffff;--card-hover: #F0F7FF;--text-primary: #001529;--text-secondary: #002B5C;--text-tertiary: #004E9A;--text-disabled: #8A8A8A;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--border: #e2e8f0;--border-light: #f1f5f9;--divider: #e2e8f0;--shadow: rgba(0, 21, 41, .08);--shadow-dark: rgba(0, 21, 41, .16);--shadow-colored: rgba(0, 43, 92, .2);--overlay: rgba(0, 21, 41, .6);--overlay-light: rgba(0, 21, 41, .4);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--spacing-xxxl: 48px;--spacing-xxxxl: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-xxl: 24px;--radius-full: 9999px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:32px;font-weight:800;line-height:40px;letter-spacing:-.5px}h2{font-size:28px;font-weight:700;line-height:36px;letter-spacing:-.3px}h3{font-size:22px;font-weight:700;line-height:30px;letter-spacing:-.2px}h4{font-size:18px;font-weight:600;line-height:26px}p{font-size:16px;font-weight:400;line-height:24px;color:var(--text-primary)}small{font-size:14px;font-weight:400;line-height:20px;color:var(--text-secondary)}.caption{font-size:12px;font-weight:400;line-height:16px;color:var(--text-secondary)}.btn{padding:calc(var(--spacing-md) + 2px) var(--spacing-xl);border-radius:var(--radius-md);font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;letter-spacing:.2px;line-height:24px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary);color:var(--text-on-primary);box-shadow:0 1px 2px #0015291a,0 2px 4px #00152914}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark);box-shadow:0 2px 4px #0015291f,0 4px 8px #00152929;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #0015291a}.btn-secondary{background-color:var(--surface);color:var(--primary);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:var(--surface-variant);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){transform:translateY(0)}.btn-outline{background-color:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background-color:var(--primary);color:var(--text-on-primary)}.card{background-color:var(--card);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--border-light);box-shadow:0 2px 4px #00152914,0 2px 6px #0015291f;transition:all .2s ease}.card:hover{box-shadow:0 4px 8px #0015291f,0 4px 12px #00152926;background-color:var(--card-hover);transform:translateY(-2px)}.card:active{transform:translateY(0)}.input{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--surface-variant);font-size:16px;font-weight:400;line-height:24px;color:var(--text-primary);transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary);border-width:2px;background-color:var(--background);box-shadow:0 1px 2px #0015291a,0 0 0 3px #002b5c1a;padding:calc(var(--spacing-md) - 1px)}.input::placeholder{color:var(--text-tertiary);opacity:.7}.input:disabled{opacity:.6;cursor:not-allowed}.spinner{border:3px solid var(--border-light);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.p-1{padding:var(--spacing-sm)}.p-2{padding:var(--spacing-md)}.p-3{padding:var(--spacing-lg)}.p-4{padding:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.gap-4{gap:var(--spacing-xl)}.chip{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);font-size:12px;font-weight:600;border:1px solid var(--border-light);background-color:var(--surface-variant);color:var(--text-primary);cursor:pointer;transition:all .2s ease;white-space:nowrap}.chip:hover{background-color:var(--surface);border-color:var(--border)}.chip-selected{background-color:var(--primary);color:var(--text-on-primary);border-color:var(--primary);box-shadow:0 1px 2px var(--shadow)}.chip-selected:hover{background-color:var(--primary-dark)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-variant);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background-color:var(--primary);color:var(--text-on-primary)}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (max-width: 768px){h1{font-size:28px;line-height:36px}h2{font-size:24px;line-height:32px}h3{font-size:20px;line-height:28px}.btn{font-size:14px;padding:var(--spacing-sm) var(--spacing-lg)}.card{padding:var(--spacing-md)}.chip{font-size:11px;padding:var(--spacing-xs) var(--spacing-sm)}}