@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);:root{--bg-void:#030304;--bg-void-rgb:3,3,4;--glass-panel:#12121699;--glass-bg-primary:#12121680;--glass-bg-secondary:#12121666;--glass-bg-tertiary:#1212164d;--glass-bg-subtle:#12121633;--glass-bg-elevated:#19191eb3;--glass-bg-input:#0f0f12cc;--glass-bg-hover:#1e1e2399;--glass-bg-active:#232328b3;--glass-bg-nav-active:#1e1e2380;--glass-border:#ffffff0f;--glass-border-light:#ffffff14;--glass-border-strong:#ffffff1a;--glass-border-active:#ffffff26;--glass-highlight:#ffffff1a;--text-primary:#fff;--text-secondary:#ffffff73;--text-tertiary:#ffffff59;--text-quaternary:#ffffff40;--accent-primary:#2997ff;--accent-secondary:#bf5af2;--accent-tertiary:#30d158;--accent-warn:#ff9f0a;--accent-white:#fff;--accent-success:#30d158;--accent-warning:#ff9f0a;--accent-error:#ff453a;--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--gradient-secondary:linear-gradient(135deg,var(--accent-secondary),var(--accent-primary));--gradient-accent:linear-gradient(135deg,#2997ff,#bf5af2);--success-primary:#30d158;--error-primary:#ff453a;--color-primary:#2997ff;--color-secondary:#bf5af2;--color-success:#30d158;--color-warning:#ff9f0a;--color-error:#ff453a;--color-white:#fff;--color-text:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-background:var(--bg-void);--color-surface-elevated:var(--glass-bg-elevated);--color-border:var(--glass-border);--color-gray-50:#ffffff08;--color-gray-100:#ffffff0d;--color-gray-200:#ffffff14;--color-gray-300:#ffffff1a;--color-gray-700:#ffffff14;--color-gray-800:#ffffff0d;--font-primary:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;--font-secondary:-apple-system,BlinkMacSystemFont,"SF Pro Display","Inter",sans-serif;--fs-xs:0.75rem;--fs-sm:0.85rem;--fs-base:0.95rem;--fs-lg:1rem;--fs-xl:1.1rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--lh-tight:1.25;--lh-normal:1.5;--lh-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:32px;--radius-full:50%;--radius-pill:100px;--shadow-glass:0 20px 40px #0003;--shadow-glass-lg:0 40px 80px #0006;--shadow-glass-xl:0 25px 50px #0000004d;--shadow-sm:0 10px 20px #00000026;--shadow-md:var(--shadow-glass);--shadow-lg:var(--shadow-glass-lg);--shadow-glow-primary:0 0 20px #2997ff4d;--shadow-glow-secondary:0 0 20px #bf5af24d;--blur-xs:blur(10px);--blur-sm:blur(20px);--blur-md:blur(30px);--blur-lg:blur(40px);--blur-xl:blur(50px);--transition-fast:0.15s ease-in-out;--transition-base:0.3s cubic-bezier(0.2,0.8,0.2,1);--transition-slow:0.5s ease;--header-height:80px;--sidebar-width:80px;--sidebar-collapsed-width:80px;--progress-width:340px;--progress-collapsed-width:80px;--app-gap:24px;--z-modal:1000;--z-dropdown:100;--z-sticky:50;--z-fixed:40;--z-overlay:30;--z-floating:60}*{box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-family:var(--font-primary);margin:0;padding:0}*,html{-webkit-font-smoothing:antialiased}html{-moz-osx-font-smoothing:grayscale;font-size:16px;scroll-behavior:smooth}body{background-color:#030304;color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-family:var(--font-primary)}.aurora,body{height:100vh;overflow:hidden}.aurora{background:radial-gradient(ellipse 100% 100% at 10% 15%,#8b5cf626 0,#0000 50%),radial-gradient(ellipse 100% 100% at 90% 70%,#3b82f626 0,#0000 50%);left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.aurora:after,.aurora:before{display:none}[data-theme=light] .aurora{background:radial-gradient(ellipse 100% 100% at 10% 20%,#2997ff14 0,#0000 60%),radial-gradient(ellipse 100% 100% at 90% 80%,#bf5af214 0,#0000 60%)}.glass{backdrop-filter:blur(40px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--blur-lg);border:1px solid #ffffff0f;border:1px solid var(--glass-border)}.glass-primary{background:#12121680;background:var(--glass-bg-primary)}.glass-secondary{background:#12121666;background:var(--glass-bg-secondary)}.glass-elevated{background:#19191eb3;background:var(--glass-bg-elevated)}.glass-input{background:#0f0f12cc;background:var(--glass-bg-input);border:1px solid #ffffff14;border:1px solid var(--glass-border-light)}.glass-input:focus{background:#1e1e2399;background:var(--glass-bg-hover);border-color:#ffffff26;border-color:var(--glass-border-active)}.btn{align-items:center;border-radius:16px;border-radius:var(--radius-lg);display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-family:var(--font-primary);font-size:.95rem;font-size:var(--fs-base);font-weight:500;font-weight:var(--fw-medium);gap:.5rem;gap:var(--space-2);justify-content:center;outline:none;padding:.75rem 1rem;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);transition:all var(--transition-base)}.btn:focus-visible{outline:2px solid #fff;outline:2px solid var(--accent-white);outline-offset:2px}.btn-glass{backdrop-filter:blur(40px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--blur-lg);background:#19191eb3;background:var(--glass-bg-elevated);border:1px solid #ffffff14;border:1px solid var(--glass-border-light);color:#fff;color:var(--text-primary)}.btn-glass:hover{background:#1e1e2399;background:var(--glass-bg-hover);transform:translateY(-1px)}.btn-primary{background:#fff;background:var(--accent-white);color:#2997ff;color:var(--accent-primary)}.btn-primary:hover{background:#ffffffe6;transform:scale(1.05)}.btn-icon{border-radius:50%;border-radius:var(--radius-full);font-size:1.1rem;font-size:var(--fs-xl);height:45px;padding:0;width:45px}.input{backdrop-filter:blur(40px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--blur-lg);background:#0f0f12cc;background:var(--glass-bg-input);border:1px solid #ffffff14;border:1px solid var(--glass-border-light);border-radius:100px;border-radius:var(--radius-pill);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-family:var(--font-primary);font-size:.95rem;font-size:var(--fs-base);outline:none;padding:1rem 1.25rem;padding:var(--space-4) var(--space-5);transition:all .3s cubic-bezier(.2,.8,.2,1);transition:all var(--transition-base);width:100%}.input::placeholder{color:#ffffff40;color:var(--text-quaternary)}.input:focus{background:#1e1e2399;background:var(--glass-bg-hover);border-color:#ffffff26;border-color:var(--glass-border-active)}.card{backdrop-filter:blur(40px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--blur-lg);background:#12121680;background:var(--glass-bg-primary);border:1px solid #ffffff0f;border:1px solid var(--glass-border);border-radius:20px;border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.2,.8,.2,1);transition:all var(--transition-base)}.card:hover{background:#1e1e2399;background:var(--glass-bg-hover);transform:translateY(-2px)}.nav-item{background:#12121680;background:var(--glass-bg-primary);border:1px solid #ffffff0f;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--radius-lg);color:#ffffff59;color:var(--text-tertiary);font-size:.95rem;font-size:var(--fs-base);font-weight:500;font-weight:var(--fw-medium);gap:1rem;gap:var(--space-4);padding:.75rem 1.25rem;padding:var(--space-3) var(--space-5);transition:all var(--transition-base);white-space:nowrap}.nav-item:hover:not(.App-sidebar .nav-item){background:#1e1e2399;background:var(--glass-bg-hover);color:#fff;color:var(--text-primary)}.progress-bar{background:#1e1e2399;background:var(--glass-bg-hover);height:6px;overflow:hidden;width:100%}.progress-bar,.progress-fill{border-radius:8px;border-radius:var(--radius-sm)}.progress-fill{background:#fff;background:var(--accent-white);height:100%;transition:width .5s ease;transition:width var(--transition-slow)}::-webkit-scrollbar-track{background:#12121680;background:var(--glass-bg-primary)}::-webkit-scrollbar-thumb{background:var(--glass-bg-strong)}::-webkit-scrollbar-thumb:hover{background:#1e1e2399;background:var(--glass-bg-hover)}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#ffffff73;color:var(--text-secondary)}.text-tertiary{color:#ffffff59;color:var(--text-tertiary)}.text-quaternary{color:#ffffff40;color:var(--text-quaternary)}.bg-glass{background:#12121680;background:var(--glass-bg-primary)}.bg-glass-elevated{background:#19191eb3;background:var(--glass-bg-elevated)}.border-glass{border:1px solid #ffffff0f;border:1px solid var(--glass-border)}.border-glass-light{border:1px solid #ffffff14;border:1px solid var(--glass-border-light)}.rounded-sm{border-radius:8px;border-radius:var(--radius-sm)}.rounded-md{border-radius:12px;border-radius:var(--radius-md)}.rounded-lg{border-radius:16px;border-radius:var(--radius-lg)}.rounded-xl{border-radius:20px;border-radius:var(--radius-xl)}.rounded-2xl{border-radius:24px;border-radius:var(--radius-2xl)}.rounded-full{border-radius:50%;border-radius:var(--radius-full)}.shadow-glass{box-shadow:0 20px 40px #0003;box-shadow:var(--shadow-glass)}.shadow-glass-lg{box-shadow:0 40px 80px #0006;box-shadow:var(--shadow-glass-lg)}.backdrop-blur{backdrop-filter:blur(40px);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--blur-lg)}@media (max-width:1200px){:root{--sidebar-width:70px;--progress-width:70px}}@media (max-width:1024px){:root{--fs-base:0.9rem;--fs-lg:0.95rem;--fs-xl:1rem}body{overflow:auto}}@media (max-width:768px){:root{--space-4:0.75rem;--space-5:1rem;--space-6:1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.focusable:focus-visible{outline:2px solid #fff;outline:2px solid var(--accent-white);outline-offset:2px}[data-theme=light],body[data-theme=light]{--bg-void:#f2f4f8;--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--text-primary:#1c1c1e;--text-secondary:#636366;--text-tertiary:#a1a1aa;--text-quaternary:#c7c7cc;--accent-white:#fff;--accent-primary:#2997ff;--accent-secondary:#bf5af2;--glass-panel:#ffffffbf;--glass-bg-primary:#ffffffbf;--glass-bg-secondary:#fff9;--glass-bg-tertiary:#ffffff80;--glass-bg-subtle:#fff6;--glass-bg-elevated:#ffffffd9;--glass-bg-input:#ffffffe6;--glass-bg-hover:#fffffff2;--glass-bg-active:#fff;--glass-bg-nav-active:#ffffffe6;--glass-border:#0000001a;--glass-border-light:#0000001f;--glass-border-strong:#00000029;--glass-border-active:#00000038;--glass-highlight:#0000000d;--shadow-glass:0 12px 40px -12px #0000001a;--shadow-glass-lg:0 20px 50px -15px #00000026;--shadow-glass-xl:0 25px 60px -20px #0000001f;--glass-message-tutor:#2997ff1f;--glass-message-user:#bf5af21f;--color-gray-50:#00000005;--color-gray-100:#00000008;--color-gray-200:#0000000d;--color-gray-300:#00000014;--color-gray-700:#0000000f;--color-gray-800:#0000000a}[data-theme=light] body,body[data-theme=light]{background-color:#f2f4f8;background-image:none}[data-theme=dark],body[data-theme=dark]{--bg-void:#050505;--gradient-primary:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));--text-primary:#fff;--text-secondary:#ffffff73;--text-tertiary:#ffffff59;--text-quaternary:#ffffff40;--accent-white:#fff;--accent-primary:#2997ff;--accent-secondary:#bf5af2;--glass-panel:#ffffff08;--glass-bg-primary:#ffffff08;--glass-bg-secondary:#ffffff05;--glass-bg-tertiary:hsla(0,0%,100%,.015);--glass-bg-subtle:#ffffff03;--glass-bg-elevated:#ffffff0d;--glass-bg-input:#0a0a0a66;--glass-bg-hover:#ffffff14;--glass-bg-active:#ffffff1a;--glass-bg-nav-active:#ffffff14;--glass-border:#ffffff14;--glass-border-light:#ffffff1f;--glass-border-strong:#ffffff26;--glass-border-active:#fff3;--shadow-glass:0 20px 40px #0003;--shadow-glass-lg:0 40px 80px #0006;--shadow-glass-xl:0 25px 50px #0000004d}[data-theme=dark] body,body[data-theme=dark]{background-color:#050505}@supports (container-type:inline-size){.container-query{container-type:inline-size}@container (max-width: 480px){.cq-mobile-only{display:block}.cq-desktop-hidden{display:none}}@container (min-width: 768px){.cq-tablet-up{display:block}}}.mobile-hidden{display:none}.desktop-hidden,.tablet-hidden{display:block}@media (min-width:640px){.mobile-hidden{display:block}.tablet-hidden{display:none}}@media (min-width:1024px){.desktop-hidden{display:none}}.p-responsive{padding:var(--space-3)}.px-responsive{padding-left:var(--space-3);padding-right:var(--space-3)}.py-responsive{padding-bottom:var(--space-3);padding-top:var(--space-3)}.m-responsive{margin:var(--space-3)}.mx-responsive{margin-left:var(--space-3);margin-right:var(--space-3)}.my-responsive{margin-bottom:var(--space-3);margin-top:var(--space-3)}@media (min-width:768px){.p-responsive{padding:var(--space-6)}.px-responsive{padding-left:var(--space-6);padding-right:var(--space-6)}.py-responsive{padding-bottom:var(--space-6);padding-top:var(--space-6)}.m-responsive{margin:var(--space-6)}.mx-responsive{margin-left:var(--space-6);margin-right:var(--space-6)}.my-responsive{margin-bottom:var(--space-6);margin-top:var(--space-6)}}.text-responsive-sm{font-size:var(--fs-sm);line-height:var(--lh-normal)}.text-responsive{font-size:var(--fs-base);line-height:var(--lh-normal)}.text-responsive-lg{font-size:var(--fs-lg);line-height:var(--lh-tight)}.text-responsive-xl{font-size:var(--fs-xl);line-height:var(--lh-tight)}.text-responsive-2xl{font-size:var(--fs-2xl);line-height:var(--lh-tight)}@media (min-width:640px){.text-responsive-sm{font-size:var(--fs-base)}.text-responsive{font-size:var(--fs-lg)}.text-responsive-lg{font-size:var(--fs-xl)}.text-responsive-xl{font-size:var(--fs-2xl)}.text-responsive-2xl{font-size:var(--fs-3xl)}}@media (min-width:1024px){.text-responsive-xl{font-size:var(--fs-3xl)}.text-responsive-2xl{font-size:var(--fs-4xl)}}.grid-responsive,.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.grid-responsive-2,.grid-responsive-3,.grid-responsive-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid-responsive-3,.grid-responsive-4{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}.flex-responsive,.flex-responsive-row{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:640px){.flex-responsive-row{align-items:center;flex-direction:row}}.touch-target{min-height:44px;min-width:44px}.touch-target,.touch-target-lg{align-items:center;display:flex;justify-content:center}.touch-target-lg{min-height:48px;min-width:48px}.safe-area-top{padding-top:env(safe-area-inset-top)}.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}.safe-area-left{padding-left:env(safe-area-inset-left)}.safe-area-right{padding-right:env(safe-area-inset-right)}.safe-area-inset{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.img-responsive{height:auto;max-width:100%;object-fit:cover}.img-responsive-contain{height:auto;max-width:100%;object-fit:contain}.mobile-nav-item{border-bottom:1px solid var(--color-border);font-size:var(--fs-lg);padding:var(--space-4) var(--space-6);transition:all var(--transition-fast)}.mobile-nav-item:focus,.mobile-nav-item:hover{background:var(--color-gray-100)}[data-theme=dark] .mobile-nav-item:focus,[data-theme=dark] .mobile-nav-item:hover,body[data-theme=dark] .mobile-nav-item:focus,body[data-theme=dark] .mobile-nav-item:hover{background:var(--glass-bg-hover)}.card-responsive{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4);transition:all var(--transition-base)}@media (min-width:768px){.card-responsive{border-radius:var(--radius-xl);padding:var(--space-6)}}.card-responsive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.modal-responsive{margin:var(--space-4);max-height:calc(100vh - 2rem);max-width:500px;width:95%}@media (min-width:640px){.modal-responsive{margin:var(--space-8);max-height:calc(100vh - 4rem);width:90%}}@media (min-width:768px){.modal-responsive{max-width:600px;width:80%}}.form-responsive .form-group{margin-bottom:var(--space-4)}.form-responsive .form-label{color:var(--color-text);display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--space-2)}.form-responsive .form-input{border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--fs-base);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-responsive .form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}@media (min-width:768px){.form-responsive .form-input{padding:var(--space-4) var(--space-5)}}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.table-responsive table{border-collapse:collapse;min-width:600px;width:100%}.table-responsive td,.table-responsive th{border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-4);text-align:left}.table-responsive th{background:var(--color-gray-50);color:var(--color-text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}[data-theme=dark] .table-responsive th,body[data-theme=dark] .table-responsive th{background:var(--glass-bg-elevated)}.mobile-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.mobile-scroll::-webkit-scrollbar{height:3px;width:3px}.mobile-scroll::-webkit-scrollbar-track{background:#0000}.mobile-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-full)}.video-responsive{height:0;overflow:hidden;padding-bottom:56.25%;position:relative}.video-responsive iframe,.video-responsive video{height:100%;left:0;position:absolute;top:0;width:100%}.btn-mobile{border-radius:var(--radius-lg);font-size:var(--fs-base);font-weight:var(--fw-medium);min-height:44px;padding:var(--space-3) var(--space-6);transition:all var(--transition-fast)}@media (min-width:768px){.btn-mobile{font-size:var(--fs-lg);min-height:48px;padding:var(--space-4) var(--space-8)}}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-4-3{aspect-ratio:4/3}@supports not (aspect-ratio:1/1){.aspect-square{padding-bottom:100%}.aspect-square,.aspect-video{height:0;position:relative;width:100%}.aspect-video{padding-bottom:56.25%}.aspect-4-3{height:0;padding-bottom:75%;position:relative;width:100%}.aspect-4-3>*,.aspect-square>*,.aspect-video>*{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}}@media (prefers-reduced-motion:no-preference){.animate-mobile-slide-up{animation:mobileSlideUp .3s ease-out}.animate-mobile-fade-in{animation:mobileFadeIn .2s ease-out}}@keyframes mobileSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes mobileFadeIn{0%{opacity:0}to{opacity:1}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.img-crisp{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (max-height:500px) and (orientation:landscape){.landscape-compact{padding-bottom:var(--space-2);padding-top:var(--space-2)}.landscape-hidden{display:none}}.focus-trap{outline:none}.focus-trap:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:767px){.keyboard-adjust{transition:margin-bottom var(--transition-base)}.keyboard-adjust.keyboard-open{margin-bottom:50vh}}@media print{.print-hidden{display:none!important}.print-visible{display:block!important}.responsive-print{border-radius:0!important;box-shadow:none!important;margin:0!important;max-width:none!important;padding:1cm!important;width:100%!important}}[data-theme=dark],body[data-theme=dark]{.mobile-nav-item{border-color:var(--glass-border)}.table-responsive th{background:var(--glass-bg-elevated)}}@media (prefers-contrast:high){.high-contrast{border-width:2px!important;outline-width:2px!important}}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark}}@media (hover:none) and (pointer:coarse){.touch-device .hover\:scale-105,.touch-device .hover\:transform-none{transform:none!important}.touch-device .card-responsive:hover{transform:none}}.sr-only-mobile{clip:auto;height:auto;margin:0;overflow:visible;position:relative;width:auto}@media (max-width:639px){.sr-only-mobile{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}}.mobile-safe-height{height:100vh;height:100dvh}.mobile-safe-min-height{min-height:100vh;min-height:100dvh}.mobile-safe-max-height{max-height:100vh;max-height:100dvh}.full-width-safe{max-width:100%;overflow-x:hidden;width:100%}.mobile-scroll-container{-webkit-overflow-scrolling:touch;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}.mobile-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.mobile-scroll-x::-webkit-scrollbar{height:4px}.mobile-scroll-x::-webkit-scrollbar-track{background:#0000}.mobile-scroll-x::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.table-responsive-mobile{-webkit-overflow-scrolling:touch;margin-bottom:1rem;overflow-x:auto;width:100%}.table-responsive-mobile table{min-width:500px;width:100%}@media (max-width:768px){.table-responsive-mobile{margin-left:-16px;margin-right:-16px;padding-left:16px;padding-right:16px;width:calc(100% + 32px)}.table-responsive-mobile table{font-size:14px}.table-responsive-mobile td,.table-responsive-mobile th{padding:8px 12px;white-space:nowrap}}@media (max-width:480px){.hide-mobile-sm{display:none!important}.show-mobile-sm{display:block!important}.show-mobile-sm-flex{display:flex!important}.show-mobile-sm-inline{display:inline!important}}@media (max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block!important}.show-mobile-flex{display:flex!important}.show-mobile-inline{display:inline!important}}@media (min-width:769px){.hide-desktop{display:none!important}.show-desktop{display:block!important}.show-desktop-flex{display:flex!important}}.mobile-bottom-spacing{padding-bottom:80px}@media (max-width:768px){.mobile-bottom-spacing{padding-bottom:100px}}@media (max-width:480px){.mobile-bottom-spacing{padding-bottom:120px}}.tap-target{align-items:center;display:inline-flex;justify-content:center;min-height:44px;min-width:44px}@media (max-width:400px){.mobile-card-horizontal{align-items:center!important;display:flex!important;flex-direction:row!important;gap:12px!important}.mobile-card-horizontal .card-icon{flex-shrink:0}.mobile-card-horizontal .card-description{display:none}}.mobile-fullscreen-modal{bottom:0;display:flex;flex-direction:column;height:100%;height:100dvh;left:0;overflow:hidden;position:fixed;right:0;top:0;width:100%;z-index:1000}.mobile-modal-header{background:inherit;border-bottom:1px solid #ffffff1a;flex-shrink:0;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.mobile-modal-content{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:16px 16px 32px}.mobile-modal-footer{background:inherit;border-top:1px solid #ffffff1a;bottom:0;flex-shrink:0;padding:16px;position:-webkit-sticky;position:sticky;z-index:10}.mobile-tabs-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;display:flex;gap:8px;overflow-x:auto;padding:8px 16px;scrollbar-width:none}.mobile-tabs-scroll::-webkit-scrollbar{display:none}.mobile-tab{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;flex-shrink:0;font-size:14px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.mobile-tab:active,.mobile-tab:hover{background:#ffffff1a}.mobile-tab.active{background:#6366f1;background:var(--accent-primary,#6366f1);border-color:#6366f1;border-color:var(--accent-primary,#6366f1);color:#fff}body.modal-open{height:100%;overflow:hidden;position:fixed;width:100%}@supports (padding:max(0px)){.safe-area-top{padding-top:max(16px,env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(16px,env(safe-area-inset-left))}.safe-area-right{padding-right:max(16px,env(safe-area-inset-right))}.safe-area-all{padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}}:root{--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-back:cubic-bezier(0.175,0.885,0.32,1.275);--duration-instant:100ms;--duration-fast:150ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms}.animate-fade-in{animation:fadeIn .2s cubic-bezier(0,0,.2,1);animation:fadeIn var(--duration-normal) var(--ease-out)}.animate-slide-up{animation:slideUp .2s cubic-bezier(0,0,.2,1);animation:slideUp var(--duration-normal) var(--ease-out)}.animate-slide-down{animation:slideDown .2s cubic-bezier(0,0,.2,1);animation:slideDown var(--duration-normal) var(--ease-out)}.animate-slide-left{animation:slideLeft .2s cubic-bezier(0,0,.2,1);animation:slideLeft var(--duration-normal) var(--ease-out)}.animate-slide-right{animation:slideRight .2s cubic-bezier(0,0,.2,1);animation:slideRight var(--duration-normal) var(--ease-out)}.animate-scale-in{animation:scaleIn .15s cubic-bezier(0,0,.2,1);animation:scaleIn var(--duration-fast) var(--ease-out)}.animate-bounce-in{animation:bounceIn .3s cubic-bezier(.68,-.55,.265,1.55);animation:bounceIn var(--duration-slow) var(--ease-bounce)}.animate-rotate-in{animation:rotateIn .2s cubic-bezier(0,0,.2,1);animation:rotateIn var(--duration-normal) var(--ease-out)}.animate-flip-in{animation:flipIn .3s cubic-bezier(.175,.885,.32,1.275);animation:flipIn var(--duration-slow) var(--ease-back)}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeft{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.8)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes flipIn{0%{opacity:0;transform:perspective(400px) rotateY(90deg)}to{opacity:1;transform:perspective(400px) rotateY(0deg)}}.hover-lift{transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.hover-glow{position:relative;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.hover-glow:hover{box-shadow:0 0 20px #3b82f666}.hover-scale{transition:transform .15s cubic-bezier(0,0,.2,1);transition:transform var(--duration-fast) var(--ease-out)}.hover-scale:hover{transform:scale(1.05)}.hover-rotate{transition:transform .15s cubic-bezier(0,0,.2,1);transition:transform var(--duration-fast) var(--ease-out)}.hover-rotate:hover{transform:rotate(5deg)}.hover-bounce{transition:transform .15s cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--duration-fast) var(--ease-bounce)}.hover-bounce:hover{transform:translateY(-8px)}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.loading-spin{animation:spin 1s linear infinite}.loading-bounce{animation:bounce 1s infinite}.loading-dots{display:inline-flex;gap:4px}.loading-dots:after,.loading-dots:before{animation:loadingDots 1.4s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";display:inline-block;height:4px;width:4px}.loading-dots:before{animation-delay:-.16s;margin-right:4px}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:translateY(0)}}@keyframes loadingDots{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.stagger-children>*{animation:slideUp .2s cubic-bezier(0,0,.2,1);animation:slideUp var(--duration-normal) var(--ease-out);animation-fill-mode:both}.stagger-children>:first-child{animation-delay:0ms}.stagger-children>:nth-child(2){animation-delay:50ms}.stagger-children>:nth-child(3){animation-delay:.1s}.stagger-children>:nth-child(4){animation-delay:.15s}.stagger-children>:nth-child(5){animation-delay:.2s}.stagger-children>:nth-child(6){animation-delay:.25s}.btn-interactive{overflow:hidden;position:relative;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out)}.btn-interactive:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .2s cubic-bezier(0,0,.2,1),height .2s cubic-bezier(0,0,.2,1);transition:width var(--duration-normal) var(--ease-out),height var(--duration-normal) var(--ease-out);width:0}.btn-interactive:active:before{height:300px;width:300px}.btn-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-interactive:active{transform:translateY(0);transition-duration:.1s;transition-duration:var(--duration-instant)}.morph-circle{border-radius:50%;transition:border-radius .3s cubic-bezier(.4,0,.2,1);transition:border-radius var(--duration-slow) var(--ease-in-out)}.morph-circle:hover,.morph-square{border-radius:var(--radius-lg)}.morph-square{transition:border-radius .3s cubic-bezier(.4,0,.2,1);transition:border-radius var(--duration-slow) var(--ease-in-out)}.morph-square:hover{border-radius:50%}.text-reveal{overflow:hidden;position:relative}.text-reveal:after{animation:textReveal .3s cubic-bezier(0,0,.2,1) forwards;animation:textReveal var(--duration-slow) var(--ease-out) forwards;background:var(--color-background);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}@keyframes textReveal{to{transform:translateX(100%)}}.typing-effect{animation:typing 3.5s steps(30),blink-caret .75s step-end infinite;border-right:2px solid var(--color-primary);overflow:hidden;white-space:nowrap}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:var(--color-primary)}}.parallax{transform:translateZ(0);transition:transform .3s cubic-bezier(0,0,.2,1);transition:transform var(--duration-slow) var(--ease-out)}.parallax:hover{transform:translateZ(0) translateY(-10px)}.gradient-shift{animation:gradientShift 3s ease infinite;background-size:200% 200%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.float{animation:float 3s ease-in-out infinite}.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.notify-slide-in{animation:notifySlideIn .2s cubic-bezier(0,0,.2,1);animation:notifySlideIn var(--duration-normal) var(--ease-out)}.notify-slide-out{animation:notifySlideOut .2s cubic-bezier(.4,0,1,1);animation:notifySlideOut var(--duration-normal) var(--ease-in)}@keyframes notifySlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes notifySlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.success-checkmark{stroke-dasharray:50;stroke-dashoffset:50;animation:drawCheckmark .5s ease-out}@keyframes drawCheckmark{to{stroke-dashoffset:0}}.error-x{animation:drawX .5s ease-out}@keyframes drawX{0%{opacity:0;transform:scale(0) rotate(45deg)}to{opacity:1;transform:scale(1) rotate(45deg)}}.modal-backdrop{animation:backdropFadeIn .2s cubic-bezier(0,0,.2,1);animation:backdropFadeIn var(--duration-normal) var(--ease-out)}.modal-content{animation:modalSlideUp .2s cubic-bezier(0,0,.2,1);animation:modalSlideUp var(--duration-normal) var(--ease-out)}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-flip{perspective:1000px}.card-flip-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--duration-slow) var(--ease-in-out);width:100%}.card-flip:hover .card-flip-inner{transform:rotateY(180deg)}.card-flip-back,.card-flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--radius-xl);height:100%;position:absolute;width:100%}.card-flip-back{transform:rotateY(180deg)}.progress-animated{overflow:hidden;position:relative}.progress-animated:after{animation:progressShimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes progressShimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.focus-ring{transition:box-shadow .15s cubic-bezier(0,0,.2,1);transition:box-shadow var(--duration-fast) var(--ease-out)}.focus-ring:focus-visible{animation:focusPulse 1s ease-out}@keyframes focusPulse{0%{box-shadow:0 0 0 0 #3b82f6b3}70%{box-shadow:0 0 0 10px #3b82f600}to{box-shadow:0 0 0 0 #3b82f600}}.skeleton{animation:skeletonPulse 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-300) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:var(--radius-base)}[data-theme=dark] .skeleton,body[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--color-gray-800) 25%,var(--color-gray-700) 50%,var(--color-gray-800) 75%)}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.hover-bounce:hover,.hover-lift:hover,.hover-scale:hover,.parallax{transform:none!important}}.gpu-accelerated{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform}.interactive-element{cursor:pointer;transition:all .15s cubic-bezier(0,0,.2,1);transition:all var(--duration-fast) var(--ease-out);-webkit-user-select:none;user-select:none}.interactive-element:hover{transform:scale(1.02)}.interactive-element:active{transform:scale(.98);transition-duration:.1s;transition-duration:var(--duration-instant)}.breathe{animation:breathe 4s ease-in-out infinite}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.wave{animation:wave 2s linear infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}@keyframes listeningPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.App{grid-gap:var(--app-gap);background:#0000;bottom:24px;color:var(--text-primary);display:grid;gap:var(--app-gap);grid-template-areas:"sidebar main progress";grid-template-columns:var(--sidebar-width) 1fr var(--progress-width);grid-template-rows:1fr;left:24px;overflow:hidden;position:fixed;right:24px;top:84px;transition:grid-template-columns var(--transition-base);z-index:1}.App.learning-mode{gap:16px;grid-template-areas:"sidebar main";grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:1fr}.App.learning-mode.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.App.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr var(--progress-width)}.App.progress-collapsed{grid-template-columns:var(--sidebar-width) 1fr var(--progress-collapsed-width)}.App.both-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr var(--progress-collapsed-width)}.App-main{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0c99;border:1px solid #ffffff14;border-radius:var(--radius-2xl);box-shadow:0 12px 40px -8px #0000004d;display:grid;grid-area:main;grid-template-areas:"conversation" "input-area";grid-template-rows:1fr auto;overflow-x:hidden;position:relative}.App-main.learning-mode{backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;grid-template-areas:"conversation";grid-template-rows:1fr;margin:0;padding:0}.chat-main-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff0f;direction:ltr;display:flex;justify-content:space-between;left:0;padding:16px 24px;position:absolute;right:0;top:0;z-index:150}.chat-main-header .chat-header-left{align-items:center;display:flex;gap:12px}.chat-main-header .tutor-icon{align-items:center;background:linear-gradient(135deg,#06b6d4,#0891b2);border-radius:50%;box-shadow:0 2px 8px #06b6d44d;color:#fff;display:flex;font-size:14px;font-weight:700;height:44px;justify-content:center;text-shadow:0 1px 2px #0003;width:44px}.chat-main-header .tutor-info{display:flex;flex-direction:column;gap:2px}.chat-main-header .tutor-name{color:#fffffff2;font-size:16px;font-weight:600}.chat-main-header .tutor-status-online{align-items:center;color:#22c55e;display:flex;font-size:13px;font-weight:500;gap:6px}.chat-main-header .status-dot-online{animation:statusPulseHeader 2s ease-in-out infinite;background:#22c55e;border-radius:50%;box-shadow:0 0 6px #22c55e99;height:8px;width:8px}@keyframes statusPulseHeader{0%,to{opacity:1}50%{opacity:.6}}.chat-main-header .chat-header-right{position:relative}.chat-main-header .header-menu-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ffffffb3;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.chat-main-header .header-menu-btn:hover{background:#ffffff0d;color:#ffffffe6}.chat-main-header .three-dots-icon{display:flex;gap:4px}.chat-main-header .three-dots-icon span{background:currentColor;border-radius:50%;height:5px;width:5px}.header-dropdown-menu{animation:dropdownSlideIn .15s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e23f2;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 8px 32px #0006;min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-menu-item{align-items:center;background:#0000;border:none;border-radius:8px;color:#fffc;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .15s ease;width:100%}.header-menu-item:hover{background:#ffffff14;color:#fff}.header-menu-item.active{background:#2997ff26;color:#2997ff}.header-menu-item svg{flex-shrink:0;height:18px;width:18px}.header-menu-item span{flex:1 1}.avatar-section{height:280px;left:0;position:absolute;right:0;top:70px;transition:all var(--transition-base);z-index:100}.avatar-container,.avatar-section{align-items:center;background:#0000;display:flex;justify-content:center;pointer-events:none}.avatar-container{flex-direction:column;gap:var(--space-2);height:auto;position:relative;width:auto}.avatar-display{align-items:center;background:linear-gradient(135deg,#2997ff33,#bf5af233);border:3px solid var(--glass-border-light);border-radius:var(--radius-full);box-shadow:0 0 30px #2997ff33;display:flex;flex-shrink:0;height:220px;justify-content:center;overflow:hidden;pointer-events:auto;position:relative;transition:all var(--transition-base);width:220px}.avatar-display>div{height:100%;width:100%}.avatar-display canvas{border-radius:var(--radius-full);height:100%!important;width:100%!important}.avatar-display:hover{border-color:var(--accent-primary);box-shadow:0 0 40px #2997ff4d;transform:scale(1.02)}.avatar-image{border-radius:var(--radius-full);height:100%;object-fit:cover;object-position:center top;width:100%}.avatar-status{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--fs-sm);font-weight:var(--fw-medium);gap:var(--space-2);justify-content:center;white-space:nowrap}.status-indicator{animation:pulse 2s infinite;background:var(--accent-tertiary);border-radius:var(--radius-full);box-shadow:0 0 10px var(--accent-tertiary);height:8px;width:8px}.conversation-area{display:flex;flex-direction:column;grid-area:conversation;height:100%;overflow:visible;padding:0;position:relative;z-index:5}.conversation-area.full-page{border:none;border-radius:0;box-shadow:none;grid-row:1/-1}.conversation-area.full-page,.conversation-area.full-page .learning-section{background:#0000;height:100%;margin:0;min-height:0;overflow:hidden;padding:0;width:100%}.conversation-area.full-page .learning-section{border:none;display:flex;flex:1 1;flex-direction:column}.message{animation:slideUp var(--transition-base) ease-out;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-xl);font-size:var(--fs-base);line-height:var(--lh-normal);max-width:70%;padding:var(--space-4) var(--space-5)}.message.tutor{align-self:flex-start;background:#2997ff1a;border-bottom-left-radius:var(--radius-sm);border-color:#2997ff33}.message.user{align-self:flex-end;background:#bf5af21a;border-bottom-right-radius:var(--radius-sm);border-color:#bf5af233}.message-time{color:var(--text-quaternary);font-size:var(--fs-xs);font-weight:var(--fw-medium);margin-top:var(--space-2)}.input-area{align-items:center;background:#0000;display:flex;gap:var(--space-4);grid-area:input-area;padding:var(--space-4) var(--space-6)}.input-container{flex:1 1;position:relative}.chat-input{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-bg-input);border:1px solid var(--glass-border);border-radius:var(--radius-pill);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--fs-base);outline:none;padding:var(--space-4) var(--space-6);transition:all var(--transition-base);width:100%}.chat-input::placeholder{color:var(--text-quaternary)}.chat-input:focus{background:var(--glass-bg-hover);border-color:var(--accent-primary);box-shadow:0 0 20px #2997ff33}.input-actions{display:flex;gap:var(--space-2)}.action-btn{align-items:center;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--fs-lg);height:44px;justify-content:center;transition:all var(--transition-base);width:44px}.action-btn:hover{background:#2997ff26;border-color:var(--accent-primary);transform:scale(1.05)}.action-btn.primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.action-btn.primary:hover{background:#3da8ff;box-shadow:0 0 20px #2997ff66}.App-progress{background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);display:flex;flex-direction:column;gap:var(--space-4);grid-area:progress;overflow-y:auto;padding:var(--space-6);position:relative;transition:all var(--transition-base)}.App-progress,.progress-toggle{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg)}.progress-toggle{background:var(--glass-bg-elevated)}.App-progress.collapsed{padding:var(--space-6) var(--space-3)}.App-progress.collapsed .progress-content{display:none}.App-progress.collapsed .progress-toggle{left:50%;transform:translateX(-50%)}.progress-content{transition:opacity var(--transition-base)}.progress-header{margin-bottom:var(--space-6);margin-top:var(--space-4);text-align:center}.progress-title{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-semibold);margin-bottom:var(--space-2)}.progress-subtitle{color:var(--text-tertiary);font-size:var(--fs-sm)}.stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);margin-bottom:var(--space-6)}.stat-card{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;transition:all var(--transition-base)}.stat-card:hover{background:#2997ff1a;border-color:#2997ff4d;transform:translateY(-2px)}.stat-icon{font-size:var(--fs-xl)}.stat-value{font-size:var(--fs-lg)}.stat-label{font-size:var(--fs-xs);font-weight:var(--fw-medium);letter-spacing:.5px;text-transform:uppercase}.circular-progress{height:140px;margin:var(--space-6) auto;position:relative;width:140px}.progress-circle{background:conic-gradient(var(--accent-primary) 0deg 36deg,var(--glass-bg-hover) 36deg);border:2px solid var(--glass-border);border-radius:var(--radius-full);box-shadow:0 0 30px #2997ff33;height:100%;width:100%}.progress-circle,.progress-inner{align-items:center;display:flex;justify-content:center}.progress-inner{backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--radius-full);flex-direction:column;height:110px;width:110px}.progress-percentage{font-size:var(--fs-2xl)}.skills-section{margin-top:var(--space-4)}.skills-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold)}.skill-item,.skills-title{margin-bottom:var(--space-3)}.skill-item{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all var(--transition-base)}.skill-item:hover{background:#2997ff1a;border-color:#2997ff4d}.skill-icon{border:1px solid var(--glass-border);flex-shrink:0;height:32px;width:32px}.skill-name{font-weight:var(--fw-medium)}.skill-progress{background:var(--glass-bg-hover);border-radius:var(--radius-sm);height:4px;overflow:hidden;width:100%}.skill-progress-fill{transition:width var(--transition-base)}.skill-percentage{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);min-width:28px;text-align:right}.streak-section{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-xl);margin-top:var(--space-4);padding:var(--space-4)}.streak-calendar{grid-gap:var(--space-1);display:grid;gap:var(--space-1);grid-template-columns:repeat(7,1fr);margin-top:var(--space-3)}.calendar-day{align-items:center;aspect-ratio:1;background:var(--glass-bg-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:var(--fs-xs);font-weight:var(--fw-medium);justify-content:center;max-width:28px;position:relative;transition:all var(--transition-base);width:100%}.calendar-day:hover{background:var(--glass-bg-hover)}.calendar-day.completed{background:var(--accent-tertiary);border-color:var(--accent-tertiary);box-shadow:0 0 10px #30d1584d;color:#fff;font-weight:var(--fw-bold)}.calendar-day.today{background:#2997ff1a;border:2px solid var(--accent-primary)}.progress-toggle,.sidebar-toggle{align-items:center;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-bg-elevated);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-sm);height:28px;justify-content:center;position:absolute;top:var(--space-4);transition:all var(--transition-base);width:28px}.sidebar-toggle{right:var(--space-4)}.progress-toggle:hover,.sidebar-toggle:hover{background:#2997ff26;border-color:var(--accent-primary);color:var(--accent-primary)}@media (max-width:1200px){.App{grid-template-columns:var(--sidebar-collapsed-width) 1fr 280px}}@media (max-width:1024px){.App{bottom:12px;grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:1fr;left:12px;right:12px;top:72px}.App-progress,.App-sidebar{display:none}.avatar-section{height:200px}}@media (max-width:768px){.App{bottom:8px;left:8px;right:8px;top:60px}.App.learning-mode{bottom:0!important;gap:0!important;grid-template-areas:"main"!important;grid-template-columns:1fr!important;left:0!important;padding:0!important;right:0!important}.App-main{border-radius:var(--radius-xl)}.App-main.learning-mode{border-radius:0!important}.App-main.learning-mode,.conversation-area.full-page{margin:0!important;padding:0!important}.conversation-area.full-page .learning-section{margin:0!important;padding:0!important;width:100%!important}.avatar-section{background:#0000;height:calc(33.33vh - 120px);left:0;max-height:280px;min-height:200px;pointer-events:none;position:absolute;right:0;top:120px;z-index:50}.avatar-container{flex-direction:column;gap:var(--space-2);height:100%;justify-content:center;padding:0;pointer-events:none}.avatar-display{border-width:3px;box-shadow:0 0 40px #2997ff40;flex-shrink:0;height:calc(33.33vh - 80px);max-height:260px;max-width:260px;min-height:180px;min-width:180px;pointer-events:auto;width:calc(33.33vh - 80px)}.avatar-image{height:100%;width:100%}.avatar-status{bottom:8px;font-size:12px;height:28px;right:8px;width:28px}.chat-main-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0a0a0c66;height:56px;padding:8px 16px}.chat-header-left{gap:10px}.tutor-icon{font-size:13px;height:36px;width:36px}.tutor-info{gap:2px}.tutor-name{font-size:15px;font-weight:600}.tutor-status-online{font-size:12px}.status-dot-online{height:7px;width:7px}}@media (max-width:480px){.App{bottom:4px;left:4px;right:4px;top:60px}.App.learning-mode{bottom:0;gap:0;grid-template-areas:"main";grid-template-columns:1fr;left:0;right:0}.App-main{border-radius:var(--radius-lg)}.App-main.learning-mode{border-radius:0}.avatar-section{height:calc(33.33vh - 120px);max-height:260px;min-height:180px;top:120px}.avatar-display{border-width:3px;height:calc(33.33vh - 70px);max-height:240px;max-width:240px;min-height:160px;min-width:160px;width:calc(33.33vh - 70px)}.avatar-image{height:100%;width:100%}.avatar-status{bottom:6px;font-size:11px;height:24px;right:6px;width:24px}.chat-main-header{height:50px;padding:6px 12px}.tutor-icon{font-size:12px;height:32px;width:32px}.tutor-name{font-size:14px}.tutor-status-online{font-size:11px}.status-dot-online{height:6px;width:6px}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);height:200px;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border-top:3px solid var(--glass-border);border:3px solid var(--glass-border);border-radius:var(--radius-full);border-top-color:var(--accent-primary);height:40px;width:40px}.loading-text{color:var(--text-secondary);font-size:var(--fs-sm)}@media (prefers-reduced-motion:reduce){.message,.status-indicator{animation:none}}.action-btn:focus-visible,.chat-input:focus-visible,.header-menu-btn:focus-visible,.progress-toggle:focus-visible,.sidebar-toggle:focus-visible,.tab-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.chat-input-area{align-items:center;bottom:var(--space-6);direction:ltr;display:flex;gap:12px;justify-content:center;left:50%;max-width:700px;min-width:360px;position:fixed;transform:translateX(-50%);transition:all var(--transition-base);width:calc(100% - var(--sidebar-width) - var(--progress-width) - 100px);z-index:var(--z-floating)}.App.sidebar-collapsed .chat-input-area{width:calc(100% - var(--sidebar-collapsed-width) - var(--progress-width) - 100px)}.App.progress-collapsed .chat-input-area{width:calc(100% - var(--sidebar-width) - var(--progress-collapsed-width) - 100px)}.App.both-collapsed .chat-input-area{width:calc(100% - var(--sidebar-collapsed-width) - var(--progress-collapsed-width) - 100px)}.chat-input-area .input-container{align-items:center;display:flex;gap:12px;width:100%}.chat-input-area .input-field-wrapper{align-items:center;background:#1e1e24f2;border:1px solid #ffffff1a;border-radius:100px;display:flex;flex:1 1;height:56px;padding:8px 8px 8px 24px;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.chat-input-area .input-field-wrapper:hover{background:#23232af2;border-color:#ffffff26}.chat-input-area .input-field-wrapper:focus-within{background:#23232afa;border-color:#2997ff66;box-shadow:0 0 0 3px #2997ff1a}.glass-chat-input{background:#0000;border:none;color:#ffffffe6;flex:1 1;font-family:var(--font-primary);font-size:15px;font-weight:400;height:100%;line-height:1.4;min-width:0;outline:none;padding:0}.glass-chat-input::placeholder{color:#fff6;font-size:15px;font-weight:400}.input-action-btn{align-items:center;background:#ffffff14;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;transition:all .3s cubic-bezier(.2,.8,.2,1);width:44px}.input-action-btn:hover{background:#ffffff1f;color:#ffffffe6;transform:scale(1.05)}.input-action-btn:active{transform:scale(.95)}.input-action-btn.mic-btn{background:#ffffff0f;border:1px solid #ffffff14;color:#ffffff80;position:relative}.input-action-btn.mic-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#fffc}.input-action-btn.mic-btn.listening{animation:micBreathing 2s ease-in-out infinite;background:#3b82f626;border-color:#3b82f666;color:#3b82f6}.input-action-btn.mic-btn.listening:before{animation:micGlow 2s ease-in-out infinite;background:radial-gradient(circle,#3b82f64d 0,#0000 70%);border-radius:50%;bottom:-4px;content:"";left:-4px;position:absolute;right:-4px;top:-4px;z-index:-1}@keyframes micBreathing{0%,to{box-shadow:0 0 0 0 #3b82f666;transform:scale(1)}50%{box-shadow:0 0 20px 4px #3b82f64d;transform:scale(1.05)}}@keyframes micGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.input-action-btn.mic-btn.muted{animation:none;background:#ef444426;border-color:#ef44444d;color:#ef4444}.input-action-btn.mic-btn.muted:before{display:none}.input-action-btn.mic-btn.muted:hover{background:#ef444440}.input-action-btn.send-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666;color:#fff;height:40px;width:40px}.input-action-btn.send-btn:hover{box-shadow:0 4px 16px #3b82f680;transform:scale(1.05)}.input-action-btn.send-btn:disabled{background:#ffffff0f;box-shadow:none;color:#fff3;cursor:not-allowed;transform:none}.input-action-btn.keyboard-btn{background:#ffffff0f;border:1px solid #ffffff14;color:#ffffff80}.input-action-btn.keyboard-btn:hover{background:#ffffff1a;border-color:#ffffff26;color:#fffc}.input-action-btn.keyboard-btn.active{background:#2997ff26;border-color:#2997ff4d;color:#2997ff}.input-action-btn.keyboard-btn.disabled,.input-action-btn.keyboard-btn:disabled{background:#ffffff08;border-color:#ffffff0a;color:#fff3;cursor:not-allowed;opacity:.5}.input-action-btn.keyboard-btn.disabled:hover,.input-action-btn.keyboard-btn:disabled:hover{background:#ffffff08;color:#fff3;transform:none}@media (max-width:1024px){.chat-input-area{left:50%;max-width:none;min-width:auto;transform:translateX(-50%);width:calc(100% - 32px)}}.modal-overlay{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#050505cc;padding:var(--space-4);z-index:2000}.modal-content{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 25px 80px #00000080;height:700px;max-height:95vh;max-width:95vw;position:relative;width:900px}.modal-header{display:none}.modal-body{background:#0000;border-radius:var(--radius-2xl);overflow:hidden;padding:0}.modal-title{display:none}.modal-close{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-hover);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-lg);height:32px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);width:32px;z-index:2001}.modal-close:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff;transform:scale(1.1)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}[data-theme=light] .App-main{background:#ffffffbf;border:1px solid #0000000f;box-shadow:0 12px 40px -12px #0000001a}[data-theme=light] .App{background-color:#f2f4f8}[data-theme=light] .modal-overlay{background:#0000004d}[data-theme=light] .modal-content{background:#fffffff2;border:1px solid #00000014;box-shadow:0 25px 80px #00000026}[data-theme=light] .modal-close{background:#0000000d;border:1px solid #00000014;color:#636366}[data-theme=light] .modal-close:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .chat-input-area .input-field-wrapper{background:#fffffff2;border:1px solid #0000001a}[data-theme=light] .chat-input-area .input-field-wrapper:hover{background:#fff;border-color:#00000026}[data-theme=light] .chat-input-area .input-field-wrapper:focus-within{background:#fff;border-color:#2997ff80;box-shadow:0 0 0 3px #2997ff26}[data-theme=light] .glass-chat-input{color:#1c1c1e}[data-theme=light] .glass-chat-input::placeholder{color:#a1a1aa}[data-theme=light] .input-action-btn{background:#0000000a;color:#636366}[data-theme=light] .input-action-btn:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .input-action-btn.mic-btn{background:#00000008;border:1px solid #00000014;color:#636366}[data-theme=light] .input-action-btn.mic-btn:hover{background:#0000000f;border-color:#0000001f;color:#1c1c1e}[data-theme=light] .input-action-btn.mic-btn.listening{background:#3b82f61a;border-color:#3b82f64d;color:#2563eb}[data-theme=light] .input-action-btn.mic-btn.muted{background:#ef44441a;border-color:#ef444433;color:#dc2626}[data-theme=light] .input-action-btn.keyboard-btn{background:#00000008;border:1px solid #00000014;color:#636366}[data-theme=light] .input-action-btn.keyboard-btn:hover{background:#0000000f;border-color:#0000001f;color:#1c1c1e}[data-theme=light] .input-action-btn.keyboard-btn.active{background:#2997ff1a;border-color:#2997ff40;color:#2997ff}[data-theme=light] .input-action-btn.keyboard-btn.disabled,[data-theme=light] .input-action-btn.keyboard-btn:disabled{background:#00000005;border-color:#0000000a;color:#c7c7cc}[data-theme=light] .input-action-btn.send-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}[data-theme=light] .input-action-btn.send-btn:disabled{background:#0000000d;color:#c7c7cc}[data-theme=light] .chat-main-header{border-bottom:1px solid #0000000f}[data-theme=light] .chat-main-header .tutor-name{color:#1c1c1e}[data-theme=light] .chat-main-header .header-menu-btn{color:#636366}[data-theme=light] .chat-main-header .header-menu-btn:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .header-dropdown-menu{background:#fffffffa;border:1px solid #00000014;box-shadow:0 8px 32px #0000001f}[data-theme=light] .header-menu-item{color:#1c1c1e}[data-theme=light] .header-menu-item:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .header-menu-item.active{background:#2997ff1a;color:#2997ff}[data-theme=light] .avatar-display{background:linear-gradient(135deg,#2997ff26,#bf5af226);border-color:#00000014;box-shadow:0 0 30px #2997ff26}[data-theme=light] .avatar-status{color:#636366}[data-theme=light] .stat-card{background:#00000005;border:1px solid #0000000a}[data-theme=light] .stat-card:hover{background:#2997ff14;border-color:#2997ff33}[data-theme=light] .stat-value{color:#1c1c1e}[data-theme=light] .stat-label{color:#636366}[data-theme=light] .progress-circle{border:2px solid #0000000f;box-shadow:0 0 30px #2997ff1a}[data-theme=light] .skill-item{background:#00000005;border:1px solid #0000000a}[data-theme=light] .skill-item:hover{background:#2997ff14;border-color:#2997ff33}[data-theme=light] .skill-icon{background:#00000008;border:1px solid #0000000f}[data-theme=light] .skill-name{color:#1c1c1e}[data-theme=light] .skill-progress{background:#0000000f}[data-theme=light] .skill-percentage{color:#636366}[data-theme=light] .calendar-day,[data-theme=light] .streak-section{background:#00000005;border:1px solid #0000000a}[data-theme=light] .calendar-day{color:#636366}[data-theme=light] .calendar-day:hover{background:#0000000d}[data-theme=light] .calendar-day.today{background:#2997ff14;border:2px solid var(--accent-primary)}[data-theme=light] .progress-toggle,[data-theme=light] .sidebar-toggle{background:#00000008;border:1px solid #0000000f;color:#636366}[data-theme=light] .progress-toggle:hover,[data-theme=light] .sidebar-toggle:hover{background:#2997ff1a;border-color:#2997ff40;color:#2997ff}.mobile-progress-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#050505d9;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:3000}.mobile-progress-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:0;box-shadow:none;height:100%;max-height:100%;max-width:100%;overflow:hidden;position:relative;width:100%}.mobile-progress-modal-close{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-hover);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:12px;top:12px;transition:all var(--transition-fast);width:36px;z-index:3001}.mobile-progress-modal-close:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff;transform:scale(1.1)}.mobile-progress-modal .progress-panel,.mobile-progress-modal .progress-panel-modern{background:#0000!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important;overflow-y:auto!important;position:relative!important;width:100%!important}@media (max-width:1024px){.mobile-progress-modal .progress-panel,.mobile-progress-modal .progress-panel-modern{display:flex!important}}@media (max-width:768px){.mobile-progress-modal .progress-panel,.mobile-progress-modal .progress-panel-modern,.mobile-progress-modal .progress-panel-modern.collapsed,.mobile-progress-modal .progress-panel-modern[dir=rtl]{display:flex!important}}.mobile-progress-modal .progress-header,.mobile-progress-modal .progress-header-modern{padding-right:50px}[data-theme=light] .mobile-progress-modal-overlay{background:#0006}[data-theme=light] .mobile-progress-modal{background:#fffffff2;border:1px solid #00000014;box-shadow:0 25px 80px #0003}[data-theme=light] .mobile-progress-modal-close{background:#0000000d;border:1px solid #00000014;color:#636366}[data-theme=light] .mobile-progress-modal-close:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff}.mobile-notifications-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#050505d9;bottom:0;display:flex;justify-content:center;left:0;padding:0;position:fixed;right:0;top:0;z-index:3000}.mobile-notifications-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:0;display:flex;flex-direction:column;height:100%;max-height:100%;max-width:100%;overflow:hidden;width:100%}.mobile-notifications-header{align-items:center;background:#ffffff05;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:16px 20px}.mobile-notifications-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.mobile-notifications-header-actions{align-items:center;display:flex;gap:12px}.mobile-notifications-mark-all{background:#0000;border:1px solid var(--accent-primary);border-radius:8px;color:var(--accent-primary);cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.mobile-notifications-mark-all:hover{background:var(--accent-primary);color:#fff}.mobile-notifications-close{align-items:center;background:var(--glass-bg-hover);border:1px solid var(--glass-border);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.mobile-notifications-close:hover{background:var(--accent-error);border-color:var(--accent-error);color:#fff}.mobile-notifications-content{flex:1 1;overflow-y:auto;padding:16px}.mobile-notifications-empty{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;height:100%;justify-content:center;min-height:300px;text-align:center}.mobile-notifications-empty svg{margin-bottom:16px;opacity:.3}.mobile-notifications-empty p{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0 0 8px}.mobile-notifications-empty span{color:var(--text-tertiary);font-size:14px}.mobile-notifications-list{display:flex;flex-direction:column;gap:12px}.mobile-notification-item{align-items:flex-start;background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px;transition:all .2s ease}.mobile-notification-item:hover{background:#ffffff0f}.mobile-notification-item.unread{background:#2997ff14;border-color:#2997ff33}.mobile-notification-icon{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.mobile-notification-icon.type-achievement{background:#ffd70026}.mobile-notification-icon.type-streak{background:#ff6b3526}.mobile-notification-icon.type-tip{background:#ffc10726}.mobile-notification-icon.type-reminder{background:#2997ff26}.mobile-notification-content{flex:1 1;min-width:0}.mobile-notification-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.mobile-notification-message{color:var(--text-secondary);font-size:13px;line-height:1.4}.mobile-notification-dismiss{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;transition:all .2s ease;width:28px}.mobile-notification-item:hover .mobile-notification-dismiss{opacity:1}.mobile-notification-dismiss:hover{background:var(--accent-error);color:#fff}[data-theme=light] .mobile-notifications-modal-overlay{background:#0006}[data-theme=light] .mobile-notifications-modal{background:#fffffffa;border:1px solid #00000014}[data-theme=light] .mobile-notifications-header{background:#00000005;border-bottom:1px solid #00000014}[data-theme=light] .mobile-notifications-close{background:#0000000d;border:1px solid #00000014;color:#636366}[data-theme=light] .mobile-notification-item{background:#00000005;border:1px solid #0000000f}[data-theme=light] .mobile-notification-item:hover{background:#0000000a}[data-theme=light] .mobile-notification-item.unread{background:#2997ff0f;border-color:#2997ff26}body.rtl{direction:rtl;text-align:right}body.ltr{direction:ltr;text-align:left}.rtl .App{grid-template-areas:"sidebar main progress"}.rtl .App.learning-mode{grid-template-areas:"sidebar main"}.rtl .App.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr var(--progress-width)}.rtl .App.progress-collapsed{grid-template-columns:var(--sidebar-width) 1fr var(--progress-collapsed-width)}.rtl .App.both-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr var(--progress-collapsed-width)}.rtl .App.learning-mode.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed-width) 1fr}.rtl .App-header{direction:ltr}.rtl .categoriesGrid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.rtl .categoryCard{text-align:right}.rtl .categoryHeader{flex-direction:row-reverse}.rtl .categoryIcon{margin-left:var(--space-4);margin-right:0}.rtl .categoryProgress{flex-direction:row-reverse}.rtl .gameTypesGrid{direction:rtl}.rtl .gameTypeHeader,.rtl .gameTypeStats{flex-direction:row-reverse}.rtl .gamesList{direction:rtl}.rtl .gameQuickStart{flex-direction:row-reverse}.rtl .gameCard,.rtl .gameQuickTitle{text-align:right}.rtl .gameHeader,.rtl .playGameButton{flex-direction:row-reverse}.rtl .playGameButton{align-self:flex-end}.rtl .backToAllGames{flex-direction:row-reverse}.rtl .progress-panel{border-left:1px solid var(--glass-border);border-right:none}.rtl .progress-header{text-align:right}.rtl .stats-grid{direction:rtl}.rtl .stat-item{text-align:right}.rtl .achievement-item{flex-direction:row-reverse;text-align:right}.rtl .achievement-icon{margin-left:var(--space-3);margin-right:0}.rtl .match-words-container .game-content{grid-template-columns:1fr 1fr}.rtl .translations-list,.rtl .words-list{text-align:right}.rtl .matched-pair{flex-direction:row-reverse}.rtl .match-icon{margin-left:.5rem;margin-right:0}.rtl .memory-cards-grid{direction:rtl}.rtl .game-stats{flex-direction:row-reverse}.rtl .translation-popup{left:auto;right:50%;transform:translateX(50%)}.rtl .game-over-buttons{flex-direction:row-reverse}.rtl .word-list{direction:rtl}.rtl .learned-word{flex-direction:row-reverse}.rtl .spanish{order:2}.rtl .english{order:1}.rtl .arrow{transform:scaleX(-1)}.rtl button{direction:rtl}.rtl .back-button,.rtl .next-button{flex-direction:row-reverse}.rtl input,.rtl select,.rtl textarea{direction:rtl;text-align:right}.rtl input::placeholder,.rtl textarea::placeholder{text-align:right}@keyframes slideInRTL{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.rtl .slideIn{animation:slideInRTL .3s ease-out}.rtl ::-webkit-scrollbar{left:0;right:auto}.rtl .tooltip{direction:rtl;text-align:right}@media (max-width:768px){.rtl .App{grid-template-areas:"main";grid-template-columns:1fr;grid-template-rows:1fr}.rtl .categoryHeader,.rtl .game-stats,.rtl .gameTypeHeader{flex-direction:column;text-align:center}}.rtl :not(.fa-solid):not(.fa-regular):not(.fa-brands):not([class*=fa-]){font-family:Segoe UI,Tahoma,Arial,Noto Sans Hebrew,David,sans-serif}.rtl .fa-regular,.rtl .fa-solid{font-family:Font Awesome\ 6 Free!important}.rtl .fa-solid{font-weight:900!important}.rtl .fa-brands,.rtl .fa-regular{font-weight:400!important}.rtl .fa-brands{font-family:Font Awesome\ 6 Brands!important}.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl h6{font-weight:600;line-height:1.4}.rtl .hebrew-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.rtl .feedback-text{word-wrap:break-word;direction:rtl;overflow-wrap:break-word;text-align:right;unicode-bidi:embed;white-space:pre-wrap}.rtl .number{display:inline-block}.rtl .language-selector,.rtl .number{direction:ltr}.rtl .icon-flip{transform:scaleX(-1)}.feedback-overlay{--bg-void:#050505;--bg-glass-panel:#141419b3;--bg-glass-light:#ffffff08;--bg-glass-lighter:#ffffff0f;--bg-glass-input:#0a0a0c99;--accent-primary:#2997ff;--accent-secondary:#bf5af2;--accent-tertiary:#30d158;--accent-warn:#ff9f0a;--accent-error:#ff453a;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#fff6;--border-glass:#ffffff14;--border-glass-light:#ffffff1f;--border-selected:#2997ff80;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--font-main:"Inter",-apple-system,sans-serif;--font-display:"Outfit",sans-serif;--shadow-glass:0 24px 60px #0009;--blur-bg:blur(40px);--blur-card:blur(20px);align-items:center;background-color:var(--bg-void);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.aurora-bg,.feedback-overlay{height:100%;overflow:hidden;width:100%}.aurora-bg{pointer-events:none;position:absolute;z-index:0}.aurora-orb{animation:float 20s ease-in-out infinite alternate;border-radius:50%;filter:blur(120px);opacity:.12;position:absolute}.orb-1{background:var(--accent-primary);height:60vw;left:20%;top:-20%;width:60vw}.orb-2{animation-delay:-8s;background:var(--accent-secondary);bottom:-10%;height:50vw;right:20%;width:50vw}@keyframes float{0%{transform:translate(0)}to{transform:translate(-30px,30px)}}.feedback-container-new{backdrop-filter:var(--blur-bg);-webkit-backdrop-filter:var(--blur-bg);background:var(--bg-glass-panel);border:1px solid var(--border-glass);border-radius:var(--radius-xl);box-shadow:var(--shadow-glass);display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:800px;z-index:1}.feedback-header-new{align-items:flex-start;border-bottom:1px solid var(--border-glass);display:flex;flex-shrink:0;justify-content:space-between;padding:32px 32px 20px;position:relative}.feedback-header-content{flex:1 1}.feedback-title-new{color:var(--text-primary);font-family:var(--font-display);font-size:28px;font-weight:700;margin:0 0 8px}.feedback-subtitle-new{color:var(--text-secondary);font-size:15px;line-height:1.5;margin:0}.feedback-close-btn-new{align-items:center;background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s;width:36px}.feedback-close-btn-new:hover{background:var(--bg-glass-lighter);color:var(--text-primary)}.feedback-close-btn-new svg{height:16px;width:16px}.feedback-body{flex:1 1;overflow-y:auto;scroll-behavior:smooth}.feedback-main{height:100%}.feedback-form{display:flex;flex-direction:column;gap:40px;padding:32px}.feedback-type-section,.form-section{display:flex;flex-direction:column;gap:16px}.section-title{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-main);font-size:16px;font-weight:600;gap:10px;margin:0}.section-pipe{background:var(--accent-secondary);border-radius:2px;height:18px;width:3px}.section-pipe.blue{background:var(--accent-primary)}.section-icon{color:inherit;height:18px;width:18px}.feedback-type-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.feedback-type-card{align-items:center;background:var(--bg-glass-light);border:1px solid var(--border-glass);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:24px 16px;position:relative;text-align:center;transition:all .2s cubic-bezier(.2,.8,.2,1)}.feedback-type-card:hover{background:var(--bg-glass-lighter);transform:translateY(-2px)}.feedback-type-card.active{background:#2997ff1a;border-color:var(--border-selected);box-shadow:0 0 30px #2997ff26}.type-card-icon{align-items:center;display:flex;font-size:32px;justify-content:center;margin-bottom:16px}.feedback-type-card:first-child .type-card-icon{color:var(--accent-primary);filter:drop-shadow(0 0 10px rgba(41,151,255,.4))}.feedback-type-card:nth-child(2) .type-card-icon{color:var(--accent-warn);filter:drop-shadow(0 0 10px rgba(255,159,10,.4))}.feedback-type-card:nth-child(3) .type-card-icon{color:var(--accent-secondary);filter:drop-shadow(0 0 10px rgba(191,90,242,.4))}.type-card-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 6px}.type-card-description{color:var(--text-tertiary);font-size:12px;line-height:1.4;margin:0}.check-badge{align-items:center;background:var(--accent-primary);border-radius:50%;color:#fff;display:flex;height:20px;justify-content:center;opacity:0;position:absolute;right:12px;top:12px;transform:scale(0);transition:all .2s cubic-bezier(.34,1.56,.64,1);width:20px}.feedback-type-card.active .check-badge{opacity:1;transform:scale(1)}.check-badge svg{height:12px;width:12px}.form-field{margin:0}.feedback-input-wrapper{background:var(--bg-glass-input);border:1px solid var(--border-glass-light);border-radius:var(--radius-lg);padding:16px;transition:all .3s}.feedback-input-wrapper:focus-within{background:#141419cc;border-color:var(--accent-primary);box-shadow:0 0 20px #2997ff1a}.form-textarea{background:#0000;border:none!important;border-radius:0;color:var(--text-primary);font-family:var(--font-main);font-size:15px;height:120px;line-height:1.6;resize:none;width:100%}.form-textarea,.form-textarea:focus{box-shadow:none!important;outline:none!important}.form-textarea:focus{border:none!important}.form-textarea::placeholder{color:var(--text-tertiary)}.file-upload-area{position:relative}.file-input{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.file-upload-label{align-items:center;background:#ffffff05;border:2px dashed var(--border-glass-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:120px;padding:32px;transition:all .2s}.file-upload-label:hover{background:#ffffff0a;border-color:var(--accent-primary)}.file-upload-label.has-file{background:#30d1580d;border-color:var(--accent-tertiary)}.upload-icon{color:var(--accent-primary);height:40px;opacity:.8;width:40px}.upload-text{color:var(--text-primary);font-size:15px;font-weight:500}.upload-hint{color:var(--text-tertiary);font-size:12px;letter-spacing:.5px;text-transform:uppercase}.message{align-items:center;backdrop-filter:var(--blur-card);-webkit-backdrop-filter:var(--blur-card);border-radius:var(--radius-md);display:flex;font-size:14px;font-weight:500;gap:12px;padding:16px 20px}.message.success{background:#30d1581a;border:1px solid #30d15833;color:var(--accent-tertiary)}.message.error{background:#ff453a1a;border:1px solid #ff453a33;color:var(--accent-error)}.message-icon{flex-shrink:0;height:16px;width:16px}.modal-footer{background:#0003;flex-shrink:0;padding:20px 32px 32px}.form-actions,.modal-footer{border-top:1px solid var(--border-glass);gap:16px}.form-actions{display:flex;justify-content:flex-end;margin-top:8px;padding:20px 0 0}.btn{font-family:var(--font-main)}.btn,.feedback-cancel-btn{border:none;border-radius:100px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s}.feedback-cancel-btn{background:#0000;color:var(--text-secondary)}.feedback-cancel-btn:hover{background:var(--bg-glass-light);color:var(--text-primary)}.feedback-submit-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:100px;box-shadow:0 4px 15px #2997ff4d;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.feedback-submit-btn:hover:not(:disabled){box-shadow:0 6px 20px #2997ff66;transform:translateY(-1px)}.feedback-submit-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-icon{height:14px;width:14px}.feedback-body::-webkit-scrollbar{width:6px}.feedback-body::-webkit-scrollbar-track{background:#0000}.feedback-body::-webkit-scrollbar-thumb{background:var(--border-glass-light);border-radius:3px}.feedback-body::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media (max-width:900px){.feedback-container-new{width:95%}.feedback-type-cards{grid-template-columns:1fr}}@media (max-width:768px){.feedback-container-new{max-height:95vh}.feedback-header-new{padding:24px 24px 16px}.feedback-title-new{font-size:24px}.feedback-form{gap:32px;padding:24px}.form-actions{flex-direction:column-reverse}.feedback-cancel-btn,.feedback-submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.feedback-header-new{padding:20px 20px 16px}.feedback-title-new{font-size:22px}.feedback-form{gap:28px;padding:20px}.feedback-type-card{padding:20px 12px}.file-upload-label{padding:24px 16px}}.feedback-container-new[dir=rtl]{direction:rtl}.feedback-container-new[dir=rtl] .feedback-header-new{flex-direction:row-reverse}.feedback-container-new[dir=rtl] .section-title{flex-direction:row-reverse;text-align:right}.feedback-container-new[dir=rtl] .feedback-type-card{text-align:center}.feedback-container-new[dir=rtl] .check-badge{left:12px;right:auto}.feedback-container-new[dir=rtl] .form-textarea{text-align:right}.feedback-container-new[dir=rtl] .form-actions,.feedback-container-new[dir=rtl] .modal-footer{flex-direction:row-reverse}.feedback-container-new[dir=rtl] .message{flex-direction:row-reverse;text-align:right}.feedback-container-new[dir=rtl] .feedback-submit-btn{flex-direction:row-reverse}.feedback-cancel-btn:focus-visible,.feedback-close-btn-new:focus-visible,.feedback-submit-btn:focus-visible,.feedback-type-card:focus-visible,.file-upload-label:focus-visible,.form-textarea:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}[data-theme=light] .feedback-overlay{--bg-void:#f2f4f8;--bg-glass-panel:#ffffffd9;--bg-glass-light:#00000005;--bg-glass-lighter:#0000000a;--bg-glass-input:#fffc;--text-primary:#1c1c1e;--text-secondary:#0000008c;--text-tertiary:#0006;--border-glass:#00000014;--border-glass-light:#0000001a;--shadow-glass:0 24px 60px #0000001f;background:#f2f4f8e6}[data-theme=light] .feedback-container-new{background:#fffffff2;border:1px solid #00000014;box-shadow:0 25px 80px #0000001f}[data-theme=light] .feedback-container-new:before{background:linear-gradient(90deg,#0000,#0000000a,#0000)}[data-theme=light] .feedback-header h2{color:#1c1c1e}[data-theme=light] .feedback-header p{color:#636366}[data-theme=light] .feedback-type-card{background:#fffc;border:1px solid #0000000f}[data-theme=light] .feedback-type-card:hover{background:#fffffff2;border-color:#0000001a}[data-theme=light] .feedback-type-card.selected{background:#2997ff14;border-color:#2997ff4d}[data-theme=light] .type-title{color:#1c1c1e}[data-theme=light] .form-label,[data-theme=light] .type-description{color:#636366}[data-theme=light] .form-textarea{background:#ffffffe6;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .form-textarea:focus{background:#fff;border-color:#2997ff80;box-shadow:0 0 0 3px #2997ff26}[data-theme=light] .form-textarea::placeholder{color:#a1a1aa}[data-theme=light] .file-upload-label{background:#00000005;border:2px dashed #0000001a;color:#636366}[data-theme=light] .file-upload-label:hover{background:#0000000a;border-color:#00000026;color:#1c1c1e}[data-theme=light] .feedback-submit-btn{background:linear-gradient(135deg,#2997ff,#0077ed);color:#fff}[data-theme=light] .feedback-cancel-btn{background:#0000000a;border:1px solid #00000014;color:#636366}[data-theme=light] .feedback-cancel-btn:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .feedback-close-btn-new{background:#0000000a;color:#636366}[data-theme=light] .feedback-close-btn-new:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .message{background:#fffc;border:1px solid #0000000f}[data-theme=light] .message.success{background:#30d1581a;border-color:#30d15833}[data-theme=light] .message.error{background:#ff453a1a;border-color:#ff453a33}[data-theme=light] .message-text{color:#1c1c1e}.animated-select{display:inline-block;position:relative;width:100%;z-index:10}.animated-select.small{font-size:14px}.animated-select.medium{font-size:16px}.animated-select.large{font-size:18px}.select-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;justify-content:space-between;min-height:48px;overflow:hidden;padding:12px 16px;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.animated-select.small .select-button{border-radius:10px;min-height:40px;padding:8px 12px}.animated-select.large .select-button{border-radius:16px;min-height:56px;padding:16px 20px}.select-button:hover:not(:disabled){background:#ffffff47;border-color:#9333ea66;box-shadow:0 8px 32px #9333ea26,0 4px 16px #ffffff1a;transform:translateY(-1px)}.select-button:focus{border-color:#9333ea80;box-shadow:0 0 0 3px #9333ea33,0 8px 32px #9333ea26;outline:none}.select-button:active:not(:disabled){transform:translateY(0);transition:transform .1s ease}.select-button:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.selected-option{align-items:center;color:#fff;display:flex;flex:1 1;font-weight:500;gap:8px;min-width:0}.option-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;font-size:1.1em;line-height:1}.option-text{direction:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{flex-shrink:0;margin-left:8px}.select-button:hover:not(:disabled) .button-glow{opacity:1}.dropdown-menu{background:#ffffff26;border-radius:16px;box-shadow:0 20px 60px #0000004d,0 8px 24px #9333ea1a;max-height:300px;overflow-y:auto;right:0;top:calc(100% + 4px);transform:translateY(-8px) scale(.96)}.dropdown-content{padding:6px}.select-option{align-items:center;animation:slideInOption .3s ease forwards;animation-delay:0ms;animation-delay:var(--animation-delay,0ms);border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:10px;opacity:0;padding:10px 14px;position:relative;transform:translateX(-10px);transition:all .2s cubic-bezier(.4,0,.2,1)}.select-option:hover{background:#ffffff14;transform:translateX(4px)}.select-option:focus{background:#ffffff1f;outline:none}.select-option.selected{background:#9333ea26;border:1px solid #9333ea4d;color:#e4e4ff}.select-option.selected:hover{background:#9333ea33}.selection-indicator{flex-shrink:0}.option-hover-effect{background:linear-gradient(90deg,#0000,#9333ea1a,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.select-option:hover .option-hover-effect{transform:translateX(100%)}.dropdown-backdrop{background:linear-gradient(135deg,#9333ea08,#4f46e505,#ec489908)}.select-particles{border-radius:inherit;bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.animated-select:hover .particle{animation:floatParticle 2s ease-in-out infinite}.particle-1{left:15%}.particle-2{right:20%}.animated-select.option-changed{animation:optionSwitch .3s ease}@keyframes optionSwitch{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.animated-select[dir=rtl] .select-option,.animated-select[dir=rtl] .selected-option{direction:rtl}.animated-select[dir=rtl] .dropdown-arrow{margin-left:0;margin-right:8px}@media (prefers-color-scheme:dark){.select-button{background:#ffffff0a;border-color:#ffffff14}.dropdown-menu{background:#000000bf;border-color:#ffffff26}}@media (max-width:768px){.select-button{min-height:44px;padding:10px 14px}.animated-select.small .select-button{min-height:36px;padding:8px 12px}.dropdown-menu{max-height:250px}}@media (prefers-contrast:high){.select-button{border-color:#ffffff80;border-width:2px}.select-option{border:1px solid #0000}.select-option:focus,.select-option:hover{border-color:#ffffff4d}}@media (prefers-reduced-motion:reduce){.dropdown-arrow,.dropdown-menu,.particle,.select-button,.select-option{animation:none!important;transition:opacity .2s ease,transform .2s ease}}.animated-select.loading .select-button{cursor:wait;opacity:.7}.animated-select.loading .select-button:after{animation:spin 1s linear infinite;border:2px solid #9333ea4d;border-radius:50%;border-top-color:#9333ea;content:"";height:16px;position:absolute;right:40px;top:50%;width:16px}.animated-select.error .select-button{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.animated-select.success .select-button{border-color:#22c55e80;box-shadow:0 0 0 3px #22c55e1a}.dropdown-menu::-webkit-scrollbar{width:6px}.dropdown-menu::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb{background:#9333ea4d;border-radius:3px}.dropdown-menu::-webkit-scrollbar-thumb:hover{background:#9333ea80}[data-theme=light] .select-button{background:#0000000a;border:1px solid #0000001f}[data-theme=light] .select-button:hover:not(:disabled){background:#0000000f;border-color:#0000002e}[data-theme=light] .selected-option{color:#1c1c1e}[data-theme=light] .dropdown-arrow{color:#636366}[data-theme=light] .button-glow{background:linear-gradient(45deg,#2997ff14,#9333ea14,#ec489914)}[data-theme=light] .dropdown-menu{box-shadow:0 20px 60px #00000026,0 4px 12px #00000014}[data-theme=light] .select-option{color:#1c1c1e}[data-theme=light] .select-option:hover{background:#0000000d}[data-theme=light] .select-option:focus{background:#0000000f}[data-theme=light] .select-option.selected{background:#2997ff1a;border:1px solid #2997ff40;color:#0077ed}[data-theme=light] .select-option.selected:hover{background:#2997ff26}[data-theme=light] .selection-indicator{color:#2997ff}[data-theme=light] .dropdown-menu::-webkit-scrollbar-track{background:#00000008}[data-theme=light] .dropdown-menu::-webkit-scrollbar-thumb{background:#00000026}[data-theme=light] .dropdown-menu::-webkit-scrollbar-thumb:hover{background:#00000040}.sound-picker{margin-top:20px}.sound-picker-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sound-picker-header h4{color:#333;color:var(--text-primary,#333);font-size:16px;font-weight:600;margin:0}[dir=rtl] .sound-picker-header h4{text-align:right}.sound-picker-disabled-badge{background:#0000001a;border-radius:12px;color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:500;padding:4px 12px}.sound-picker-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.sound-option{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff80;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;gap:12px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sound-option:hover:not(.disabled){background:#fffc;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.sound-option.selected{background:linear-gradient(135deg,#4caf501a,#4caf500d);border-color:#4caf50;border-color:var(--primary-color,#4caf50);box-shadow:0 0 0 4px #4caf501a}.sound-option.disabled{background:#c8c8c84d;cursor:not-allowed;opacity:.5}.sound-option.previewing{animation:soundPulse .5s ease}.sound-option-icon{align-items:center;background:#0000000d;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.sound-option.selected .sound-option-icon{background:#4caf50;background:var(--primary-color,#4caf50);color:#fff}.sound-option-info{flex:1 1;min-width:0}[dir=rtl] .sound-option-info{text-align:right}.sound-option-name{color:#333;color:var(--text-primary,#333);font-size:15px;font-weight:600;margin-bottom:4px}.sound-option-description{color:#666;color:var(--text-secondary,#666);font-size:13px;line-height:1.4}.sound-preview-btn{align-items:center;background:#4caf50;background:var(--primary-color,#4caf50);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.sound-preview-btn:hover{box-shadow:0 4px 12px #4caf504d;transform:scale(1.1)}.sound-preview-btn:active{transform:scale(.95)}.sound-selected-indicator{align-items:center;background:#4caf50;background:var(--primary-color,#4caf50);border-radius:50%;box-shadow:0 2px 8px #4caf504d;color:#fff;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}[dir=rtl] .sound-selected-indicator{left:12px;right:auto}.sound-picker-note{background:linear-gradient(135deg,#ffc1071a,#ff98001a);border-left:4px solid #ff9800;border-left:4px solid var(--warning-color,#ff9800);border-radius:8px;margin-top:16px;padding:12px 16px}[dir=rtl] .sound-picker-note{border-left:none;border-right:4px solid #ff9800;border-right:4px solid var(--warning-color,#ff9800)}.sound-picker-note p{color:#333;color:var(--text-primary,#333);font-size:14px;line-height:1.5;margin:0}[dir=rtl] .sound-picker-note p{text-align:right}@keyframes soundPulse{0%,to{transform:scale(1)}50%{box-shadow:0 0 20px #4caf504d;transform:scale(1.03)}}@media (max-width:768px){.sound-option{padding:12px}.sound-option-icon{font-size:28px;height:40px;width:40px}.sound-option-name{font-size:14px}.sound-option-description{font-size:12px}.sound-preview-btn{font-size:14px;height:36px;width:36px}}@media (prefers-color-scheme:dark){.sound-picker-header h4{color:#fff;color:var(--text-primary-dark,#fff)}.sound-option{background:#ffffff0d}.sound-option:hover:not(.disabled){background:#ffffff1a}.sound-option-name{color:#fff;color:var(--text-primary-dark,#fff)}.sound-option-description{color:#aaa;color:var(--text-secondary-dark,#aaa)}.sound-picker-note{background:#ffc10726}.sound-picker-note p{color:#fff;color:var(--text-primary-dark,#fff)}}:root{--settings-bg-void:#050505;--settings-bg-glass-panel:#141419b3;--settings-bg-glass-light:#ffffff08;--settings-bg-glass-lighter:#ffffff0f;--settings-bg-glass-input:#0f0f1299;--settings-accent-primary:#2997ff;--settings-accent-secondary:#bf5af2;--settings-accent-tertiary:#30d158;--settings-accent-gold:#ffd60a;--settings-text-primary:#fff;--settings-text-secondary:#ffffffa6;--settings-text-tertiary:#ffffff73;--settings-border-glass:#ffffff14;--settings-border-glass-light:#ffffff1f;--settings-border-highlight:#fff3;--settings-radius-md:12px;--settings-radius-lg:16px;--settings-radius-xl:24px;--settings-shadow-glass:0 24px 60px #0009;--settings-blur-bg:blur(40px);--settings-blur-panel:blur(30px)}.settings-overlay{align-items:center;background:#050505;background:var(--settings-bg-void);display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.settings-aurora-bg,.settings-overlay{height:100%;overflow:hidden;width:100%}.settings-aurora-bg{pointer-events:none;position:absolute;z-index:0}.settings-aurora-orb{animation:settingsAuroraFloat 25s ease-in-out infinite alternate;border-radius:50%;filter:blur(120px);opacity:.12;position:absolute}.settings-aurora-orb-1{background:#bf5af2;background:var(--settings-accent-secondary);height:70vw;right:20%;top:-20%;width:70vw}.settings-aurora-orb-2{animation-delay:-5s;background:#2997ff;background:var(--settings-accent-primary);bottom:-20%;height:60vw;left:10%;width:60vw}.settings-aurora-orb-3{animation-delay:-12s;background:#30d158;background:var(--settings-accent-tertiary);height:50vw;left:60%;opacity:.08;top:40%;width:50vw}@keyframes settingsAuroraFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,20px) scale(1.05)}}.settings-container-new{backdrop-filter:blur(40px);backdrop-filter:var(--settings-blur-bg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--settings-blur-bg);background:#141419b3;background:var(--settings-bg-glass-panel);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:24px;border-radius:var(--settings-radius-xl);box-shadow:0 24px 60px #0009;box-shadow:var(--settings-shadow-glass);display:grid;grid-template-columns:280px 1fr;height:720px;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:1100px;z-index:1}.settings-sidebar{background:#00000040;border-right:1px solid #ffffff14;border-right:1px solid var(--settings-border-glass);display:flex;flex-direction:column;gap:24px;overflow:hidden;padding:32px 20px}.settings-sidebar-header{padding-left:8px}.settings-sidebar-header h1,.settings-sidebar-title{color:#fff;color:var(--settings-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:24px;font-weight:700;margin:0 0 12px}.settings-search{position:relative}.settings-search input{background:#0f0f1299;background:var(--settings-bg-glass-input);border:1px solid #ffffff1f;border:1px solid var(--settings-border-glass-light);border-radius:12px;border-radius:var(--settings-radius-md);color:#fff;color:var(--settings-text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;height:44px;outline:none;padding:0 16px 0 40px;transition:all .3s;width:100%}.settings-search input:focus{background:#1e1e23e6;border-color:#2997ff;border-color:var(--settings-accent-primary);box-shadow:0 0 0 2px #2997ff33}.settings-search input::placeholder,.settings-search-icon{color:#ffffff73;color:var(--settings-text-tertiary)}.settings-search-icon{height:18px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s;width:18px}.settings-search input:focus+.settings-search-icon,.settings-search:focus-within .settings-search-icon{color:#2997ff;color:var(--settings-accent-primary)}.settings-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding-right:4px;scrollbar-color:#ffffff14 #0000;scrollbar-color:var(--settings-border-glass) #0000;scrollbar-width:thin}.settings-nav::-webkit-scrollbar{width:4px}.settings-nav::-webkit-scrollbar-track{background:#0000}.settings-nav::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--settings-border-glass);border-radius:4px}.settings-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--settings-radius-md);color:#ffffffa6;color:var(--settings-text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.settings-nav-item:hover{background:#ffffff08;background:var(--settings-bg-glass-light);color:#fff;color:var(--settings-text-primary)}.settings-nav-item.active{background:linear-gradient(90deg,#2997ff,#2997ffd9);background:linear-gradient(90deg,var(--settings-accent-primary),#2997ffd9);border-color:#ffffff1a;box-shadow:0 4px 12px #2997ff4d;color:#fff}.settings-nav-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;opacity:.8;width:18px}.settings-nav-item.active .settings-nav-icon{opacity:1}.settings-nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-main{background:radial-gradient(circle at top left,#2997ff0d,#0000 50%);overflow-y:auto;padding:48px;position:relative;scrollbar-color:#ffffff14 #0000;scrollbar-color:var(--settings-border-glass) #0000;scrollbar-width:thin}.settings-main::-webkit-scrollbar{width:6px}.settings-main::-webkit-scrollbar-track{background:#0000}.settings-main::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--settings-border-glass);border-radius:3px}.settings-close-btn-new{align-items:center;background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:50%;color:#ffffffa6;color:var(--settings-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .2s;width:36px;z-index:10}.settings-close-btn-new:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);color:#fff;transform:rotate(90deg)}.settings-close-btn-new svg{height:18px;width:18px}.settings-article-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--settings-border-glass);margin-bottom:40px;padding-bottom:32px}.settings-article-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.settings-article-icon{align-items:center;color:#2997ff;color:var(--settings-accent-primary);display:inline-flex;flex-shrink:0;font-size:24px;justify-content:center}.settings-article-icon svg{height:28px;width:28px}.settings-article-title{color:#fff;color:var(--settings-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:28px;font-weight:700;margin:0}.settings-article-description{color:#ffffffa6;color:var(--settings-text-secondary);font-size:15px;margin:0}.settings-section-header{margin-bottom:40px}.settings-page-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.settings-page-icon{align-items:center;background:#2997ff1a;border-radius:14px;color:#2997ff;color:var(--settings-accent-primary);display:inline-flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.settings-page-icon svg{height:24px;width:24px}.settings-section-title{align-items:center;color:#fff;color:var(--settings-text-primary);display:flex;font-family:Outfit,-apple-system,sans-serif;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.settings-section-title svg{color:#2997ff;color:var(--settings-accent-primary)}.settings-section-description{color:#ffffffa6;color:var(--settings-text-secondary);font-size:15px;margin:0}.settings-form{display:flex;flex-direction:column;gap:24px}.form-field{background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:16px;border-radius:var(--settings-radius-lg);padding:24px;transition:all .3s}.form-field:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--settings-border-glass-light);transform:translateY(-2px)}.form-field-label{color:#fff;color:var(--settings-text-primary);display:block;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:600;margin-bottom:16px}.form-field-content{display:flex;flex-direction:column;gap:8px}.form-field-description{color:#ffffffa6;color:var(--settings-text-secondary);font-size:13px;line-height:1.5;margin-top:8px}.form-animated-select{position:relative;width:100%;z-index:100}.form-animated-select .select-button{background:#2997ff1a!important;border:1px solid #2997ff33!important;border-radius:12px!important;border-radius:var(--settings-radius-md)!important;color:#fff!important;font-size:15px!important;padding:12px 16px!important;transition:all .2s!important}.form-animated-select .select-button:hover:not(:disabled){background:#2997ff26!important;border-color:#2997ff4d!important}.form-animated-select .dropdown-menu{-webkit-backdrop-filter:blur(30px)!important;backdrop-filter:blur(30px)!important;background:#141419f2!important;border:1px solid #ffffff1f!important;border:1px solid var(--settings-border-glass-light)!important;border-radius:12px!important;border-radius:var(--settings-radius-md)!important;box-shadow:0 20px 60px #00000080!important}.form-animated-select .select-option{padding:12px 16px!important;transition:all .2s!important}.form-animated-select .select-option:hover{background:#2997ff26!important}.form-field:first-child{position:relative!important;z-index:999999!important}.form-field:nth-child(2){position:relative!important;z-index:1000!important}.form-input{background:#0f0f1299;background:var(--settings-bg-glass-input);border:1px solid #ffffff1f;border:1px solid var(--settings-border-glass-light);border-radius:12px;border-radius:var(--settings-radius-md);color:#fff;color:var(--settings-text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;outline:none;padding:12px 16px;transition:all .3s;width:100%}.form-input:focus{background:#1e1e23e6;border-color:#2997ff;border-color:var(--settings-accent-primary);box-shadow:0 0 0 2px #2997ff33}.form-toggle{align-items:center;cursor:pointer;display:flex;gap:12px;padding:8px 0;transition:all .2s}.form-toggle:hover{opacity:.9}.settings-container-new .form-toggle .toggle-switch{background:#0f0f1299;background:var(--settings-bg-glass-input);border:1px solid #ffffff1f;border:1px solid var(--settings-border-glass-light);border-radius:14px;flex-shrink:0;height:28px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:52px}.settings-container-new .form-toggle .toggle-switch:hover{border-color:#fff3;border-color:var(--settings-border-highlight)}.settings-container-new .form-toggle .toggle-switch.active{background:linear-gradient(90deg,#2997ff,#2997ffd9);background:linear-gradient(90deg,var(--settings-accent-primary),#2997ffd9);border-color:#2997ff;border-color:var(--settings-accent-primary);box-shadow:0 0 0 2px #2997ff33,0 4px 12px #2997ff4d}.settings-container-new .form-toggle .toggle-handle{background:#fff;border-radius:11px;box-shadow:0 2px 6px #0003;height:22px;left:2px;position:absolute;top:2px;transition:all .3s cubic-bezier(.4,0,.2,1);width:22px}.settings-container-new .form-toggle .toggle-switch.active .toggle-handle{box-shadow:0 3px 10px #2997ff66;transform:translateX(24px)}.toggle-label{color:#fff;color:var(--settings-text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500}.form-toggle-disabled{cursor:not-allowed;opacity:.5}.toggle-switch.disabled{background:#6464644d!important;cursor:not-allowed}.form-slider{width:100%}.slider-container{margin:12px 0}.form-range{-webkit-appearance:none;appearance:none;background:#0f0f1299;background:var(--settings-bg-glass-input);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:3px;height:6px;outline:none;width:100%}.form-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#2997ff;background:var(--settings-accent-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2997ff66;cursor:pointer;height:20px;-webkit-transition:all .2s;transition:all .2s;width:20px}.form-range::-webkit-slider-thumb:hover{box-shadow:0 4px 12px #2997ff99;transform:scale(1.1)}.form-range::-moz-range-thumb{background:#2997ff;background:var(--settings-accent-primary);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #2997ff66;cursor:pointer;height:20px;width:20px}.slider-value{background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:12px;border-radius:var(--settings-radius-md);color:#fff;color:var(--settings-text-primary);display:inline-block;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;margin-top:8px;padding:4px 12px}.tutor-thumbnails{display:flex;gap:20px;margin-top:12px}.tutor-thumbnail{align-items:center;background:#ffffff08;background:var(--settings-bg-glass-light);border:2px solid #ffffff14;border:2px solid var(--settings-border-glass);border-radius:16px;border-radius:var(--settings-radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:140px}.tutor-thumbnail:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--settings-border-glass-light);box-shadow:0 8px 24px #2997ff33;transform:translateY(-4px)}.tutor-thumbnail.active{background:#2997ff26;border-color:#2997ff;border-color:var(--settings-accent-primary);box-shadow:0 0 0 3px #2997ff33,0 8px 24px #2997ff4d}.tutor-avatar-img{border:3px solid #ffffff1f;border:3px solid var(--settings-border-glass-light);border-radius:50%;height:80px;margin-bottom:12px;object-fit:cover;transition:all .3s ease;width:80px}.tutor-thumbnail:hover .tutor-avatar-img{border-color:#fff3;border-color:var(--settings-border-highlight);transform:scale(1.05)}.tutor-thumbnail.active .tutor-avatar-img{border-color:#2997ff;border-color:var(--settings-accent-primary)}.tutor-name{color:#fff;color:var(--settings-text-primary);font-size:16px;font-weight:600;text-align:center}.tutor-checkmark{align-items:center;animation:checkmarkPop .3s cubic-bezier(.68,-.55,.265,1.55);background:#30d158;background:var(--settings-accent-tertiary);border-radius:50%;box-shadow:0 2px 8px #30d15866;color:#fff;display:flex;font-size:14px;height:28px;justify-content:center;position:absolute;right:12px;top:12px;width:28px}@keyframes checkmarkPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.goals-section{display:flex;flex-direction:column;gap:24px}.goals-category{background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:16px;border-radius:var(--settings-radius-lg);padding:24px;transition:all .3s}.goals-category:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--settings-border-glass-light)}.goals-category-title{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--settings-border-glass);color:#fff;color:var(--settings-text-primary);display:flex;font-family:Outfit,-apple-system,sans-serif;font-size:16px;font-weight:600;gap:8px;margin-bottom:20px;padding-bottom:12px}.goals-category-icon{color:#2997ff;color:var(--settings-accent-primary);font-size:20px}.goal-input-container{align-items:center;display:flex;gap:12px;padding:8px 0;width:100%}.goal-input-label{align-items:center;color:#ffffffa6;color:var(--settings-text-secondary);display:flex;font-size:14px;gap:8px;min-width:200px}.goal-input-icon{color:#2997ff;color:var(--settings-accent-primary);font-size:18px}.goal-input-unit{color:#ffffff73;color:var(--settings-text-tertiary);font-size:13px;font-weight:400;margin-left:4px}.goal-input-wrapper{align-items:center;display:flex;flex:1 1;max-width:200px;position:relative}.goal-input-field{-moz-appearance:textfield;background:#0f0f1299;background:var(--settings-bg-glass-input);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:12px;border-radius:var(--settings-radius-md);color:#fff;color:var(--settings-text-primary);font-family:Inter,-apple-system,sans-serif;font-size:16px;font-weight:600;outline:none;padding:10px 48px;text-align:center;transition:all .2s;width:100%}.goal-input-field::-webkit-inner-spin-button,.goal-input-field::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.goal-input-field:focus{background:#1e1e23e6;border-color:#2997ff;border-color:var(--settings-accent-primary);box-shadow:0 0 0 2px #2997ff33}.goal-increment-button{align-items:center;background:#2997ff26;border:1px solid #2997ff40;border-radius:12px;border-radius:var(--settings-radius-md);color:#2997ff;color:var(--settings-accent-primary);cursor:pointer;display:flex;font-size:18px;font-weight:700;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;-webkit-user-select:none;user-select:none;width:36px}.goal-increment-button:hover:not(:disabled){background:#2997ff40;border-color:#2997ff66;transform:translateY(-50%) scale(1.05)}.goal-increment-button:active:not(:disabled){transform:translateY(-50%) scale(.95)}.goal-increment-button:disabled{cursor:not-allowed;opacity:.4}.goal-increment-button.minus{left:6px}.goal-increment-button.plus{right:6px}.notification-section{background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:16px;border-radius:var(--settings-radius-lg);margin:24px 0;padding:24px;transition:all .3s}.notification-section:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--settings-border-glass-light)}.notification-section-title{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--settings-border-glass);color:#fff;color:var(--settings-text-primary);display:flex;font-family:Outfit,-apple-system,sans-serif;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px;padding:0 0 12px}.notification-section .form-field{background:#0000;border:none;margin-bottom:0;padding:12px 0}.notification-section .form-field:hover{background:#0000;transform:none}.settings-save-section{display:flex;justify-content:flex-end;margin-top:32px}.settings-save-btn{align-items:center;background:#2997ff;background:var(--settings-accent-primary);border:none;border-radius:100px;box-shadow:0 10px 30px #2997ff66;color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.settings-save-btn:hover{box-shadow:0 15px 40px #2997ff80;transform:translateY(-2px)}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.save-icon{height:18px;width:18px}.settings-success-message{align-items:center;animation:slideInRight .3s ease-out;background:#30d158;background:var(--settings-accent-tertiary);border-radius:12px;border-radius:var(--settings-radius-md);box-shadow:0 4px 12px #30d15866;color:#fff;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;gap:8px;padding:12px 20px;position:absolute;right:80px;top:24px;z-index:1001}.success-icon{height:16px;width:16px}.settings-error-message{animation:slideInRight .3s ease-out;background:#ef4444;border-radius:12px;border-radius:var(--settings-radius-md);box-shadow:0 4px 12px #ef444466;color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;max-width:400px;padding:12px 20px;position:absolute;right:80px;top:24px;z-index:1002}.error-content,.settings-error-message{align-items:center;display:flex;gap:8px}.error-content{width:100%}.error-icon{flex-shrink:0;font-size:18px}.error-text{flex:1 1;line-height:1.4}.error-close-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:20px;height:24px;justify-content:center;padding:0;transition:background-color .2s;width:24px}.error-close-btn:hover{background-color:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.form-field-beta{opacity:.75;pointer-events:none;position:relative}.beta-badge{animation:pulse 2s infinite;background:linear-gradient(135deg,#ff9800,#ff5722);border-radius:4px;box-shadow:0 2px 4px #ff98004d;color:#fff;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.5px;margin-left:8px;margin-right:8px;padding:2px 8px;text-transform:uppercase}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--settings-blur-bg);backdrop-filter:var(--settings-blur-bg);background:#141419b3;background:var(--settings-bg-glass-panel);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:24px;border-radius:var(--settings-radius-xl);box-shadow:0 24px 60px #0009;box-shadow:var(--settings-shadow-glass);max-width:500px;overflow:hidden;padding:0;width:90%}.modal-header{align-items:center;background:linear-gradient(90deg,#2997ff,#2997ffd9);background:linear-gradient(90deg,var(--settings-accent-primary),#2997ffd9);color:#fff;display:flex;justify-content:space-between;padding:24px}.modal-title{font-family:Outfit,-apple-system,sans-serif;font-size:20px;font-weight:600;margin:0}.modal-close-btn{background:#fff3;color:#fff;font-size:18px;padding:8px;transition:background .2s}.modal-close-btn:hover:not(:disabled){background:#ffffff4d}.modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.modal-body{padding:24px}.modal-message{font-size:16px;margin:0}.modal-message,.modal-warning{color:#fff;color:var(--settings-text-primary)}.modal-warning{background:#ff6b6b1a;border-left:4px solid #ff6b6b;border-radius:4px;font-size:14px;line-height:1.6;margin:16px 0 0;padding:12px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px}.modal-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--settings-radius-md);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s}.modal-btn-secondary{background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);color:#fff;color:var(--settings-text-primary)}.modal-btn-secondary:hover:not(:disabled){background:#ffffff0f;background:var(--settings-bg-glass-lighter);transform:translateY(-1px)}.modal-btn-danger{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 4px 12px #ff6b6b4d;color:#fff}.modal-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ee5a6f,#ff6b6b);box-shadow:0 6px 16px #ff6b6b66;transform:translateY(-1px)}.modal-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.settings-container-new[dir=rtl]{direction:rtl}.settings-container-new[dir=rtl] .settings-sidebar{border-left:1px solid #ffffff14;border-left:1px solid var(--settings-border-glass);border-right:none}.settings-container-new[dir=rtl] .settings-sidebar-header{padding-left:0;padding-right:8px}.settings-container-new[dir=rtl] .settings-search input{padding:0 40px 0 16px}.settings-container-new[dir=rtl] .settings-search-icon{left:auto;right:12px}.settings-container-new[dir=rtl] .settings-nav{padding-left:4px;padding-right:0}.settings-container-new[dir=rtl] .settings-nav-item{text-align:right}.settings-container-new[dir=rtl] .settings-close-btn-new{left:24px;right:auto}.settings-container-new[dir=rtl] .form-field-description,.settings-container-new[dir=rtl] .form-field-label,.settings-container-new[dir=rtl] .settings-section-description,.settings-container-new[dir=rtl] .toggle-label{text-align:right}.settings-container-new[dir=rtl] .tutor-checkmark{left:12px;right:auto}.settings-container-new[dir=rtl] .goal-input-container{flex-direction:row-reverse}.settings-container-new[dir=rtl] .goal-input-label{text-align:right}.settings-container-new[dir=rtl] .goal-increment-button.minus{left:auto;right:6px}.settings-container-new[dir=rtl] .goal-increment-button.plus{left:6px;right:auto}.settings-container-new[dir=rtl] .settings-error-message,.settings-container-new[dir=rtl] .settings-success-message{left:80px;right:auto}.modal-content[dir=rtl] .modal-warning{border-left:none;border-right:4px solid #ff6b6b}.modal-content[dir=rtl] .modal-footer{flex-direction:row-reverse}@media (max-width:1200px){.settings-container-new{grid-template-columns:260px 1fr;width:95vw}}@media (max-width:1024px){.settings-container-new{grid-template-columns:220px 1fr}.settings-main{padding:32px}.settings-section-title{font-size:24px}}@media (max-width:768px){.settings-container-new{border-radius:0;display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100%;overflow:hidden;width:100%}.settings-sidebar{display:none}.settings-content-new,.settings-main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:60px 16px max(80px,env(safe-area-inset-bottom,80px))}.settings-close-btn-new{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141419b3;background:var(--settings-bg-glass-panel);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);height:36px;position:fixed;right:16px;top:12px;width:36px;z-index:102}.settings-container-new[dir=rtl] .settings-close-btn-new{left:16px;right:auto}.settings-mobile-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141419b3;background:var(--settings-bg-glass-panel);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--settings-border-glass);display:flex;gap:12px;height:56px;left:0;padding:0 60px 0 16px;position:fixed;right:0;top:0;z-index:101}.settings-container-new[dir=rtl] .settings-mobile-header{padding:0 16px 0 60px}.settings-menu-btn{align-items:center;background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:10px;color:#fff;color:var(--settings-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.settings-menu-btn:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--settings-border-glass-light)}.settings-menu-btn svg{height:20px;width:20px}.settings-mobile-header-title{color:#fff;color:var(--settings-text-primary);font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-drawer-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:9999999}.settings-drawer-overlay.visible{opacity:1;visibility:visible}.settings-drawer{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#141419b3;background:var(--settings-bg-glass-panel);border-right:1px solid #ffffff14;border-right:1px solid var(--settings-border-glass);display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;max-width:85vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10000000}.settings-container-new[dir=rtl] .settings-drawer{border-left:1px solid #ffffff14;border-left:1px solid var(--settings-border-glass);border-right:none;left:auto;right:0;transform:translateX(100%)}.settings-container-new[dir=rtl] .settings-drawer.open,.settings-drawer.open{transform:translateX(0)}.settings-drawer-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--settings-border-glass);display:flex;justify-content:space-between;padding:20px}.settings-drawer-title{color:#fff;color:var(--settings-text-primary);font-size:18px;font-weight:700;margin:0}.settings-drawer-close{align-items:center;background:#ffffff08;background:var(--settings-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--settings-border-glass);border-radius:8px;color:#ffffffa6;color:var(--settings-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.settings-drawer-close:hover{background:#ffffff0f;background:var(--settings-bg-glass-lighter);color:#fff;color:var(--settings-text-primary)}.settings-drawer-close svg{height:16px;width:16px}.settings-drawer-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.settings-drawer-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffa6;color:var(--settings-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.settings-container-new[dir=rtl] .settings-drawer-item{text-align:right}.settings-drawer-item:hover{background:#ffffff08;background:var(--settings-bg-glass-light);color:#fff;color:var(--settings-text-primary)}.settings-drawer-item.active{background:linear-gradient(90deg,#2997ff26,#0000);border-left:3px solid #2997ff;border-left:3px solid var(--settings-accent-primary);color:#2997ff;color:var(--settings-accent-primary)}.settings-container-new[dir=rtl] .settings-drawer-item.active{background:linear-gradient(-90deg,#2997ff26,#0000);border-left:none;border-right:3px solid #2997ff;border-right:3px solid var(--settings-accent-primary)}.settings-drawer-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.settings-drawer-item-icon svg{height:18px;width:18px}.settings-article-header{margin-bottom:16px}.settings-section-title{font-size:18px}.tutor-thumbnails{flex-wrap:wrap;gap:12px;justify-content:center}.tutor-thumbnail{padding:12px;width:100px}.tutor-avatar-img{height:50px;width:50px}.tutor-name{font-size:12px}.goal-input-container{align-items:flex-start;flex-direction:column}.goal-input-label{min-width:auto}.goal-input-wrapper{max-width:100%;width:100%}.form-field{margin-bottom:12px;padding:14px}.form-field-header{margin-bottom:10px}.form-field-title{font-size:14px}.settings-save-section{bottom:16px;left:16px;position:fixed;right:16px;z-index:99}.settings-save-btn{width:100%}}@media (min-width:769px){.settings-drawer,.settings-drawer-overlay,.settings-mobile-header{display:none!important}}@media (max-width:768px){.settings-container-new[dir=rtl] .settings-sidebar{display:none}.settings-container-new[dir=rtl] .settings-sidebar-header{padding-left:50px;padding-right:0}.settings-container-new[dir=rtl] .settings-close-btn-new{left:16px;right:auto}.settings-container-new[dir=rtl] .goal-input-container{align-items:flex-end;flex-direction:column}}[data-theme=light]{--settings-bg-void:#f2f4f8;--settings-bg-glass-panel:#ffffffd9;--settings-bg-glass-light:#00000005;--settings-bg-glass-lighter:#0000000a;--settings-bg-glass-input:#fffc;--settings-text-primary:#1c1c1e;--settings-text-secondary:#0000008c;--settings-text-tertiary:#0006;--settings-border-glass:#00000014;--settings-border-glass-light:#0000001a;--settings-border-highlight:#00000026;--settings-shadow-glass:0 24px 60px #00000026}[data-theme=light] .settings-overlay{background:#f2f4f8e6}[data-theme=light] .settings-aurora-orb{opacity:.06}[data-theme=light] .settings-container-new{background:#ffffffeb;border:1px solid #00000014;box-shadow:0 25px 80px #0000001f}[data-theme=light] .settings-container-new:before{background:linear-gradient(90deg,#0000,#0000000a,#0000)}[data-theme=light] .settings-sidebar{background:#00000005;border-right:1px solid #0000000f}[data-theme=light] .settings-logo-text,[data-theme=light] .settings-title-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#636366);-webkit-background-clip:text;background-clip:text}[data-theme=light] .settings-nav-item{color:#636366}[data-theme=light] .settings-nav-item:hover{background:#0000000a;color:#1c1c1e}[data-theme=light] .settings-nav-item.active{background:#2997ff1a;border-color:#2997ff33;color:#2997ff}[data-theme=light] .settings-nav-icon{color:inherit}[data-theme=light] .settings-content-new{background:#0000}[data-theme=light] .settings-section-title{color:#1c1c1e}[data-theme=light] .settings-section-subtitle{color:#636366}[data-theme=light] .settings-card,[data-theme=light] .settings-option-card,[data-theme=light] .settings-panel{background:#fffc;border:1px solid #0000000f;box-shadow:0 4px 20px #0000000d}[data-theme=light] .settings-card:hover,[data-theme=light] .settings-panel:hover{background:#fffffff2;border-color:#0000001a}[data-theme=light] .goal-input,[data-theme=light] .settings-input,[data-theme=light] .settings-select{background:#ffffffe6;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .goal-input:focus,[data-theme=light] .settings-input:focus,[data-theme=light] .settings-select:focus{background:#fff;border-color:#2997ff80;box-shadow:0 0 0 3px #2997ff26}[data-theme=light] .goal-input::placeholder,[data-theme=light] .settings-input::placeholder{color:#a1a1aa}[data-theme=light] .goal-input-label,[data-theme=light] .settings-label{color:#636366}[data-theme=light] .settings-toggle-track{background:#0000001a}[data-theme=light] .settings-toggle-track.active{background:#2997ff}[data-theme=light] .settings-toggle-thumb{background:#fff;box-shadow:0 2px 6px #00000026}[data-theme=light] .tutor-thumbnail{background:#fffc;border:1px solid #0000000f}[data-theme=light] .tutor-thumbnail:hover{background:#fffffff2;border-color:#0000001f}[data-theme=light] .tutor-thumbnail.selected{background:#2997ff14;border-color:#2997ff4d}[data-theme=light] .tutor-name{color:#1c1c1e}[data-theme=light] .tutor-description{color:#636366}[data-theme=light] .theme-option{background:#fffc;border:1px solid #00000014}[data-theme=light] .theme-option:hover{background:#fffffff2;border-color:#0000001f}[data-theme=light] .theme-option.selected{background:#2997ff14;border-color:#2997ff66}[data-theme=light] .theme-label{color:#1c1c1e}[data-theme=light] .language-option{background:#fffc;border:1px solid #0000000f;color:#636366}[data-theme=light] .language-option:hover{background:#fffffff2;color:#1c1c1e}[data-theme=light] .language-option.selected{background:#2997ff1a;border-color:#2997ff40;color:#2997ff}[data-theme=light] .settings-action-btn,[data-theme=light] .settings-btn{background:#0000000a;border:1px solid #00000014;color:#636366}[data-theme=light] .settings-action-btn:hover,[data-theme=light] .settings-btn:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .settings-action-btn.primary,[data-theme=light] .settings-btn.primary{background:linear-gradient(135deg,#2997ff,#0077ed);border:none;color:#fff}[data-theme=light] .settings-btn.danger{background:#ff453a1a;border:1px solid #ff453a33;color:#ff453a}[data-theme=light] .settings-btn.danger:hover{background:#ff453a26}[data-theme=light] .settings-close-btn-new{background:#0000000a;color:#636366}[data-theme=light] .settings-close-btn-new:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .settings-divider{background:#0000000f}[data-theme=light] .settings-content-new::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .settings-content-new::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .goal-input-container{background:#fff9;border:1px solid #0000000f}[data-theme=light] .goal-input-wrapper{background:#fffc}[data-theme=light] .goal-value-display{color:#1c1c1e}[data-theme=light] .sound-option{background:#fffc;border:1px solid #0000000f}[data-theme=light] .sound-option:hover{background:#fffffff2}[data-theme=light] .sound-option.selected{background:#2997ff14;border-color:#2997ff4d}[data-theme=light] .sound-name{color:#1c1c1e}[data-theme=light] .settings-helper-text,[data-theme=light] .settings-info-text{color:#a1a1aa}[data-theme=light] .status-badge{background:#0000000a;color:#636366}[data-theme=light] .status-badge.success{background:#30d1581a;color:#28a745}[data-theme=light] .status-badge.warning{background:#ff9f0a1a;color:#d97706}.success-page{align-items:center;background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e);display:flex;justify-content:center;min-height:100vh;padding:20px}.success-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;color:#fff;max-width:480px;padding:48px 40px;text-align:center;width:100%}.success-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 10px 40px #22c55e66;display:flex;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.success-icon svg{color:#fff;height:48px;width:48px}.success-icon.loading{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 10px 40px #6366f166}.success-icon.error{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 40px #ef444466}.spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.success-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e7ff);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 12px}.success-container p{color:#ffffffb3;font-size:16px;line-height:1.5;margin:0}.retry-note{color:#ffffff80!important;font-size:14px!important;margin-top:16px!important}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5!important;font-size:14px!important;margin:16px 0!important;padding:16px}.error-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.home-btn,.retry-btn{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.retry-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 15px #6366f166;color:#fff}.retry-btn:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-2px)}.home-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.home-btn:hover{background:#ffffff26;border-color:#ffffff4d}.support-note{color:#fff6!important;font-size:13px!important;margin-top:24px!important}@media (max-width:480px){.success-container{padding:32px 24px}.success-container h1{font-size:24px}.success-icon{height:80px;width:80px}.success-icon svg{height:36px;width:36px}.spinner{height:32px;width:32px}.error-actions{flex-direction:column}}:root{--loader-primary:#2997ff;--loader-secondary:#bf5af2;--loader-glow-primary:#2997ff66;--loader-glow-secondary:#bf5af24d;--loader-bg:#030304;--loader-text:#ffffffb3}.hablamos-loader__overlay{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.hablamos-loader__backdrop{background:#030304;background:var(--loader-bg);background-image:radial-gradient(ellipse 80% 50% at 50% 20%,#2997ff14 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,#bf5af20f 0,#0000 50%);height:100%;left:0;position:absolute;top:0;width:100%}.hablamos-loader{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.hablamos-loader--sm{--logo-size:48px;--glow-size:80px;--orbital-size:6px;--orbital-orbit:50px}.hablamos-loader--md{--logo-size:72px;--glow-size:120px;--orbital-size:8px;--orbital-orbit:70px}.hablamos-loader--lg{--logo-size:100px;--glow-size:160px;--orbital-size:10px;--orbital-orbit:95px}.hablamos-loader--xl{--logo-size:140px;--glow-size:220px;--orbital-size:12px;--orbital-orbit:130px}.hablamos-loader__glow{animation:loaderGlowPulse 3s ease-in-out infinite;background:radial-gradient(circle,#2997ff66 0,#0000 70%);background:radial-gradient(circle,var(--loader-glow-primary) 0,#0000 70%);border-radius:50%;filter:blur(20px);height:var(--glow-size);position:absolute;width:var(--glow-size)}.hablamos-loader__glow--secondary{animation-delay:-1.5s;background:radial-gradient(circle,#bf5af24d 0,#0000 70%);background:radial-gradient(circle,var(--loader-glow-secondary) 0,#0000 70%);transform:scale(.8)}@keyframes loaderGlowPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.hablamos-loader__logo-container{align-items:center;animation:logoBreathing 2.5s ease-in-out infinite;display:flex;justify-content:center;position:relative}.hablamos-loader__logo{filter:drop-shadow(0 0 20px rgba(41,151,255,.4));filter:drop-shadow(0 0 20px var(--loader-glow-primary));height:auto;object-fit:contain;width:var(--logo-size);z-index:2}@keyframes logoBreathing{0%,to{filter:drop-shadow(0 0 15px rgba(41,151,255,.4));filter:drop-shadow(0 0 15px var(--loader-glow-primary));transform:scale(1)}50%{filter:drop-shadow(0 0 30px rgba(41,151,255,.4)) drop-shadow(0 0 60px rgba(191,90,242,.3));filter:drop-shadow(0 0 30px var(--loader-glow-primary)) drop-shadow(0 0 60px var(--loader-glow-secondary));transform:scale(1.06)}}.hablamos-loader__pulse-ring{animation:pulseRingExpand 2.5s ease-out infinite;border:2px solid #2997ff;border:2px solid var(--loader-primary);border-radius:50%;height:calc(var(--logo-size) + 30px);opacity:0;position:absolute;width:calc(var(--logo-size) + 30px)}.hablamos-loader__pulse-ring--delayed{animation-delay:1.25s}@keyframes pulseRingExpand{0%{border-color:#2997ff;border-color:var(--loader-primary);opacity:.6;transform:scale(.8)}to{border-color:#bf5af2;border-color:var(--loader-secondary);opacity:0;transform:scale(1.8)}}.hablamos-loader__orbitals{animation:orbitalsSpin 8s linear infinite;height:calc(var(--orbital-orbit)*2);position:absolute;width:calc(var(--orbital-orbit)*2)}.hablamos-loader__orbital{background:linear-gradient(135deg,#2997ff,#bf5af2);background:linear-gradient(135deg,var(--loader-primary),var(--loader-secondary));border-radius:50%;box-shadow:0 0 10px #2997ff66;box-shadow:0 0 10px var(--loader-glow-primary);height:var(--orbital-size);position:absolute;width:var(--orbital-size)}.hablamos-loader__orbital--1{animation:orbitalPulse 1.5s ease-in-out infinite;left:50%;top:0;transform:translateX(-50%)}.hablamos-loader__orbital--2{animation:orbitalPulse 1.5s ease-in-out .5s infinite;bottom:15%;left:10%}.hablamos-loader__orbital--3{animation:orbitalPulse 1.5s ease-in-out 1s infinite;bottom:15%;right:10%}@keyframes orbitalsSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes orbitalPulse{0%,to{opacity:.5;transform:translateX(-50%) scale(.8)}50%{opacity:1;transform:translateX(-50%) scale(1.2)}}.hablamos-loader__orbital--2,.hablamos-loader__orbital--3{transform:none}.hablamos-loader__orbital--2{animation:orbitalPulse2 1.5s ease-in-out .5s infinite}.hablamos-loader__orbital--3{animation:orbitalPulse3 1.5s ease-in-out 1s infinite}@keyframes orbitalPulse2{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}@keyframes orbitalPulse3{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.hablamos-loader__text{animation:textFade 2s ease-in-out infinite;color:#ffffffb3;color:var(--loader-text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;font-weight:500;letter-spacing:.02em;margin-top:calc(var(--orbital-orbit) + 20px)}@keyframes textFade{0%,to{opacity:.6}50%{opacity:1}}.hablamos-spinner{align-items:center;display:inline-flex;justify-content:center;position:relative}.hablamos-spinner--xs{height:16px;width:16px}.hablamos-spinner--sm{height:24px;width:24px}.hablamos-spinner--md{height:32px;width:32px}.hablamos-spinner__ring{animation:spinnerRotate .8s linear infinite;border:2px solid #2997ff33;border-radius:50%;border-top:2px solid var(--loader-primary);height:100%;position:absolute;width:100%}.hablamos-spinner__dot{animation:spinnerDotPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#2997ff,#bf5af2);background:linear-gradient(135deg,var(--loader-primary),var(--loader-secondary));border-radius:50%;height:30%;width:30%}@keyframes spinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinnerDotPulse{0%,to{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hablamos-loader__glow,.hablamos-loader__logo-container,.hablamos-loader__orbital,.hablamos-loader__orbitals,.hablamos-loader__pulse-ring,.hablamos-loader__text,.hablamos-spinner__dot,.hablamos-spinner__ring{animation:none}.hablamos-loader__glow{opacity:.8}.hablamos-loader__pulse-ring{display:none}}[data-theme=light] .hablamos-loader__backdrop{background:#f2f4f8;background-image:radial-gradient(ellipse 80% 50% at 50% 20%,#2997ff0f 0,#0000 50%),radial-gradient(ellipse 60% 40% at 80% 60%,#bf5af20a 0,#0000 50%)}[data-theme=light] .hablamos-loader__text{color:#0009}.loading-screen{align-items:center;background:#030304;display:flex;inset:0;justify-content:center;overflow:hidden;position:fixed;z-index:99999}.loading-screen.exit{animation:screenExit .6s cubic-bezier(.4,0,.2,1) forwards}@keyframes screenExit{to{opacity:0;transform:scale(1.02)}}.loading-screen__ambient{inset:0;overflow:hidden;pointer-events:none;position:absolute}.loading-screen__glow{animation:ambientFadeIn 1.5s ease-out forwards;border-radius:50%;filter:blur(80px);opacity:0;position:absolute}.loading-screen__glow--primary{animation-delay:.2s;background:radial-gradient(ellipse,#2997ff40 0,#2997ff14 40%,#0000 70%);height:400px;left:50%;top:30%;transform:translate(-50%,-50%);width:500px}.loading-screen__glow--secondary{animation-delay:.4s;background:radial-gradient(ellipse,#bf5af233 0,#bf5af20d 40%,#0000 70%);height:350px;left:55%;top:55%;transform:translate(-50%,-50%);width:400px}@keyframes ambientFadeIn{to{opacity:1}}.loading-screen__content{align-items:center;display:flex;flex-direction:column;gap:48px;opacity:0;transform:translateY(20px);transition:all .8s cubic-bezier(.16,1,.3,1);z-index:1}.loading-screen__content.visible{opacity:1;transform:translateY(0)}.loading-screen__logo-wrapper{align-items:center;display:flex;justify-content:center;position:relative}.loading-screen__logo-glow{animation:logoGlow 3s ease-in-out infinite;background:radial-gradient(circle,#2997ff59 0,#bf5af226 50%,#0000 70%);border-radius:50%;filter:blur(30px);height:400px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:400px}@keyframes logoGlow{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.loading-screen__logo{animation:logoBreathe 2.8s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(41,151,255,.4));height:auto;position:relative;width:320px;z-index:2}@keyframes logoBreathe{0%,to{filter:drop-shadow(0 0 25px rgba(41,151,255,.4));transform:scale(1)}50%{filter:drop-shadow(0 0 45px rgba(41,151,255,.5)) drop-shadow(0 0 80px rgba(191,90,242,.3));transform:scale(1.05)}}.loading-screen__pulse{animation:pulseRing 2.8s ease-out infinite;border:1.5px solid #2997ff66;border-radius:50%;height:350px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px}.loading-screen__progress{align-items:center;display:flex;flex-direction:column;gap:12px;width:200px}.loading-screen__progress-track{background:#ffffff14;border-radius:2px;height:3px;overflow:hidden;width:100%}.loading-screen__progress-fill{background:linear-gradient(90deg,#2997ff,#bf5af2);border-radius:2px;height:100%;position:relative;transition:width .15s ease-out}.loading-screen__progress-glow{background:radial-gradient(ellipse,#bf5af2cc 0,#0000 70%);filter:blur(4px);height:8px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px}.loading-screen__progress-text{color:#fff6;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:500;letter-spacing:.5px}@media (max-width:768px){.loading-screen__logo{width:260px}.loading-screen__logo-glow{height:320px;width:320px}.loading-screen__pulse{height:280px;width:280px}.loading-screen__progress{width:180px}}@media (max-width:480px){.loading-screen__logo{width:180px}.loading-screen__logo-glow{height:220px;width:220px}.loading-screen__pulse{height:200px;width:200px}.loading-screen__progress{width:160px}.loading-screen__content{gap:36px}}@media (prefers-reduced-motion:reduce){.loading-screen__logo,.loading-screen__logo-glow,.loading-screen__pulse{animation:none}.loading-screen__logo{filter:drop-shadow(0 0 30px rgba(41,151,255,.4))}.loading-screen__logo-glow{opacity:.8}.loading-screen__pulse{display:none}.loading-screen__content{transition:none}}.App-sidebar{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#12121699;border:1px solid #ffffff0a;border-radius:24px;flex-direction:column;grid-area:sidebar;height:100%;min-height:0;overflow:hidden;padding:16px 12px;transition:all .3s cubic-bezier(.2,.8,.2,1)}.App-sidebar,.sidebar-avatar{align-items:center;display:flex;position:relative}.sidebar-avatar{cursor:pointer;justify-content:center;margin-bottom:16px}.sidebar-avatar-img{border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 4px 16px #0000004d;height:44px;object-fit:cover;transition:all .3s cubic-bezier(.2,.8,.2,1);width:44px}.sidebar-avatar:hover .sidebar-avatar-img{border-color:#2997ff;box-shadow:0 6px 20px #2997ff66;transform:scale(1.05)}.sidebar-avatar:focus-visible{border-radius:12px;outline:2px solid #2997ff;outline-offset:2px}.nav-main,.nav-secondary{align-items:center;display:flex;flex-direction:column;gap:4px;width:100%}.nav-separator{background:#ffffff14;height:1px;margin:12px 0;width:32px}.nav-spacer{flex:1 1;min-height:20px}.nav-bottom{align-items:center;border-top:1px solid #ffffff0f;display:flex;flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;width:100%}.nav-item{align-items:center;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;height:48px;justify-content:center;padding:0;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.2,.8,.2,1);width:48px}.nav-item,button.nav-item{background:#0000;background-color:initial;border:1px solid #0000}.nav-item:hover{background:#ffffff14;border-color:#ffffff1a;color:#ffffffe6}.nav-item:hover .nav-icon{transform:scale(1.1)}.nav-item.active,button.nav-item.active{background:#2997ff26;background-color:#2997ff26;border-color:#2997ff4d;box-shadow:0 0 20px #2997ff40;color:#2997ff}.nav-item.active:before{background:#2997ff;border-radius:0 2px 2px 0;box-shadow:0 0 12px #2997ff99;content:"";height:24px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:4px}[dir=rtl] .nav-item.active:before{border-radius:2px 0 0 2px;left:auto;right:-12px}.nav-icon{align-items:center;display:flex;justify-content:center;transition:transform .3s cubic-bezier(.2,.8,.2,1)}.nav-icon svg{height:20px;width:20px}.nav-item.active .nav-icon{filter:drop-shadow(0 0 8px rgba(41,151,255,.6))}.nav-item.nav-notifications{color:#ffffffb3}.nav-item.nav-notifications:hover{background:#2997ff26;border-color:#2997ff4d;color:#2997ff}.nav-item.nav-notifications:hover .nav-icon{filter:drop-shadow(0 0 8px rgba(41,151,255,.5))}.nav-item.nav-logout{color:#ff375f}.nav-item.nav-logout:hover{background:#ff375f26;border-color:#ff375f4d;color:#ff375f}.nav-item.nav-logout:hover .nav-icon{filter:drop-shadow(0 0 8px rgba(255,55,95,.5))}.sidebar-backup-status{display:none}.nav-item:focus{outline:none}.nav-item:focus-visible{outline:2px solid #2997ff;outline-offset:2px}.notification-close-btn:focus-visible,.notification-dismiss-btn:focus-visible{outline:2px solid #9333ea99;outline-offset:2px}.sidebar-avatar:focus{outline:none}.App-sidebar::-webkit-scrollbar{width:4px}.App-sidebar::-webkit-scrollbar-track{background:#0000}.App-sidebar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.App-sidebar::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:1200px){.App-sidebar{padding:12px 8px}.nav-item{height:44px;width:44px}.nav-icon svg{height:18px;width:18px}.sidebar-avatar-img{height:40px;width:40px}}@media (max-width:1024px){.App-sidebar{display:none}}@media (prefers-reduced-motion:reduce){.App-sidebar,.nav-icon,.nav-item,.sidebar-avatar-img{transition:none}}.notification-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notification-modal{animation:slideUp .3s cubic-bezier(.2,.8,.2,1);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#1e1e23f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 25px 80px #00000080;max-height:80vh;max-width:420px;overflow:hidden;width:90%}.notification-modal-header{align-items:center;border-bottom:1px solid #ffffff14;display:flex;justify-content:space-between;padding:20px 24px}.notification-modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.notification-close-btn{align-items:center;background:#ffffff14;border:none;border-radius:8px;color:#fff9;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.notification-close-btn:hover{background:#ff375f26;color:#ff375f}.notification-modal-content{max-height:calc(80vh - 80px);overflow-y:auto;padding:24px}.notification-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.notification-empty svg{color:#fff3;height:48px;margin-bottom:16px;width:48px}.notification-empty p{color:#ffffffb3;font-size:16px;font-weight:500;margin:0 0 8px}.notification-empty span{color:#fff9;font-size:14px}.nav-notifications{position:relative}.nav-notifications.has-unread .nav-icon{animation:bellShake .5s ease-in-out}@keyframes bellShake{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}}.notification-badge{align-items:center;animation:badgePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff4757,#ff6b81);border-radius:8px;box-shadow:0 2px 8px #ff475780;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;min-width:16px;padding:0 4px;position:absolute;right:2px;top:2px}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.notification-header-actions{align-items:center;display:flex;gap:12px}.mark-all-read-btn{align-items:center;background:#30d15826;border:1px solid #30d15840;border-radius:8px;color:#30d158;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px;transition:all .2s ease}.mark-all-read-btn:hover{background:#30d15840;border-color:#30d15866;box-shadow:0 0 12px #30d15833}.mark-all-read-btn svg{flex-shrink:0}.notification-list{display:flex;flex-direction:column;gap:8px}.notification-item{align-items:flex-start;background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .2s ease}.notification-item:hover{background:#ffffff0f;border-color:#ffffff1a}.notification-item.unread{background:#2997ff14;border-color:#2997ff33}.notification-item.unread:before{background:linear-gradient(180deg,#2997ff,#5ac8fa);border-radius:3px 0 0 3px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.notification-item-icon{align-items:center;background:#ffffff0d;border-radius:10px;color:#fff9;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s ease;width:40px}.notification-item-icon svg{height:20px;width:20px}.notification-item-icon.type-system{background:#2997ff26;color:#2997ff}.notification-item-icon.type-promotional{background:#ff9f0a26;color:#ff9f0a}.notification-item-icon.type-educational{background:#5ac8fa26;color:#5ac8fa}.notification-item-icon.type-personal{background:#af52de26;color:#af52de}.notification-item-icon.type-achievement{background:#30d15826;color:#30d158}.notification-item-content{flex:1 1;min-width:0}.notification-item-title{color:#fff;font-size:14px;font-weight:600;line-height:1.3;margin-bottom:4px}.notification-item-message{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:13px;line-height:1.4;margin-bottom:6px;overflow:hidden}.notification-item-time{color:#fff9;font-size:11px}.notification-dismiss-btn{align-items:center;background:#ffffff0d;border:none;border-radius:6px;color:#fff9;cursor:pointer;display:flex;flex-shrink:0;font-size:12px;height:24px;justify-content:center;opacity:0;transition:all .2s ease;width:24px}.notification-item:hover .notification-dismiss-btn{opacity:1}.notification-dismiss-btn:hover{background:#ff475733;color:#ff4757}[data-theme=light] .App-sidebar{background:#ffffffbf;border:1px solid #0000000f;box-shadow:0 12px 40px -12px #0000001a}[data-theme=light] .nav-separator{background:#00000014}[data-theme=light] .nav-bottom{border-top:1px solid #0000000f}[data-theme=light] .nav-item{color:#00000080}[data-theme=light] .nav-item:hover{background:#0000000d;border-color:#00000014;color:#000c}[data-theme=light] .nav-item.active,[data-theme=light] button.nav-item.active{background:#2997ff1f;border-color:#2997ff40;box-shadow:0 0 15px #2997ff26;color:#2997ff}[data-theme=light] .sidebar-avatar-img{border:2px solid #00000014;box-shadow:0 4px 16px #0000001a}[data-theme=light] .sidebar-avatar:hover .sidebar-avatar-img{border-color:#2997ff;box-shadow:0 6px 20px #2997ff4d}[data-theme=light] .notification-popover{background:#fffffff2;border:1px solid #00000014;box-shadow:0 20px 60px #00000026}[data-theme=light] .notification-header{border-bottom:1px solid #0000000f}[data-theme=light] .notification-header h3{color:#1c1c1e}[data-theme=light] .notification-clear-btn{color:#636366}[data-theme=light] .notification-clear-btn:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .notification-item{background:#00000005;border:1px solid #0000000a}[data-theme=light] .notification-item:hover{background:#0000000a;border-color:#00000014}[data-theme=light] .notification-item-title{color:#1c1c1e}[data-theme=light] .notification-item-message{color:#636366}[data-theme=light] .notification-item-time{color:#a1a1aa}[data-theme=light] .notification-dismiss-btn{background:#00000008;color:#0006}[data-theme=light] .notification-dismiss-btn:hover{background:#ff47571a;color:#ff4757}[data-theme=light] .notification-empty{color:#636366}[data-theme=light] .App-sidebar::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .App-sidebar::-webkit-scrollbar-thumb:hover{background:#0003}.animated-language-dropdown{display:inline-block;position:relative;z-index:100}.language-toggle-btn{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:16px;box-sizing:border-box;cursor:pointer;display:flex;height:36px;justify-content:space-between;min-width:110px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-toggle-btn:hover{background:#ffffff1f;border-color:#9333ea4d;box-shadow:0 8px 32px #9333ea26,0 4px 16px #ffffff1a;transform:translateY(-2px)}.language-toggle-btn:active{transform:translateY(0);transition:transform .1s ease}.selected-language{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:500;gap:8px;width:100%}.language-flag{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:18px;line-height:1}.language-text{direction:ltr;font-family:Inter,sans-serif;font-family:var(--font-primary,"Inter",sans-serif);white-space:nowrap}.dropdown-arrow{color:#ffffffb3;min-width:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-arrow.rotated{transform:rotate(180deg)}.button-glow{background:linear-gradient(45deg,#9333ea1a,#4f46e51a,#ec48991a);border-radius:inherit;bottom:0;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.language-toggle-btn:hover .button-glow{opacity:1}.dropdown-menu{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#16161e;border:1px solid #ffffff26;border-radius:20px;box-shadow:0 20px 60px #00000080,0 8px 24px #0000004d;left:0;min-width:180px;opacity:0;overflow:hidden;position:absolute;top:calc(100% + 8px);transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.dropdown-content{padding:8px;position:relative;z-index:2}.language-option{align-items:center;animation:slideInOption .3s ease forwards;animation-delay:0ms;animation-delay:var(--animation-delay,0ms);border-radius:12px;cursor:pointer;display:flex;gap:12px;opacity:0;padding:12px 16px;position:relative;transform:translateX(-10px);transition:all .2s cubic-bezier(.4,0,.2,1)}@keyframes slideInOption{to{opacity:1;transform:translateX(0)}}.language-option{background:#ffffff0f}.language-option:hover{background:#ffffff1f;transform:translateX(4px)}.language-option.selected{background:#9333ea40;border:1px solid #9333ea66}.option-flag{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:20px;line-height:1}.option-text{display:flex;flex:1 1;flex-direction:column;gap:2px}.option-native{color:#fff;direction:ltr;font-size:14px;font-weight:600;white-space:nowrap}.option-english{color:#fff9;font-size:12px;font-weight:400;white-space:nowrap}.selection-indicator{animation:popIn .2s ease forwards;color:#9333ea;opacity:0;transform:scale(.8)}@keyframes popIn{to{opacity:1;transform:scale(1)}}.dropdown-backdrop{background:linear-gradient(135deg,#9333ea0d,#4f46e508,#ec48990d)}.dropdown-backdrop,.language-particles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.language-particles{border-radius:inherit;overflow:hidden}.particle{background:#9333ea4d;height:4px;width:4px}.animated-language-dropdown:hover .particle{animation:floatParticle 2s ease-in-out infinite}.particle-1{left:10%;top:20%}.particle-2{animation-delay:.7s;right:15%;top:60%}.particle-3{animation-delay:1.4s;bottom:30%;left:70%}@keyframes floatParticle{0%,to{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.6;transform:translateY(-20px) scale(1)}}.animated-language-dropdown.language-changed{animation:languageSwitch .3s ease}@keyframes languageSwitch{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animated-language-dropdown[dir=rtl] .language-option,.animated-language-dropdown[dir=rtl] .selected-language{direction:rtl}.animated-language-dropdown[dir=rtl] .dropdown-menu{left:auto;right:0}@media (max-width:768px){.language-toggle-btn{min-width:90px;padding:6px 10px}.language-text{font-size:13px}.dropdown-menu{min-width:140px}}@media (prefers-color-scheme:dark){.language-toggle-btn{background:#ffffff0f;border-color:#ffffff14}}[data-theme=light] .language-toggle-btn{background:#0000000d;border:1px solid #0000001f}[data-theme=light] .language-toggle-btn:hover{background:#00000014;border-color:#9333ea4d;box-shadow:0 8px 32px #9333ea1a,0 4px 16px #0000000f}[data-theme=light] .selected-language{color:#1c1c1e}[data-theme=light] .dropdown-arrow{color:#00000073}[data-theme=light] .button-glow{background:linear-gradient(45deg,#9333ea0f,#4f46e50f,#ec48990f)}[data-theme=light] .dropdown-menu{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 20px 60px #0000001f,0 8px 24px #0000000f}[data-theme=light] .dropdown-backdrop{background:linear-gradient(135deg,#9333ea08,#4f46e505,#ec489908)}[data-theme=light] .language-option:hover{background:#0000000d}[data-theme=light] .language-option.selected{background:#9333ea1a;border:1px solid #9333ea33}[data-theme=light] .option-native{color:#1c1c1e}[data-theme=light] .option-english{color:#636366}[data-theme=light] .language-toggle-btn:focus{box-shadow:0 0 0 3px #9333ea33,0 8px 32px #9333ea1a}[data-theme=light] .language-option:focus{background:#0000000d}.language-toggle-btn:focus{box-shadow:0 0 0 3px #9333ea4d,0 8px 32px #9333ea26;outline:none}.language-option:focus{background:#ffffff1a;outline:none}@media (prefers-contrast:high){.language-toggle-btn{border-color:#ffffff80;border-width:2px}.language-option{border:1px solid #0000}.language-option:hover{border-color:#ffffff4d}}.animated-theme-toggle{align-items:center;display:inline-flex;position:relative;vertical-align:middle}.theme-toggle-btn{background:#0000;border:none;border-radius:20px;box-sizing:border-box;cursor:pointer;height:36px;outline:none;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:72px}.theme-toggle-btn:focus{box-shadow:0 0 0 3px #9333ea4d}.theme-toggle-btn:disabled{cursor:not-allowed;opacity:.7}.toggle-background{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:inherit;box-sizing:border-box;transition:all .4s ease}.gradient-layer,.toggle-background{bottom:0;left:0;position:absolute;right:0;top:0}.gradient-layer{background:linear-gradient(135deg,#ffc10733,#ff980033);border-radius:inherit;opacity:0;transition:opacity .4s ease}.theme-toggle-btn.dark .gradient-layer{background:linear-gradient(135deg,#9333ea4d,#4f46e54d 50%,#6366f14d);opacity:1}.theme-toggle-btn.light .gradient-layer{opacity:1}.toggle-switch{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border-radius:50%;box-shadow:0 4px 12px #00000026,0 2px 6px #0000001a;display:flex;height:30px;justify-content:center;left:3px;position:absolute;top:3px;transition:all .4s cubic-bezier(.4,0,.2,1);width:30px}.theme-toggle-btn.dark .toggle-switch{background:#1e1e32e6;box-shadow:0 4px 12px #9333ea4d,0 2px 6px #4f46e533;transform:translateX(36px)}.icon{color:#666;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease}.icon.active{opacity:1;transform:translate(-50%,-50%) scale(1)}.icon-light.active{animation:sunRotate 2s ease-in-out infinite;color:#ff9800}.icon-dark.active{animation:moonGlow 3s ease-in-out infinite;color:#9333ea}@keyframes sunRotate{0%,to{transform:translate(-50%,-50%) rotate(0deg)}50%{transform:translate(-50%,-50%) rotate(180deg)}}@keyframes moonGlow{0%,to{filter:drop-shadow(0 0 2px rgba(147,51,234,.5))}50%{filter:drop-shadow(0 0 8px rgba(147,51,234,.8))}}.sparkles{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.sparkle{background:#fffc;border-radius:50%;height:2px;opacity:0;position:absolute;width:2px}.theme-toggle-btn.toggling .sparkle{animation:sparkleEffect .6s ease-out}.sparkle-1{animation-delay:0s;left:20%;top:15%}.sparkle-2{animation-delay:.1s;right:25%;top:70%}.sparkle-3{animation-delay:.2s;bottom:30%;left:60%}@keyframes sparkleEffect{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}.ripple-effect{background:#9333ea33;border-radius:50%;height:0;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.theme-toggle-btn.toggling .ripple-effect{animation:rippleOut .6s ease-out}@keyframes rippleOut{0%{height:0;opacity:.8;width:0}to{height:80px;opacity:0;width:80px}}.glow-effect{background:linear-gradient(45deg,#9333ea4d,#4f46e54d,#ec48994d);border-radius:inherit;bottom:-2px;filter:blur(8px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease;z-index:-1}.theme-toggle-btn:hover .glow-effect{opacity:.6}.theme-toggle-btn.toggling .glow-effect{animation:pulseGlow .6s ease-out;opacity:1}@keyframes pulseGlow{0%,to{opacity:0}50%{opacity:1}}.theme-particles{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.particle{background:#9333ea66;border-radius:50%;height:3px;opacity:0;position:absolute;width:3px}.animated-theme-toggle:hover .particle{animation:floatUp 2s ease-in-out infinite}.particle-1{animation-delay:0s;left:20%;top:100%}.particle-2{animation-delay:.5s;right:30%;top:100%}.particle-3{animation-delay:1s;left:60%;top:100%}.particle-4{animation-delay:1.5s;right:15%;top:100%}@keyframes floatUp{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1)}80%{opacity:1;transform:translateY(-30px) scale(.8)}to{opacity:0;transform:translateY(-40px) scale(.3)}}.theme-toggle-btn:hover{transform:translateY(-1px)}.theme-toggle-btn:hover .toggle-switch{box-shadow:0 6px 16px #0003,0 3px 8px #00000026}.theme-toggle-btn.dark:hover .toggle-switch{box-shadow:0 6px 16px #9333ea66,0 3px 8px #4f46e54d}.theme-toggle-btn:active{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.icon,.particle,.sparkle,.theme-toggle-btn,.toggle-switch{animation:none!important;transition:opacity .2s ease,transform .2s ease}}[data-theme=light] .toggle-background{background:#0000000f;border:1px solid #0000001a}[data-theme=light] .gradient-layer{background:linear-gradient(135deg,#ffc10726,#ff980026)}[data-theme=light] .theme-toggle-btn:hover .toggle-background{background:#00000014;border-color:#00000026}[data-theme=light] .theme-toggle-btn:focus .toggle-background{box-shadow:0 0 0 3px #2997ff33}@media (prefers-contrast:high){.toggle-background{border-color:#ffffff80;border-width:2px}.toggle-switch{border:1px solid #0000004d}}.App-header{align-items:center;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#0a0a0c99;border-bottom:1px solid #ffffff0f;display:flex;height:60px;justify-content:space-between;left:0;padding:0 var(--space-6);position:fixed;right:0;top:0;z-index:var(--z-sticky)}.mobile-menu-btn{align-items:center;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;color:#fffc;cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;margin-right:var(--space-3);transition:all .2s ease;width:40px}.mobile-menu-btn:active,.mobile-menu-btn:hover{background:#ffffff1a;color:#fff}@media (max-width:768px){.mobile-menu-btn{display:flex}}.logo{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;transition:all var(--transition-base)}.logo:hover{transform:scale(1.02)}.logo-image{height:36px;object-fit:contain;transition:transform var(--transition-base);width:auto}.logo-dark{display:block}.logo-light,[data-theme=light] .logo-dark{display:none}[data-theme=light] .logo-light{display:block}.logo:hover .logo-image{transform:scale(1.05)}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;font-size:var(--fs-xl);font-weight:700;line-height:1.2}.logo-tagline,.logo-text{font-family:var(--font-primary)}.logo-tagline{color:var(--text-quaternary);font-size:10px;font-weight:500;line-height:1}.header-center{align-items:center;display:flex;flex:1 1;justify-content:center}.greeting{color:var(--text-primary);font-family:var(--font-primary);font-size:var(--fs-base);font-weight:var(--fw-medium);gap:var(--space-2);unicode-bidi:embed}.greeting,.header-controls{align-items:center;direction:ltr;display:flex}.header-controls{flex-shrink:0;gap:var(--space-3);justify-content:flex-end}.header-language-dropdown{z-index:1001}.header-language-dropdown .language-toggle-btn{font-family:var(--font-primary);font-size:var(--fs-sm)}.header-language-dropdown .dropdown-menu{z-index:1002}.header-theme-toggle{margin:0}.user-profile{align-items:center;display:flex;gap:var(--space-3)}.header-user-avatar{border:2px solid var(--glass-border-light);border-radius:var(--radius-full);cursor:pointer;height:32px;object-fit:cover;transition:all var(--transition-base);width:32px}.header-user-avatar:hover{border-color:var(--accent-primary);transform:scale(1.05)}@media (max-width:1024px){.App-header{padding:0 var(--space-4)}.header-controls{gap:var(--space-2)}.greeting{font-size:var(--fs-sm)}.logo-text{font-size:var(--fs-lg)}}@media (max-width:768px){.logo-tagline{display:none}.logo-image{height:30px}.greeting{font-size:var(--fs-sm)}}@media (max-width:640px){.greeting,.header-center{display:none}}[data-theme=light] .App-header{background:#ffffffbf;border-bottom:1px solid #0000000f;box-shadow:0 4px 20px #0000000d}[data-theme=light] .greeting{color:#1c1c1e}[data-theme=light] .logo-tagline{color:#a1a1aa}[data-theme=light] .header-user-avatar{border-color:#00000014}[data-theme=light] .header-user-avatar:hover{border-color:var(--accent-primary)}[data-theme=light] .mobile-menu-btn{background:#0000000a;border-color:#00000014;color:#000000b3}[data-theme=light] .mobile-menu-btn:active,[data-theme=light] .mobile-menu-btn:hover{background:#00000014;color:#000000e6}.mobile-drawer-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0009;inset:0;opacity:0;position:fixed;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9998}.mobile-drawer-backdrop.visible{opacity:1;visibility:visible}.mobile-drawer{-webkit-overflow-scrolling:touch;background:#0a0a0b;background:var(--bg-secondary,#0a0a0b);border-right:1px solid #ffffff14;display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;max-width:85vw;overflow-x:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top);position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:9999}.mobile-drawer.open{transform:translateX(0)}.mobile-drawer-close{align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;color:#fffc;cursor:pointer;display:flex;height:44px;justify-content:center;pointer-events:auto!important;position:absolute;right:16px;top:calc(16px + env(safe-area-inset-top));touch-action:manipulation;transition:all .2s ease;width:44px;z-index:10000}.mobile-drawer-close:active,.mobile-drawer-close:hover{background:#ffffff1a;color:#ffffffe6}.mobile-drawer-profile{align-items:center;border-bottom:1px solid #ffffff0f;cursor:pointer;display:flex;gap:14px;padding:calc(70px + env(safe-area-inset-top)) 70px 24px 20px;transition:background .2s ease}.mobile-drawer-profile:active,.mobile-drawer-profile:hover{background:#ffffff08}.mobile-drawer-avatar{border:2px solid #2997ff4d;border-radius:14px;box-shadow:0 0 20px #2997ff26;height:56px;object-fit:cover;width:56px}.mobile-drawer-user-info{display:flex;flex-direction:column;gap:2px;overflow:hidden}.mobile-drawer-username{color:#fffffff2;font-size:16px;font-weight:600}.mobile-drawer-email,.mobile-drawer-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-drawer-email{color:#ffffff73;font-size:13px}.mobile-drawer-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;padding:16px 12px}.mobile-drawer-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:14px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.mobile-drawer-item:active,.mobile-drawer-item:hover{background:#ffffff0f;color:#fffffff2}.mobile-drawer-item.active{background:linear-gradient(135deg,#2997ff26,#bf5af21a);color:#2997ff}.mobile-drawer-item.active .mobile-drawer-icon{color:#2997ff}.mobile-drawer-icon{color:inherit;height:24px;opacity:.8;position:relative;width:24px}.mobile-drawer-badge,.mobile-drawer-icon{align-items:center;display:flex;justify-content:center}.mobile-drawer-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a5a);border-radius:9px;box-shadow:0 2px 6px #ff6b6b66;color:#fff;font-size:10px;font-weight:700;height:18px;min-width:18px;padding:0 5px;position:absolute;right:-8px;top:-6px}.mobile-drawer-item.has-badge .mobile-drawer-icon{opacity:1}.mobile-drawer-label{flex:1 1}.mobile-drawer-separator{background:#ffffff0f;height:1px;margin:12px 16px}.mobile-drawer-footer{border-top:1px solid #ffffff0f;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.mobile-drawer-logout{color:#ff6464cc}.mobile-drawer-logout:active,.mobile-drawer-logout:hover{background:#ff64641a;color:#ff6464}@media (min-width:769px){.mobile-drawer,.mobile-drawer-backdrop{display:none!important}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideOut{0%{transform:translateX(0)}to{transform:translateX(-100%)}}@media (prefers-reduced-motion:reduce){.mobile-drawer,.mobile-drawer-backdrop{transition:none}}[data-theme=light] .mobile-drawer{background:#fffffff2;border-right:1px solid #00000014}[data-theme=light] .mobile-drawer-backdrop{background:#0000004d}[data-theme=light] .mobile-drawer-close{background:#0000000a;border-color:#00000014;color:#0009}[data-theme=light] .mobile-drawer-close:active,[data-theme=light] .mobile-drawer-close:hover{background:#00000014;color:#000000e6}[data-theme=light] .mobile-drawer-profile{border-bottom-color:#0000000f}[data-theme=light] .mobile-drawer-profile:active,[data-theme=light] .mobile-drawer-profile:hover{background:#00000008}[data-theme=light] .mobile-drawer-avatar{border-color:#2997ff4d}[data-theme=light] .mobile-drawer-username{color:#1c1c1e}[data-theme=light] .mobile-drawer-email{color:#8e8e93}[data-theme=light] .mobile-drawer-item{color:#000000b3}[data-theme=light] .mobile-drawer-item:active,[data-theme=light] .mobile-drawer-item:hover{background:#0000000a;color:#000000f2}[data-theme=light] .mobile-drawer-item.active{background:linear-gradient(135deg,#2997ff1f,#bf5af214);color:#2997ff}[data-theme=light] .mobile-drawer-separator{background:#0000000f}[data-theme=light] .mobile-drawer-footer{border-top-color:#0000000f}[data-theme=light] .mobile-drawer-logout{color:#dc2626cc}[data-theme=light] .mobile-drawer-logout:active,[data-theme=light] .mobile-drawer-logout:hover{background:#dc262614;color:#dc2626}:root{--help-bg-void:#050505;--help-bg-glass-panel:#141419b3;--help-bg-glass-light:#ffffff08;--help-bg-glass-lighter:#ffffff0f;--help-bg-glass-selected:#2997ff26;--help-bg-glass-input:#0f0f1299;--help-accent-primary:#2997ff;--help-accent-secondary:#bf5af2;--help-accent-tertiary:#30d158;--help-accent-warn:#ff9f0a;--help-text-primary:#fff;--help-text-secondary:#ffffffa6;--help-text-tertiary:#ffffff73;--help-border-glass:#ffffff14;--help-border-glass-light:#ffffff1f;--help-border-highlight:#fff3;--help-radius-md:12px;--help-radius-lg:16px;--help-radius-xl:24px;--help-shadow-glass:0 20px 50px #00000080;--help-blur-bg:blur(40px);--help-blur-panel:blur(30px)}.help-overlay{align-items:center;background:#050505;background:var(--help-bg-void);display:flex;justify-content:center;left:0;position:fixed;top:0;z-index:1000}.help-aurora-bg,.help-overlay{height:100%;overflow:hidden;width:100%}.help-aurora-bg{pointer-events:none;position:absolute;z-index:0}.help-aurora-orb{animation:helpAuroraFloat 25s ease-in-out infinite alternate;border-radius:50%;filter:blur(100px);opacity:.12;position:absolute}.help-orb-1{background:#2997ff;background:var(--help-accent-primary);height:80vw;right:-20%;top:-30%;width:80vw}.help-orb-2{animation-delay:-5s;background:#bf5af2;background:var(--help-accent-secondary);bottom:-30%;height:60vw;left:-20%;width:60vw}@keyframes helpAuroraFloat{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,20px) scale(1.05)}}.help-container-new{backdrop-filter:blur(40px);backdrop-filter:var(--help-blur-bg);-webkit-backdrop-filter:blur(40px);-webkit-backdrop-filter:var(--help-blur-bg);background:#141419b3;background:var(--help-bg-glass-panel);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:24px;border-radius:var(--help-radius-xl);box-shadow:0 20px 50px #00000080;box-shadow:var(--help-shadow-glass);display:grid;grid-template-columns:320px 1fr;height:760px;max-height:90vh;max-width:95vw;overflow:hidden;position:relative;width:1200px;z-index:1}.help-sidebar{background:#00000040;border-right:1px solid #ffffff14;border-right:1px solid var(--help-border-glass);display:flex;flex-direction:column;gap:24px;overflow:hidden;padding:32px 20px}.help-sidebar-header{padding-left:8px}.help-sidebar-header h1{color:#fff;color:var(--help-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:22px;font-weight:700;margin:0 0 20px}.help-search{position:relative}.help-search input{background:#0f0f1299;background:var(--help-bg-glass-input);border:1px solid #ffffff1f;border:1px solid var(--help-border-glass-light);border-radius:16px;border-radius:var(--help-radius-lg);color:#fff;color:var(--help-text-primary);font-family:Inter,-apple-system,sans-serif;font-size:14px;height:48px;outline:none;padding:0 16px 0 44px;transition:all .3s;width:100%}.help-search input:focus{background:#1e1e23cc;border-color:#2997ff;border-color:var(--help-accent-primary);box-shadow:0 0 0 2px #2997ff33}.help-search input::placeholder,.help-search-icon{color:#ffffff73;color:var(--help-text-tertiary)}.help-search-icon{height:18px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:color .3s;width:18px}.help-search input:focus+.help-search-icon,.help-search:focus-within .help-search-icon{color:#2997ff;color:var(--help-accent-primary)}.help-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding-right:4px;scrollbar-color:#ffffff14 #0000;scrollbar-color:var(--help-border-glass) #0000;scrollbar-width:thin}.help-nav::-webkit-scrollbar{width:4px}.help-nav::-webkit-scrollbar-track{background:#0000}.help-nav::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--help-border-glass);border-radius:4px}.help-nav::-webkit-scrollbar-thumb:hover{background:#ffffff1f;background:var(--help-border-glass-light)}.help-nav-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;border-radius:var(--help-radius-md);color:#ffffffa6;color:var(--help-text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.help-nav-item:hover{background:#ffffff08;background:var(--help-bg-glass-light);color:#fff;color:var(--help-text-primary)}.help-nav-item.active{background:linear-gradient(90deg,#2997ff,#2997ffd9);background:linear-gradient(90deg,var(--help-accent-primary),#2997ffd9);border-color:#ffffff1a;box-shadow:0 4px 12px #2997ff4d;color:#fff}.help-nav-icon{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;opacity:.8;width:18px}.help-nav-item.active .help-nav-icon{opacity:1}.help-nav-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-main{background:radial-gradient(circle at top right,#2997ff0d,#0000 60%);overflow-y:auto;padding:48px;position:relative;scrollbar-color:#ffffff14 #0000;scrollbar-color:var(--help-border-glass) #0000;scrollbar-width:thin}.help-main::-webkit-scrollbar{width:6px}.help-main::-webkit-scrollbar-track{background:#0000}.help-main::-webkit-scrollbar-thumb{background:#ffffff14;background:var(--help-border-glass);border-radius:3px}.help-main::-webkit-scrollbar-thumb:hover{background:#ffffff1f;background:var(--help-border-glass-light)}.help-close-btn-new{align-items:center;background:#ffffff08;background:var(--help-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:50%;color:#ffffffa6;color:var(--help-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .2s;width:36px;z-index:10}.help-close-btn-new:hover{background:#ffffff0f;background:var(--help-bg-glass-lighter);color:#fff;transform:rotate(90deg)}.help-close-btn-new svg{height:18px;width:18px}.help-article-header{border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--help-border-glass);margin-bottom:40px;padding-bottom:24px}.help-article-icon{align-items:center;background:#2997ff1a;border-radius:14px;color:#2997ff;color:var(--help-accent-primary);display:inline-flex;height:48px;justify-content:center;margin-bottom:20px;width:48px}.help-article-icon svg{height:24px;width:24px}.help-article-title{color:#fff;color:var(--help-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:32px;font-weight:700;margin:0 0 12px}.help-article-subtitle{line-height:1.5;margin:0}.help-article-body,.help-article-subtitle{color:#ffffffa6;color:var(--help-text-secondary);font-size:16px}.help-article-body{line-height:1.7}.help-article-body h2{color:#fff;color:var(--help-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:24px;font-weight:600;margin-bottom:16px;margin-top:40px}.help-article-body h2:first-child{margin-top:0}.help-article-body h3{align-items:center;color:#fff;color:var(--help-text-primary);display:flex;font-family:Outfit,-apple-system,sans-serif;font-size:20px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:32px}.help-article-body p{margin-bottom:20px}.help-article-body ul{list-style:none;margin-bottom:24px;padding-left:12px}.help-article-body li{margin-bottom:12px;padding-left:24px;position:relative}.help-article-body li:before{background:#2997ff;background:var(--help-accent-primary);border-radius:50%;box-shadow:0 0 8px #2997ff;box-shadow:0 0 8px var(--help-accent-primary);content:"";height:6px;left:0;position:absolute;top:10px;width:6px}.help-article-body ol{counter-reset:item;list-style:none;margin-bottom:24px;padding-left:24px}.help-article-body ol li{counter-increment:item;padding-left:20px}.help-article-body ol li:before{background:#0000;border-radius:0;box-shadow:none;color:#2997ff;color:var(--help-accent-primary);content:counter(item) ". ";font-weight:600;height:auto;left:0;position:absolute;top:0;width:auto}.help-article-body strong{color:#fff;color:var(--help-text-primary);font-weight:600}.help-callout{background:linear-gradient(90deg,#2997ff0d,#2997ff05);border-left:4px solid #2997ff;border-left:4px solid var(--help-accent-primary);border-radius:0 12px 12px 0;font-size:15px;margin:32px 0;padding:24px}.help-callout strong{color:#2997ff;color:var(--help-accent-primary);display:block;font-family:Outfit,-apple-system,sans-serif;margin-bottom:8px}.help-callout.tip{background:linear-gradient(90deg,#30d1580d,#30d15805);border-left-color:#30d158;border-left-color:var(--help-accent-tertiary)}.help-callout.tip strong{color:#30d158;color:var(--help-accent-tertiary)}.help-callout.warning{background:linear-gradient(90deg,#ff9f0a0d,#ff9f0a05);border-left-color:#ff9f0a;border-left-color:var(--help-accent-warn)}.help-callout.warning strong{color:#ff9f0a;color:var(--help-accent-warn)}.help-cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.help-feature-card{background:#ffffff08;background:var(--help-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:16px;border-radius:var(--help-radius-lg);padding:24px;transition:all .3s ease}.help-feature-card:hover{background:#ffffff0f;background:var(--help-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--help-border-glass-light);box-shadow:0 8px 32px #0000004d;transform:translateY(-2px)}.help-feature-card.coming-soon{border-style:dashed;opacity:.6}.help-feature-card .feature-icon{color:#2997ff;color:var(--help-accent-primary);font-size:2rem;margin-bottom:16px}.help-feature-card h4{color:#fff;color:var(--help-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:18px;font-weight:600;margin:0 0 12px}.help-feature-card p{color:#ffffffa6;color:var(--help-text-secondary);font-size:14px;line-height:1.6;margin-bottom:16px}.help-feature-card ul{list-style:none;margin:0;padding:0}.help-feature-card li{color:#ffffffa6;color:var(--help-text-secondary);font-size:14px;margin-bottom:8px;padding-left:16px;position:relative}.help-feature-card li:before{background:#2997ff;background:var(--help-accent-primary);border-radius:50%;content:"";height:4px;left:0;position:absolute;top:8px;width:4px}.tutor-modes-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:24px 0}.tutor-mode-card{background:#ffffff08;background:var(--help-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:16px;border-radius:var(--help-radius-lg);display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.tutor-mode-card:hover{background:#ffffff0f;background:var(--help-bg-glass-lighter);border-color:#2997ff;border-color:var(--help-accent-primary);box-shadow:0 12px 32px #2997ff26;transform:translateY(-4px)}.tutor-mode-header{align-items:center;display:flex;gap:12px}.tutor-mode-icon{font-size:2rem}.tutor-mode-header h4{color:#fff;color:var(--help-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:18px;font-weight:600;margin:0}.tutor-mode-settings{background:#2997ff1a;border-left:3px solid #2997ff;border-left:3px solid var(--help-accent-primary);border-radius:8px;color:#ffffffa6;color:var(--help-text-secondary);font-size:13px;padding:8px 12px}.tutor-mode-settings strong{color:#fff;color:var(--help-text-primary)}.tutor-mode-description{color:#ffffffa6;color:var(--help-text-secondary);font-size:14px;line-height:1.6;margin:0}.tutor-mode-example{background:#0003;border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:8px;padding:16px}.tutor-mode-example strong{color:#2997ff;color:var(--help-accent-primary);display:block;font-size:12px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.tutor-mode-example pre{word-wrap:break-word;font-family:Courier New,monospace;line-height:1.5;margin:0;white-space:pre-wrap}.tutor-mode-best-for,.tutor-mode-example pre{color:#ffffffa6;color:var(--help-text-secondary);font-size:13px}.tutor-mode-best-for{background:#30d1581a;border-left:3px solid #30d158;border-left:3px solid var(--help-accent-tertiary);border-radius:8px;padding:8px 12px}.tutor-mode-best-for strong{color:#fff;color:var(--help-text-primary)}.faq-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.faq-item{background:#ffffff08;background:var(--help-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:12px;border-radius:var(--help-radius-md);overflow:hidden;transition:all .2s}.faq-item:hover{border-color:#ffffff1f;border-color:var(--help-border-glass-light)}.faq-question{align-items:flex-start;color:#fff;color:var(--help-text-primary);display:flex;font-size:15px;font-weight:600;gap:12px;line-height:1.5;padding:20px 24px}.faq-answer{color:#ffffffa6;color:var(--help-text-secondary);font-size:14px;line-height:1.7;padding:0 24px 20px 56px}.faq-answer p{margin:0}.inline-icon{display:inline-block;flex-shrink:0;margin-right:4px;vertical-align:middle}.help-section-content{color:#ffffffa6;color:var(--help-text-secondary);font-size:16px;line-height:1.7}.help-section-content h2{color:#fff;color:var(--help-text-primary);font-family:Outfit,-apple-system,sans-serif;font-size:24px;font-weight:600;margin-bottom:16px;margin-top:40px}.help-section-content h2:first-child{margin-top:0}.help-section-content h3{align-items:center;color:#fff;color:var(--help-text-primary);display:flex;font-family:Outfit,-apple-system,sans-serif;font-size:20px;font-weight:600;gap:8px;margin-bottom:12px;margin-top:32px}.help-section-content p{margin-bottom:20px}.help-section-content ul{list-style:none;margin-bottom:24px;padding-left:12px}.help-section-content li{margin-bottom:12px;padding-left:24px;position:relative}.help-section-content li:before{background:#2997ff;background:var(--help-accent-primary);border-radius:50%;box-shadow:0 0 8px #2997ff;box-shadow:0 0 8px var(--help-accent-primary);content:"";height:6px;left:0;position:absolute;top:10px;width:6px}.help-section-content ol{counter-reset:item;list-style:none;margin-bottom:24px;padding-left:24px}.help-section-content ol li{counter-increment:item;padding-left:20px}.help-section-content ol li:before{background:#0000;border-radius:0;box-shadow:none;color:#2997ff;color:var(--help-accent-primary);content:counter(item) ". ";font-weight:600;height:auto;left:0;position:absolute;top:0;width:auto}.help-section-content strong{color:#fff;color:var(--help-text-primary);font-weight:600}.intro-text{color:#ffffffa6;color:var(--help-text-secondary);font-size:17px;line-height:1.7;margin-bottom:32px}.help-subsection{margin-top:40px}.help-subsection:first-child{margin-top:0}.help-container-new[dir=rtl] .help-section-content ul{padding-left:0;padding-right:12px}.help-container-new[dir=rtl] .help-section-content li{padding-left:0;padding-right:24px}.help-container-new[dir=rtl] .help-section-content li:before{left:auto;right:0}.help-container-new[dir=rtl] .help-section-content ol{padding-left:0;padding-right:24px}.help-container-new[dir=rtl] .help-section-content ol li{padding-left:0;padding-right:20px}.help-container-new[dir=rtl] .help-section-content ol li:before{left:auto;right:0}.help-container-new[dir=rtl]{direction:rtl}.help-container-new[dir=rtl] .help-sidebar{border-left:1px solid #ffffff14;border-left:1px solid var(--help-border-glass);border-right:none}.help-container-new[dir=rtl] .help-sidebar-header{padding-left:0;padding-right:8px}.help-container-new[dir=rtl] .help-search input{padding:0 44px 0 16px}.help-container-new[dir=rtl] .help-search-icon{left:auto;right:14px}.help-container-new[dir=rtl] .help-nav{padding-left:4px;padding-right:0}.help-container-new[dir=rtl] .help-nav-item{text-align:right}.help-container-new[dir=rtl] .help-close-btn-new{left:24px;right:auto}.help-container-new[dir=rtl] .help-article-body ul{padding-left:0;padding-right:12px}.help-container-new[dir=rtl] .help-article-body li{padding-left:0;padding-right:24px}.help-container-new[dir=rtl] .help-article-body li:before{left:auto;right:0}.help-container-new[dir=rtl] .help-article-body ol{padding-left:0;padding-right:24px}.help-container-new[dir=rtl] .help-article-body ol li{padding-left:0;padding-right:20px}.help-container-new[dir=rtl] .help-article-body ol li:before{left:auto;right:0}.help-container-new[dir=rtl] .help-callout{border-left:none;border-radius:12px 0 0 12px;border-right:4px solid #2997ff;border-right:4px solid var(--help-accent-primary)}.help-container-new[dir=rtl] .help-callout.tip{border-right-color:#30d158;border-right-color:var(--help-accent-tertiary)}.help-container-new[dir=rtl] .help-callout.warning{border-right-color:#ff9f0a;border-right-color:var(--help-accent-warn)}.help-container-new[dir=rtl] .help-feature-card li{padding-left:0;padding-right:16px}.help-container-new[dir=rtl] .help-feature-card li:before{left:auto;right:0}.help-container-new[dir=rtl] .tutor-mode-settings{border-left:none;border-right:3px solid #2997ff;border-right:3px solid var(--help-accent-primary)}.help-container-new[dir=rtl] .tutor-mode-best-for{border-left:none;border-right:3px solid #30d158;border-right:3px solid var(--help-accent-tertiary)}.help-container-new[dir=rtl] .faq-answer{padding-left:24px;padding-right:56px}.help-container-new[dir=rtl] .inline-icon{margin-left:4px;margin-right:0}@media (max-width:1280px){.help-container-new{grid-template-columns:280px 1fr;width:95vw}}@media (max-width:1024px){.help-container-new{grid-template-columns:240px 1fr}.help-main{padding:32px}.help-article-title{font-size:28px}}@media (max-width:768px){.help-container-new{border-radius:0;display:flex;flex-direction:column;grid-template-columns:none;grid-template-rows:none;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100%;overflow:hidden;width:100%}.help-sidebar{display:none}.help-main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:60px 16px max(24px,env(safe-area-inset-bottom))}.help-close-btn-new{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141419b3;background:var(--help-bg-glass-panel);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);height:36px;position:fixed;right:16px;top:12px;width:36px;z-index:102}.help-container-new[dir=rtl] .help-close-btn-new{left:16px;right:auto}.help-mobile-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#141419b3;background:var(--help-bg-glass-panel);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--help-border-glass);display:flex;gap:12px;height:56px;left:0;padding:0 60px 0 16px;position:fixed;right:0;top:0;z-index:101}.help-container-new[dir=rtl] .help-mobile-header{padding:0 16px 0 60px}.help-menu-btn{align-items:center;background:#ffffff08;background:var(--help-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:10px;color:#fff;color:var(--help-text-primary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.help-menu-btn:hover{background:#ffffff0f;background:var(--help-bg-glass-lighter);border-color:#ffffff1f;border-color:var(--help-border-glass-light)}.help-menu-btn svg{height:20px;width:20px}.help-mobile-header-title{color:#fff;color:var(--help-text-primary);font-size:17px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-drawer-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:9999999}.help-drawer-overlay.visible{opacity:1;visibility:visible}.help-drawer{backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);background:#141419b3;background:var(--help-bg-glass-panel);border-right:1px solid #ffffff14;border-right:1px solid var(--help-border-glass);display:flex;flex-direction:column;height:100vh;height:100dvh;left:0;max-width:85vw;overflow:hidden;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:10000000}.help-container-new[dir=rtl] .help-drawer{border-left:1px solid #ffffff14;border-left:1px solid var(--help-border-glass);border-right:none;left:auto;right:0;transform:translateX(100%)}.help-container-new[dir=rtl] .help-drawer.open,.help-drawer.open{transform:translateX(0)}.help-drawer-header{align-items:center;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--help-border-glass);display:flex;justify-content:space-between;padding:20px}.help-drawer-title{color:#fff;color:var(--help-text-primary);font-size:18px;font-weight:700;margin:0}.help-drawer-close{align-items:center;background:#ffffff08;background:var(--help-bg-glass-light);border:1px solid #ffffff14;border:1px solid var(--help-border-glass);border-radius:8px;color:#ffffffa6;color:var(--help-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.help-drawer-close:hover{background:#ffffff0f;background:var(--help-bg-glass-lighter);color:#fff;color:var(--help-text-primary)}.help-drawer-close svg{height:16px;width:16px}.help-drawer-nav{display:flex;flex:1 1;flex-direction:column;gap:4px;overflow-y:auto;padding:12px}.help-drawer-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#ffffffa6;color:var(--help-text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.help-container-new[dir=rtl] .help-drawer-item{text-align:right}.help-drawer-item:hover{background:#ffffff08;background:var(--help-bg-glass-light);color:#fff;color:var(--help-text-primary)}.help-drawer-item.active{background:linear-gradient(90deg,#2997ff26,#0000);border-left:3px solid #2997ff;border-left:3px solid var(--help-accent-primary);color:#2997ff;color:var(--help-accent-primary)}.help-container-new[dir=rtl] .help-drawer-item.active{background:linear-gradient(-90deg,#2997ff26,#0000);border-left:none;border-right:3px solid #2997ff;border-right:3px solid var(--help-accent-primary)}.help-drawer-item-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.help-drawer-item-icon svg{height:18px;width:18px}.help-article-header{margin-bottom:16px}.help-article-title{font-size:20px}.help-article-description{font-size:13px}.help-article-body h2{font-size:18px}.help-article-body h3{font-size:16px}.help-cards-grid{gap:12px;grid-template-columns:1fr}.help-card{padding:14px}.tutor-modes-container{grid-template-columns:1fr}.help-feature-card{padding:14px}.help-subsection{margin-bottom:20px}.help-callout{font-size:13px;padding:12px}}@media (min-width:769px){.help-drawer,.help-drawer-overlay,.help-mobile-header{display:none!important}}[data-theme=light]{--help-bg-void:#f2f4f8;--help-bg-glass-panel:#ffffffd9;--help-bg-glass-light:#00000005;--help-bg-glass-lighter:#0000000a;--help-bg-glass-selected:#2997ff1f;--help-bg-glass-input:#fffc;--help-text-primary:#1c1c1e;--help-text-secondary:#0000008c;--help-text-tertiary:#0006;--help-border-glass:#00000014;--help-border-glass-light:#0000001a;--help-border-highlight:#00000026;--help-shadow-glass:0 20px 50px #0000001f}[data-theme=light] .help-overlay{background:#f2f4f8e6}[data-theme=light] .help-aurora-orb{opacity:.06}[data-theme=light] .help-container-new{background:#ffffffeb;border:1px solid #00000014;box-shadow:0 25px 80px #0000001f}[data-theme=light] .help-container-new:before{background:linear-gradient(90deg,#0000,#0000000a,#0000)}[data-theme=light] .help-sidebar{background:#00000005;border-right:1px solid #0000000f}[data-theme=light] .help-logo-text,[data-theme=light] .help-title-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#636366);-webkit-background-clip:text;background-clip:text}[data-theme=light] .help-nav-item{color:#636366}[data-theme=light] .help-nav-item:hover{background:#0000000a;color:#1c1c1e}[data-theme=light] .help-nav-item.active{background:#2997ff1a;border-color:#2997ff33;color:#2997ff}[data-theme=light] .help-nav-icon{color:inherit}[data-theme=light] .help-main{background:#0000}[data-theme=light] .help-article-title{color:#1c1c1e}[data-theme=light] .help-article-description,[data-theme=light] .help-article-subtitle{color:#636366}[data-theme=light] .help-article-body,[data-theme=light] .help-article-body h2,[data-theme=light] .help-article-body h3{color:#1c1c1e}[data-theme=light] .help-article-body ol li,[data-theme=light] .help-article-body p,[data-theme=light] .help-article-body ul li{color:#636366}[data-theme=light] .faq-card,[data-theme=light] .help-card,[data-theme=light] .help-feature-card{background:#fffc;border:1px solid #0000000f;box-shadow:0 4px 20px #0000000d}[data-theme=light] .faq-card:hover,[data-theme=light] .help-card:hover,[data-theme=light] .help-feature-card:hover{background:#fffffff2;border-color:#0000001a}[data-theme=light] .faq-question,[data-theme=light] .help-card-title,[data-theme=light] .help-feature-title{color:#1c1c1e}[data-theme=light] .faq-answer,[data-theme=light] .help-card-description,[data-theme=light] .help-feature-description{color:#636366}[data-theme=light] .help-card-icon{background:#2997ff1a;color:#2997ff}[data-theme=light] .tutor-mode-card{background:#fffc;border:1px solid #0000000f}[data-theme=light] .tutor-mode-card:hover{background:#fffffff2;border-color:#0000001a}[data-theme=light] .tutor-mode-title{color:#1c1c1e}[data-theme=light] .tutor-mode-description{color:#636366}[data-theme=light] .help-search-input{background:#fffc;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .help-search-input:focus{background:#fff;border-color:#2997ff80;box-shadow:0 0 0 3px #2997ff26}[data-theme=light] .help-search-icon,[data-theme=light] .help-search-input::placeholder{color:#a1a1aa}[data-theme=light] .help-close-btn-new{background:#0000000a;color:#636366}[data-theme=light] .help-close-btn-new:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .shortcut-key{background:#0000000a;border:1px solid #00000014;color:#1c1c1e}[data-theme=light] .shortcut-description{color:#636366}[data-theme=light] .help-main::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .help-main::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .help-divider{background:#0000000f}[data-theme=light] .help-tip{background:#30d15814;border:1px solid #30d15826}[data-theme=light] .help-tip-title{color:#28a745}[data-theme=light] .help-tip-text{color:#636366}[data-theme=light] .help-warning{background:#ff9f0a14;border:1px solid #ff9f0a26}[data-theme=light] .help-warning-title{color:#d97706}[data-theme=light] .help-warning-text{color:#636366}.progress-panel{background:var(--glass-panel);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:0}.progress-panel,.progress-panel-modern{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);display:flex;flex-direction:column;grid-area:progress;height:100%;max-height:100vh;min-height:0;overflow:hidden;position:relative;transition:all var(--transition-base)}.progress-panel-modern{background:#12121699;border:1px solid #ffffff0a;border-radius:var(--radius-2xl);padding:var(--space-4)}.progress-panel-modern.collapsed{padding:var(--space-3)}.progress-panel-modern::-webkit-scrollbar{width:4px}.progress-panel-modern::-webkit-scrollbar-track{background:#0000}.progress-panel-modern::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.progress-panel-modern::-webkit-scrollbar-thumb:hover{background:#fff3}.progress-content-modern::-webkit-scrollbar{width:4px}.progress-content-modern::-webkit-scrollbar-track{background:#0000}.progress-content-modern::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.progress-content-modern::-webkit-scrollbar-thumb:hover{background:#fff3}.progress-panel.collapsed{padding:var(--space-6) var(--space-3)}.progress-panel.collapsed .progress-content{display:none}.progress-panel.collapsed .progress-toggle{left:50%;transform:translateX(-50%)}.progress-toggle{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--fs-sm);height:28px;justify-content:center;left:var(--space-4);position:absolute;top:var(--space-4);transition:all var(--transition-base);width:28px;z-index:10}.progress-toggle:hover{background:#2997ff26;border-color:var(--accent-primary);color:var(--accent-primary)}.progress-content{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:var(--space-4)}.progress-header{flex-shrink:0;margin-bottom:var(--space-4)}.level-display{gap:var(--space-4);margin-bottom:var(--space-4)}.level-circle,.level-display{align-items:center;display:flex}.level-circle{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border:1px solid #2997ff4d;border-radius:50%;box-shadow:0 0 20px #2997ff4d;height:48px;justify-content:center;width:48px}.level-number{color:#fff;font-size:var(--fs-xl);font-weight:var(--fw-bold)}.level-info{flex:1 1}.level-title{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--space-1)}.level-xp{color:var(--text-secondary);font-size:var(--fs-sm)}.level-progress{margin-top:var(--space-3)}.level-progress-bar{background:var(--glass-bg-secondary);border-radius:var(--radius-pill);height:6px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.level-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-pill);box-shadow:0 0 10px #2997ff66;transition:width .5s ease}.level-progress-text{color:var(--text-secondary);font-size:var(--fs-xs);text-align:center}.progress-tabs{background:var(--glass-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-shrink:0;gap:var(--space-1);margin-bottom:var(--space-4);padding:var(--space-1)}.tab-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--fs-sm);gap:var(--space-2);justify-content:center;min-width:0;padding:var(--space-2) var(--space-3);transition:all var(--transition-base)}.tab-button.active{background:#2997ff26;box-shadow:0 0 10px #2997ff33;color:var(--accent-primary)}.tab-button:hover:not(.active){background:var(--glass-bg-hover);color:var(--text-primary)}.tab-icon{flex-shrink:0;font-size:var(--fs-sm)}.tab-label{font-weight:var(--fw-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding-right:var(--space-1)}.overview-content{display:flex;flex-direction:column;gap:var(--space-4);min-height:0}.daily-goal-section{text-align:center}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.section-header h4{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0}.goal-streak{color:var(--accent-warn);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.circular-progress{display:flex;justify-content:center;margin-bottom:var(--space-4)}.progress-circle{height:100px;position:relative;width:100px}.progress-inner{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:var(--text-primary);font-size:var(--fs-lg);font-weight:var(--fw-bold);line-height:1}.progress-goal{color:var(--text-secondary);font-size:var(--fs-xs);margin-top:var(--space-1)}.progress-ring{transform:rotate(-90deg)}.progress-ring-background{opacity:.2}.progress-ring-progress{stroke-linecap:round;transition:stroke-dashoffset .5s ease}.quick-stats{grid-gap:var(--space-2);display:grid;flex-shrink:0;gap:var(--space-2);grid-template-columns:repeat(3,1fr)}.stat-item{background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);min-width:0;padding:var(--space-3);text-align:center;transition:all var(--transition-base)}.stat-item:hover{background:#2997ff1a;border-color:#2997ff4d;transform:translateY(-2px)}.stat-icon{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.stat-value{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-bold);margin-bottom:var(--space-1);word-break:break-all}.stat-label{color:var(--text-secondary);font-size:10px;line-height:1.2}.weekly-section h4{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin-bottom:var(--space-4)}.weekly-chart{align-items:end;background:var(--glass-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);height:80px;justify-content:space-between;margin-bottom:var(--space-3);min-width:0;overflow:hidden;padding:var(--space-3)}.chart-day{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;min-width:0}.chart-bar{background:linear-gradient(to top,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-bottom:var(--space-2);min-height:4px;transition:all var(--transition-base);width:100%}.chart-bar.today{background:linear-gradient(to top,var(--accent-warn),#ffb340);box-shadow:0 0 12px #ff9f0a66}.chart-bar.goal-met{background:linear-gradient(to top,var(--accent-tertiary),#40e878)}.chart-day-label{color:var(--text-secondary);font-size:10px;margin-bottom:var(--space-1);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%}.chart-day-value{color:var(--text-primary);font-size:10px;font-weight:var(--fw-medium);white-space:nowrap}.weekly-summary{color:var(--text-secondary);display:flex;font-size:var(--fs-xs);justify-content:space-between}.skills-content{display:flex;flex-direction:column;gap:var(--space-4)}.skill-card{background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.skill-card:hover{background:#2997ff1a;border-color:#2997ff4d;transform:translateY(-2px)}.skill-card-header{gap:var(--space-3);margin-bottom:var(--space-3)}.skill-card-header,.skill-icon{align-items:center;display:flex}.skill-icon{background:var(--glass-bg-hover);border-radius:var(--radius-md);font-size:var(--fs-base);height:36px;justify-content:center;width:36px}.skill-info{flex:1 1}.skill-name{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-1)}.skill-level{font-size:var(--fs-sm);font-weight:var(--fw-medium)}.skill-xp{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.skill-progress-container{margin-top:var(--space-2)}.skill-progress-bar{background:var(--glass-bg-hover);border-radius:var(--radius-sm);height:4px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.skill-progress-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-sm);height:100%;transition:width .5s ease}.skill-progress-text{color:var(--text-secondary);font-size:var(--fs-xs);text-align:center}.achievements-content{display:flex;flex-direction:column;gap:var(--space-3);min-height:0;overflow:hidden}.achievements-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:var(--space-3)}.achievements-header h4{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-semibold);margin:0}.achievements-progress{color:var(--text-secondary);font-size:var(--fs-sm);font-weight:var(--fw-medium)}.achievements-grid{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-height:0;overflow-x:hidden;overflow-y:auto}.achievement-card{align-items:center;background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-md);display:flex;flex-shrink:0;gap:var(--space-3);min-height:56px;padding:var(--space-3);transition:all var(--transition-base)}.achievement-card.earned{background:#30d1581a;border-color:#30d1584d}.achievement-card.locked{opacity:.5}.achievement-card.earned:hover{background:#30d15826;transform:translateY(-2px)}.achievement-icon{align-items:center;background:var(--glass-bg-hover);border-radius:var(--radius-md);display:flex;flex-shrink:0;font-size:var(--fs-lg);height:36px;justify-content:center;width:36px}.achievement-card.earned .achievement-icon{background:linear-gradient(135deg,var(--accent-tertiary),#40e878);box-shadow:0 4px 12px #30d1584d}.achievement-info{flex:1 1;min-width:0;overflow:hidden}.achievement-name{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:var(--fs-xs);line-height:1.3;overflow:hidden}.achievement-xp{color:var(--accent-tertiary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-top:var(--space-1)}.progress-collapse-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff6;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.progress-collapse-btn:hover{background:#ffffff1a;color:#fffc}.progress-panel-modern.collapsed{padding:16px 12px;width:80px}.progress-collapsed-modern{gap:4px;height:100%;width:100%}.collapsed-nav-item,.progress-collapsed-modern{align-items:center;display:flex;flex-direction:column}.collapsed-nav-item{background:#0000;border:1px solid #0000;border-radius:12px;color:#ffffff80;cursor:pointer;gap:2px;height:48px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.2,.8,.2,1);width:48px}.collapsed-nav-item:hover{background:#ffffff14;border-color:#ffffff1a;color:#ffffffe6}.collapsed-expand-btn{color:#fff6;margin-bottom:8px}.collapsed-expand-btn:hover{background:#2997ff26;border-color:#2997ff4d;color:#2997ff}.collapsed-level{margin-bottom:4px}.level-badge-small{align-items:center;background:linear-gradient(135deg,#2997ff,#bf5af2);border-radius:50%;box-shadow:0 4px 12px #2997ff66;color:#fff;display:flex;font-size:14px;font-weight:700;height:32px;justify-content:center;width:32px}.collapsed-nav-icon{font-size:16px;line-height:1}.collapsed-nav-value{color:#ffffffb3;font-size:11px;font-weight:600}.collapsed-expand-btn{position:relative}.collapsed-expand-btn:after{background:#ffffff14;bottom:-6px;content:"";height:1px;left:50%;position:absolute;transform:translateX(-50%);width:32px}.level-circle-modern-small{align-items:center;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:50%;box-shadow:0 4px 12px #2997ff66;display:flex;height:36px;justify-content:center;transition:all var(--transition-base);width:36px}.level-circle-modern-small span{color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-bold)}.level-circle-modern-small:hover{box-shadow:0 6px 16px #2997ff80;transform:scale(1.05)}.progress-content-modern{display:flex;flex:1 1;flex-direction:column;gap:var(--space-3);min-height:0;overflow:hidden;padding-top:var(--space-2)}.progress-header-modern{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-shrink:0;gap:var(--space-3);margin-bottom:0;padding:var(--space-3);transition:all var(--transition-base);width:100%}.progress-header-modern:hover{background:#2997ff1a;border-color:#2997ff4d}.level-display-modern{align-items:center;display:flex;flex:1 1;gap:var(--space-3)}.level-circle-modern{align-items:center;box-shadow:0 4px 12px #2997ff66;display:flex;flex-shrink:0;height:44px;justify-content:center;position:relative;transition:all var(--transition-base);width:44px}.level-circle-modern,.level-circle-modern:before{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-full)}.level-circle-modern:before{content:"";inset:-2px;opacity:0;position:absolute;transition:opacity var(--transition-base);z-index:-1}.level-circle-modern:hover:before{opacity:.5}.level-circle-modern:hover{box-shadow:0 12px 32px #2997ff80;transform:scale(1.05)}.level-number-modern{color:#fff;font-size:var(--fs-base);font-weight:var(--fw-bold)}.level-info-modern{flex:1 1}.level-title-modern{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold);margin-bottom:var(--space-1)}.level-subtitle-modern{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.stats-grid-modern{display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);margin-bottom:0}.stat-card-modern{align-items:center;backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;display:flex;gap:var(--space-3);min-height:44px;overflow:hidden;padding:var(--space-3);position:relative;transition:all var(--transition-base);width:100%}.stat-card-modern:before{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity var(--transition-base);width:3px}.stat-card-modern:hover:before{opacity:1}.stat-card-modern:hover{background:#2997ff1a;border-color:#2997ff4d;color:var(--text-primary);transform:translateY(-2px)}.stat-icon-modern{align-items:center;display:flex;flex-shrink:0;font-size:var(--fs-lg);justify-content:center;line-height:1;min-width:20px}.stat-content-modern{align-items:center;display:flex;flex:1 1;gap:var(--space-2)}.stat-value-modern{color:var(--text-primary);font-size:var(--fs-base);font-weight:var(--fw-bold);min-width:auto}.stat-label-modern{color:var(--text-secondary);flex:1 1;font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:1.2;white-space:nowrap}.daily-progress-modern{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-shrink:0;margin-bottom:0;min-height:48px;padding:var(--space-3);transition:all var(--transition-base);width:100%}.daily-progress-modern:hover{background:#2997ff1a;border-color:#2997ff4d;transform:translateY(-2px)}.daily-header-modern{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.daily-title-modern{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-semibold)}.daily-stats-modern{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-medium)}.daily-progress-bar-modern{background:var(--glass-bg-hover);border-radius:var(--radius-pill);height:6px;margin-bottom:var(--space-2);overflow:hidden;position:relative}.daily-progress-fill-modern{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-pill);box-shadow:0 0 12px #2997ff80;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1)}.daily-percentage-modern{color:var(--text-secondary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-align:center}.weekly-activity-modern{backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);background:var(--glass-bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);flex-shrink:0;margin-bottom:var(--space-1);min-height:32px;padding:var(--space-2) var(--space-3);transition:all var(--transition-base);width:100%}.weekly-activity-modern:hover{background:#2997ff1a;border-color:#2997ff4d;transform:translateY(-2px)}.weekly-title-modern{color:var(--text-primary);font-size:var(--fs-xs);font-weight:var(--fw-semibold);margin-bottom:var(--space-2);text-align:center}.weekly-chart-modern{justify-content:space-between}.weekly-chart-modern,.weekly-day-modern{align-items:center;display:flex;gap:var(--space-1)}.weekly-day-modern{cursor:pointer;flex:1 1;flex-direction:column;transition:transform var(--transition-base)}.weekly-day-modern:hover{transform:scale(1.1)}.weekly-day-label-modern{color:var(--text-secondary);font-size:10px;font-weight:var(--fw-medium);text-transform:uppercase}.weekly-day-dot-modern{background:var(--glass-bg-hover);border:1px solid var(--glass-border);border-radius:var(--radius-full);height:8px;transition:all var(--transition-base);width:8px}.weekly-day-modern.active .weekly-day-dot-modern{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);box-shadow:0 0 8px #2997ff66}.weekly-day-modern.today .weekly-day-dot-modern{border-color:var(--accent-primary);border-width:2px}.weekly-day-modern.today.active .weekly-day-dot-modern{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 0 12px #2997ff80}.level-progress-mini{background:var(--glass-bg-hover);border-radius:var(--radius-pill);margin-top:var(--space-2)}.level-progress-mini-fill{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:var(--radius-pill);box-shadow:0 0 10px #2997ff99;height:100%;transition:width .5s ease}.stat-card-modern.expanded{align-items:stretch;flex-direction:column}.stat-detail-modern{border-top:1px solid var(--glass-border);margin-top:var(--space-3);overflow:hidden;padding-top:var(--space-3);width:100%}.stat-detail-item{color:var(--text-secondary);font-size:var(--fs-xs);text-align:center}.stat-card-featured{background:#2997ff1a;border-color:#2997ff4d}.stat-card-featured:before{background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));opacity:1}.stat-card-featured:hover{background:#2997ff26;border-color:#2997ff66;box-shadow:0 12px 28px #2997ff40}.lessons-breakdown{display:flex;flex-direction:column;gap:var(--space-2)}.breakdown-title{color:var(--text-secondary);font-size:10px;font-weight:var(--fw-semibold);letter-spacing:.5px;margin-bottom:var(--space-1);text-transform:uppercase}.breakdown-item{align-items:center;background:var(--glass-bg-primary);border-radius:var(--radius-md);display:flex;font-size:var(--fs-xs);justify-content:space-between;padding:var(--space-2);transition:all var(--transition-base)}.breakdown-item:hover{background:#2997ff1a;transform:translateX(-2px)}.breakdown-level{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--fw-medium);gap:var(--space-2)}.breakdown-count{color:var(--text-primary);font-size:var(--fs-sm);font-weight:var(--fw-bold);min-width:24px;text-align:right}.progress-panel-modern[dir=rtl] .daily-header-modern,.progress-panel-modern[dir=rtl] .progress-header-modern,.progress-panel-modern[dir=rtl] .stat-card-modern{direction:rtl}.progress-panel-modern[dir=rtl] .level-display-modern{flex-direction:row-reverse}.progress-panel-modern[dir=rtl] .stat-content-modern{align-items:flex-end}.progress-panel-modern[dir=rtl] .breakdown-item:hover{transform:translateX(2px)}.progress-panel-modern[dir=rtl] .breakdown-count{text-align:left}@media (max-width:1200px){.progress-content{padding:var(--space-3)}.progress-header{margin-bottom:var(--space-3)}.tab-content{padding-right:var(--space-1)}.level-circle{height:44px;width:44px}.level-number{font-size:var(--fs-lg)}.level-title{font-size:var(--fs-sm)}}@media (max-width:1024px){.progress-content{padding:var(--space-2)}.quick-stats{gap:var(--space-2);grid-template-columns:1fr}.stat-item{padding:var(--space-2)}.level-display,.section-header{flex-direction:column;gap:var(--space-2);text-align:center}.weekly-chart{height:60px;padding:var(--space-2)}.achievement-card{gap:var(--space-2);padding:var(--space-2)}.achievement-icon{font-size:var(--fs-base);height:32px;width:32px}.progress-panel,.progress-panel-modern{display:none!important}}@media (max-width:768px){.progress-panel-modern,.progress-panel-modern.collapsed,.progress-panel-modern[dir=rtl]{display:none!important}.progress-content{padding:var(--space-2)}.progress-tabs{flex-direction:row;gap:var(--space-1);margin-bottom:var(--space-3)}.tab-button{font-size:var(--fs-xs);padding:var(--space-2)}.tab-label{display:none}.tab-icon{font-size:var(--fs-base)}.skill-card-header{flex-direction:column;gap:var(--space-2);text-align:center}.achievement-card{gap:var(--space-2);min-height:48px;padding:var(--space-2)}.achievement-icon{font-size:var(--fs-sm);height:28px;width:28px}.achievement-name{font-size:var(--fs-xs)}.achievement-description{-webkit-line-clamp:1;font-size:10px}.progress-circle{height:80px;width:80px}.progress-percentage{font-size:var(--fs-base)}.progress-goal{font-size:10px}}.progress-toggle:focus-visible,.tab-button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.achievement-card,.chart-bar,.level-progress-fill,.progress-panel,.progress-panel-modern,.progress-ring-progress,.skill-card,.skill-progress-fill,.stat-card-modern,.stat-item{transition:none}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.progress-panel-modern[dir=ltr]{animation:slideInFromLeft .5s cubic-bezier(.4,0,.2,1)}.progress-panel-modern[dir=rtl]{animation:slideInFromRight .5s cubic-bezier(.4,0,.2,1)}.achievements-grid::-webkit-scrollbar,.progress-content::-webkit-scrollbar,.tab-content::-webkit-scrollbar{width:3px}.achievements-grid::-webkit-scrollbar-track,.progress-content::-webkit-scrollbar-track,.tab-content::-webkit-scrollbar-track{background:#0000}.achievements-grid::-webkit-scrollbar-thumb,.progress-content::-webkit-scrollbar-thumb,.tab-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.achievements-grid::-webkit-scrollbar-thumb:hover,.progress-content::-webkit-scrollbar-thumb:hover,.tab-content::-webkit-scrollbar-thumb:hover{background:#fff3}.goal-section{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-3);padding:var(--space-4) var(--space-3);position:relative;text-align:center;z-index:2}.goal-collapse-btn{align-items:center;background:#ffffff0d;border:none;border-radius:50%;color:#fff6;cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:28px;z-index:10}.goal-collapse-btn:hover{background:#ffffff26;color:#ffffffe6}.goal-halo{align-items:center;background:conic-gradient(from 0deg,#2997ff,#bf5af2,#2997ff);border-radius:50%;display:flex;filter:drop-shadow(0 0 30px rgba(41,151,255,.3));height:180px;justify-content:center;margin-bottom:16px;position:relative;width:180px}.goal-halo:before{background:#050508;content:"";height:170px;width:170px}.goal-halo:before,.ring-pulse{border-radius:50%;position:absolute}.ring-pulse{animation:pulse-ring 4s ease-out infinite;border:2px solid #ffffff1a;height:100%;width:100%;z-index:-1}.ring-pulse-2{animation-delay:2s}@keyframes pulse-ring{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.goal-content{align-items:center;display:flex;flex-direction:column;position:relative;z-index:2}.xp-label{color:#2997ff;font-size:12px;font-weight:600;letter-spacing:2px;margin-bottom:4px;text-transform:uppercase}.xp-value{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#fff,#999);-webkit-background-clip:text;background-clip:text;font-size:52px;font-weight:700;line-height:1}.xp-target{color:#fff6;font-size:13px;font-weight:500;margin-top:6px}.daily-goal-section-modern{background:#14141980;border:1px solid #ffffff0a;border-radius:16px;margin-bottom:var(--space-3);padding:var(--space-4)}.daily-goal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.daily-goal-title{color:#fff9;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.daily-goal-menu{background:none;border:none;border-radius:4px;color:#fff6;cursor:pointer;font-size:14px;padding:4px 8px;transition:all .2s ease}.daily-goal-menu:hover{background:#ffffff1a;color:#fffc}.circular-progress-container{align-items:center;display:flex;justify-content:center;padding:var(--space-3) 0;position:relative}.circular-progress-svg{height:140px;width:140px}.circular-progress-text{align-items:center;display:flex;flex-direction:column;gap:4px;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage-large{color:#fff;font-size:36px;font-weight:700;line-height:1}.progress-xp-text{color:#ffffff80;font-size:13px;font-weight:500}.stats-row-modern{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr;margin-bottom:var(--space-3)}.stat-card-bento{background:#14141980;border:1px solid #ffffff0a;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:16px;position:relative;transition:all .3s cubic-bezier(.2,.8,.2,1)}.stat-card-bento.streak-card{background:linear-gradient(145deg,#ff9f0a14,#ffffff05);border:1px solid #ff9f0a26}.stat-card-bento.streak-card:hover{background:linear-gradient(145deg,#ff9f0a1f,#ffffff0a);border-color:#ff9f0a40;box-shadow:0 8px 32px #ff9f0a1a}.stat-card-bento.level-card{background:linear-gradient(145deg,#2997ff14,#ffffff05);border:1px solid #2997ff26}.stat-card-bento.level-card:hover{background:linear-gradient(145deg,#2997ff1f,#ffffff0a);border-color:#2997ff40;box-shadow:0 8px 32px #2997ff1a}.card-header-row{align-items:center;display:flex;justify-content:space-between}.card-icon{font-size:18px;line-height:1}.status-badge{border-radius:100px;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase}.status-badge.badge-active{background:#ff9f0a33;border:1px solid #ff9f0a4d;color:#ff9f0a}.xp-to-next{color:#2997ffcc;font-size:9px;font-weight:600;letter-spacing:.3px}.stat-card-value.flame-text{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#ff9f0a,#ff6b35 50%,#ff4500);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(255,159,10,.4))}.stat-card-value.level-text{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#5ac8fa,#2997ff 50%,#0071e3);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(41,151,255,.4))}.stat-card-value{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.5px;line-height:1.1}.stat-card-label{color:#ffffff80;font-size:11px;font-weight:500;text-transform:capitalize}.level-progress-mini{background:#2997ff26;border-radius:100px;height:4px;margin-top:4px;overflow:hidden;width:100%}.level-progress-fill{background:linear-gradient(90deg,#2997ff,#5ac8fa);border-radius:100px;box-shadow:0 0 8px #2997ff66;height:100%;transition:width .5s ease-out}.activity-section-new{display:flex;flex-direction:column;gap:16px;margin-bottom:var(--space-3)}.section-header-row{align-items:center;display:flex;justify-content:space-between}.section-title-label{color:#fff6;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tag-today{background:#a855f7;border-radius:100px;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:3px 10px}.week-calendar{align-items:flex-end;display:flex;justify-content:space-between;padding:0 4px}.day-col{align-items:center;display:flex;flex-direction:column;gap:8px}.day-col .day-label{color:#fff6;font-size:10px;font-weight:600;text-transform:uppercase}.day-col .day-dot{align-items:center;background:#ffffff0d;border-radius:50%;color:#fff6;display:flex;font-size:10px;font-weight:700;height:28px;justify-content:center;transition:all .3s ease;width:28px}.day-col .day-dot.active{background:#10b981;box-shadow:0 0 12px #10b9814d;color:#000}.day-col .day-dot.missed{background:#0000;border:1px solid #ffffff1a;color:#fff6}.day-col .day-dot.today{box-shadow:0 0 0 2px #a855f766}.day-col .day-dot.today.active{background:#a855f7;box-shadow:0 0 12px #a855f766;color:#fff}.activity-section-modern{background:#14141980;border:1px solid #ffffff0a;border-radius:12px;margin-bottom:var(--space-3);padding:var(--space-3)}.activity-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.activity-title{color:#fff9;font-size:11px;letter-spacing:1px}.activity-title,.activity-today-btn{font-weight:600;text-transform:uppercase}.activity-today-btn{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border:1px solid #8b5cf666;border-radius:14px;color:#ffffffe6;cursor:pointer;font-size:10px;letter-spacing:.5px;padding:5px 10px;transition:all .2s ease}.activity-today-btn:hover{background:linear-gradient(135deg,#6366f180,#8b5cf680);border-color:#8b5cf699;transform:translateY(-1px)}.activity-week-dots{align-items:center;display:flex;justify-content:space-between;padding:var(--space-2) 0}.activity-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:8px}.activity-day-label{color:#fff6;font-size:12px;font-weight:500}.activity-day-dot{background:#ffffff1a;border:1px solid #ffffff1a;border-radius:50%;height:10px;transition:all .3s ease;width:10px}.activity-day.active .activity-day-dot{background:linear-gradient(135deg,#bf5af2,#2997ff);border-color:#0000;box-shadow:0 0 8px #2997ff66}.activity-day.today .activity-day-label{color:#2997ff;font-weight:600}.activity-day.today .activity-day-dot{border-color:#2997ff;border-width:2px}.activity-day.today.active .activity-day-dot{background:linear-gradient(135deg,#bf5af2,#2997ff);box-shadow:0 0 12px #2997ff80}.week-navigation{gap:8px}.week-nav-btn,.week-navigation{align-items:center;display:flex}.week-nav-btn{background:#ffffff0d;border:1px solid #ffffff14;border-radius:50%;color:#fff9;cursor:pointer;font-size:14px;font-weight:600;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.week-nav-btn:hover:not(.disabled){background:#a855f733;border-color:#a855f766;color:#a855f7}.week-nav-btn:active:not(.disabled){transform:scale(.92)}.week-nav-btn.disabled{cursor:not-allowed;opacity:.3;pointer-events:none}.week-range-label{background:#ffffff0d;border:1px solid #ffffff14;border-radius:100px;color:#fff9;font-size:10px;font-weight:600;letter-spacing:.3px;padding:3px 10px;white-space:nowrap}.progress-panel-modern[dir=rtl] .week-navigation{flex-direction:row-reverse}.progress-panel-modern[dir=rtl] .week-nav-btn:first-child,.progress-panel-modern[dir=rtl] .week-nav-btn:last-child{transform:scaleX(-1)}[data-theme=light] .progress-panel,[data-theme=light] .progress-panel-modern{background:#ffffffbf;border:1px solid #0000000f;box-shadow:0 12px 40px -12px #0000001a}[data-theme=light] .progress-toggle{background:#00000008;border:1px solid #0000000f;color:#636366}[data-theme=light] .progress-toggle:hover{background:#2997ff1a;border-color:#2997ff4d;color:#2997ff}[data-theme=light] .progress-stat-card,[data-theme=light] .stat-card,[data-theme=light] .stat-card-bento,[data-theme=light] .stat-card-explorer,[data-theme=light] .stat-card-streak{background:#00000005;border:1px solid #0000000a}[data-theme=light] .stat-card-bento:hover,[data-theme=light] .stat-card-explorer:hover,[data-theme=light] .stat-card-streak:hover{background:#0000000a;border-color:#00000014}[data-theme=light] .explorer-label,[data-theme=light] .stat-label,[data-theme=light] .streak-label{color:#636366}[data-theme=light] .activity-header-title,[data-theme=light] .explorer-value,[data-theme=light] .section-title,[data-theme=light] .stat-value,[data-theme=light] .streak-value{color:#1c1c1e}[data-theme=light] .activity-day-label,[data-theme=light] .week-day-label{color:#636366}[data-theme=light] .activity-cell,[data-theme=light] .day-cell{background:#00000008;border:1px solid #0000000a}[data-theme=light] .activity-cell.has-activity,[data-theme=light] .day-cell.completed{background:#30d15833;border-color:#30d15866}[data-theme=light] .activity-cell.is-today,[data-theme=light] .day-cell.today{border-color:#2997ff80}[data-theme=light] .today-btn{background:#2997ff1a;border:1px solid #2997ff33;color:#2997ff}[data-theme=light] .today-btn:hover{background:#2997ff33}[data-theme=light] .week-nav-btn{background:#00000008;border:1px solid #0000000f;color:#636366}[data-theme=light] .week-nav-btn:hover:not(.disabled){background:#a855f71a;border-color:#a855f74d;color:#a855f7}[data-theme=light] .week-range-label{background:#00000008;border:1px solid #0000000f;color:#636366}[data-theme=light] .progress-stat-item,[data-theme=light] .quick-stat{background:#00000005;border:1px solid #0000000a}[data-theme=light] .progress-stat-item:hover,[data-theme=light] .quick-stat:hover{background:#0000000a;border-color:#00000014}[data-theme=light] .progress-stat-item.highlighted{background:#30d1581a;border-color:#30d1584d}[data-theme=light] .progress-stat-value,[data-theme=light] .quick-stat-value{color:#1c1c1e}[data-theme=light] .progress-stat-label,[data-theme=light] .quick-stat-label{color:#636366}[data-theme=light] .daily-goal-card{background:#00000005;border:1px solid #0000000a}[data-theme=light] .daily-goal-label{color:#636366}[data-theme=light] .daily-goal-value{color:#1c1c1e}[data-theme=light] .daily-goal-subtext{color:#a1a1aa}[data-theme=light] .daily-goal-section-modern{background:#ffffff80;border:1px solid #0000000f}[data-theme=light] .daily-goal-menu,[data-theme=light] .daily-goal-title{color:#636366}[data-theme=light] .daily-goal-menu:hover{background:#0000000d;color:#1c1c1e}[data-theme=light] .circular-progress-container{background:#0000}[data-theme=light] .progress-percentage-large{color:#1c1c1e}[data-theme=light] .progress-xp-text{color:#636366}[data-theme=light] .progress-percentage{color:#1c1c1e}[data-theme=light] .progress-goal{color:#636366}[data-theme=light] .progress-inner{background:#fffffff2;border:1px solid #0000000f}[data-theme=light] .stat-card-bento.streak-card{background:linear-gradient(145deg,#ff9f0a14,#fffc);border:1px solid #ff9f0a33}[data-theme=light] .stat-card-bento.streak-card:hover{background:linear-gradient(145deg,#ff9f0a1f,#ffffffe6);border-color:#ff9f0a4d}[data-theme=light] .stat-card-bento.level-card{background:linear-gradient(145deg,#2997ff14,#fffc);border:1px solid #2997ff33}[data-theme=light] .stat-card-bento.level-card:hover{background:linear-gradient(145deg,#2997ff1f,#ffffffe6);border-color:#2997ff4d}[data-theme=light] .stat-card-value{color:#1c1c1e}[data-theme=light] .stat-card-label{color:#636366}[data-theme=light] .status-badge.badge-active{background:#ff9f0a26;border:1px solid #ff9f0a40}[data-theme=light] .xp-to-next{color:#2997ffe6}[data-theme=light] .section-header h4{color:#1c1c1e}[data-theme=light] .goal-streak{color:#d97706}[data-theme=light] .stat-item{background:#00000005;border:1px solid #0000000a}[data-theme=light] .stat-item:hover{background:#2997ff14;border-color:#2997ff33}[data-theme=light] .weekly-section h4{color:#1c1c1e}[data-theme=light] .weekly-chart{background:#00000005}[data-theme=light] .day-label{color:#636366}[data-theme=light] .progress-content-modern::-webkit-scrollbar-thumb,[data-theme=light] .progress-panel-modern::-webkit-scrollbar-thumb{background:#0000001a}[data-theme=light] .progress-content-modern::-webkit-scrollbar-thumb:hover,[data-theme=light] .progress-panel-modern::-webkit-scrollbar-thumb:hover{background:#0003}[data-theme=light] .day-col .day-label{color:#636366}[data-theme=light] .day-col .day-dot{background:#0000000a;border:1px solid #0000001a;color:#636366}[data-theme=light] .day-col .day-dot.active{background:#10b981;border-color:#10b981;color:#fff}[data-theme=light] .day-col .day-dot.missed{background:#0000;border:1px solid #0000001a;color:#a1a1aa}[data-theme=light] .day-col .day-dot.today{box-shadow:0 0 0 2px #a855f74d}[data-theme=light] .day-col .day-dot.today.active{background:#a855f7;color:#fff}[data-theme=light] .goal-halo:before{background:#f2f4f8}[data-theme=light] .goal-halo{filter:drop-shadow(0 0 20px rgba(41,151,255,.2))}[data-theme=light] .xp-value{-webkit-text-fill-color:#0000;background:linear-gradient(180deg,#1c1c1e,#636366);-webkit-background-clip:text;background-clip:text}[data-theme=light] .xp-target{color:#636366}[data-theme=light] .xp-label{color:#0077ed}[data-theme=light] .ring-pulse{border-color:#0000000f}[data-theme=light] .activity-section-modern{background:#00000005;border:1px solid #00000014}[data-theme=light] .stat-card-modern{border:1px solid #00000014}.mobile-progress-modal .progress-panel-modern{border-radius:0!important;display:flex!important;flex-direction:column!important;height:100%!important;max-height:100%!important}.mobile-progress-modal .goal-collapse-btn,.mobile-progress-modal .progress-toggle,.mobile-progress-modal .progress-toggle-modern{display:none!important}@media (max-width:1024px){.mobile-progress-modal .progress-panel-modern{display:flex!important}.mobile-progress-modal .goal-collapse-btn,.mobile-progress-modal .progress-toggle,.mobile-progress-modal .progress-toggle-modern{display:none!important}}@media (max-width:768px){.mobile-progress-modal .progress-panel-modern,.mobile-progress-modal .progress-panel-modern.collapsed,.mobile-progress-modal .progress-panel-modern[dir=rtl]{display:flex!important}.mobile-progress-modal .goal-collapse-btn,.mobile-progress-modal .progress-toggle,.mobile-progress-modal .progress-toggle-modern{display:none!important}}.spanish-keyboard{align-items:center;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#18181cf2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0006;cursor:default;direction:ltr!important;display:flex;flex-direction:column;gap:8px;height:auto;padding:8px 16px 16px;position:fixed;text-align:left!important;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s ease;width:580px;z-index:1000}.spanish-keyboard.dragging{opacity:.9;transition:none}.keyboard-drag-handle{align-items:center;cursor:move;display:flex;height:32px;justify-content:center;margin-bottom:4px;padding:8px 0;width:100%}.drag-handle-bar{background:#fff3;border-radius:2px;height:4px;pointer-events:none;width:40px}.keyboard-drag-handle:hover .drag-handle-bar{background:#ffffff59}.keyboard-keys-container{cursor:default;flex-direction:column;gap:8px}.keyboard-header,.keyboard-keys-container{align-items:center;display:flex;width:100%}.keyboard-header{border-bottom:1px solid #ffffff14;justify-content:center;margin-bottom:8px;padding-bottom:8px}.keyboard-title{color:#ffffff80;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.keyboard-row{direction:ltr!important;flex-direction:row!important;gap:6px;width:100%}.keyboard-row,.keyboard-row button{display:flex;justify-content:center}.keyboard-row button{align-items:center;background:#ffffff14;border:1px solid #ffffff0d;border-radius:10px;color:#ffffffe6;cursor:pointer;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;font-weight:500;height:44px;min-width:44px;padding:12px 8px;transition:all .15s ease}.keyboard-row button:hover{background:#ffffff26;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.keyboard-row button:active{background:#fff3;box-shadow:none;transform:translateY(0)}.keyboard-row button.accent-key{background:#3b82f626;border-color:#3b82f633;color:#60a5fa}.keyboard-row button.accent-key:hover{background:#3b82f640;color:#93c5fd}.close-button{align-items:center;background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;color:#fff9;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:28px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px;z-index:1001}.close-button:hover{background:#ef444433;border-color:#ef44444d;color:#ef4444;transform:scale(1.1)}.close-button:active{transform:scale(.95)}.space-button{background:#ffffff0f!important;color:#ffffff80!important;flex:1 1!important;min-width:280px!important}.space-button:hover{background:#ffffff1a!important;color:#fffc!important}.backspace-button{background:#ffffff0f!important;min-width:70px!important}.send-button{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;box-shadow:0 2px 8px #3b82f64d;color:#fff!important;min-width:70px!important}.send-button:hover{box-shadow:0 4px 16px #3b82f666!important;transform:translateY(-2px)!important}.spanish-keyboard.entering{animation:keyboardSlideIn .3s cubic-bezier(.2,.8,.2,1) forwards}.spanish-keyboard.exiting{animation:keyboardSlideOut .2s ease-in forwards}@keyframes keyboardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes keyboardSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@media (max-width:640px){.spanish-keyboard{border-radius:16px;bottom:80px!important;left:12px!important;padding:40px 12px 12px;right:12px!important;width:calc(100% - 24px)}.keyboard-row button{border-radius:8px;font-size:14px;height:40px;min-width:32px;padding:8px 6px}.keyboard-row{gap:4px}.space-button{min-width:140px!important}.backspace-button,.send-button{min-width:54px!important}}[data-theme=light] .spanish-keyboard{background:#f2f4f8f2;border:1px solid #0000001a;box-shadow:0 8px 32px #00000026}[data-theme=light] .drag-handle-bar{background:#00000026}[data-theme=light] .keyboard-header{border-bottom:1px solid #00000014}[data-theme=light] .keyboard-title{color:#636366}[data-theme=light] .keyboard-row button{background:#fff;border:1px solid #0000001a;color:#1c1c1e}[data-theme=light] .keyboard-row button:hover{background:#f2f4f8;box-shadow:0 4px 12px #0000001a}[data-theme=light] .keyboard-row button:active{background:#e5e7eb}[data-theme=light] .keyboard-row button.accent-key{background:#3b82f61a;border-color:#3b82f633;color:#2563eb}[data-theme=light] .keyboard-row button.accent-key:hover{background:#3b82f62e}[data-theme=light] .close-button{background:#0000000f;color:#636366}.notification-center{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:80px;z-index:10000}[dir=rtl] .notification-center{left:20px;right:auto}.notification-card{align-items:flex-start;animation:slideInNotification .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 10px 40px #00000026,0 0 0 1px #ffffff1a;cursor:pointer;display:flex;gap:15px;min-width:350px;overflow:hidden;padding:20px;pointer-events:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-card:before{animation:progressBar 6s linear;background:#ffffff4d;content:"";height:4px;left:0;position:absolute;right:0;top:0}.notification-card:hover{box-shadow:0 15px 50px #0003,0 0 0 1px #ffffff26;transform:translateY(-4px) scale(1.02)}.notification-card:active{transform:translateY(-2px) scale(.98)}.notification-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;flex-shrink:0;font-size:32px;height:48px;justify-content:center;width:48px}.notification-content{flex:1 1;min-width:0}.notification-title{font-size:16px;font-weight:700;letter-spacing:-.3px;line-height:1.4;margin-bottom:6px}.notification-message{font-size:14px;line-height:1.5;margin-bottom:8px;opacity:.95}.notification-time{font-size:12px;font-weight:500;opacity:.7}.notification-close{align-items:center;background:#0003;border:none;border-radius:50%;color:inherit;cursor:pointer;display:flex;font-size:24px;height:28px;justify-content:center;line-height:1;opacity:.6;position:absolute;right:12px;top:12px;transition:all .2s ease;width:28px}[dir=rtl] .notification-close{left:12px;right:auto}.notification-close:hover{background:#0000004d;opacity:1;transform:rotate(90deg)}.notification-close:active{transform:rotate(90deg) scale(.9)}@keyframes slideInNotification{0%{opacity:0;transform:translateX(450px)}to{opacity:1;transform:translateX(0)}}[dir=rtl] @keyframes slideInNotification{0%{opacity:0;transform:translateX(-450px)}to{opacity:1;transform:translateX(0)}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes progressBar{0%{opacity:.5;width:100%}to{opacity:0;width:0}}@media (max-width:768px){.notification-center{left:10px;max-width:none;right:10px;top:70px}[dir=rtl] .notification-center{left:10px;right:10px}.notification-card{min-width:auto;padding:16px}.notification-icon{font-size:28px;height:40px;width:40px}.notification-title{font-size:15px}.notification-message{font-size:13px}}[data-theme=light] .notification-card{background:#fffffff2;border:1px solid #0000001a;box-shadow:0 10px 40px #0000001a,0 0 0 1px #0000000f;color:#1c1c1e}[data-theme=light] .notification-card:hover{box-shadow:0 15px 50px #00000026,0 0 0 1px #0000001a}[data-theme=light] .notification-card:before{background:#0000001a}[data-theme=light] .notification-icon{background:#0000000f}[data-theme=light] .notification-title{color:#1c1c1e}[data-theme=light] .notification-message{color:#636366}[data-theme=light] .notification-time{color:#a1a1aa}[data-theme=light] .notification-close{background:#0000000f}[data-theme=light] .notification-close:hover{background:#0000001f}@media (prefers-color-scheme:dark){.notification-card{box-shadow:0 10px 40px #0006,0 0 0 1px #ffffff0d}.notification-card:hover{box-shadow:0 15px 50px #00000080,0 0 0 1px #ffffff1a}}.awesome-modal-overlay{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.awesome-modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(145deg,#2d3748,#1a202c);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d;color:#fff;max-width:440px;overflow:hidden;padding:32px;position:relative;width:100%}.awesome-modal-content:before{background:linear-gradient(90deg,#ff6b6b,#ff8e53,#ffa726);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.awesome-modal-header{margin-bottom:24px;position:relative;text-align:center;z-index:1}.awesome-modal-icon{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ff6b6b26;border:1px solid #ff6b6b4d;border-radius:50%;display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.awesome-modal-icon svg{color:#ff6b6b;filter:drop-shadow(0 2px 8px rgba(255,107,107,.4));font-size:28px}.awesome-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:700;margin:0}.awesome-modal-body{margin-bottom:32px;position:relative;text-align:center;z-index:1}.awesome-modal-body p{color:#ffffffbf;font-size:15px;line-height:1.7;margin:0}.awesome-modal-buttons{display:flex;gap:12px;justify-content:center;position:relative;z-index:1}.awesome-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:600;letter-spacing:.3px;min-width:130px;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.awesome-btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.awesome-btn:hover:before{left:100%}.awesome-btn-cancel{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;color:#ffffffe6}.awesome-btn-cancel:hover{background:#ffffff26;border-color:#ffffff40;box-shadow:0 8px 20px #0000004d;transform:translateY(-2px)}.awesome-btn-confirm{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border:none;box-shadow:0 4px 15px #ff6b6b59;color:#fff}.awesome-btn-confirm:hover{background:linear-gradient(135deg,#ff8e53,#ff6b6b);box-shadow:0 8px 25px #ff6b6b73;transform:translateY(-2px)}.awesome-btn:active{transform:translateY(0) scale(.98)}.rtl .awesome-modal-content,[dir=rtl] .awesome-modal-content{direction:rtl;text-align:right}.rtl .awesome-modal-body,.rtl .awesome-modal-header,[dir=rtl] .awesome-modal-body,[dir=rtl] .awesome-modal-header{text-align:center}@media (max-width:768px){.awesome-modal-content{margin:20px;max-width:calc(100vw - 40px);padding:24px}.awesome-modal-header h2{font-size:20px}.awesome-modal-body p{font-size:14px}.awesome-modal-buttons{flex-direction:column}.awesome-btn{font-size:14px;padding:14px 24px;width:100%}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.awesome-modal-content{animation:modalSlideIn .3s ease-out}[data-theme=light] .awesome-modal-overlay{background:#0006}[data-theme=light] .awesome-modal-content{background:linear-gradient(145deg,#fff,#f2f4f8);border:1px solid #0000001a;box-shadow:0 25px 50px -12px #0003;color:#1c1c1e}[data-theme=light] .awesome-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#636366);-webkit-background-clip:text;background-clip:text}[data-theme=light] .awesome-modal-body p{color:#636366}[data-theme=light] .awesome-btn-cancel{background:#0000000a;border:1px solid #0000001f;color:#1c1c1e}[data-theme=light] .awesome-btn-cancel:hover{background:#00000014;border-color:#0000002e;box-shadow:0 8px 20px #0000001a}.limit-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.limit-modal{background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid #94a3b833;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:32px;position:relative;width:100%}.limit-modal.rtl{direction:rtl;text-align:right}.modal-close-btn{align-items:center;background:#94a3b81a;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:32px}.limit-modal.rtl .modal-close-btn{left:16px;right:auto}.modal-close-btn:hover{background:#94a3b833;color:#e2e8f0}.modal-icon-container{display:flex;justify-content:center;margin-bottom:20px}.modal-icon{border-radius:50%;font-size:48px;padding:16px}.modal-icon.clock{background:#f59e0b26;color:#f59e0b}.modal-icon.calendar{background:#ef444426;color:#ef4444}.modal-title{color:#e2e8f0;font-size:24px;font-weight:700;margin:0 0 12px;text-align:center}.modal-message{color:#94a3b8;font-size:15px;line-height:1.6;margin:0 0 24px;text-align:center}.upgrade-benefits{background:#10b98114;border:1px solid #10b98133;border-radius:12px;margin-bottom:24px;padding:16px}.benefit-item{align-items:center;color:#e2e8f0;display:flex;font-size:14px;gap:10px;padding:8px 0}.benefit-item:not(:last-child){border-bottom:1px solid #94a3b81a}.benefit-icon{color:#f59e0b;flex-shrink:0;font-size:14px}.limit-modal.rtl .benefit-item{flex-direction:row-reverse}.modal-buttons{display:flex;flex-direction:column;gap:12px}.primary-button{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;box-shadow:0 4px 15px #f59e0b4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .2s ease;width:100%}.primary-button:hover{box-shadow:0 6px 20px #f59e0b66}.btn-icon{font-size:16px}.secondary-button{background:#0000;border:1px solid #94a3b84d;border-radius:12px;color:#94a3b8;cursor:pointer;font-size:15px;font-weight:500;padding:12px 24px;transition:all .2s ease;width:100%}.secondary-button:hover{background:#94a3b81a;color:#e2e8f0}.logout-button{align-items:center;background:#0000;border:1px solid #94a3b84d;border-radius:12px;color:#94a3b8;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;justify-content:center;padding:12px 24px;transition:all .2s ease;width:100%}.logout-button:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.modal-icon.payment{background:#ef444426;color:#ef4444}.limit-modal-overlay.blocking{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;z-index:99999}.limit-modal.blocking{border-color:#ef44444d;box-shadow:0 20px 60px #000000b3,0 0 0 1px #ef444433}.modal-help-text{color:#64748b;font-size:12px;margin-bottom:0;margin-top:16px;text-align:center}.modal-help-text a{color:#94a3b8;text-decoration:underline}@media (max-width:480px){.limit-modal{margin:16px;padding:24px}.modal-title{font-size:20px}.modal-message{font-size:14px}.modal-icon{font-size:40px;padding:12px}}.light-mode .limit-modal{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#94a3b84d}.light-mode .modal-title{color:#1e293b}.light-mode .modal-message{color:#64748b}.light-mode .benefit-item{color:#1e293b}.light-mode .modal-close-btn{color:#64748b}.light-mode .modal-close-btn:hover{color:#1e293b}[data-theme=light] .limit-modal-overlay{background:#0000004d}[data-theme=light] .limit-modal{background:linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid #00000014;box-shadow:0 20px 60px #0000001f}[data-theme=light] .limit-modal.blocking{border-color:#ef444433;box-shadow:0 20px 60px #00000026,0 0 0 1px #ef444426}[data-theme=light] .modal-close-btn{background:#0000000a;color:#636366}[data-theme=light] .modal-close-btn:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .modal-title{color:#1c1c1e}[data-theme=light] .modal-message{color:#636366}[data-theme=light] .upgrade-benefits{background:#10b9810f;border:1px solid #10b98126}[data-theme=light] .benefit-item{color:#1c1c1e}[data-theme=light] .benefit-item:not(:last-child){border-bottom:1px solid #0000000f}[data-theme=light] .secondary-button{background:#0000;border:1px solid #0000001f;color:#636366}[data-theme=light] .secondary-button:hover{background:#0000000a;color:#1c1c1e}[data-theme=light] .logout-button{border:1px solid #0000001f;color:#636366}[data-theme=light] .logout-button:hover{background:#ef44440f;border-color:#ef444433;color:#ef4444}[data-theme=light] .modal-help-text{color:#636366}[data-theme=light] .modal-help-text a{color:#2997ff}.session-logout-overlay{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:99999}.session-logout-modal{background:linear-gradient(165deg,#1e2235,#151825 50%,#0d0f18);border:1px solid #6366f133;border-radius:28px;box-shadow:0 30px 60px -15px #0009,0 0 0 1px #ffffff0d,inset 0 1px 0 #ffffff0d,0 0 80px #6366f126;max-width:420px;overflow:hidden;padding:40px 36px;position:relative;text-align:center;width:100%}.session-logout-bg-effect{animation:rotateBg 20s linear infinite;background:conic-gradient(from 0deg,#0000 0deg,#6366f108 60deg,#0000 120deg,#8b5cf608 180deg,#0000 240deg,#6366f108 300deg,#0000 1turn);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes rotateBg{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.session-logout-modal:before{animation:gradientFlow 3s ease infinite;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a855f7,#6366f1);background-size:300% 100%;border-radius:28px 28px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes gradientFlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.session-logout-icon-wrapper{display:inline-block;margin-bottom:24px;position:relative}.session-logout-icon-ring{animation:pulseRing 2s ease-out infinite;border:2px solid #6366f14d;border-radius:50%;height:100px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px}@keyframes pulseRing{0%{opacity:.8;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.4)}}.session-logout-icon{align-items:center;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d;border-radius:50%;display:flex;height:80px;justify-content:center;position:relative;width:80px;z-index:2}.session-logout-icon svg{color:#8b5cf6;filter:drop-shadow(0 2px 10px rgba(139,92,246,.5));font-size:32px}.floating-device{color:#6366f180;font-size:18px;position:absolute;z-index:1}.device-laptop{right:-15px;top:-10px}.device-mobile{bottom:-5px;left:-15px}.session-logout-content{margin-bottom:28px;position:relative;z-index:2}.session-logout-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e2e8f0);-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:700;margin:0 0 8px}.session-logout-subtitle{background:#8b5cf626;border-radius:20px;color:#8b5cf6;display:inline-block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:20px;padding:6px 14px}.session-logout-message{color:#fffc;font-size:15px;line-height:1.7;margin:0 0 16px}.session-logout-security{align-items:center;color:#ffffff80;display:flex;font-size:13px;gap:8px;justify-content:center;line-height:1.6;margin:0}.security-icon{font-size:14px}.session-logout-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 4px 20px #6366f159,inset 0 1px 0 #ffffff1a;color:#fff;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:16px 32px;position:relative;transition:all .3s ease;width:100%;z-index:2}.session-logout-btn:hover{background:linear-gradient(135deg,#7c7ff1,#9b6cf6);transform:translateY(-2px)}.session-logout-btn:active{transform:translateY(0) scale(.98)}.session-logout-overlay.rtl .session-logout-modal{direction:rtl}.session-logout-overlay.rtl .session-logout-security{flex-direction:row-reverse}@media (max-width:480px){.session-logout-modal{border-radius:24px;margin:16px;padding:32px 24px}.session-logout-title{font-size:22px}.session-logout-message{font-size:14px}.session-logout-icon{height:70px;width:70px}.session-logout-icon svg{font-size:28px}.session-logout-icon-ring{height:90px;width:90px}}[data-theme=light] .session-logout-overlay{background:#0006}[data-theme=light] .session-logout-modal{background:linear-gradient(165deg,#fff,#f2f4f8 50%,#ebedf2);border:1px solid #0000001a;box-shadow:0 30px 60px -15px #0003}[data-theme=light] .session-logout-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#636366);-webkit-background-clip:text;background-clip:text}[data-theme=light] .session-logout-message{color:#636366}[data-theme=light] .session-logout-security{color:#a1a1aa}@keyframes modalEnter{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}.driver-active *,.driver-active .driver-overlay{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in .2s ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in .2s}.driver-popover{all:unset;background-color:#fff;border-radius:5px;box-shadow:0 1px 10px #0006;box-sizing:border-box;color:#2d2d2d;margin:0;max-width:300px;min-width:250px;padding:15px;position:fixed;right:0;top:0;z-index:1000000000}.driver-popover *{font-family:Helvetica Neue,Inter,ui-sans-serif,Apple Color Emoji,Helvetica,Arial,sans-serif}.driver-popover-title{zoom:1;display:block;font:19px/normal sans-serif;line-height:1.5;margin:0;position:relative}.driver-popover-close-btn{all:unset;color:#d2d2d2;font-size:18px;font-weight:500;right:0;text-align:center;top:0;transition:color;transition-duration:.2s;width:32px;z-index:1}.driver-popover-close-btn:focus,.driver-popover-close-btn:hover{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;font:14px/normal sans-serif;font-weight:400;line-height:1.5;margin-bottom:0}.driver-popover-footer{zoom:1;justify-content:space-between;margin-top:15px;text-align:right}.driver-popover-progress-text{zoom:1;color:#727272;font-size:13px;font-weight:400}.driver-popover-footer button{zoom:1;all:unset;background-color:#fff;border:1px solid #ccc;border-radius:3px;box-sizing:border-box;color:#2d2d2d;cursor:pointer;display:inline-block;font:12px/normal sans-serif;line-height:1.3;outline:0;padding:3px 7px;text-decoration:none;text-shadow:1px 1px 0 #fff}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}:not(body):has(>.driver-active-element){overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}.driver-popover-footer button:focus,.driver-popover-footer button:hover{background-color:#f7f7f7}.driver-popover-navigation-btns{display:flex;flex-grow:1;justify-content:flex-end}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{border:5px solid #fff;content:"";position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-bottom-color:#0000;border-right-color:#0000;border-top-color:#0000;left:100%}.driver-popover-arrow-side-right{border-bottom-color:#0000;border-left-color:#0000;border-top-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-left-color:#0000;border-right-color:#0000;border-top-color:#0000;bottom:100%}.driver-popover-arrow-side-center{display:none}.driver-popover-arrow-side-left.driver-popover-arrow-align-start,.driver-popover-arrow-side-right.driver-popover-arrow-align-start{top:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-start,.driver-popover-arrow-side-top.driver-popover-arrow-align-start{left:15px}.driver-popover-arrow-align-end.driver-popover-arrow-side-left,.driver-popover-arrow-align-end.driver-popover-arrow-side-right{bottom:15px}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-end,.driver-popover-arrow-side-top.driver-popover-arrow-align-end{right:15px}.driver-popover-arrow-side-left.driver-popover-arrow-align-center,.driver-popover-arrow-side-right.driver-popover-arrow-align-center{margin-top:-5px;top:50%}.driver-popover-arrow-side-bottom.driver-popover-arrow-align-center,.driver-popover-arrow-side-top.driver-popover-arrow-align-center{left:50%;margin-left:-5px}.driver-popover-arrow-none{display:none}.driver-popover{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#1e1e23f2;background:var(--glass-bg-elevated,#1e1e23f2);border:1px solid #ffffff1a;border:1px solid var(--glass-border-light,#ffffff1a);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-primary,"Inter",-apple-system,BlinkMacSystemFont,sans-serif);max-width:400px;padding:24px}.driver-popover-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary,#fff);font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:12px}.driver-popover-description{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:.95rem;line-height:1.6;margin-bottom:20px}.driver-popover-progress-text{color:#ffffff80;color:var(--text-tertiary,#ffffff80);font-size:.8rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.driver-popover-footer{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.driver-popover-prev-btn{background:#ffffff14;background:var(--glass-bg-secondary,#ffffff14);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:100px;border-radius:var(--radius-pill,100px);color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 20px;transition:all .2s ease}.driver-popover-prev-btn:hover{background:#ffffff1f;background:var(--glass-bg-hover,#ffffff1f);border-color:#fff3;color:#fff;color:var(--text-primary,#fff)}.driver-popover-next-btn{background:#fff;background:var(--accent-white,#fff);border:none;border-radius:100px;border-radius:var(--radius-pill,100px);box-shadow:0 4px 12px #fff3;color:#2997ff;color:var(--accent-primary,#2997ff);cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.driver-popover-next-btn:hover{box-shadow:0 6px 20px #ffffff4d;transform:scale(1.05)}.driver-popover-close-btn{align-items:center;background:#fff3;border:1px solid #fff6;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:28px}.driver-popover-close-btn:hover{background:#ffffff4d;border-color:#ffffff80;color:#fff}.driver-active-element{animation:spotlight-glow-dark 2s ease-in-out infinite!important;border-radius:16px!important;border-radius:var(--radius-lg,16px)!important;box-shadow:inset 0 0 15px #2997ff1a,0 0 20px 5px #2997ff66,0 0 40px 10px #2997ff40,0 0 60px 15px #2997ff26!important;filter:brightness(1.3) saturate(1.1)!important;outline:none!important;position:relative!important;z-index:10001!important}@keyframes spotlight-glow-dark{0%,to{box-shadow:inset 0 0 15px #2997ff1a,0 0 20px 5px #2997ff66,0 0 40px 10px #2997ff40,0 0 60px 15px #2997ff26}50%{box-shadow:inset 0 0 20px #64b4ff26,0 0 25px 8px #64b4ff80,0 0 50px 15px #64b4ff4d,0 0 80px 20px #64b4ff33}}[data-tutorial-id=level-selector].driver-active-element{animation:none!important;bottom:auto!important;box-shadow:0 0 15px #2997ff66,0 0 30px #2997ff40!important;display:flex!important;left:50%!important;margin:0!important;max-width:none!important;position:absolute!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:auto!important;z-index:10001!important}.driver-active-element{flex-shrink:0!important}[data-tutorial-id=learning-games].driver-active-element{filter:brightness(1.2) saturate(1.2)!important}[data-tutorial-id=learning-games].driver-active-element:before{background:linear-gradient(270deg,#0006,#0000001a)!important}.driver-popover-arrow{border:none!important}.driver-popover-arrow-side-bottom,.driver-popover-arrow-side-left,.driver-popover-arrow-side-right,.driver-popover-arrow-side-top{background:#1e1e23f2!important;background:var(--glass-bg-elevated,#1e1e23f2)!important}[dir=rtl] .driver-popover{direction:rtl;text-align:right}[dir=rtl] .driver-popover-close-btn{left:16px;right:auto}[dir=rtl] .driver-popover-footer{flex-direction:row-reverse}[dir=rtl] .driver-popover-progress-text{direction:rtl}[data-theme=light] .driver-popover{background:#fffffff2;border-color:#00000014;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000000d}[data-theme=light] .driver-popover-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#3a3a3c);-webkit-background-clip:text;background-clip:text}[data-theme=light] .driver-popover-description{color:#636366}[data-theme=light] .driver-popover-progress-text{color:#8e8e93}[data-theme=light] .driver-popover-prev-btn{background:#0000000a;border-color:#00000014;color:#636366}[data-theme=light] .driver-popover-prev-btn:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .driver-popover-next-btn{background:#1c1c1e;box-shadow:0 4px 12px #00000026;color:#fff}[data-theme=light] .driver-popover-next-btn:hover{box-shadow:0 6px 20px #0003}[data-theme=light] .driver-popover-close-btn{background:#0000000a;color:#8e8e93}[data-theme=light] .driver-popover-close-btn:hover{background:#00000014;color:#1c1c1e}[data-theme=light] .driver-overlay{background:#000000a6!important}[data-theme=light] .driver-active-element{animation:spotlight-glow-light 2s ease-in-out infinite!important;border-radius:16px!important;border-radius:var(--radius-lg,16px)!important;box-shadow:0 0 15px #2997ff59,0 0 30px #2997ff33,0 0 50px #2997ff1a!important;filter:none!important;outline:none!important;position:relative!important;z-index:10001!important}[data-theme=light] [data-tutorial-id=learning-games].driver-active-element{filter:brightness(1.1) saturate(1.1)!important}[data-theme=light] [data-tutorial-id=level-selector].driver-active-element{animation:none!important;bottom:auto!important;box-shadow:0 0 15px #2997ff66,0 0 30px #2997ff40!important;display:flex!important;filter:none!important;left:50%!important;margin:0!important;max-width:none!important;position:absolute!important;right:auto!important;top:auto!important;transform:translateX(-50%)!important;width:auto!important;z-index:10001!important}@keyframes spotlight-glow-light{0%,to{box-shadow:0 0 15px #2997ff59,0 0 30px #2997ff33,0 0 50px #2997ff1a}50%{box-shadow:0 0 20px #2997ff73,0 0 40px #2997ff40,0 0 60px #2997ff26}}.placement-prompt-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#030304cc;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.placement-prompt-modal{animation:slideUp .4s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#1e1e23f2;background:var(--glass-bg-elevated,#1e1e23f2);border:1px solid #ffffff1a;border:1px solid var(--glass-border-light,#ffffff1a);border-radius:24px;border-radius:var(--radius-2xl,24px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;max-width:480px;padding:40px;text-align:center;width:90%}.placement-prompt-icon{font-size:3rem;margin-bottom:16px}.placement-prompt-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary,#fff);font-size:1.75rem;font-weight:700;margin-bottom:16px}.placement-prompt-description{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:1rem;line-height:1.6;margin-bottom:32px}.placement-prompt-buttons{display:flex;gap:16px;justify-content:center}.placement-btn-primary{background:linear-gradient(135deg,#2997ff,#0077ed);background:linear-gradient(135deg,var(--accent-primary,#2997ff),#0077ed);border:none;border-radius:100px;border-radius:var(--radius-pill,100px);box-shadow:0 4px 15px #2997ff4d;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.placement-btn-primary:hover{box-shadow:0 6px 25px #2997ff66;transform:scale(1.05)}.placement-btn-secondary{background:#ffffff14;background:var(--glass-bg-secondary,#ffffff14);border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:100px;border-radius:var(--radius-pill,100px);color:#ffffffb3;color:var(--text-secondary,#ffffffb3);cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .3s ease}.placement-btn-secondary:hover{background:#ffffff1f;background:var(--glass-bg-hover,#ffffff1f);border-color:#fff3;color:#fff;color:var(--text-primary,#fff)}[data-theme=light] .placement-prompt-overlay{background:#f2f4f8d9}[data-theme=light] .placement-prompt-modal{background:#fffffff2;border-color:#00000014}[data-theme=light] .placement-prompt-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#3a3a3c);-webkit-background-clip:text;background-clip:text}[data-theme=light] .placement-prompt-description{color:#636366}[data-theme=light] .placement-btn-secondary{background:#0000000a;border-color:#00000014;color:#636366}[data-theme=light] .placement-btn-secondary:hover{background:#00000014;color:#1c1c1e}[dir=rtl] .placement-prompt-modal{direction:rtl;text-align:center}[dir=rtl] .placement-prompt-buttons{flex-direction:row-reverse}.tutorial-welcome-overlay{align-items:center;animation:fadeIn .4s ease;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#030304e6;display:flex;inset:0;justify-content:center;position:fixed;z-index:10001}.tutorial-welcome-modal{animation:slideUp .5s ease;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#1e1e23f2;background:var(--glass-bg-elevated,#1e1e23f2);border:1px solid #ffffff1a;border:1px solid var(--glass-border-light,#ffffff1a);border-radius:24px;border-radius:var(--radius-2xl,24px);box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px 0 0 #ffffff1a;max-width:520px;padding:48px;text-align:center;width:90%}.tutorial-welcome-logo{height:auto;margin-bottom:24px;max-height:80px;max-width:200px;object-fit:contain;width:auto}.tutorial-logo-dark{display:block}.tutorial-logo-light,[data-theme=light] .tutorial-logo-dark{display:none}[data-theme=light] .tutorial-logo-light{display:block}.tutorial-welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary,#fff);font-size:2rem;font-weight:800;margin-bottom:16px}.tutorial-welcome-description{color:#ffffffb3;color:var(--text-secondary,#ffffffb3);font-size:1.1rem;line-height:1.6;margin-bottom:32px}.tutorial-welcome-buttons{align-items:center;display:flex;flex-direction:column;gap:12px}.tutorial-welcome-start{background:linear-gradient(135deg,#2997ff,#0077ed);background:linear-gradient(135deg,var(--accent-primary,#2997ff),#0077ed);border:none;border-radius:100px;border-radius:var(--radius-pill,100px);box-shadow:0 4px 15px #2997ff4d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;min-width:200px;padding:16px 40px;transition:all .3s ease}.tutorial-welcome-start:hover{box-shadow:0 6px 25px #2997ff66;transform:scale(1.05)}.tutorial-welcome-skip{background:#0000;border:none;color:#ffffff80;color:var(--text-tertiary,#ffffff80);cursor:pointer;font-size:.95rem;font-weight:500;padding:12px 24px;transition:all .2s ease}.tutorial-welcome-skip:hover{color:#ffffffb3;color:var(--text-secondary,#ffffffb3)}[data-theme=light] .tutorial-welcome-overlay{background:#f2f4f8eb}[data-theme=light] .tutorial-welcome-modal{background:#fffffff2;border-color:#00000014}[data-theme=light] .tutorial-welcome-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1c1c1e,#3a3a3c);-webkit-background-clip:text;background-clip:text}[data-theme=light] .tutorial-welcome-description{color:#636366}[data-theme=light] .tutorial-welcome-skip{color:#8e8e93}[data-theme=light] .tutorial-welcome-skip:hover{color:#636366}[dir=rtl] .tutorial-welcome-modal{direction:rtl}.tutorial-tooltip-highlight{position:relative}.tutorial-tooltip-highlight:after{animation:tooltipBounce 1s ease-in-out infinite;background:#1e1e23f2;background:var(--glass-bg-elevated,#1e1e23f2);border:1px solid #ffffff1a;border:1px solid var(--glass-border-light,#ffffff1a);border-radius:16px;border-radius:var(--radius-lg,16px);bottom:calc(100% + 12px);box-shadow:0 8px 30px #0000004d;color:#fff;color:var(--text-primary,#fff);content:attr(data-tooltip);font-size:.9rem;left:50%;padding:12px 20px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10000}.tutorial-tooltip-highlight:before{border:8px solid #0000;border-top:8px solid var(--glass-bg-elevated,#1e1e23f2);bottom:calc(100% + 4px);content:"";left:50%;position:absolute;transform:translateX(-50%);z-index:10000}@keyframes tooltipBounce{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}[dir=rtl] .tutorial-tooltip-highlight:after{direction:rtl}@media (max-width:768px){.driver-popover{margin:16px;max-width:calc(100vw - 32px);padding:20px}.driver-popover-title{font-size:1.1rem}.driver-popover-description{font-size:.9rem}.driver-popover-footer{flex-direction:column;gap:8px}.driver-popover-next-btn,.driver-popover-prev-btn{justify-content:center;width:100%}.placement-prompt-modal{padding:32px 24px}.placement-prompt-title{font-size:1.5rem}.placement-prompt-buttons{flex-direction:column;gap:12px}.placement-btn-primary,.placement-btn-secondary{width:100%}.tutorial-welcome-modal{padding:32px 24px}.tutorial-welcome-title{font-size:1.5rem}.tutorial-welcome-description{font-size:1rem}.driver-popover[data-side=left],.driver-popover[data-side=right]{left:50%!important;right:auto!important;transform:translateX(-50%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.driver-active-element,.tutorial-tooltip-highlight:after{animation:none!important}.placement-prompt-modal,.tutorial-welcome-modal{animation:fadeIn .2s ease!important}}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-3{left:.75rem}.top-2\.5{top:.625rem}.isolate{isolation:isolate}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-12{height:3rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.min-h-screen{min-height:100vh}.w-12{width:3rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.flex-1{flex:1 1}.grow{flex-grow:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b-2{border-bottom-width:2px}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-indigo-600{--tw-border-opacity:1;border-color:#4f46e5;border-color:rgb(79 70 229/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:#e0e7ff;background-color:rgb(224 231 255/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:#4f46e5;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:#fff;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-10{padding-left:2.5rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-800{--tw-text-opacity:1;color:#1f2937;color:rgb(31 41 55/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:#4f46e5;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:#4338ca;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}body{font-family:Arial,sans-serif;margin:0;padding:0}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-indigo-200:hover{--tw-border-opacity:1;border-color:#c7d2fe;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.hover\:border-indigo-300:hover{--tw-border-opacity:1;border-color:#a5b4fc;border-color:rgb(165 180 252/var(--tw-border-opacity,1))}.hover\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:#eef2ff;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:#4338ca;background-color:rgb(67 56 202/var(--tw-bg-opacity,1))}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}@media (min-width:768px){.md\:w-48{width:12rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
/*# sourceMappingURL=main.7dc65a2e.css.map*/