.App{font-family:system-ui,sans-serif;margin:0;padding:0}button{cursor:pointer}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid #1a73e8;outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){*{border-color:currentColor!important}button,a,input,select,textarea{border:2px solid currentColor!important}body{color:#000!important;background-color:#fff!important}a{text-decoration:underline!important;font-weight:600!important}:focus-visible{outline:3px solid currentColor!important;outline-offset:3px!important}*{box-shadow:none!important;text-shadow:none!important}button{background-color:#fff!important;color:#000!important;border:2px solid #000000!important}button:hover,button:focus{background-color:#000!important;color:#fff!important}button[data-variant=primary]{background-color:#00f!important;color:#fff!important;border:2px solid #0000ff!important}button[data-variant=danger]{background-color:red!important;color:#fff!important;border:2px solid #ff0000!important}input,select,textarea{background-color:#fff!important;color:#000!important;border:2px solid #000000!important}:disabled{opacity:.5!important;cursor:not-allowed!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;left:-9999px;z-index:9999;padding:12px 16px;background-color:#1a73e8;color:#fff;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;box-shadow:0 4px 12px #00000026}.skip-link:focus{left:16px;top:16px}@media (pointer: coarse){button,a,input[type=button],input[type=submit],input[type=reset]{min-width:44px;min-height:44px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{text-decoration-skip-ink:auto}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){.animate-spin,.animate-pulse,.animate-bounce{animation:none!important}}:root{--primary-50: #EEF2FF;--primary-100: #E0E7FF;--primary-200: #C7D2FE;--primary-300: #A5B4FC;--primary-400: #818CF8;--primary-500: #6366F1;--primary-600: #4F46E5;--primary-700: #4338CA;--primary-800: #3730A3;--primary-900: #312E81;--teal-500: #14B8A6;--teal-600: #0D9488;--orange-500: #F97316;--orange-600: #EA580C;--purple-500: #A855F7;--purple-600: #9333EA;--pink-500: #EC4899;--pink-600: #DB2777;--green-500: #10B981;--green-600: #059669;--yellow-500: #F59E0B;--yellow-600: #D97706;--gray-50: #FAFAF9;--gray-100: #F5F5F4;--gray-200: #E7E5E4;--gray-300: #D6D3D1;--gray-400: #A8A29E;--gray-500: #78716C;--gray-600: #57534E;--gray-700: #44403C;--gray-800: #292524;--gray-900: #1C1917;--warm-50: #FBF8F5;--warm-100: #F7F0E8;--warm-200: #EFE1D1;--warm-300: #E7D2BA;--warm-500: #C4A57B;--warm-600: #A68A63;--warm-700: #8B7355;--success: #10B981;--success-light: #D1FAE5;--success-dark: #065F46;--warning: #F59E0B;--warning-light: #FEF3C7;--warning-dark: #92400E;--error: #EF4444;--error-light: #FEE2E2;--error-dark: #991B1B;--info: #3B82F6;--info-light: #DBEAFE;--info-dark: #1E40AF;--bg-primary: #FEFEFE;--bg-secondary: #FAFAF9;--bg-tertiary: #F5F5F4;--bg-warm-accent: #FBF8F5;--blur-soft: 12px;--blur-medium: 18px;--blur-strong: 24px;--glass-background: rgba(255, 255, 255, .72);--glass-border: rgba(255, 255, 255, .42);--glass-shadow: 0 24px 48px -24px rgba(15, 23, 42, .45);--glass-gradient-warm: linear-gradient(135deg, rgba(255, 245, 240, .85) 0%, rgba(255, 255, 255, .65) 100%);--glass-gradient-cool: linear-gradient(135deg, rgba(240, 248, 255, .85) 0%, rgba(255, 255, 255, .65) 100%);--glass-gradient-accent: linear-gradient(135deg, rgba(99, 102, 241, .08) 0%, rgba(147, 51, 234, .08) 100%);--overlay-primary: rgba(99, 102, 241, .06);--overlay-secondary: rgba(20, 184, 166, .06);--overlay-accent: rgba(236, 72, 153, .06);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(28, 25, 23, .05);--shadow-sm: 0 1px 3px 0 rgba(28, 25, 23, .1), 0 1px 2px -1px rgba(28, 25, 23, .1);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .1), 0 2px 4px -2px rgba(28, 25, 23, .1);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .1), 0 4px 6px -4px rgba(28, 25, 23, .1);--shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, .12), 0 8px 10px -6px rgba(28, 25, 23, .1);--shadow-2xl: 0 25px 50px -12px rgba(28, 25, 23, .25);--shadow-hover: 0 12px 24px -4px rgba(28, 25, 23, .18), 0 6px 12px -4px rgba(28, 25, 23, .15);--shadow-neumorphic-light: 6px 6px 12px rgba(28, 25, 23, .08), -6px -6px 12px rgba(255, 255, 255, .9);--shadow-neumorphic-inset: inset 4px 4px 8px rgba(28, 25, 23, .06), inset -4px -4px 8px rgba(255, 255, 255, .5);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--z-dropdown: 1000;--z-sticky: 1020;--z-modal: 1050;--z-toast: 1080;--z-tooltip: 1090}[data-theme=dark]{--glass-background: rgba(15, 23, 42, .65);--glass-border: rgba(148, 163, 184, .35);--glass-shadow: 0 24px 48px -20px rgba(2, 6, 23, .7)}.card-modern{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--gray-200);transition:all var(--transition-normal);position:relative;overflow:hidden}.card-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.card-modern:hover:before{left:100%}.card-modern:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px);border-color:var(--gray-300)}.btn-neumorphic{background:var(--bg-secondary);color:var(--gray-700);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-neumorphic-light)}.btn-neumorphic:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-neumorphic:active{box-shadow:var(--shadow-neumorphic-inset);transform:translateY(0)}.btn-modern-primary{background:var(--primary-600);color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:none;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.btn-modern-primary:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s,height .4s}.btn-modern-primary:active:after{width:300px;height:300px}.btn-modern-primary:hover{background:var(--primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-modern-primary:active{transform:translateY(0)}.btn-modern-secondary{background:#fff;color:var(--gray-700);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:1px solid var(--gray-300);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-normal)}.btn-modern-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-1px)}.panel-glass{background:var(--glass-background);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium));transition:transform var(--transition-normal),box-shadow var(--transition-normal);position:relative}.panel-glass:before{content:"";position:absolute;top:0;left:0;right:0;height:40%;background:var(--glass-gradient-accent);border-radius:var(--radius-xl) var(--radius-xl) 0 0;pointer-events:none}.panel-glass-warm{background:var(--glass-gradient-warm);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium))}.panel-glass-cool{background:var(--glass-gradient-cool);border-radius:var(--radius-xl);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(var(--blur-medium));-webkit-backdrop-filter:blur(var(--blur-medium))}.panel-glass:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.panel-glass-static{transition:box-shadow var(--transition-normal)}.panel-glass-static:hover{transform:none;box-shadow:var(--glass-shadow)}.btn-neumorphic{background:var(--bg-secondary);border-radius:var(--radius-lg);border:none;box-shadow:var(--shadow-neumorphic-light);color:var(--gray-700);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-normal);cursor:pointer}.btn-neumorphic:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);color:var(--primary-600)}.btn-neumorphic:active{transform:translateY(0);box-shadow:var(--shadow-neumorphic-inset);color:var(--gray-900)}[data-theme=dark] .btn-neumorphic{background:#0f172aeb;border:1px solid rgba(148,163,184,.25);box-shadow:6px 6px 14px #02061799,-6px -6px 14px #37415147;color:var(--gray-200)}[data-theme=dark] .btn-neumorphic:hover{color:var(--gray-50)}.chip-translucent{background:#ffffff73;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.6);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);backdrop-filter:blur(var(--blur-soft));-webkit-backdrop-filter:blur(var(--blur-soft));color:var(--gray-700)}[data-theme=dark] .chip-translucent{background:#1e293b99;border:1px solid rgba(148,163,184,.35);color:var(--gray-200)}.badge-modern{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);white-space:nowrap}.badge-success{background:var(--success-light);color:var(--success-dark)}.badge-warning{background:var(--warning-light);color:var(--warning-dark)}.badge-error{background:var(--error-light);color:var(--error-dark)}.badge-info{background:var(--info-light);color:var(--info-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.skeleton-loader{background:linear-gradient(90deg,var(--gray-200) 0%,var(--gray-100) 50%,var(--gray-200) 100%);background-size:1000px 100%;animation:shimmer 2s infinite linear;border-radius:var(--radius-md)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.pulse{animation:pulse 2s ease-in-out infinite}.stagger-children>*{animation:fadeIn .3s ease forwards;opacity:0}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.lift-on-hover{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.lift-on-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6366f166}50%{box-shadow:0 0 0 8px #6366f100}}.animate-fade-in-up{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .5s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);background-size:1000px 100%;animation:shimmer 2s infinite}.animate-pulse-glow{animation:pulse-glow 2s infinite}@media (max-width: 768px){:root{--space-8: 1.5rem;--space-10: 2rem;--space-12: 2.5rem;--space-16: 3rem}}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-primary);background:var(--bg-secondary);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:var(--leading-normal)}button{font-family:inherit;outline:none}button:focus-visible{outline:2px solid #1a73e8;outline-offset:2px}::selection{background:#d2e3fc;color:#1967d2}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}