:root{--primary: #2383E2;--primary-dark: #1B6EC2;--primary-light: #A4CDEE;--secondary: #0F7B6C;--secondary-dark: #0A6354;--success: #0F7B6C;--success-dark: #0A6354;--warning: #CB912F;--danger: #E03E3E;--danger-dark: #C53030;--gray-50: #F6F5F4;--gray-100: #F1F1EF;--gray-200: #E9E9E7;--gray-300: #DFDEDB;--gray-400: #9B9A97;--gray-500: #73726E;--gray-600: #55544E;--gray-700: #37352F;--gray-800: #2D2C28;--gray-900: #1A1A1A;--bg-primary: #ffffff;--bg-secondary: #F6F5F4;--bg-tertiary: #F1F1EF;--bg-gradient: var(--bg-primary);--text-primary: rgba(0, 0, 0, .9);--text-secondary: rgba(0, 0, 0, .75);--text-muted: rgba(0, 0, 0, .4);--border-color: #E9E9E7;--border-color-light: #F1F1EF;--success-bg: #F0FDF4;--success-bg-strong: #D1FAE5;--success-text: #065F46;--danger-bg: #FEF2F2;--danger-text: #B91C1C;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgb(0 0 0 / .04);--shadow-md: 0 4px 12px rgb(0 0 0 / .06);--shadow-lg: 0 8px 24px rgb(0 0 0 / .08);--shadow-xl: 0 16px 40px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--bg-gradient);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background var(--transition-normal),color var(--transition-normal)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark)}button{font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}input,textarea,select{font-family:inherit;font-size:.95rem}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary);line-height:1.3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:var(--secondary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:var(--success-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--text-muted)}.input{width:100%;padding:12px 16px;font-size:.95rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2383e226}.input::placeholder{color:var(--text-muted)}.input.input-success:focus{border-color:var(--success);box-shadow:0 0 0 3px #10b98133}.input.input-warning:focus{border-color:var(--warning);box-shadow:0 0 0 3px #f59e0b33}.card{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:24px;border:1px solid var(--border-color-light)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease forwards}