.App{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.card{background:var(--white);border-radius:var(--radius-xl);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-xl);border:1px solid var(--gray-100);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card h2,.card h3{color:var(--gray-900);font-weight:600;margin-bottom:var(--spacing-lg);font-size:1.5rem;line-height:1.3}.card h3{font-size:1.25rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);text-decoration:none;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--primary-500) 0%,var(--purple-500) 100%);color:var(--white);box-shadow:var(--shadow-md)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--primary-600) 0%,var(--purple-600) 100%)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-200)}.btn-secondary:hover:not(:disabled){background:var(--gray-200);color:var(--gray-900);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--green-500) 0%,var(--green-600) 100%);color:var(--white);box-shadow:var(--shadow-md)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,var(--green-600) 0%,#15803d 100%)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:var(--white);box-shadow:var(--shadow-md)}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-info{background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-500) 100%);color:var(--white);box-shadow:var(--shadow-md)}.btn-info:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--gray-700);font-size:.9375rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-size:.9375rem;transition:all var(--transition-base);background:var(--white);color:var(--gray-900);font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #0ea5e91a}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--gray-400)}.form-group textarea{min-height:150px;resize:vertical;line-height:1.6}.error-message{color:#dc2626;margin-top:var(--spacing-md);padding:var(--spacing-md);background:#fef2f2;border-radius:var(--radius-md);border:1px solid #fecaca;font-size:.9375rem;display:flex;align-items:center;gap:var(--spacing-sm)}.success-message{color:#16a34a;margin-top:var(--spacing-md);padding:var(--spacing-md);background:#f0fdf4;border-radius:var(--radius-md);border:1px solid #bbf7d0;font-size:.9375rem;display:flex;align-items:center;gap:var(--spacing-sm)}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--gray-600);font-size:1rem}h1{font-size:2.25rem;font-weight:700;line-height:1.2;color:var(--gray-900);margin-bottom:var(--spacing-md)}h2{font-size:1.875rem;font-weight:600;line-height:1.3;color:var(--gray-900)}h3{font-size:1.5rem;font-weight:600;line-height:1.4;color:var(--gray-900)}h4{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--gray-800)}p{color:var(--gray-600);line-height:1.7}.glass-panel{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #1f26871a}.glass-card{background:#ffffffd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:transform .3s ease,box-shadow .3s ease}.glass-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bg-gradient-soft{background:linear-gradient(135deg,#f5f7fa,#c3cfe2)}.text-gradient-primary{background:linear-gradient(135deg,var(--primary-600) 0%,var(--purple-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-float{animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.typing-indicator{display:flex;gap:.25rem;align-items:center}.typing-indicator span{width:8px;height:8px;border-radius:50%;background-color:var(--gray-500);animation:typing 1.4s infinite}.typing-indicator span:nth-child(1){animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);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)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.badge{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:var(--radius-full);font-size:.8125rem;font-weight:600;text-transform:capitalize}.badge-success{background:var(--green-100);color:var(--green-700)}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:var(--primary-100);color:var(--primary-700)}details{margin:var(--spacing-md) 0}details summary{cursor:pointer;font-weight:600;color:var(--gray-700);padding:var(--spacing-sm) 0;-webkit-user-select:none;user-select:none;transition:color var(--transition-base)}details summary:hover{color:var(--primary-600)}details[open] summary{margin-bottom:var(--spacing-md);color:var(--primary-600)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 768px){.container{padding:var(--spacing-md)}.card{padding:var(--spacing-lg)}h1{font-size:1.875rem}h2{font-size:1.5rem}.btn{padding:.625rem 1.25rem;font-size:.875rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-50: #f0f9ff;--primary-100: #e0f2fe;--primary-200: #bae6fd;--primary-300: #7dd3fc;--primary-400: #38bdf8;--primary-500: #0ea5e9;--primary-600: #0284c7;--primary-700: #0369a1;--primary-800: #075985;--primary-900: #0c4a6e;--purple-50: #faf5ff;--purple-100: #f3e8ff;--purple-200: #e9d5ff;--purple-300: #d8b4fe;--purple-400: #c084fc;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7e22ce;--green-50: #f0fdf4;--green-100: #dcfce7;--green-500: #22c55e;--green-600: #16a34a;--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;--white: #ffffff;--black: #000000;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-2xl: 2rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f0f9ff,#e0f2fe,#faf5ff);min-height:100vh;color:var(--gray-900);line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}html{scroll-behavior:smooth}