*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;min-height:100vh}:root{--primary: #4F46E5;--primary-dark: #3730A3;--secondary: #10B981;--secondary-dark: #059669;--accent: #F59E0B;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--bg-light: #FFFFFF;--bg-dark: #1F2937;--text-light: #111827;--text-dark: #F9FAFB;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition: all .2s ease-in-out}@media (prefers-color-scheme: light){:root{--bg: var(--bg-light);--text: var(--text-light)}body{background-color:var(--bg-light);color:var(--text-light)}}@media (prefers-color-scheme: dark){:root{--bg: var(--bg-dark);--text: var(--text-dark)}body{background-color:var(--bg-dark);color:var(--text-dark)}}.container{max-width:1200px;margin:0 auto;padding:0 16px}.grid{display:grid;gap:16px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.p-4{padding:16px}.rounded{border-radius:var(--radius-md)}.shadow{box-shadow:var(--shadow-md)}.btn{padding:12px 24px;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;gap:8px;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-dark)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.card{background:var(--bg);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-muted{color:var(--gray-500)}.bg-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--secondary) 100%)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .4s ease-out}@media (max-width: 768px){.container{padding:0 12px}.card{padding:16px}.btn{padding:10px 20px;font-size:14px}}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}