.loading-container{position:fixed;inset:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:9999}.spinner{width:60px;height:60px;border:4px solid rgba(99,102,241,.15);border-top:4px solid #6366F1;border-radius:50%;animation:spin 1.5s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:2rem;box-shadow:0 0 20px #6366f133}[data-theme=dark] .spinner{border:4px solid rgba(99,102,241,.2);border-top:4px solid #818CF8;box-shadow:0 0 20px #6366f14d}@keyframes spin{0%{transform:rotate(0)}25%{border-top-color:currentColor}50%{transform:rotate(180deg)}75%{border-top-color:currentColor}to{transform:rotate(360deg)}}:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F4F4F5;--color-bg-tertiary: #FAFAFA;--color-surface: #FFFFFF;--color-surface-elevated: #FAFAFA;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .04);--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-accent-primary: #6366F1;--color-accent-secondary: #3B82F6;--color-success: #22C55E;--color-error: #EF4444;--color-warning: #F59E0B;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--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);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-bg-primary: rgb(18, 18, 18);--color-bg-secondary: #18181B;--color-bg-tertiary: #27272A;--color-surface: #1a1a1a;--color-surface-elevated: #222222;--color-border: rgba(255, 255, 255, .08);--color-border-light: rgba(255, 255, 255, .04);--color-text-primary: #FAFAFA;--color-text-secondary: #A1A1AA;--color-text-tertiary: #71717A;--color-accent-primary: #6366F1;--color-accent-secondary: #3B82F6;--color-success: #22C55E;--color-error: #EF4444;--color-warning: #F59E0B;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .35), 0 1px 2px 0 rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .35), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -2px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .45), 0 10px 10px -5px rgba(0, 0, 0, .2);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html,body,#root{margin:0;padding:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);transition:background-color var(--transition-base),color var(--transition-base)}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-accent-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-secondary)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;line-height:1.3;margin:0}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.875rem;font-weight:700;letter-spacing:-.01em}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:600}h5{font-size:1.125rem;font-weight:600}h6{font-size:1rem;font-weight:600}p{color:var(--color-text-secondary);line-height:1.6;margin:0}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base);animation:slideIn .3s ease-out}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%)}.btn-secondary{background:var(--color-accent-secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-secondary) 0%,var(--color-accent-primary) 100%)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.15)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.15)}.btn-warning{background:var(--color-warning);color:#fff}.btn-warning:hover:not(:disabled){filter:brightness(1.15)}.btn-outline{background:transparent;border:1.5px solid var(--color-accent-primary);color:var(--color-accent-primary)}.btn-outline:hover:not(:disabled){background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary);border-color:var(--color-border)}.btn-sm{padding:.5rem .75rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-full{width:100%}input,textarea,select{width:100%;padding:.75rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:.95rem;font-family:inherit;transition:all var(--transition-base)}input::placeholder,textarea::placeholder{color:var(--color-text-tertiary)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus,[data-theme=dark] select:focus{box-shadow:0 0 0 3px #6366f126}.spinner{width:40px;height:40px;border:2px solid var(--color-border);border-top:2px solid var(--color-accent-primary);border-radius:50%;animation:spin 1s cubic-bezier(.4,0,.2,1) infinite}.spinner-lg{width:60px;height:60px;border:3px solid var(--color-border);border-top:3px solid var(--color-accent-primary)}.badge{display:inline-block;padding:.35rem .75rem;border-radius:var(--radius-2xl);font-size:.8rem;font-weight:600;letter-spacing:.02em}.badge-primary{background:#6366f11a;color:var(--color-accent-primary);border:1px solid rgba(99,102,241,.2)}.badge-secondary{background:#3b82f61a;color:var(--color-accent-secondary);border:1px solid rgba(59,130,246,.2)}.badge-success{background:#22c55e1a;color:var(--color-success);border:1px solid rgba(34,197,94,.2)}.badge-error{background:#ef44441a;color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.badge-warning{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.message{padding:1rem 1.25rem;border-radius:var(--radius-lg);border:1px solid;margin-top:1rem;text-align:left;font-weight:500;animation:slideIn .3s ease-out}.message-success{background:#22c55e14;border-color:#22c55e4d;color:var(--color-success)}.message-error{background:#ef444414;border-color:#ef44444d;color:var(--color-error)}.message-warning{background:#f59e0b14;border-color:#f59e0b4d;color:var(--color-warning)}.message-info{background:#6366f114;border-color:#6366f14d;color:var(--color-accent-primary)}@media(max-width:768px){h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}.surface{padding:1.5rem}button{padding:.625rem 1rem}.btn-lg{padding:.75rem 1.25rem}}@media(max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}.surface{padding:1rem}button,.btn-full{width:100%}input,textarea,select{font-size:16px}}*{box-sizing:border-box}.app-container{min-height:100vh;display:flex;justify-content:center;align-items:stretch;padding:80px 0 0;width:100%;overflow-x:hidden;background-color:var(--color-bg-primary)}.app-content{width:100%;display:flex;flex-direction:column;padding:0;animation:fadeIn .3s ease-out}.loading-screen{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.loading-text{font-size:1rem;font-weight:500;margin-top:1.5rem;color:var(--color-text-secondary)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden;animation:slideIn .3s ease-out}.surface:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md)}.surface-elevated{background:var(--color-surface-elevated);box-shadow:var(--shadow-md)}button{transition:all var(--transition-base);font-weight:500;letter-spacing:.3px;position:relative;overflow:hidden;font-family:inherit;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-lg);padding:.625rem 1rem;font-size:.95rem}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}@media(min-width:768px){.app-container{padding:80px 0 0}.app-content{padding:0}.surface{padding:2.5rem 3rem}}@media(min-width:1200px){.app-container{padding:80px 0 0}.app-content{padding:0}.surface{padding:3rem 4rem}}.mobile-menu-active{animation:slideDown .28s ease-out forwards;transform-origin:top center}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes subtleShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}html{scroll-behavior:smooth;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary, rgba(255, 255, 255, .05))}::-webkit-scrollbar-thumb{background:var(--color-accent-primary, rgba(99, 102, 241, .3));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent-primary, rgba(99, 102, 241, .5))}select option{color:#1a1a1a;background-color:#f5f5f5}select option:checked{background-color:#6366f1;color:#fff}