@font-face{font-family:Poppins;font-style:normal;font-weight:100,200,300,400,500,600,700;src:url(/static/media/Poppins-Regular.35d26b781dc5fda684cc.ttf) format("truetype")}@font-face{font-family:Karantina;font-style:normal;font-weight:100,200,300,400,500,600,700;src:url(/static/media/Karantina-Regular.88720de60f716cbd920a.ttf) format("truetype")}body{font-family:Poppins;height:100dvh;margin:0;overflow-y:hidden!important}:root{--color-primary:#10b981;--color-secondary:#f5f6fb;--color-success:#2f9c77;--color-danger:#d45b6a;--white-background:#fff;--black-background:#000;--secondary-background:#f5f7fa;--color-text-light:#5f667b;--color-bg:#fdfdfd;--color-gray:#9097a6;--color-gray-light:#f1f2f6;--color-hover:#edfaf6;--color-muted-blue:#e5ffe8;--bg:#f7f8fc;--panel-bg:#080c2c0a;--text-primary:#1f2430;--text-secondary:#626a80;--btn-primary-bg-color:#1fa97a;--table-header-bg-color:#faee70;--ai-tutor-bg-color:var(--secondary-background);--ai-tutor-border-color:var(--text-secondary);--page-selection-active-bg:#fcf9f5;--page-selection-active-text:#fca43b;--accent-1:#10b981;--accent-2:#0c8f66;--accent-3:#85eead;--accent-4:#d4f92d;--accent-alt-1:#fca43b;--accent-alt-2:#faee70;--neon:#85eead59;--glass-border:#20283e14;--primary-grad:var(--accent-1);--secondary-grad:var(--accent-3);--blue-fill-color:#1fa97a;--grey-track-color:#e0e0e0;--disabled-grey:#ccc;--disabled-grey-text:#a0a0a0;--disabled-border-color:#d0d0d0;--hover-background:#f5f5f5;--disabled-grey:#6b7280;--focus-blue:#4b3ff6;--light-black:#333;--grey-label:#666;--hover-grey:#eceaff;--summary-background:#f9fafb;--border-grey:#e5e7eb;--save-btn-color:#10b981;--incorrect-red:#ef4444;--correct-green:#22c55e;--bg-correct-green:#d1fae5;--border-correct-green:#065f46;--bg-wrong-red:#fee2e2;--border-wrong-red:#991b1b;--current-border:#6b7280;--current-bg-grey:#374151;--answered-color:#1e40af;--answered-border:#3b82f6;--answered-bg:#dbeafe;--not-answered-bg:#fef3c7;--not-answered-color:#92400e;--not-answered-border:#fbbf24;--not-visited-bg:#f9fafb;--not-visited-border:#e5e7eb;--critical-thinking:#856404;--reasoning-color:#6f42c1;--direct-color:#0c5460;--clinical-color:#155724;--hint-bg-color:#fbc02d1a;--hint-border-color:#fbc02d;--btn-text-color:#fff;--regular-folder-color:#faee70;--material-folder-color:#85eead;--video-icon-color:#85eead;--selected-blue-color:#3b82f6;--selected-white-color:#eff6ff;--selected-yellow-color:#f59e0b;--icon-yellow-color:#f97316;--color-text-dark:#1f2430;--coins-card-bg-start:#fff8e1;--coins-card-bg-end:#ffecb3;--coins-card-color:#ff8f00;--xp-card-bg-start:#e8f5e9;--xp-card-bg-end:#c8e6c9;--xp-card-color:#2e7d32;--streak-card-bg-start:#ffe0b2;--streak-card-bg-end:#ffcc80;--streak-card-color:#e65100;--level-card-bg-start:#e3f2fd;--level-card-bg-end:#bbdefb;--level-card-color:#1565c0;--stat-icon-shadow-coins:#ff8f0033;--stat-icon-shadow-xp:#2e7d3233;--stat-icon-shadow-streak:#e6510033;--coins-icon-color:#ffb300;--xp-icon-color:#4caf50;--streak-icon-color:#f44336;--stat-value-coins-color:#ff8f00;--stat-value-xp-color:#2e7d32;--stat-value-streak-color:#e65100;--stat-label-coins-color:#ff8f00;--stat-label-xp-color:#2e7d32;--stat-label-streak-color:#e65100;--achievement-border-unlocked:#e5e7eb;--achievement-bg-unlocked:#fff;--achievement-border-locked:#d1d5db;--achievement-bg-locked:#f9fafb;--achievement-xp-bg:#e5e7eb;--achievement-xp-color:#4b5563;--achievement-icon-bg-locked:#f3f4f6;--achievement-name-unlocked:#111827;--achievement-name-locked:#6b7280;--achievement-unlocked-badge-color:#10b981;--achievements-header-color:#1f2937;--achievement-icon-bg-unlocked:#fff;--achievement-icon-shadow-unlocked:#0000000f;--achievement-counter-shadow:#10b9814d;--dashboard-heading-color:#111827;--dashboard-subtitle-color:#6b7280;--dashboard-accent-color:#ffb300;--dashboard-accent-highlight:#ffc107;--dashboard-accent-color-rgb:255,179,0;--dashboard-success-color:#00818e;--dashboard-danger-color:#b52c95;--dashboard-total-questions-color:#c149d6;--dashboard-shadow-color-rgb:15,23,42;--dashboard-neutral-shadow-rgb:0,0,0;--dashboard-metric-card-bg:#fff8e6;--dashboard-icon-box-bg:var(--dashboard-accent-color);--dashboard-button-bg:var(--dashboard-accent-color);--dashboard-button-hover-bg:var(--dashboard-accent-highlight);--dashboard-text-muted:#637381;--dashboard-label-color:#4a5568;--dashboard-side-title-color:#212b36;--dashboard-continue-bg:#f0fdf9;--dashboard-continue-pulse-rgb:0,167,111;--dashboard-background-neutral:#f9fafb;--dashboard-summary-border:#edf2f7;--dashboard-progress-track:#e6efed;--dashboard-progress-bar:#ccdbda;--dashboard-chart-remainder-color:#e8eaed;--total-questions-blue:#4e9afd;--color-pending-bg:#ef44440d;--color-success-bg:#22c55e0d;--color-pending-border:#ef4444;--color-success-border:#22c55e;--color-pending-icon-bg:#ef444426;--color-success-icon-bg:#22c55e26;--feedback-excellent:#10b981;--feedback-good:#f59e0b;--feedback-needs-improvement:#ef4444;--feedback-excellent-bg:#10b9810f;--feedback-good-bg:#f59e0b0f;--feedback-needs-improvement-bg:#ef44440f;--feedback-label:#64748b;--feedback-card-bg:#f8fafc;--fs-xs:10px;--fs-sm:12px;--fs-md:14px;--fs-lg:16px;--fs-xl:22px}.App.app-collapsed{padding-left:64px}*{box-sizing:border-box;font-family:Poppins!important;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fc;background-color:var(--bg);color:#1f2430;color:var(--text-primary)}.custom-scrollbar{-ms-overflow-style:none}.custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#0000}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:#f5f7fa;background-color:var(--secondary-background);border-radius:8px}.custom-scrollbar:hover::-webkit-scrollbar-thumb{background-color:#00000059}.custom-scrollbar::-webkit-scrollbar-button{display:none;height:0;width:0}.content-container,.content-main,.content-page{height:100%}.not-found-container{height:100%;width:100%}.desktop-item{display:block}.App{max-width:100vw;overflow:hidden;width:100%;@media (max-width:768px){padding-left:0;padding-top:64px}@media (max-width:480px){padding-left:0;padding-top:60px;.desktop-item{display:none!important}}}.App.login-mode{padding-left:0;padding-top:0}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-right:1px solid #0000000d;bottom:0;left:0;position:fixed;top:0;width:200px}.navbar .navbar-container{display:flex;flex-direction:column;height:100dvh;justify-content:space-between;padding:24px 10px}.navbar .navbar-brand{flex-shrink:0;margin-bottom:16px;margin-left:16px}@media(max-width:768px){.navbar .navbar-brand{margin-left:0!important}}.navbar .navbar-collapse{align-items:center;display:flex;justify-content:center}.navbar .navbar-logo{align-items:center;color:#18181d;color:var(--text-primary,#18181d);display:flex;text-decoration:none}.navbar .navbar-logo .logo-text{color:#18181d;color:var(--text-primary,#18181d);font-size:20px;font-weight:700;letter-spacing:-.02em}.navbar .navbar-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;height:60dvh;overflow-x:hidden;overflow-y:auto}.navbar .navbar-link{align-items:center;border-radius:10px;color:#5a5a72;color:var(--text-secondary,#5a5a72);display:flex;font-weight:500;gap:12px;padding:12px 16px;position:relative;text-decoration:none;transition:all .2s ease}.navbar .navbar-link:hover{background:var(--page-selection-active-bg);color:#18181d;color:var(--text-primary,#18181d)}.navbar .navbar-link.active{background:var(--page-selection-active-bg);border:1px solid var(--page-selection-active-text);font-weight:600}.navbar .navbar-link.active,.navbar .navbar-link.active .nav-icon{color:var(--page-selection-active-text)}.navbar .navbar-link .nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;position:relative;width:20px}.navbar .navbar-link .nav-icon svg{height:20px;width:20px}.navbar .navbar-link .nav-text{font-size:14px;font-weight:500;text-overflow:ellipsis}.navbar .navbar-link .nav-badge{align-items:center;background:var(--page-selection-active-text);border-radius:999px;box-shadow:0 0 0 2px #ffffffb3;color:var(--btn-text-color);display:inline-flex;font-size:11px;font-weight:700;height:22px;justify-content:center;margin-left:auto;min-width:22px;padding:0 6px}.navbar .navbar-actions{flex-shrink:0}.navbar .navbar-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.navbar .navbar-btn.collapse-icon-active{padding-left:10px}.navbar .navbar-btn.ghost{align-items:center;background:#0000;border:none;color:#5a5a72;color:var(--text-secondary,#5a5a72);display:flex;font-size:14px;font-weight:500;justify-content:space-between}.navbar .navbar-btn.primary{background:var(--color-primary);box-shadow:0 2px 8px #0000001a;color:var(--white-background)}.navbar .navbar-btn.primary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.expanded-wrapper{display:flex;justify-content:space-between;width:100%}.navbar-link-child{color:#8a8aa0;color:var(--text-secondary,#8a8aa0);font-size:13px;padding:6px 16px 6px 28px!important}.navbar-link-child .nav-icon{height:18px;margin-left:4px;width:18px}.navbar-link-child .nav-icon svg{height:18px;width:18px}.navbar-link-child .nav-text{font-size:13px;font-weight:500}.navbar-link-child.active{background:#0000!important;border:none!important;color:var(--page-selection-active-text)}.navbar-link-child.active .nav-text{font-weight:600}.navbar-learning-zone-header{display:flex;flex-direction:column}.navbar-learning-zone-header .navbar-link{border-radius:10px;flex:1 1;gap:12px;padding:12px 16px}.navbar-learning-zone-header .navbar-learning-zone-toggle{align-items:center;background-color:#0000;border:none;border-radius:6px;color:#5a5a72;color:var(--text-secondary,#5a5a72);cursor:pointer;display:flex;justify-content:center;margin-right:-4px;padding:2px;transition:all .2s ease}.navbar-learning-zone-header .navbar-learning-zone-toggle:hover{color:#18181d;color:var(--text-primary,#18181d)}.navbar-learning-zone-header .navbar-learning-zone-toggle svg{font-size:18px}.App{padding-left:200px;padding-top:60px}@media(max-width:768px){.App{padding-left:0;padding-top:64px}}.navbar-logo-img{height:50px;object-fit:contain;width:120px}.navbar.collapsed{width:64px}.navbar.collapsed .navbar-logo-img{height:45px;width:45px}.navbar.collapsed .navbar-brand{margin-left:0}.navbar.collapsed .navbar-container{padding-left:12px;padding-right:12px;padding-top:6px}.navbar.collapsed .navbar-link{gap:0;justify-content:center;padding:12px;position:relative}.navbar.collapsed .navbar-link:hover{background:var(--page-selection-active-bg)}.navbar.collapsed .navbar-link.active,.navbar.collapsed .navbar-link:hover,.navbar.collapsed .navbar-link:hover .nav-icon{color:var(--page-selection-active-text)}.navbar.collapsed .navbar-link.active{background:var(--page-selection-active-bg);border:1px solid var(--page-selection-active-text)}.navbar.collapsed .navbar-link.active .nav-icon{color:var(--page-selection-active-text)}.navbar.collapsed .navbar-link .nav-badge{box-shadow:0 0 0 2px #ffffffe6;font-size:9px;height:16px;margin-left:0;min-width:16px;padding:0 4px;position:absolute;right:0;top:5px;z-index:1}.navbar.collapsed .navbar-link .expanded-wrapper,.navbar.collapsed .navbar-link .navbar-learning-zone-toggle{display:none}.navbar.collapsed .navbar-link .nav-text,.navbar.collapsed .navbar-link-child{display:none!important}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;box-shadow:0 2px 10px #0000000d;left:200px;position:fixed;right:0;top:0;z-index:1000}.header__container{margin:0 auto;max-width:1400px;padding:0 16px}.header__content{align-items:center;display:flex;flex-wrap:nowrap;gap:20px;height:60px;justify-content:space-between}.header__left{align-items:center;flex-shrink:1}.header__left,.header__title-group{display:flex;gap:8px;min-width:0;overflow:hidden}.header__title-group{flex:1 1;flex-direction:column}.header__route-name{font-size:24px;letter-spacing:-.02em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__back,.header__route-name{color:var(--text-primary);font-weight:600}.header__back{align-items:center;background:var(--accent-2);border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.header__back:hover{background:var(--color-hover)}.header__folder-nav{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0;overflow:hidden}.header__folder-title,.header__page-title{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header .header__content{justify-content:space-between}.header .breadcrumbs{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.header .breadcrumbs__item{align-items:center;background:#0000;border-radius:8px;color:#5a5a72;color:var(--text-secondary,#5a5a72);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:6px 10px;text-decoration:none;transition:all .2s ease}.header .breadcrumbs__item:hover{background:var(--page-selection-active-bg);color:var(--page-selection-active-text)}.header .breadcrumbs__item--active{background:#0000;color:var(--page-selection-active-text);cursor:default;font-weight:600;pointer-events:none}.header .breadcrumbs__home{align-items:center;border-radius:8px;color:#5a5a72;color:var(--text-secondary,#5a5a72);display:flex;justify-content:center;padding:8px;transition:all .2s ease}.header .breadcrumbs__home:hover{background:var(--page-selection-active-bg);color:var(--page-selection-active-text)}.header .breadcrumbs__home svg{font-size:14px}.header .breadcrumbs__separator{align-items:center;color:#94a3b8;display:flex;font-size:10px;margin:0 -4px;opacity:.6}.header .breadcrumbs__item-wrapper{align-items:center;display:flex;position:relative}.header .breadcrumb-dropdown{align-items:center;display:inline-flex;position:relative}.header .breadcrumb-dropdown__trigger{align-items:center;background:#0000;border:none;border-radius:6px;color:#5a5a72;color:var(--text-secondary,#5a5a72);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.header .breadcrumb-dropdown__trigger:hover{background:var(--page-selection-active-bg);color:var(--page-selection-active-text)}.header .breadcrumb-dropdown__trigger svg{font-size:12px}.header .breadcrumb-dropdown__menu{animation:fadeInScale .2s ease;background:var(--white-background);border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;left:0;margin-top:8px;max-height:500px;max-width:400px;min-width:300px;overflow:hidden;position:absolute;top:100%;z-index:10000}.header .breadcrumb-dropdown__header{background:#00000005;border-bottom:1px solid #0000000d;padding:16px 20px}.header .breadcrumb-dropdown__header h4{color:var(--text-primary);font-size:15px;font-weight:600;margin:0}.header .breadcrumb-dropdown__content{max-height:440px;overflow-y:auto;padding:8px}.header .breadcrumb-dropdown__content::-webkit-scrollbar{width:6px}.header .breadcrumb-dropdown__content::-webkit-scrollbar-track{background:#0000}.header .breadcrumb-dropdown__content::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}.header .breadcrumb-dropdown__content::-webkit-scrollbar-thumb:hover{background:#0003}.header .breadcrumb-dropdown__item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.header .breadcrumb-dropdown__item:hover{background:var(--color-hover)}.header .breadcrumb-dropdown__item:hover .breadcrumb-dropdown__item-arrow{opacity:1;transform:translateX(2px)}.header .breadcrumb-dropdown__item-name{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500}.header .breadcrumb-dropdown__item-arrow{color:var(--text-secondary);opacity:.5;transition:all .2s ease}@keyframes fadeInScale{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.header__center{display:flex;flex:1 1;justify-content:center}.header__logo{flex-shrink:0}.header__logo-text{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.header__right{align-items:center;display:flex;flex-shrink:0;gap:6px}.header__coins-badge{align-items:center;background:linear-gradient(135deg,#fff7e6,#ffe0b2);border:1px solid #ffc1074d;border-radius:999px;box-shadow:0 2px 6px #ffc10740;color:#8a5a00;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:6px 12px;white-space:nowrap}.header__coins-icon{align-items:center;background:#ffc10726;border-radius:999px;color:#ff9800;display:flex;height:24px;justify-content:center;width:24px}.header__coins-icon svg{height:18px;width:18px}.header__coins-info{display:flex;flex-direction:column;line-height:1.1}.header__coins-value{font-size:13px;font-weight:700}.header__search-form{align-items:center;background:#f0f0f0cc;border:1px solid #0000000d;border-radius:24px;display:flex;padding:4px 8px}.header__search-input{background:#0000;border:none;color:var(--text-primary);font-size:13px;outline:none;padding:8px 12px;transition:all .3s ease;width:200px}.header__search-input::placeholder{color:var(--text-secondary)}@media(max-width:768px){.header__coins-text{display:none}}.header__search-button{align-items:center;background:#0000;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:4px;transition:all .2s ease}.header__search-button:hover{background:var(--color-hover);color:var(--text-primary)}.header__btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;min-width:80px;padding:10px 20px;text-decoration:none;transition:all .2s ease}.header__btn--primary{background:var(--accent-2);box-shadow:0 2px 4px #0000001a;color:var(--text-primary)}.header__btn--primary:hover{background:var(--color-hover);box-shadow:0 4px 8px #00000026}.header__btn--secondary{background:#0000;border:1px solid #0000001a;color:var(--text-primary)}.header__btn--secondary:hover{background:var(--color-hover);border-color:var(--accent-2)}.header__mobile-toggle{background:none;border:none;border-radius:8px;color:var(--text-primary);cursor:pointer;display:none;font-size:24px;padding:8px;transition:background .2s ease;z-index:10000}.header__mobile-toggle:hover{background:var(--color-hover)}.header__mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--white-background);border-right:1px solid #0000000d;bottom:0;display:flex;flex-direction:column;gap:4px;height:100dvh;left:0;padding:24px;position:fixed;top:0;width:280px;z-index:10000}.header__mobile-close{align-items:center;align-self:flex-end;background:none;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:32px;height:32px;justify-content:center;padding:0;transition:background .2s ease;width:32px}.header__mobile-close:hover{background:var(--color-hover)}.header__mobile-items{display:flex;flex:1 1;flex-direction:column;gap:4px}.header__mobile-link{align-items:center;background:none;border:none;border-radius:10px;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.header__mobile-link:hover{background:var(--color-hover);color:var(--text-primary);cursor:pointer}.header__mobile-link--active{background:var(--accent-2);color:var(--white-background);font-weight:600}.header__mobile-actions{border-top:1px solid #0000000d;margin-top:auto;padding-top:24px}.header__mobile-actions .header__btn{justify-content:center;width:100%}.header__hamburger{display:flex;flex-direction:column;gap:4px;height:20px;justify-content:center;width:24px}.header__hamburger span{background:var(--text-primary);border-radius:2px;display:block;height:2px;transition:all .3s ease;width:100%}.header__hamburger--active span:first-child{transform:rotate(45deg) translate(5px,5px)}.header__hamburger--active span:nth-child(2){opacity:0}.header__hamburger--active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media(max-width:1024px){.header__container{padding:0 20px}.header__search-input{width:150px}}@media(min-width:768px){.header .header__mobile-overlay{display:none}}@media(max-width:768px){.header{height:64px;left:0;position:fixed}.header .breadcrumbs{flex-wrap:nowrap;gap:0}.header .breadcrumbs .breadcrumbs__current-title{gap:0}.header .header__folder-nav{gap:8px}.header__container{padding:0 16px}.header__content{flex-wrap:nowrap;gap:12px;height:64px}.header__folder-nav,.header__left,.header__title-group{flex:1 1;min-width:0;overflow:hidden}.header__logo-text,.header__route-name{font-size:20px}.header__mobile-title-group{align-items:center;display:flex;flex:1 1;justify-content:flex-start;min-width:0;overflow:hidden;white-space:nowrap;z-index:5}.header__mobile-title-group--hidden{display:none!important}.header__folder-title,.header__page-title{font-size:20px!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__search-container--expanded{align-items:center;background:#fff;bottom:0;display:flex;left:0;padding-left:12px;position:absolute;right:85px;top:0;z-index:100}.header__search-form{background:#f0f0f0cc;border:none;border-radius:50%;height:40px;justify-content:center;padding:0;transition:all .3s ease;width:40px}.header__search-form--expanded{border:1px solid #0000001a;border-radius:24px;height:44px;padding:0 12px;width:100%}.header__search-input{opacity:0;padding:0;visibility:hidden;width:0}.header__search-input--visible{opacity:1;padding:8px 12px;visibility:visible;width:100%}.header__coins-badge{gap:6px;padding:4px 10px}.header__coins-icon{height:22px;width:22px}.header__coins-icon svg{height:16px;width:16px}.header__search-button{font-size:13px;padding:2px}.header__mobile-toggle{display:block;height:24px;padding:0}.header__search-results{left:10px!important}}@media(max-width:480px){.header__container{padding:0 12px}.header__content{gap:8px}.header__logo-text{font-size:18px}.header__route-name{font-size:14px}.header__back{border-radius:10px;font-size:10px;padding:4px 8px}.header__search-input{padding:0;width:0}.header__search-input--visible{font-size:10px;padding:4px 6px;width:100%}.header__coins-badge{gap:4px;padding:3px 8px}.header__coins-label{font-size:9px}.header__coins-value{font-size:12px}.header__coins-badge--hidden{display:none!important}.header__search-button{font-size:12px;padding:1px}.header__btn{min-width:50px;padding:4px 8px}}.header__user-wrapper{position:relative}.header__avatar-btn{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;outline:none;padding:2px}.header__avatar-btn:hover{background:var(--hover-background)}.header__avatar-circle{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:1px solid var(--border-grey);border-radius:50%;box-shadow:0 0 0 2px var(--white-background);color:var(--text-primary);display:flex;font-size:12px;font-weight:700;height:34px;justify-content:center;text-transform:uppercase;width:34px}.header__user-dropdown{background:var(--white-background);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 12px 28px #0000002e;display:flex;flex-direction:column;min-width:260px;padding:14px;position:absolute;right:0;top:125%;width:-webkit-max-content;width:max-content;z-index:1000}.header__user-meta{border-bottom:1px solid var(--border-grey);display:flex;flex-direction:column;gap:2px;padding-bottom:10px}.header__user-name{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.2}.header__user-email{color:var(--text-secondary);font-size:12px;word-break:break-all}.header__user-item{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-primary);display:flex;font-weight:600;height:40px;outline:none;padding:0 12px;text-align:left;text-decoration:none;width:100%}.header__user-item:hover{background:var(--hover-background);color:var(--text-primary)}.header__user-item-icon{align-items:center;color:var(--text-secondary);display:inline-flex;height:18px;justify-content:center;margin-right:8px;width:18px}.header__user-item-text{font-size:14px;line-height:1}@media(max-width:768px){.navbar{display:none}}.App.app-collapsed .header{left:64px}.header__search-container{position:relative}.header__search-results{background:var(--white-background);border:1px solid #0000001a;border-radius:12px;box-shadow:0 4px 20px #00000026;left:0;margin-top:8px;max-height:90dvh;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:100%;width:260px;z-index:10000}.header__search-item{align-items:flex-start;border-bottom:1px solid #00000008;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px;transition:background .2s ease}.header__search-item:last-child{border-bottom:none}.header__search-item:hover{background:#00000005}.header__search-item-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.header__search-item-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:14px;font-weight:500;line-height:1.4;overflow:hidden}.header__search-item-type{color:var(--text-secondary);font-size:12px}.header__search-item-icon{color:var(--text-secondary);flex-shrink:0;margin-top:2px;opacity:.5}.breadcrumbs--mobile{align-items:center;display:flex;gap:12px;width:100%}.breadcrumbs--mobile .breadcrumbs__back-icon{align-items:center;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;max-width:32px;padding:0;transition:all .2s ease}.breadcrumbs--mobile .breadcrumbs__back-icon:hover{color:var(--color-primary)}.breadcrumbs--mobile .breadcrumbs__back-icon svg{color:#18181d}.breadcrumbs--mobile .breadcrumbs__current-title{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;transition:all .2s ease}.breadcrumbs--mobile .breadcrumbs__current-title .breadcrumbs__caret{font-size:12px;opacity:.7}.breadcrumbs--mobile .breadcrumbs__current-title .breadcrumbs__caret:hover{background:var(--color-primary)}.navbar-menu{display:flex;flex:1 1;flex-direction:column;gap:4px;height:60dvh;overflow-y:auto}.navbar-link{align-items:center;border-radius:10px;color:#5a5a72;color:var(--text-secondary,#5a5a72);display:flex;font-weight:500;gap:12px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.navbar-link:hover{background:--hover-grey;background:var(--color-hover,--hover-grey);color:#18181d;color:var(--text-primary,#18181d)}.navbar-link.active{background:var(--page-selection-active-bg);border:1px solid var(--page-selection-active-text);font-weight:600}.navbar-link.active,.navbar-link.active .nav-icon{color:var(--page-selection-active-text)}.navbar-link .nav-icon{align-items:center;display:flex;flex-shrink:0;height:20px;justify-content:center;width:20px}.navbar-link .nav-icon svg{height:20px;width:20px}.navbar-link .nav-text{font-size:14px;font-weight:500}.navbar-actions{flex-shrink:0}.navbar-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 20px;transition:all .2s ease;width:100%}.navbar-btn.collapse-icon-active{padding-left:10px}.navbar-btn.ghost{align-items:center;background:#0000;border:none;color:#5a5a72;color:var(--text-secondary,#5a5a72);display:flex;font-size:14px;font-weight:500;justify-content:space-between}.navbar-btn.primary{background:var(--color-primary);box-shadow:0 2px 8px #0000001a;color:var(--white-background)}.navbar-btn.primary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.header__notifications-wrapper{position:relative}.header__notifications-wrapper .header__notifications-button{color:var(--text-secondary)}.header__notifications-wrapper .header__notifications-button:hover{color:var(--text-primary)}.header__notifications-wrapper .header__notifications-count{align-items:center;background:var(--accent-1);border-radius:999px;box-shadow:0 0 0 2px var(--white-background);color:var(--btn-text-color);display:flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-2px;top:-2px}.header__notifications-wrapper .header__notifications-dropdown{background:var(--white-background);border-radius:8px;border-radius:var(--border-radius-md,8px);box-shadow:0 8px 20px #00000026;display:flex;flex-direction:column;max-height:380px;min-height:160px;padding:8px 0;position:absolute;right:0;top:125%;width:320px;z-index:1000}@media(max-width:768px){.header__notifications-wrapper .header__notifications-dropdown{right:-48px}}.header__notifications-wrapper .header__notifications-dropdown .notifications-tabs{border-bottom:1px solid var(--border-grey);display:flex;gap:8px;padding:0 12px 4px}.header__notifications-wrapper .header__notifications-dropdown .notifications-tabs .notifications-tab{background:#0000;border:none;border-radius:999px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:12px;font-weight:500;padding:6px 8px}.header__notifications-wrapper .header__notifications-dropdown .notifications-tabs .notifications-tab.active{background:var(--accent-1);color:var(--btn-text-color)}.header__notifications-wrapper .header__notifications-dropdown .notifications-empty{color:var(--text-secondary);font-size:13px;padding:16px;text-align:center}.header__notifications-wrapper .header__notifications-dropdown .notifications-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:4px 0 0}.header__notifications-wrapper .header__notifications-dropdown .notifications-main-wrapper{display:flex;flex-direction:row;width:100%}.header__notifications-wrapper .header__notifications-dropdown .notifications-item{align-items:flex-start;border-radius:8px;cursor:default;display:flex;flex-direction:column;font-size:13px;gap:4px;justify-content:space-between;margin:8px 12px;padding:8px}.header__notifications-wrapper .header__notifications-dropdown .notifications-item.read,.header__notifications-wrapper .header__notifications-dropdown .notifications-item.unread{background:var(--summary-background)}.header__notifications-wrapper .header__notifications-dropdown .notifications-item:hover{background:var(--hover-background)}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-main{display:flex;flex:1 1;flex-direction:column;gap:4px;margin-right:8px}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-context{color:var(--accent-1);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-weight:500;line-height:1.35;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-meta{align-items:center;display:flex;justify-content:space-between;width:100%}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-time{align-self:flex-start;color:var(--text-secondary);font-size:11px}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip{border-radius:4px;font-size:10px;font-weight:600;margin-bottom:2px;padding:2px 8px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.homework{background:#e3f2fd;color:#1976d2}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.blog,.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.current-affairs{background:#f3e5f5;color:#7b1fa2}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.announcement,.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.general{background:#f5f5f5;color:#616161}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.test{background:#fff3e0;color:#e65100}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-type-chip.milestone{background:#e8f5e9;color:#2e7d32}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-mark-read-btn{align-items:center;background:#0000;background:var(--accent-1);border:none;border-radius:999px;color:var(--btn-text-color);cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;transition:background-color .15s ease-in-out;width:24px}.header__notifications-wrapper .header__notifications-dropdown .notifications-item .notifications-mark-read-btn img{filter:brightness(0) invert(1);height:20px;object-fit:contain;transition:filter .15s ease-in-out;width:20px}.pending-popup-overlay{align-items:center!important;display:flex!important;justify-content:center!important}.pending-popup-container{background-color:var(--white-background);border-radius:24px;box-shadow:0 24px 60px #0003;box-sizing:border-box;display:flex;flex-direction:column;height:80dvh;max-height:80dvh;max-width:580px;min-height:500px;outline:none;overflow:hidden;position:relative;width:95%}.pending-popup-header{align-items:flex-start;background:linear-gradient(to bottom,var(--white-background),#fafafa);background:linear-gradient(to bottom,var(--white-background),var(--off-white,#fafafa));display:flex;flex-shrink:0;justify-content:space-between;padding:24px 24px 16px}.pending-popup-title-box .pending-popup-title{color:var(--color-text-dark);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.pending-popup-title-box .pending-popup-subtitle{color:var(--color-text-light);font-size:.875rem;opacity:.8}.pending-popup-close-btn{background-color:#0000000a!important}.pending-popup-close-btn:hover{background-color:#00000014!important}.pending-popup-tabs-container{border-bottom:1px solid var(--border-grey);flex-shrink:0;padding:0 24px}.pending-popup-tabs-container .MuiTabs-indicator{background-color:var(--feedback-good);border-radius:3px 3px 0 0;height:3px}.pending-popup-tabs-container .MuiTab-root{color:var(--color-text-light)!important;font-size:1rem!important;font-weight:700!important;min-height:auto!important;padding:20px 0!important;text-transform:none!important;transition:all .3s ease!important}.pending-popup-tabs-container .MuiTab-root.Mui-selected{color:var(--feedback-good)!important}.pending-popup-tabs-container .MuiTab-root:hover{color:var(--feedback-good)!important;opacity:.8}.pending-popup-content{background-color:var(--white-background);flex:1 1;overflow:hidden;padding:24px}.pending-popup-content,.pending-popup-tab-pane{display:flex;flex-direction:column;min-height:0}.pending-popup-tab-pane{gap:16px;height:100%}.pending-popup-accordion{background-color:#0000!important;border:1px solid #0000000d!important;border-radius:16px!important;box-shadow:0 4px 12px #00000008!important;display:flex!important;flex-direction:column;flex-shrink:0;margin-bottom:0!important;min-height:-webkit-min-content;min-height:min-content;overflow:hidden;transition:all .3s ease!important}.pending-popup-accordion:before{display:none!important}.pending-popup-accordion.Mui-expanded{box-shadow:0 8px 20px #0000000d!important;flex:1 1;margin-bottom:0!important;min-height:0}.pending-popup-accordion.Mui-expanded .MuiCollapse-root{height:auto!important;overflow:hidden!important}.pending-popup-accordion.Mui-expanded .MuiCollapse-root,.pending-popup-accordion.Mui-expanded .MuiCollapse-wrapper{display:flex;flex:1 1;flex-direction:column;min-height:0}.pending-popup-accordion.Mui-expanded .MuiCollapse-wrapperInner{box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;min-height:0}.pending-popup-accordion.Mui-expanded .MuiAccordion-region{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden}.pending-popup-accordion:hover{border-color:#0000001f!important}.pending-popup-accordion-summary{align-items:center!important;display:flex!important;flex-shrink:0;min-height:60px!important;padding:14px 18px!important}.pending-popup-accordion-summary .MuiAccordionSummary-content{align-items:center!important;display:flex!important;gap:12px!important;margin:0!important;width:100%}.pending-popup-accordion-summary.pending-header{background:snow!important;border:1px solid #ffcfcf!important;border-radius:15px}.pending-popup-accordion-summary.pending-header .pending-popup-section-icon{color:#ef4444!important}.pending-popup-accordion-summary.pending-header .pending-popup-section-title{color:#ef4444!important;font-weight:700!important}.pending-popup-accordion-summary.pending-header .pending-popup-section-badge{align-items:center;background-color:#ef4444!important;border-radius:6px!important;color:#fff!important;display:flex;font-weight:700!important;height:24px;justify-content:center;min-width:24px}.pending-popup-accordion-summary.pending-header .accordion-expand-icon{color:#ef4444!important}.pending-popup-accordion-summary.unlocked-header{background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:15px}.pending-popup-accordion-summary.unlocked-header .pending-popup-section-icon{color:#22c55e!important}.pending-popup-accordion-summary.unlocked-header .pending-popup-section-title{color:#22c55e!important;font-weight:700!important}.pending-popup-accordion-summary.unlocked-header .pending-popup-section-badge{align-items:center;background-color:#22c55e!important;border-radius:6px!important;color:#fff!important;display:flex;font-weight:700!important;height:24px;justify-content:center;min-width:24px}.pending-popup-accordion-summary.unlocked-header .accordion-expand-icon{color:#22c55e!important}.pending-popup-accordion.Mui-expanded.css-pending{background-color:snow!important;border:1px solid #ffcfcf!important}.pending-popup-accordion.Mui-expanded.css-pending .pending-popup-accordion-summary.pending-header{background:#0000!important;border:none!important;border-bottom:1px solid #ffcfcf!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pending-popup-accordion.Mui-expanded.css-unlocked{background-color:#f0fdf4!important;border:1px solid #bbf7d0!important}.pending-popup-accordion.Mui-expanded.css-unlocked .pending-popup-accordion-summary.unlocked-header{background:#0000!important;border:none!important;border-bottom:1px solid #bbf7d0!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.pending-popup-accordion-details{background-color:#fff;display:flex!important;flex:1 1;flex-direction:column;max-height:none!important;min-height:0;overflow-y:auto;padding:16px 18px!important}.pending-popup-list{padding:0!important}.pending-popup-empty-item{align-items:center;background-color:#fafafa;border:1px dashed #e5e7eb;border-radius:12px;display:flex;flex:1 1;justify-content:center;min-height:100px;padding:24px 0;text-align:center}.pending-popup-section-icon{font-size:1.4rem!important}.pending-popup-section-title{font-size:1rem!important;font-weight:800!important;letter-spacing:-.01em!important}.pending-popup-section-badge{margin-left:auto!important;padding:0 8px!important}.pending-popup-item-card{background-color:#fff;border:1px solid #f3f4f6;border-radius:12px;box-shadow:none;margin-bottom:12px;min-height:72px;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.pending-popup-item-card:hover{background-color:#fff;border-color:#e5e7eb;box-shadow:0 4px 12px #0000000d}.pending-popup-item-inner{align-items:center!important;display:flex!important;padding:12px 16px!important}.pending-popup-item-icon-wrapper{min-width:48px!important}.pending-popup-item-icon-box{align-items:center;border-radius:8px;display:flex;height:36px;justify-content:center;width:36px}.pending-popup-item-icon-box svg{font-size:1.1rem}.pending-popup-item-icon-box.pending-icon{background-color:#fee2e2;color:#ef4444}.pending-popup-item-icon-box.unlocked-icon{background-color:#dcfce7;color:#22c55e}.pending-popup-item-text{margin-left:8px}.pending-popup-item-text .MuiListItemText-primary{color:var(--color-text-dark);font-size:.95rem!important;font-weight:700!important;line-height:1.3}.pending-popup-item-text .MuiListItemText-secondary{color:var(--color-text-light);font-size:.8rem!important;margin-top:2px}.pending-popup-item-arrow{color:#e5e7eb;font-size:1.2rem!important;margin-left:8px}.dashboard-filters-wrapper{z-index:100}.dashboard-filters-container{align-items:center;animation:fadeInUp .6s ease-out;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.04);display:flex;flex-wrap:wrap;gap:20px;margin:10px 20px;padding:12px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dashboard-filters-container .dashboard-filters-header{align-items:center;display:none;justify-content:space-between;width:100%}.dashboard-filters-container .dashboard-filters-toggle{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:999px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:6px 12px}.dashboard-filters-container .dashboard-filters-toggle__icon{border:2px solid var(--dashboard-accent-color);border-radius:4px;box-sizing:border-box;height:16px;position:relative;width:16px}.dashboard-filters-container .dashboard-filters-toggle__label{color:var(--dashboard-heading-color)}.dashboard-filters-container .dashboard-filters-body{display:flex;flex-wrap:wrap;gap:20px;width:100%}.dashboard-filters-container .filter-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.dashboard-filters-container .filter-group label{color:var(--dashboard-side-title-color);font-size:.85rem;font-weight:700;letter-spacing:.02em}.dashboard-filters-container .filter-group .filter-select{-webkit-appearance:none;appearance:none;background-color:var(--dashboard-metric-card-bg);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231a6ef5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:20px;border:2px solid var(--dashboard-progress-track);border-radius:12px;box-shadow:0 2px 8px #0000000a;color:var(--dashboard-heading-color);cursor:pointer;font-size:.95rem;font-weight:600;height:48px;padding:0 40px 0 16px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.dashboard-filters-container .filter-group .filter-select:hover{background-color:var(--white-background);border-color:var(--dashboard-accent-color);box-shadow:0 4px 12px rgba(var(--dashboard-accent-color-rgb),.15)}.dashboard-filters-container .filter-group .filter-select:focus{background-color:var(--white-background);border-color:var(--dashboard-accent-color);box-shadow:0 0 0 4px rgba(var(--dashboard-accent-color-rgb),.1),0 4px 12px rgba(var(--dashboard-accent-color-rgb),.15);outline:none}.dashboard-filters-container .filter-group .filter-select:active{box-shadow:0 2px 8px rgba(var(--dashboard-accent-color-rgb),.1)}.dashboard-filters-container .filter-group .filter-select:disabled{background-color:var(--dashboard-progress-track);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23C4CDD5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");box-shadow:0 2px 8px #0000000a;cursor:not-allowed;opacity:.5}.dashboard-filters-container .filter-group .filter-select option{background-color:var(--white-background);color:var(--dashboard-heading-color);font-weight:500;padding:12px 16px}.dashboard-filters-container .filter-group .filter-select option:hover{background-color:rgba(var(--dashboard-accent-color-rgb),.08)}.dashboard-filters-container .filter-group .filter-select option:checked{background-color:var(--dashboard-accent-color);color:#fff}.dashboard-filter-pill-wrapper{display:none}.subscription-renewal-banner{align-items:center;animation:fadeInUp .6s ease-out;background:linear-gradient(135deg,#fff9e6,#fff3cd);border-bottom:1px solid #ffeeba;display:flex;gap:24px;justify-content:space-between;padding:10px}.subscription-renewal-banner .banner-left{align-items:center;display:flex;gap:20px}.subscription-renewal-banner .banner-info{display:flex;flex-direction:column;gap:4px}.subscription-renewal-banner .banner-desc{color:#664d03;font-size:.95rem;font-weight:500;line-height:1.4;margin:0;text-align:left}.subscription-renewal-banner .banner-desc strong{color:#856404;cursor:pointer;font-weight:700;text-decoration:underline}.subscription-renewal-banner .banner-renew-btn{background-color:var(--dashboard-accent-color);border:none;border-radius:12px;box-shadow:0 6px 16px #ffb30033;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.subscription-renewal-banner .banner-renew-btn:hover{background-color:var(--dashboard-accent-highlight);box-shadow:0 10px 24px #ffb3004d;transform:translateY(-2px)}.subscription-renewal-banner .banner-renew-btn:active{transform:translateY(0)}@media(max-width:950px){.subscription-renewal-banner{flex-direction:column;gap:16px;text-align:center}.subscription-renewal-banner .banner-left{flex-direction:column;gap:12px}.subscription-renewal-banner .banner-renew-btn{width:100%}}.dashboard-container{box-sizing:border-box;height:calc(100dvh - 222px);overflow-x:hidden;overflow-y:auto;padding:12px 32px 32px;position:relative}.dashboard-container.reports-container{padding:0}.dashboard-container .dashboard-header{animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;gap:8px;margin-bottom:32px}.dashboard-container .dashboard-header .dashboard-title{color:var(--dashboard-heading-color);font-size:2rem;font-weight:800;letter-spacing:-.02em}.dashboard-container .dashboard-header .dashboard-subtitle{color:var(--dashboard-subtitle-color);font-size:.95rem;font-weight:500}.dashboard-container .course-subject-title-main{color:var(--dashboard-side-title-color);font-weight:700}.dashboard-container .course-subject-card{background-color:var(--white-background);height:100%;min-height:320px;padding:24px;width:50%}.dashboard-container .course-subject-card .course-subject-card__content{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.dashboard-container .course-subject-card .course-subject-header{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:16px;display:flex;gap:16px;padding:12px 16px}.dashboard-container .course-subject-card .course-subject-header .course-subject-title{color:var(--dashboard-heading-color);font-size:.9rem;font-weight:600;margin:0;white-space:nowrap}.dashboard-container .course-subject-card .course-subject-header .course-subject-header-progress{align-items:center;display:flex;flex:1 1;gap:8px}.dashboard-container .course-subject-card .course-subject-header .course-subject-title-value{color:var(--dashboard-accent-color);font-size:.85rem;font-weight:700;margin:0;white-space:nowrap}.dashboard-container .course-subject-card .course-subject-progress-track{background-color:var(--dashboard-progress-track);border-radius:999px;flex:1 1;height:10px;overflow:hidden}.dashboard-container .course-subject-card .course-subject-progress-track .course-subject-progress-fill{background-color:var(--dashboard-accent-color);border-radius:999px;height:100%;transition:width .3s ease}.dashboard-container .course-subject-card .course-subject-chart{display:flex;gap:24px;height:250px;margin-top:24px}.dashboard-container .course-subject-card .course-subject-chart-axis{color:var(--dashboard-text-muted);display:flex;flex-direction:column;font-size:.75rem;justify-content:space-between}.dashboard-container .course-subject-card .course-subject-chart-axis-row{align-items:center;display:flex;gap:8px}.dashboard-container .course-subject-card .course-subject-chart-axis-label{text-align:right;width:24px}.dashboard-container .course-subject-card .course-subject-chart-axis-line{background-color:rgba(var(--dashboard-accent-color-rgb),.06);flex:1 1;height:1px}.dashboard-container .course-subject-card .course-subject-chart-bars{align-items:flex-end;display:flex;flex:1 1;gap:16px;justify-content:space-around}.dashboard-container .course-subject-card .course-subject-chart-bar-group{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end}.dashboard-container .course-subject-card .course-subject-chart-bar-wrapper{align-items:flex-end;background:rgba(var(--dashboard-accent-color-rgb),.04);border-radius:999px;display:flex;flex:1 1;overflow:hidden;width:32px}.dashboard-container .course-subject-card .course-subject-chart-bar{background:linear-gradient(180deg,var(--dashboard-accent-color) 0,rgba(var(--dashboard-accent-color-rgb),.7) 100%);transition:height .3s ease;width:100%}.dashboard-container .course-subject-card .course-subject-chart-bar-label{color:var(--dashboard-text-muted);font-size:.75rem;margin-top:8px;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.dashboard-container .side-stat-grid{display:flex;flex-direction:column;gap:20px;height:100%;width:100%}.dashboard-container .side-stat-grid .ssc-card{background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.03);cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:24px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-container .side-stat-grid .ssc-card:hover{border-color:rgba(var(--dashboard-accent-color-rgb),.3);box-shadow:0 12px 32px rgba(var(--dashboard-shadow-color-rgb),.08)}.dashboard-container .side-stat-grid .ssc-grid-layout{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.dashboard-container .side-stat-grid .ssc-content-left{display:flex;flex:1 1;flex-direction:column;gap:16px;justify-content:center}.dashboard-container .side-stat-grid .ssc-title{color:var(--dashboard-heading-color);font-size:1rem;font-weight:700;line-height:1.3;margin:0}.dashboard-container .side-stat-grid .ssc-metric{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.dashboard-container .side-stat-grid .ssc-metric-value{color:var(--dashboard-accent-color);font-size:2rem;font-weight:800;letter-spacing:-.02em;line-height:1}.dashboard-container .side-stat-grid .ssc-metric-label{color:var(--dashboard-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.dashboard-container .side-stat-grid .ssc-content-right{align-items:center;display:flex;justify-content:center}.dashboard-container .side-stat-grid .ssc-donut-wrapper{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.dashboard-container .side-stat-grid .ssc-donut-svg{height:100%;width:100%}.dashboard-container .side-stat-grid .ssc-donut-svg text{font-family:inherit}.dashboard-container .side-stat-grid-item{flex:1 1;width:100%}.dashboard-container .metrics-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:32px}.dashboard-container .metrics-grid .metrics-grid-item{animation:fadeInUp .6s ease-out;animation-fill-mode:both}.dashboard-container .metrics-grid .metrics-grid-item:first-child{animation-delay:.1s}.dashboard-container .metrics-grid .metrics-grid-item:nth-child(2){animation-delay:.2s}.dashboard-container .metrics-grid .metrics-grid-item:nth-child(3){animation-delay:.3s}.dashboard-container .metrics-grid .metrics-grid-item:nth-child(4){animation-delay:.4s}.dashboard-container .metrics-grid-v2{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:28px}@media(max-width:1100px){.dashboard-container .metrics-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.dashboard-container .metrics-grid-v2{grid-template-columns:1fr}}.dashboard-container .metric-card-wrapper{display:flex;flex-direction:column;gap:16px}.dashboard-container .metric-card-v2{animation:fadeInUp .6s ease-out both;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.05);cursor:default;display:flex;flex-direction:row;gap:16px;justify-content:space-around;overflow:hidden;padding:20px 22px;position:relative}.dashboard-container .metric-card-v2__glow{border-radius:50%;filter:blur(32px);height:110px;opacity:.25;pointer-events:none;position:absolute;right:-28px;top:-28px;width:110px;z-index:0}.dashboard-container .metric-card-v2__header{align-items:center;display:flex;gap:14px;position:relative;z-index:1}.dashboard-container .metric-card-v2__icon-wrap{align-items:center;border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:transform .3s ease;width:44px}.dashboard-container .metric-card-v2__label-wrap{display:flex;flex-direction:column;gap:2px}.dashboard-container .metric-card-v2__label{color:var(--dashboard-heading-color);font-size:1rem;font-weight:700;line-height:1.2;margin:0}.dashboard-container .metric-card-v2__sublabel{color:var(--dashboard-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.07em;margin:0;text-transform:uppercase}.dashboard-container .metric-card-v2__body{align-items:center;display:flex;gap:20px;position:relative;z-index:1}.dashboard-container .metric-card-v2__ring-wrap{align-items:center;display:flex;flex-shrink:0;justify-content:center;position:relative}.dashboard-container .metric-card-v2__ring-label{align-items:center;display:flex;inset:0;justify-content:center;position:absolute}.dashboard-container .metric-card-v2__pct{font-size:.82rem;font-weight:800;line-height:1}.dashboard-container .metric-card-v2__stats{align-items:center;display:flex;flex:1 1;gap:14px;justify-content:space-around}.dashboard-container .metric-card-v2__stat{align-items:center;display:flex;flex-direction:column;gap:4px}.dashboard-container .metric-card-v2__stat-val{color:var(--dashboard-heading-color);font-size:1.75rem;font-weight:800;line-height:1}.dashboard-container .metric-card-v2__stat-val--muted{color:var(--dashboard-text-muted);font-size:1.4rem;font-weight:700}.dashboard-container .metric-card-v2__stat-key{color:var(--dashboard-text-muted);font-size:.72rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.dashboard-container .metric-card-v2__divider{background:var(--dashboard-progress-track);border-radius:2px;height:36px;width:1px}.dashboard-container .metric-card-v2__bar-track{background:var(--dashboard-progress-track);border-radius:0 0 20px 20px;height:5px;overflow:hidden;position:relative;z-index:1}.dashboard-container .metric-card-v2__bar-fill{border-radius:0 0 20px 20px;height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1),filter .3s ease}.dashboard-container .card-styled{align-items:center;border:1px solid rgba(var(--dashboard-accent-color-rgb),.08);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.04),0 0 0 1px rgba(var(--dashboard-accent-color-rgb),.02);display:flex;height:90%;justify-content:center;overflow:hidden;position:relative}.dashboard-container .card-styled:hover{border-color:rgba(var(--dashboard-accent-color-rgb),.15);box-shadow:0 20px 40px rgba(var(--dashboard-accent-color-rgb),.12),0 0 0 1px rgba(var(--dashboard-accent-color-rgb),.08)}.dashboard-container .card-styled-wrapper{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.04),0 0 0 1px rgba(var(--dashboard-accent-color-rgb),.02);display:flex;height:auto;justify-content:center;overflow:hidden;position:relative}.dashboard-container .card-content{height:100%;padding:24px;width:100%}.dashboard-container .card-content--flush{padding:0}.dashboard-container .dashboard-section{align-items:stretch;display:flex;flex-direction:row;gap:24px;margin-bottom:32px;width:100%}.dashboard-container .dashboard-section--dual,.dashboard-container .dashboard-section--primary{align-items:stretch}.dashboard-container .dashboard-section__main-card{display:flex;min-width:320px;width:100%}.dashboard-container .dashboard-section__side-card{display:flex;width:250px}.dashboard-container .dashboard-section__column{gap:16px;height:auto;width:50%}.dashboard-container .dashboard-section__column--calendar .card-styled{flex:1 1;width:100%}@media(max-width:768px){.dashboard-container .dashboard-section{flex-direction:column}.dashboard-container .dashboard-section__main-card,.dashboard-container .dashboard-section__side-card{min-width:0;width:100%}.dashboard-container .time-spent-activity-grid{flex-direction:column!important}.dashboard-container .course-subject-card,.dashboard-container .time-spent-card{min-width:0;width:100%}}.dashboard-container .time-spent-activity-grid{flex-direction:row!important}.dashboard-container .reports-grid{display:flex;flex-direction:column;gap:24px;height:100%;width:100%}.dashboard-container .reports-grid__column{flex:1 1 360px;min-width:280px}.dashboard-container .reports-grid__column--primary{flex:1 1 640px}.dashboard-container .reports-grid__column--secondary{flex:1 1 360px}.dashboard-container .reports-grid--full{margin-top:24px}.dashboard-container .reports-grid--full .reports-grid__row{align-items:stretch;display:flex;flex-direction:row;gap:20px;height:100%;width:100%}.dashboard-container .reports-grid--full .reports-grid__row--two-col{flex-direction:row}.dashboard-container .reports-grid--full .reports-grid__row--two-col>*{flex:1 1;height:auto;min-width:0;width:50%}@media(max-width:768px){.dashboard-container .reports-grid--full .reports-grid__row--two-col{flex-direction:column}.dashboard-container .reports-grid--full .reports-grid__row--two-col>*{width:100%}}.dashboard-container .metric-card{align-items:center;background-color:var(--dashboard-metric-card-bg);border:1px solid rgba(var(--dashboard-accent-color-rgb),.2);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.04),0 0 0 1px rgba(var(--dashboard-accent-color-rgb),.02);display:flex;height:90%;justify-content:center;overflow:hidden;position:relative}.dashboard-container .metric-card .metric-value{color:var(--dashboard-accent-color);font-size:2.25rem;font-weight:800;transition:transform .3s ease}.dashboard-container .metric-card .metric-label{text-wrap:wrap;color:var(--dashboard-text-muted);font-size:.75rem;font-weight:700;letter-spacing:.08em;max-width:100px}.dashboard-container .mastery-section .mastery-box{border-radius:16px;cursor:pointer;margin-bottom:16px;overflow:hidden;padding:20px;position:relative;text-align:center;transition:all .3s ease}.dashboard-container .mastery-section .mastery-box:hover{box-shadow:0 12px 24px rgba(var(--dashboard-neutral-shadow-rgb),.1)}.dashboard-container .mastery-section .mastery-box .mastery-value{font-size:1.75rem;font-weight:800;transition:transform .3s ease}.dashboard-container .mastery-section .mastery-box .mastery-label{color:var(--dashboard-label-color);font-size:.875rem;font-weight:600}.dashboard-container .chart-container{animation:fadeInUp .8s ease-out .3s both;height:300px;position:relative;width:100%}.dashboard-container .dashboard-loading{align-items:center;display:flex;height:100dvh;justify-content:center;width:100%}.dashboard-container .dashboard-loading .MuiCircularProgress-root{color:var(--dashboard-accent-color)}.dashboard-container .metric-card-content{align-items:center;display:flex;gap:24px;padding:24px!important}.dashboard-container .metric-icon-box{align-items:center;background-color:var(--dashboard-icon-box-bg);border-radius:14px;box-shadow:0 4px 12px rgba(var(--dashboard-accent-color-rgb),.25);display:flex;justify-content:center;padding:12px;transition:all .3s ease}.dashboard-container .metric-icon-box .MuiSvgIcon-root{color:var(--white-background);font-size:28px}.dashboard-container .metric-label{margin-bottom:4px}.dashboard-container .dashboard-row{display:flex;flex-direction:row;gap:24px;width:100%}.dashboard-container .overall-score-card{height:100%;width:100%}.dashboard-container .overall-score-card .overall-score-card-content{height:100%}.dashboard-container .side-card-title{color:var(--dashboard-side-title-color);font-weight:700;margin-bottom:12px}.dashboard-container .ssc-card{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;box-shadow:0 4px 20px rgba(var(--dashboard-shadow-color-rgb),.04);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:100%;padding:24px 20px 20px;transition:box-shadow .25s ease,transform .2s ease}.dashboard-container .ssc-card:hover{box-shadow:0 12px 32px rgba(var(--dashboard-accent-color-rgb),.13);transform:translateY(-2px)}.dashboard-container .ssc-card:focus-visible{outline:2px solid var(--dashboard-accent-color);outline-offset:3px}.dashboard-container .ssc-title{color:var(--dashboard-heading-color);font-size:1.05rem;font-weight:700;margin:0;text-align:center}.dashboard-container .ssc-donut-wrap{--ssc-track-color:#e8f1ff;align-items:center;display:flex;justify-content:center;margin-bottom:4px}.dashboard-container .ssc-donut-svg{overflow:visible}.dashboard-container .ssc-footer{align-items:center;background:#4f8ef70d;border:1px solid #4f8ef71a;border-radius:12px;display:flex;font-size:.95rem;gap:8px;padding:4px 8px}.dashboard-container .ssc-dot{background:linear-gradient(135deg,#4f8ef7,#1a6ef5);border-radius:50%;box-shadow:0 2px 4px #4f8ef74d;flex-shrink:0;height:10px;position:relative;width:10px}.dashboard-container .ssc-completed-count{color:#1a6ef5;font-size:1rem;font-weight:800}.dashboard-container .ssc-completed-label{color:var(--dashboard-text-muted);font-size:.9rem;font-weight:500}.dashboard-container .continue-learning-title{text-align:left;width:100%}.dashboard-container .activity-consistency-title,.dashboard-container .continue-learning-title{color:var(--dashboard-side-title-color);font-weight:700;margin-bottom:12px}.dashboard-container .activity-consistency-card{background-color:var(--white-background);height:100%}.dashboard-container .activity-consistency-card .activity-consistency-card-content{padding:24px;width:100%}.dashboard-container .activity-consistency-card .activity-consistency-card-title{color:#212b36;font-size:1rem;font-weight:700;margin-bottom:12px}.dashboard-container .activity-consistency-card .activity-consistency-banner{align-items:center;background:linear-gradient(135deg,#fff7e6,#fff3d1);border:1px solid #ffb30040;border-radius:16px;box-shadow:0 4px 16px #ffb3002e;display:flex;justify-content:space-between;padding:8px 12px;width:100%}.dashboard-container .activity-consistency-card .activity-consistency-banner-left{align-items:center;display:flex;gap:8px;width:100%}.dashboard-container .activity-consistency-card .activity-consistency-banner-image{border-radius:50%;height:48px;object-fit:cover;width:48px}.dashboard-container .activity-consistency-card .activity-consistency-banner-label{color:#212b36;font-size:.875rem;font-weight:600}.dashboard-container .activity-consistency-card .activity-consistency-banner-right{align-items:center;display:flex;gap:4px}.dashboard-container .activity-consistency-card .activity-consistency-banner-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffb300,#ffc107);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:900}.dashboard-container .activity-consistency-card .activity-consistency-banner-unit{color:#637381;font-size:.95rem;font-weight:600}.dashboard-container .activity-consistency-card .activity-consistency-calendar{margin-top:16px;width:100%}.dashboard-container .activity-consistency-card .activity-consistency-calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.dashboard-container .activity-consistency-card .activity-consistency-calendar-header-left{align-items:center;display:flex;gap:4px;position:relative}.dashboard-container .activity-consistency-card .activity-consistency-calendar-month{color:#212b36;font-size:1rem;font-weight:600}.dashboard-container .activity-consistency-card .activity-consistency-calendar-icon-button{align-items:center;background:#0000;border:none;cursor:default;display:flex;justify-content:center;padding:4px}.dashboard-container .activity-consistency-card .activity-consistency-calendar-icon{font-size:1.2rem;transform:rotate(90deg)}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-calendar-icon-button{cursor:pointer}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown{background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:16px;box-shadow:0 8px 32px rgba(var(--dashboard-shadow-color-rgb),.12);left:0;overflow:hidden;position:absolute;top:100%;width:320px;z-index:1000}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .MuiDateCalendar-root{margin:0;max-height:280px;width:100%}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .MuiDateCalendar-root .MuiPickersCalendarHeader-root{display:none}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .MuiYearCalendar-root{padding:8px;width:100%}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .MuiPickersYear-root{flex-basis:33.3%}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .Mui-selected{background-color:var(--dashboard-button-bg);color:#fff!important;font-weight:700}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .Mui-selected:focus,.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .Mui-selected:hover{background-color:var(--dashboard-accent-color)!important}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .MuiPickersYear-yearButton{border-radius:999px;color:var(--dashboard-text-muted);font-size:.9rem;font-weight:600;height:36px;margin:4px 0}.dashboard-container .activity-consistency-card .activity-consistency-calendar .activity-consistency-year-dropdown .MuiPickersYear-yearButton:hover{background-color:rgba(var(--dashboard-accent-color-rgb),.08);color:var(--dashboard-accent-color)}.dashboard-container .activity-consistency-card .activity-consistency-calendar-nav{align-items:center;display:flex;gap:4px}.dashboard-container .activity-consistency-card .activity-consistency-calendar-nav-button{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.dashboard-container .activity-consistency-card .activity-consistency-weekdays{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:4px}.dashboard-container .activity-consistency-card .activity-consistency-weekday{color:#919eab;font-size:.625rem;font-weight:500;text-align:center;text-transform:uppercase}.dashboard-container .activity-consistency-card .activity-consistency-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.dashboard-container .activity-consistency-card .activity-consistency-day{padding:2px;text-align:center}.dashboard-container .activity-consistency-card .activity-consistency-day-inner{align-items:center;border-radius:8px;display:flex;font-size:.875rem;font-weight:400;height:32px;justify-content:center;margin:0 auto;width:32px}.dashboard-container .activity-consistency-card .activity-consistency-day-inner--active{background-color:#ffb300;color:#fff;font-weight:600}.dashboard-container .activity-consistency-card .activity-consistency-day-inner--current{color:#212b36}.dashboard-container .activity-consistency-card .activity-consistency-day-inner--muted{color:#919eab}.dashboard-container .continue-learning-card{align-items:center;background-color:var(--white-background);display:flex;flex-direction:column;gap:4px;height:100%;justify-content:center;min-height:360px;overflow:hidden;padding:32px;position:relative}.dashboard-container .continue-learning-card .continue-learning-content{align-items:center;display:flex;flex-direction:column;gap:18px;position:relative;text-align:center;z-index:1}.dashboard-container .continue-learning-card .continue-learning-content .continue-learning-text{color:var(--dashboard-text-muted);font-size:1rem;line-height:1.6;margin:0}.dashboard-container .continue-learning-card .continue-learning-content .start-learning-button{align-items:center;align-self:flex-start;background-color:var(--dashboard-button-bg);border:none;border-radius:999px;box-shadow:0 10px 28px rgba(var(--dashboard-accent-color-rgb),.28);color:var(--btn-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:700;gap:12px;justify-content:center;padding:14px 32px;text-decoration:none}.dashboard-container .continue-learning-card .continue-learning-content .start-learning-button:hover{background-color:var(--dashboard-button-hover-bg);box-shadow:0 14px 34px rgba(var(--dashboard-accent-color-rgb),.4)}.dashboard-container .continue-learning-card.has-data{justify-content:flex-start;padding:20px}.dashboard-container .continue-learning-card .continue-learning-list{display:flex;flex-direction:column;gap:12px;height:400px;overflow-y:auto;padding-right:4px;width:100%}.dashboard-container .continue-learning-card .continue-learning-item{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;padding:16px 20px;position:relative}.dashboard-container .continue-learning-card .continue-learning-item:hover{background-color:#fafbfc;border-color:var(--dashboard-accent-color);box-shadow:0 4px 12px rgba(var(--dashboard-accent-color-rgb),.08)}.dashboard-container .continue-learning-card .continue-learning-item:hover .item-icon{color:var(--dashboard-accent-color)}.dashboard-container .continue-learning-card .continue-learning-item .item-info{display:flex;flex-direction:column;gap:6px}.dashboard-container .continue-learning-card .continue-learning-item .item-name{color:var(--dashboard-heading-color);font-size:.95rem;font-weight:700}.dashboard-container .continue-learning-card .continue-learning-item .item-type{background-color:rgba(var(--dashboard-accent-color-rgb),.08);border-radius:6px;color:var(--dashboard-text-muted);display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.dashboard-container .continue-learning-card .continue-learning-item .item-icon{color:var(--dashboard-text-muted)}.dashboard-container .time-spent-card{background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;display:flex;flex-direction:column;height:auto;width:50%}.dashboard-container .time-spent-card .time-spent-card__content{display:flex;flex-direction:column;height:100%;padding:24px;width:100%}.dashboard-container .time-spent-card .time-spent-header{margin-bottom:16px}.dashboard-container .time-spent-card .time-spent-header .time-spent-title{color:#212b36;font-size:.9rem;font-weight:700;margin:0}.dashboard-container .time-spent-card .time-spent-top-row{align-items:stretch;display:flex;flex-direction:column;flex-wrap:wrap;gap:10px;height:100%;justify-content:space-between;margin-bottom:16px;width:100%}.dashboard-container .time-spent-card .time-spent-select-group{flex:1 1;max-width:100%;min-width:160px}.dashboard-container .time-spent-card .time-spent-select-label{color:#919eab;display:block;font-size:.75rem;font-weight:600;margin-bottom:6px}.dashboard-container .time-spent-card .time-spent-select{background-color:#fff;border:1px solid var(--dashboard-summary-border);border-radius:10px;cursor:pointer;font:inherit;padding:8px 12px;transition:all .3s ease;width:100%}.dashboard-container .time-spent-card .time-spent-summary{align-items:center;border-radius:14px;display:flex;flex-grow:0;flex-shrink:1;justify-content:space-between;max-width:100%;padding:8px 12px;transition:all .3s ease}.dashboard-container .time-spent-card .time-spent-summary .time-spent-summary-label{color:#637381;font-size:.85rem;font-weight:500;margin:0}.dashboard-container .time-spent-card .time-spent-summary .time-spent-summary-value{color:#ffb300;font-size:1.1rem;font-weight:800;margin:0 0 0 12px;white-space:nowrap}.dashboard-container .time-spent-card .time-spent-chart{height:271px;width:100%}.dashboard-container .year-overview-card{background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:20px;display:flex;flex-direction:column;height:100%;width:100%}.dashboard-container .year-overview-card .year-overview-card__content{display:flex;flex-direction:column;height:100%;padding:24px;width:100%}.dashboard-container .year-overview-card .year-overview-header{margin-bottom:12px}.dashboard-container .year-overview-card .year-overview-header .year-overview-title{color:#212b36;font-size:.95rem;font-weight:700;margin:0}.dashboard-container .year-overview-card .year-overview-scroll{overflow-x:auto;overflow-y:hidden;padding:8px 0 0;width:100%}.dashboard-container .year-overview-card .year-overview-month-row{display:flex;gap:57px;margin-bottom:12px;min-width:600px;padding:0 32px 0 40px}.dashboard-container .year-overview-card .year-overview-month-row .year-overview-month-label{color:#919eab;font-size:.7rem;min-width:30px;text-align:left}.dashboard-container .year-overview-card .year-overview-grid-wrapper{display:flex;min-width:600px;width:-webkit-fit-content;width:fit-content}.dashboard-container .year-overview-card .year-overview-weekday-column{display:flex;flex-direction:column;gap:7px;margin-bottom:8px;padding-right:8px}.dashboard-container .year-overview-card .year-overview-weekday-column .year-overview-weekday-label{align-items:center;color:#637381;display:flex;font-size:.7rem;height:14px}.dashboard-container .year-overview-card .year-overview-weeks{display:flex;gap:4px;padding:4px 4px 16px;width:-webkit-fit-content;width:fit-content}.dashboard-container .year-overview-card .year-overview-week{display:flex;flex-direction:column;gap:4px}.dashboard-container .year-overview-card .year-overview-cell{border-radius:3px;height:16px;transition:all .2s ease;width:16px}.dashboard-container .year-overview-card .year-overview-cell:hover{border:2px solid #ffb300!important;box-shadow:0 4px 12px #ffb3004d;position:relative;transform:scale(1.5);z-index:10}.dashboard-container .year-overview-card .year-overview-legend{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.dashboard-container .year-overview-card .year-overview-legend .year-overview-legend-label{color:#919eab;font-size:.7rem}.dashboard-container .year-overview-card .year-overview-legend .year-overview-legend-scale{display:flex;gap:4px}.dashboard-container .year-overview-card .year-overview-legend .year-overview-legend-box{border-radius:3px;height:14px;width:14px}.dashboard-container .course-completion-title{color:var(--dashboard-side-title-color);font-weight:700;margin-bottom:12px}.dashboard-container .mastery-overview-card{height:auto;min-height:420px;padding:24px;width:100%}.dashboard-container .mastery-overview-card .mastery-overview-no-data{align-items:center;color:#919eab;display:flex;font-weight:500;height:100%;justify-content:center}.dashboard-container .mastery-overview-card .mastery-overview-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px}.dashboard-container .mastery-overview-card .mastery-overview-card__content{display:flex;flex-direction:column;height:100%;width:100%}.dashboard-container .mastery-overview-card .mastery-overview-chart-wrap{align-items:center;display:flex;flex:1 1;height:100%;justify-content:center;min-height:320px;position:relative;width:100%}.dashboard-container .mastery-overview-card .mastery-overview-chart{align-items:center;display:flex;height:100%;justify-content:center;min-height:300px;position:relative;width:100%}.dashboard-container .mastery-overview-card .mastery-overview-chart--circular{max-height:350px}.dashboard-container .mastery-overview-card .mastery-overview-chart--circular canvas{max-height:280px!important}.dashboard-container .mastery-overview-card .mastery-overview-chart--circular .chartjs-legend{align-items:center!important;display:flex!important;justify-content:center!important;margin-top:10px!important;padding:0 10px!important}.dashboard-container .mastery-overview-card .mastery-overview-title{color:#212b36;font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}.dashboard-container .mastery-overview-card .mastery-overview-subject-row{display:flex;justify-content:flex-end;margin-bottom:16px}.dashboard-container .mastery-overview-card .mastery-overview-subject-row .mastery-overview-subject-select{max-width:180px;min-width:180px;width:180px}.dashboard-container .mastery-overview-card .mastery-overview-subject-row .mastery-overview-subject-select .MuiOutlinedInput-root fieldset{border:none}.dashboard-container .mastery-overview-card .mastery-overview-subject-row .mastery-overview-subject-select .MuiOutlinedInput-input,.dashboard-container .mastery-overview-card .mastery-overview-subject-row .mastery-overview-subject-select .MuiSelect-select{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-container .mastery-overview-card .mastery-accuracy-chip{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;gap:6px;letter-spacing:.01em;padding:5px 12px 5px 8px;transition:box-shadow .2s ease;white-space:nowrap}.dashboard-container .mastery-overview-card .mastery-accuracy-chip__label{font-weight:600;opacity:.75}.dashboard-container .mastery-overview-card .mastery-accuracy-chip__value{font-size:.88rem;font-weight:800}.dashboard-container .mastery-overview-card .mastery-overview-body{align-items:stretch;display:flex;flex-direction:row;gap:24px;height:100%}.dashboard-container .mastery-overview-card .mastery-overview-left-col{width:100%}.dashboard-container .mastery-overview-card .mastery-overview-right-col{display:flex;flex:1 1;flex-direction:column;gap:12px;justify-content:center}.dashboard-container .mastery-overview-card .mastery-overview-main-stat-wrapper{display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:space-around}.dashboard-container .mastery-overview-card .mastery-overview-main-stat{align-items:center;background:linear-gradient(135deg,#fff7e6,#fff0c2);border-radius:14px;display:flex;flex-direction:row;gap:10px;justify-content:space-between;padding:16px 14px;text-align:left;width:100%}.dashboard-container .mastery-overview-card .mastery-overview-main-stat .mastery-overview-main-label{color:#9e7a16;font-size:.8rem;font-weight:600;margin-bottom:4px}.dashboard-container .mastery-overview-card .mastery-overview-main-stat .mastery-overview-main-value{color:#ffb300;font-size:1.5rem;font-weight:800;line-height:1}.dashboard-container .mastery-overview-card .mastery-overview-main-stat .mastery-overview-main-value .mastery-overview-main-unit{font-size:1rem;margin-left:2px}.dashboard-container .mastery-overview-card .mastery-overview-grid{display:flex;flex-direction:row;gap:16px;width:100%}.dashboard-container .mastery-overview-card .mastery-overview-metric{align-items:flex-start;background-color:var(--dashboard-background-neutral);border-radius:12px;display:flex;flex:1 1;flex-direction:column;gap:2px;height:-webkit-fit-content;height:fit-content;padding:10px 12px}.dashboard-container .mastery-overview-card .mastery-overview-metric .mastery-overview-metric-label{color:#919eab;font-size:.75rem;font-weight:600}.dashboard-container .mastery-overview-card .mastery-overview-metric .mastery-overview-metric-value{color:#212b36;font-size:.95rem;font-weight:700}.dashboard-container .mastery-overview-card .mastery-overview-metric .mastery-overview-metric-value--positive{color:#1bb55c}.dashboard-container .mastery-overview-card .mastery-overview-metric .mastery-overview-metric-value--negative{color:#ff4d4f}.dashboard-container .mastery-overview-stats-row{display:flex;flex-shrink:0;gap:10px;margin-top:16px}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill{align-items:center;border:1.5px solid #0000;border-radius:14px;cursor:default;display:flex;flex:1 1;flex-direction:column;gap:3px;padding:10px 8px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill:hover{box-shadow:0 6px 16px #00000014;transform:translateY(-2px)}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--neutral{background:#f4f6f8;border-color:#dfe3e8}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--neutral .mastery-stat-pill__val{color:#212b36}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--neutral .mastery-stat-pill__key{color:#637381}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--positive{background:#f0fbf4;border-color:#a5d6a7}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--positive .mastery-stat-pill__val{color:#1b873a}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--positive .mastery-stat-pill__key{color:#43a047}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--negative{background:#fff2f2;border-color:#ffcdd2}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--negative .mastery-stat-pill__val{color:#c62828}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill--negative .mastery-stat-pill__key{color:#e53935}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill__val{font-size:1.4rem;font-weight:800;line-height:1}.dashboard-container .mastery-overview-stats-row .mastery-stat-pill__key{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.dashboard-container .mastery-header-row{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.dashboard-container .mastery-header-title{color:#212b36;font-size:.95rem;font-weight:700}.dashboard-container .mastery-filter-select-wrapper{max-width:220px;min-width:160px;position:relative}.dashboard-container .mastery-filter-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:linear-gradient(45deg,#919eab 50%,#0000 0),linear-gradient(135deg,#919eab 50%,#0000 0);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:1px solid var(--dashboard-summary-border);border-radius:999px;color:#212b36;cursor:pointer;font-size:.85rem;font-weight:500;outline:none;padding:8px 32px 8px 12px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.dashboard-container .mastery-filter-select:focus{border-color:var(--dashboard-accent-color);box-shadow:0 0 0 1px rgba(var(--dashboard-accent-color-rgb),.2)}.dashboard-container .mastery-filter-select:hover{background-color:#f9fafb}.dashboard-container .mastery-body-two-column{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,2fr) minmax(260px,1.4fr);width:100%}.dashboard-container .mastery-body-left{display:flex;flex-direction:column;justify-content:center}.dashboard-container .mastery-body-right{display:flex;flex-direction:column;gap:12px}.dashboard-container .mastery-subject-card{border-radius:16px;box-shadow:0 4px 16px rgba(var(--dashboard-shadow-color-rgb),.06);display:flex;flex-direction:column;justify-content:center;padding:14px 18px;transition:transform .2s ease,box-shadow .2s ease}.dashboard-container .mastery-subject-card:hover{box-shadow:0 10px 28px rgba(var(--dashboard-shadow-color-rgb),.14)}.dashboard-container .mastery-subject-value{font-size:1rem;font-weight:800;margin-bottom:2px}.dashboard-container .mastery-subject-label{color:#455a64;font-size:.85rem;font-weight:600}.dashboard-container .mastery-subject-card--direct{background-color:#e0f7fa}.dashboard-container .mastery-subject-card--direct .mastery-subject-value{color:#00acc1}.dashboard-container .mastery-subject-card--critical-thinking{background-color:#fff9e6}.dashboard-container .mastery-subject-card--critical-thinking .mastery-subject-value{color:#f9a825}.dashboard-container .mastery-subject-card--reasoning{background-color:#ffecf0}.dashboard-container .mastery-subject-card--reasoning .mastery-subject-value{color:#e53935}.dashboard-container .mastery-overview-stats{display:flex;flex-direction:row;gap:20px;width:100%}.dashboard-container .mastery-subject-card--application{background-color:#e8f5e9}.dashboard-container .mastery-subject-card--application .mastery-subject-value{color:#43a047}@media(max-width:992px){.dashboard-container .mastery-body-two-column{grid-template-columns:minmax(0,1fr)}.dashboard-container .mastery-body-right{margin-top:8px}}.dashboard-container .course-completion-card{height:550px;padding:32px}.dashboard-container .course-completion-card .course-completion-summary{background-color:var(--dashboard-background-neutral);border:1px solid var(--dashboard-summary-border);border-radius:16px;margin-bottom:20px;padding:20px}.dashboard-container .course-completion-card .course-completion-summary .course-completion-header{display:flex;justify-content:space-between;margin-bottom:12px}.dashboard-container .course-completion-card .course-completion-bar{background-color:var(--dashboard-progress-track);border-radius:6px;height:12px}.dashboard-container .course-completion-card .course-completion-bar .MuiLinearProgress-bar{background-color:var(--dashboard-progress-bar);border-radius:6px}.dashboard-container .course-completion-card .course-completion-chart{height:360px}@media(max-width:1200px){.dashboard-container .metrics-grid{gap:20px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-container .dashboard-section__main-card{width:60%}.dashboard-container .dashboard-section .dashboard-container{padding:16px 16px 24px}.dashboard-container .dashboard-section .metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-container .dashboard-section .dashboard-section{flex-direction:column}.dashboard-container .dashboard-section .dashboard-section__main-card,.dashboard-container .dashboard-section .dashboard-section__side-card{min-width:0}.dashboard-container .dashboard-section .dashboard-section__column{flex:1 1 100%;min-width:0;width:100%}.dashboard-container .dashboard-section .card-styled{height:auto}.dashboard-container .dashboard-section .continue-learning-card{min-height:280px;padding:24px}}@media(max-width:1200px)and (max-width:768px){.dashboard-container .dashboard-container{height:auto;padding:8px 10px 16px}.dashboard-container .reports-grid{flex-direction:column!important}.dashboard-container .metrics-grid{gap:16px;grid-template-columns:minmax(0,1fr)}.dashboard-container .dashboard-section{flex-direction:column;gap:16px;height:auto;margin-bottom:24px}.dashboard-container .dashboard-section__side-card{min-width:0}.dashboard-container .dashboard-section__column,.dashboard-container .dashboard-section__main-card{min-width:0;width:100%}.dashboard-container .course-completion-card,.dashboard-container .course-subject-card,.dashboard-container .time-spent-card,.dashboard-container .year-overview-card{min-height:auto;padding:16px;width:100%}.dashboard-container .course-subject-card .course-subject-card__content,.dashboard-container .time-spent-card .time-spent-card__content,.dashboard-container .year-overview-card .year-overview-card__content{gap:16px}.dashboard-container .activity-consistency-card .activity-consistency-card-content{padding:16px}.dashboard-container .continue-learning-card{padding:20px}.dashboard-container .continue-learning-card .continue-learning-content .start-learning-button{align-self:center;max-width:260px;width:100%}.dashboard-container .mastery-overview-stats{display:flex;flex-direction:row;gap:20px}.dashboard-container .metric-card-content{gap:16px;padding:16px!important;width:100%}.dashboard-container .mastery-overview-body{flex-direction:column!important}}@media(max-width:768px){.dashboard-container{height:calc(100dvh - 130px);padding:12px 20px 32px}.homework-tab{padding:10px}.dashboard-filters-wrapper{position:relative}.dashboard-filters-header{display:none}.dashboard-filters-container{margin-top:0;padding-top:0}.dashboard-filter-pill-wrapper{display:flex!important;justify-content:center;padding:8px 16px 4px}.dashboard-filter-pill{align-items:stretch;background:#0000;border:1px solid var(--dashboard-button-bg);border-radius:999px;color:#111827;cursor:pointer;display:inline-flex;justify-content:center;max-width:90%;min-width:0;overflow:hidden}.dashboard-filter-pill__label{align-items:center;background-color:#fff;border-radius:999px 0 0 999px;border-right:1px solid #197bff66;color:#111827;display:flex;font-size:.85rem;font-weight:600;padding:8px 14px;white-space:nowrap}.dashboard-filter-pill__value{align-items:center;background-color:var(--dashboard-button-bg);border-radius:0 999px 999px 0;color:#fff;display:inline-flex;flex-direction:row-reverse;gap:8px;padding:8px 16px}.dashboard-filter-pill__icon{background:linear-gradient(135deg,#fff,#e5efff);border-radius:4px;height:14px;position:relative;width:14px}.dashboard-filter-pill__icon:after,.dashboard-filter-pill__icon:before{background-color:#fff;border-radius:999px;content:"";height:2px;left:3px;position:absolute;right:3px}.dashboard-filter-pill__icon:before{top:4px}.dashboard-filter-pill__icon:after{bottom:4px}.dashboard-filter-pill__text{font-size:.9rem;font-weight:600;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-grid__row{flex-direction:column!important}.dashboard-filters-container{border:1px solid var(--dashboard-summary-border);border-radius:16px;box-shadow:0 10px 25px #0000001a;flex-direction:column;gap:16px;left:0;margin:0 16px;padding:16px;position:absolute;right:0;top:115px;z-index:999}.dashboard-filters-container .dashboard-filters-header{display:none}.dashboard-filters-container .dashboard-filters-body{flex-direction:column;gap:16px;width:100%}.dashboard-filters-container.is-collapsed{display:none}.dashboard-filters-container.is-open{display:flex}.dashboard-section__side-card{display:flex;justify-content:center;width:100%}}.overall-score-main{background:#fff;border-radius:20px;display:flex;flex-direction:column;gap:24px;height:100%;padding:24px}@media(max-width:400px){.overall-score-main{margin:0 auto;max-width:320px;padding:16px}}.overall-score-main .overall-score-header .overall-score-header-text{color:#212b36;font-size:18px;font-weight:700}.overall-score-main .overall-score-body-wrapper{align-items:center;display:flex;flex-direction:row;width:100%}@media(max-width:1200px){.overall-score-main .overall-score-body-wrapper{flex-direction:row}}@media(max-width:768px){.overall-score-main .overall-score-body-wrapper{align-items:stretch;flex-direction:column;gap:20px}}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper{align-items:center;flex-direction:column;gap:16px;padding:0 8px}}.overall-score-main .overall-score-body-wrapper .overall-score-body{display:flex;flex:1 1;flex-direction:column;gap:16px;min-width:300px;position:relative}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-body{max-width:280px;min-width:auto;width:100%}}.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-top{display:flex;gap:12px;z-index:10}.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom{align-items:center;display:flex;height:280px;justify-content:center;position:relative}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom{height:220px}}.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom .doughnut-chart{max-width:100%}.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom .overall-score-container{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;text-align:center;top:55%;transform:translate(-50%,-50%)}.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom .overall-score-container .overall-your-score-text{color:var(--dashboard-accent-color);font-size:14px;font-weight:600;margin-bottom:4px}.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom .overall-score-container .overall-your-mark-text{color:var(--dashboard-accent-color);font-size:48px;font-weight:800}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-body .overall-score-body-bottom .overall-score-container .overall-your-mark-text{font-size:32px}}.overall-score-main .overall-score-body-wrapper .overall-score-cards{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:1fr}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-cards{gap:12px;max-width:280px;width:100%}}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card{border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:16px}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card{padding:12px}}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:first-child{background-color:#e3fafd}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:first-child .single-mastery-card-value{color:#00b8d9}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:nth-child(2){background-color:#fff9c4}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:nth-child(2) .single-mastery-card-value{color:#b78103}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:nth-child(3){background-color:#fce4ec}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:nth-child(3) .single-mastery-card-value{color:#b71d18}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:nth-child(4){background-color:#e8f5e9}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card:nth-child(4) .single-mastery-card-value{color:#1b806a}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card .single-mastery-card-value{font-size:24px;font-weight:700}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card .single-mastery-card-value{font-size:20px}}.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card .single-mastery-card-name{color:#212b36;font-size:14px;font-weight:600}@media(max-width:400px){.overall-score-main .overall-score-body-wrapper .overall-score-cards .single-mastery-card .single-mastery-card-name{font-size:12px}}.d-flex-col{display:flex;flex-direction:column}.gap-8{gap:8px}.profile-dashboard{display:flex;justify-content:center;min-height:calc(100dvh - 150px);padding:20px 20px 16px}.profile-dashboard .profile-content{width:100%}.profile-dashboard .profile-content .profile-card{background:var(--white-background);border:1px solid var(--border-grey);border-radius:24px;height:calc(100dvh - 96px);padding:24px}.profile-dashboard .profile-content .profile-card .tab-data{height:calc(100% - 60px);overflow:auto}.profile-dashboard .profile-content .profile-card .profile-heading{color:var(--black-background);font-size:24px;font-weight:600;margin:0 0 16px;padding:0;text-align:center}.profile-dashboard .profile-content .profile-card .role-section{margin-bottom:32px;text-align:center}.profile-dashboard .profile-content .profile-card .role-section .role-text{color:#444;font-size:16px;font-weight:400;margin:0}.profile-dashboard .profile-content .profile-card .avatar-section{display:flex;justify-content:center;margin-top:12px}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container{align-items:center;background-color:#f4c8a8;border-radius:50%;box-shadow:0 4px 8px #0000001a;display:flex;height:90px;justify-content:center;position:relative;width:90px}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container .avatar-letter{color:var(--black-background);font-size:48px;font-weight:700}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container .camera-button{align-items:center;background:var(--white-background);border:2px solid var(--white-background);border-radius:50%;bottom:0;box-shadow:0 2px 6px #0003;cursor:pointer;display:flex;height:36px;justify-content:center;padding:0;position:absolute;right:0;width:36px}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container .camera-button:hover{background:#f0f0f0}.profile-dashboard .profile-content .profile-card .section-header{align-items:center;display:flex;flex-direction:column;justify-content:space-between}.profile-dashboard .profile-content .profile-card .section-header .section-title{color:var(--black-background);font-size:18px;font-weight:600;margin:0}.profile-dashboard .profile-content .profile-card .section-header .edit-link{background:none;border:none;color:var(--save-btn-color);cursor:pointer;display:flex;font-size:16px;font-weight:500;justify-content:flex-end;padding:4px;width:100%}.profile-dashboard .profile-content .profile-card .section-header .edit-link:hover{text-decoration:underline}.profile-dashboard .profile-content .profile-card .profile-form{display:flex;flex-direction:column;gap:20px}.profile-dashboard .profile-content .profile-card .profile-form .form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media(max-width:640px){.profile-dashboard .profile-content .profile-card .profile-form .form-row{grid-template-columns:1fr}}.profile-dashboard .profile-content .profile-card .profile-form .form-group{display:flex;flex-direction:column}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root{background:var(--white-background);height:48px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #dbe4e6!important;border-radius:10px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#dbe4e6!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#dbe4e6!important;border-radius:10px!important;box-shadow:none!important;outline:none!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#dbe4e6!important;border-radius:10px!important;outline:none!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-disabled{background:var(--white-background)}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.Mui-disabled input{-webkit-text-fill-color:var(--black-background);color:var(--black-background)}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.editable{background:var(--white-background)}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.disabled-field{background-color:#f8f9fa!important;border-color:var(--grey-track-color)!important;cursor:pointer!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.disabled-field fieldset{border-color:var(--grey-track-color)!important;transition:border-color .2s ease!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.disabled-field input{-webkit-text-fill-color:var(--grey-label)!important;cursor:pointer!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root input{color:var(--black-background);font-size:16px;padding:0 16px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root.focused-input{border:0!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputBase-input{height:48px;padding:0 16px!important}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputLabel-root{color:#9ca3af;font-size:14px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputLabel-root.Mui-focused{border:none!important;color:#9ca3af}.profile-dashboard .profile-content .profile-card .profile-form .form-group .mobile-input .MuiInputAdornment-root{margin-left:16px;margin-right:8px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .mobile-input .country-flag{margin-right:8px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .mobile-input .dial-code{color:var(--black-background);font-size:16px}.profile-dashboard .profile-content .profile-card .profile-form .form-actionss{display:flex;justify-content:center}.profile-dashboard .profile-content .profile-card .profile-form .form-actionss .save-button{background:var(--save-btn-color);border:none;border-radius:24px;color:var(--white-background);cursor:pointer;font-size:16px;font-weight:500;padding:8px 12px;transition:background .2s ease}.profile-dashboard .profile-content .profile-card .profile-form .form-actionss .save-button:hover{background:#3a5feb}.profile-dashboard .profile-content .profile-card .change-password-section{padding-top:24px;text-align:center}.profile-dashboard .profile-content .profile-card .change-password-section .change-password-button{background:none;border:1px solid var(--save-btn-color);border-radius:8px;color:var(--save-btn-color);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.profile-dashboard .profile-content .profile-card .change-password-section .change-password-button:hover{background:var(--save-btn-color);color:var(--white-background)}.profile-dashboard .profile-content .profile-card .change-password-section .change-password-button.delete-account-button{border-color:var(--color-danger);color:var(--color-danger);font-weight:600;overflow:hidden;position:relative}.profile-dashboard .profile-content .profile-card .change-password-section .change-password-button.delete-account-button:before{background:linear-gradient(90deg,#0000,#d45b6a1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.profile-dashboard .profile-content .profile-card .change-password-section .change-password-button.delete-account-button:hover{background:var(--color-danger);box-shadow:0 4px 8px #d45b6a33;color:#fff}.profile-dashboard .profile-content .profile-card .change-password-section .change-password-button.delete-account-button:active{box-shadow:0 2px 4px #d45b6a33}.profile-dashboard .MuiSelect-select{padding:12px 16px!important}.preference-section .preference-tabs{border-bottom:2px solid var(--grey-track-color);display:flex;margin-bottom:10px}.preference-section .preference-tabs .tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--grey-label);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.preference-section .preference-tabs .tab-button:hover{background:var(--hover-background);color:var(--light-black)}.preference-section .preference-tabs .tab-button.active{border-bottom-color:var(--save-btn-color);color:var(--save-btn-color);font-weight:600}.preference-section .tab-content{height:calc(100dvh - 270px);overflow:hidden}.preference-section .preference-card{background:#f8f9fa;border:1px solid var(--grey-track-color);border-radius:12px;margin-bottom:16px;padding:20px}.preference-section .preference-card h3{color:var(--light-black);font-size:18px;font-weight:600;margin:0 0 8px}.preference-section .preference-card p{color:var(--grey-label);font-size:14px;margin:0 0 12px}.preference-section .preference-card .preference-select{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.preference-section .preference-card .preference-select:focus{border-color:var(--save-btn-color);outline:none}.preference-section .preference-card .preference-select:disabled{background:var(--hover-background);color:#999;cursor:not-allowed}.preference-section .preference-card .preference-edit-container .edit-buttons{display:flex;gap:12px;margin-top:12px}.preference-section .preference-card .preference-edit-container .edit-buttons .save-preference-btn{background:var(--save-btn-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s ease}.preference-section .preference-card .preference-edit-container .edit-buttons .save-preference-btn:hover{background:#3a5feb}.preference-section .preference-card .preference-edit-container .edit-buttons .save-preference-btn:disabled{background:#ccc;cursor:not-allowed}.preference-section .preference-card .preference-edit-container .edit-buttons .cancel-preference-btn{background:#0000;border:1px solid #ddd;border-radius:6px;color:var(--grey-label);cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.preference-section .preference-card .preference-edit-container .edit-buttons .cancel-preference-btn:hover{background:var(--hover-background);border-color:#bbb}.preference-section .preference-card .preference-display-container .preference-value{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:12px;padding:12px}.preference-section .preference-card .preference-display-container .preference-value .value-label{color:var(--grey-label);font-size:14px;font-weight:500}.preference-section .preference-card .preference-display-container .preference-value .value-text{color:var(--light-black);font-size:14px;font-weight:600}.preference-section .preference-card .checkbox-group{display:flex;flex-direction:column;gap:8px}.preference-section .preference-card .checkbox-group label{align-items:center;color:var(--light-black);cursor:pointer;display:flex;font-size:14px}.preference-section .preference-card .checkbox-group label input[type=checkbox]{margin-right:8px}.preference-section .ai-preference-grid,.preference-section .test-preference-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.preference-section .add-preference-section{color:var(--white-background);margin-bottom:12px;position:-webkit-sticky;position:sticky}.preference-section .add-preference-section:disabled{background:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;pointer-events:none}.preference-section .preference-content .preference-heading{color:var(--black-background);font-size:24px;font-weight:600;margin:0 0 12px;text-align:center}.preference-section .preference-content .preference-list{display:flex;flex-direction:column;gap:20px;height:calc(100dvh - 317px);margin-bottom:24px;overflow-y:auto}.preference-section .preference-content .preference-list .preference-item{background:#f8f9fa;border:1px solid var(--grey-track-color);border-radius:12px;padding:20px}.preference-section .preference-content .preference-list .preference-item .preference-question{margin-bottom:12px}.preference-section .preference-content .preference-list .preference-item .preference-question .question-text{color:var(--light-black);font-size:16px;font-weight:600;margin:0}.preference-section .preference-content .preference-list .preference-item .preference-answer .answer-text{color:var(--grey-label);font-size:14px;line-height:1.5;margin:0}.preference-section .preference-content .no-preferences{background:#f8f9fa;border:1px solid var(--grey-track-color);border-radius:12px;margin-bottom:24px;padding:40px 20px;text-align:center}.preference-section .preference-content .no-preferences .no-preferences-text{color:var(--grey-label);font-size:16px;margin:0}.preference-section .preference-content .add-preference-form{background:#fff;border:1px solid #dbe4e6;border-radius:12px;margin-bottom:24px;padding:24px}.preference-section .preference-content .add-preference-form .form-row{margin-bottom:20px}.preference-section .preference-content .add-preference-form .form-row .form-group .custom-input.MuiTextField-root .MuiOutlinedInput-root{height:auto;min-height:48px}.preference-section .preference-content .add-preference-form .form-row .form-group .custom-input.MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #dbe4e6!important;border-radius:10px}.preference-section .preference-content .add-preference-form .form-row .form-group .custom-input.MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#dbe4e6!important}.preference-section .preference-content .add-preference-form .form-row .form-group .custom-input.MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#dbe4e6!important;box-shadow:none!important}.preference-section .preference-content .add-preference-form .form-row .form-group .custom-input.MuiTextField-root .MuiInputBase-input{color:#000;font-size:16px;padding:12px 16px!important}.preference-section .preference-content .add-preference-form .form-row .form-group .custom-input.MuiTextField-root .MuiInputLabel-root{color:#9ca3af;font-size:14px}.preference-section .preference-content .add-preference-form .form-actions{display:flex;gap:12px;justify-content:flex-end}.preference-section .preference-content .add-preference-form .form-actions .save-preference-btn{background:var(--save-btn-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s ease}.preference-section .preference-content .add-preference-form .form-actions .save-preference-btn:hover{background:#3a5feb}.preference-section .preference-content .add-preference-form .form-actions .save-preference-btn:disabled{background:#ccc;cursor:not-allowed}.preference-section .preference-content .add-preference-form .form-actions .cancel-preference-btn{background:#0000;border:1px solid #ddd;border-radius:8px;color:var(--grey-label);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.preference-section .preference-content .add-preference-form .form-actions .cancel-preference-btn:hover{background:var(--hover-background);border-color:#bbb}.add-preference-section{text-align:end}.add-preference-btn{background:var(--save-btn-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s ease}.add-preference-btn:hover{background:color-mix(in srgb,#28a745 90%,#000);background:color-mix(in srgb,var(--color-success,#28a745) 90%,#000)}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-overlay .add-preference-popup{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-height:80dvh;max-width:500px;overflow-y:auto;width:90%}.popup-overlay .add-preference-popup .popup-header{align-items:center;border-bottom:1px solid var(--grey-track-color);display:flex;justify-content:space-between;padding:20px 24px}.popup-overlay .add-preference-popup .popup-header .popup-title{color:var(--light-black);font-size:18px;font-weight:600;margin:0}.popup-overlay .add-preference-popup .popup-header .close-popup-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--grey-label);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;width:32px}.popup-overlay .add-preference-popup .popup-header .close-popup-btn:hover{background:var(--hover-background);color:var(--light-black)}.popup-overlay .add-preference-popup .popup-content{padding:24px}.popup-overlay .add-preference-popup .popup-content .form-row{margin-bottom:20px}.popup-overlay .add-preference-popup .popup-content .form-row .custom-input.MuiTextField-root .MuiOutlinedInput-root{height:auto;min-height:48px}.popup-overlay .add-preference-popup .popup-content .form-row .custom-input.MuiTextField-root .MuiOutlinedInput-root fieldset{border:1px solid #dbe4e6!important;border-radius:10px}.popup-overlay .add-preference-popup .popup-content .form-row .custom-input.MuiTextField-root .MuiOutlinedInput-root:hover fieldset{border-color:#dbe4e6!important}.popup-overlay .add-preference-popup .popup-content .form-row .custom-input.MuiTextField-root .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#dbe4e6!important;box-shadow:none!important}.popup-overlay .add-preference-popup .popup-content .form-row .custom-input.MuiTextField-root .MuiInputBase-input{color:#000;font-size:16px;padding:12px 16px!important}.popup-overlay .add-preference-popup .popup-content .form-row .custom-input.MuiTextField-root .MuiInputLabel-root{color:#9ca3af;font-size:14px}.popup-overlay .add-preference-popup .popup-actions{border-top:1px solid var(--grey-track-color);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.popup-overlay .add-preference-popup .popup-actions .save-popup-btn{background:var(--save-btn-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:background .2s ease}.popup-overlay .add-preference-popup .popup-actions .save-popup-btn:hover{background:#3a5feb}.popup-overlay .add-preference-popup .popup-actions .save-popup-btn:disabled{background:#ccc;cursor:not-allowed}.popup-overlay .add-preference-popup .popup-actions .cancel-popup-btn{background:#0000;border:1px solid #ddd;border-radius:8px;color:var(--grey-label);cursor:pointer;font-size:16px;font-weight:500;padding:12px 24px;transition:all .2s ease}.popup-overlay .add-preference-popup .popup-actions .cancel-popup-btn:hover{background:var(--hover-background);border-color:#bbb}.batches-tab .stats-container,.gamification-tab .achievements-section{display:none!important}@media(max-width:640px){.profile-dashboard{padding:20px 16px}.profile-dashboard .profile-content .profile-card{border-radius:20px;padding:24px 20px}.profile-dashboard .profile-content .profile-card .profile-heading{font-size:22px}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container{height:110px;width:110px}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container .avatar-letter{font-size:44px}.profile-dashboard .profile-content .profile-card .avatar-section .avatar-container .camera-button{height:32px;width:32px}.profile-dashboard .profile-content .profile-card .section-header .section-title{font-size:16px}.profile-dashboard .profile-content .profile-card .profile-form .form-row{gap:16px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root{height:48px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiOutlinedInput-root input{font-size:15px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputBase-input{height:48px}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputLabel-root{font-size:14px;transform:translate(14px,12px) scale(1)}.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputLabel-root.Mui-focused,.profile-dashboard .profile-content .profile-card .profile-form .form-group .MuiTextField-root .MuiInputLabel-root.MuiFormLabel-filled{transform:translate(14px,-8px) scale(.85)}}@media(max-width:768px){.profile-dashboard .profile-content .profile-card{height:calc(100dvh - 80px);padding:16px}.profile-dashboard .profile-content .profile-card .tab-data{height:calc(100% - 50px)}.profile-dashboard .profile-content .profile-card .MuiTabs-root .MuiTabs-scrollable .MuiTabs-flexContainer .MuiTab-root{font-size:12px;min-width:auto;padding:8px 12px}}@media(max-width:480px){.profile-dashboard{padding:16px 12px}.profile-dashboard .profile-content .profile-card{border-radius:16px;height:calc(100dvh - 94px);padding:12px}.profile-dashboard .profile-content .profile-card .tab-data{height:calc(100% - 45px)}.profile-dashboard .profile-content .profile-card .MuiTabs-root .MuiTabs-scrollable .MuiTabs-flexContainer .MuiTab-root{font-size:11px;min-width:auto;padding:6px 8px}}.study-preference-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));padding-top:10px}.study-preference-container .study-pref-card{background:#f8f9fa;border:1px solid var(--grey-track-color);border-radius:12px;display:flex;flex-direction:column;height:100%;padding:20px}.study-preference-container .study-pref-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.study-preference-container .study-pref-card .card-header h3{color:var(--light-black);font-size:18px;font-weight:600;margin:0}.study-preference-container .study-pref-card .card-header .edit-preference-btn{background:none;border:none;border-radius:4px;color:var(--save-btn-color);cursor:pointer;font-weight:600;padding:4px 8px;transition:background .2s}.study-preference-container .study-pref-card .card-header .edit-preference-btn:hover{background:#4169ff1a}.study-preference-container .study-pref-card .card-body .input-group{display:flex;flex-direction:column;gap:8px}.study-preference-container .study-pref-card .card-body .input-group .input-label{color:var(--grey-label);font-size:14px;font-weight:500}.study-preference-container .study-pref-card .card-body .input-group .days-input{width:100%}.study-preference-container .study-pref-card .card-body .input-group .days-input .MuiOutlinedInput-root{background:#fff}.study-preference-container .study-pref-card .card-body .input-group .days-input .MuiOutlinedInput-root fieldset,.study-preference-container .study-pref-card .card-body .input-group .days-input .MuiOutlinedInput-root.Mui-focused fieldset,.study-preference-container .study-pref-card .card-body .input-group .days-input .MuiOutlinedInput-root:hover fieldset{border-color:#dbe4e6}.study-preference-container .study-pref-card .card-body .input-group .days-input input{padding:10px}.study-preference-container .study-pref-card .card-body .input-group .days-input:not(.editable) .MuiOutlinedInput-root{background:#f8f9fa}.study-preference-container .study-pref-card .card-body .input-group .days-input:not(.editable) .MuiOutlinedInput-root fieldset{border:none}.study-preference-container .study-pref-card .card-body .input-group .days-input:not(.editable) .MuiOutlinedInput-root input{-webkit-text-fill-color:var(--light-black);color:var(--light-black)}.delete-help-link-container{margin-top:12px;text-align:center}.delete-help-link-container p{color:#5e6d7a;font-size:14px;margin:0}.delete-help-link-container p .help-link{color:#4169ff;cursor:pointer;font-weight:600;margin-left:4px;text-decoration:underline}.delete-help-link-container p .help-link:hover{color:#3158e2}.change-password-overlay{background:#00000059;display:grid;inset:0;place-items:center;position:fixed;z-index:10000}.change-password-modal{background:var(--color-bg);border:1px solid var(--glass-border,var(--secondary-border));border-radius:14px;box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;min-height:400px;overflow:hidden;padding:8px;width:min(420px,100% - 32px)}.change-password-modal .change-password-header{align-items:center;display:flex;justify-content:center;padding:14px 16px 16px}.change-password-modal .change-password-header .change-password-title{color:var(--color-text-dark);font-size:18px;font-size:var(--fs-lg,18px);margin:0}.change-password-modal .change-password-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:0 16px 16px}.change-password-modal .change-password-body .change-password-form-group{display:flex;flex:1 1;flex-direction:column}.change-password-modal .change-password-body .change-password-form-group .change-password-label{color:#111827;color:var(--color-text-dark,#111827);font-size:15px;font-weight:600;margin-bottom:8px}.change-password-modal .change-password-body .change-password-form-group .change-password-input{background:var(--white-background);background:var(--color-bg,var(--white-background));border:1px solid --border-grey;border:1px solid var(--secondary-border,--border-grey);border-radius:10px;box-sizing:border-box;color:#111827;color:var(--color-text-dark,#111827);font-size:14px;height:44px;outline:none;padding:0 12px;width:100%}.change-password-modal .change-password-body .change-password-form-group .change-password-input:focus{border-color:var(--color-primary,var(--focus-blue));box-shadow:0 0 0 3px #4b3ff61a}.change-password-modal .change-password-body .change-password-form-group .change-password-input.error{border-color:#e0344a;border-color:var(--color-danger,#e0344a)}.change-password-modal .change-password-body .change-password-form-group .change-password-error-container{align-items:center;display:flex;min-height:22px}.change-password-modal .change-password-body .change-password-form-group .change-password-error-container .change-password-field-error{color:#e0344a;color:var(--color-danger,#e0344a);font-size:12px;margin-bottom:0;margin-top:4px;min-height:18px;overflow:hidden;text-align:left}.change-password-modal .change-password-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.change-password-modal .change-password-footer .change-password-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-size:var(--fs-sm,14px);font-weight:600;height:38px;padding:0 14px}.change-password-modal .change-password-footer .change-password-btn.change-password-btn-secondary{background:var(--color-secondary);border-color:var(--secondary-border);color:var(--color-text-dark)}.change-password-modal .change-password-footer .change-password-btn.change-password-btn-secondary:hover{background:var(--color-hover)}.change-password-modal .change-password-footer .change-password-btn.change-password-btn-primary{background:var(--focus-blue);background:var(--color-primary,var(--focus-blue));color:var(--white-background)}.change-password-modal .change-password-footer .change-password-btn.change-password-btn-primary:hover{background:--accent-4;background:var(--accent-2,--accent-4)}.common-popup-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.common-popup-overlay .common-popup-container{background:var(--color-bg);border-radius:16px;box-shadow:0 10px 30px #11182726;display:flex;flex-direction:column;max-height:90dvh;max-width:500px;overflow:hidden;position:relative;width:100%}.common-popup-overlay .common-popup-container .popup-header{align-items:flex-start;background:linear-gradient(to bottom,var(--color-bg),#fafafa);background:linear-gradient(to bottom,var(--color-bg),var(--off-white,#fafafa));border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;padding:24px 24px 16px}.common-popup-overlay .common-popup-container .popup-header .popup-title-box{display:flex;flex-direction:column;gap:4px}.common-popup-overlay .common-popup-container .popup-header .popup-title-box .popup-title{color:var(--color-text-dark);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin:0;text-align:left}.common-popup-overlay .common-popup-container .popup-header .popup-title-box .popup-subtitle{color:var(--color-text-light);font-size:.875rem;font-weight:400;margin:0;opacity:.8;text-align:left}.common-popup-overlay .common-popup-container .popup-inline-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.common-popup-overlay .common-popup-container .popup-close-btn{background-color:#0000000a!important;border-radius:50%!important;color:var(--color-text-light)!important;padding:6px!important;transition:all .2s ease!important}.common-popup-overlay .common-popup-container .popup-close-btn:hover{background-color:#00000014!important;color:var(--color-text-dark)!important}.common-popup-overlay .common-popup-container .icon-button{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--color-text-light);cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.common-popup-overlay .common-popup-container .icon-button:hover{background-color:var(--color-hover);color:var(--color-text-dark)}.common-popup-overlay .common-popup-container .icon-button:disabled{cursor:not-allowed;opacity:.5}.common-popup-overlay .common-popup-container .add-image-row{align-items:flex-end;display:flex;flex-direction:row;gap:8px}.common-popup-overlay .common-popup-container .add-image-input-wrapper{width:90%}.common-popup-overlay .common-popup-container .add-image-button-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:flex-end}.common-popup-overlay .common-popup-container .add-image-add-button{min-width:auto;padding:4px 10px}.common-popup-overlay .common-popup-container .popup-header.with-close{justify-content:space-between}.common-popup-overlay .common-popup-container .popup-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-light);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0 8px;transition:color .2s ease;width:32px}.common-popup-overlay .common-popup-container .popup-close-button:hover{background-color:var(--color-hover);color:var(--color-text-dark)}.common-popup-overlay .common-popup-container .popup-content{display:flex;flex-direction:column;gap:20px;max-height:calc(90dvh - 80px);overflow-y:auto;padding:16px 16px 12px}.common-popup-overlay .common-popup-container .popup-content form,.common-popup-overlay .common-popup-container .popup-form-group{display:flex;flex-direction:column;gap:8px}.common-popup-overlay .common-popup-container .popup-form-group .file-error-text{color:#dc3545;font-size:13px;margin:0}.common-popup-overlay .common-popup-container .popup-form-group .drop-area{background:#fff;border:2px dashed #cfd8ff;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s ease}.common-popup-overlay .common-popup-container .popup-form-group .drop-area.drag-active{background:#f5f8ff;border-color:#4f6bed}.common-popup-overlay .common-popup-container .popup-form-group .drop-area.disabled{opacity:.6;pointer-events:none}.common-popup-overlay .common-popup-container .popup-form-group .upload-ui{align-items:center;display:flex;flex-direction:column;gap:12px}.common-popup-overlay .common-popup-container .popup-form-group .upload-icon{align-items:center;display:flex;height:56px;justify-content:center;width:56px}.common-popup-overlay .common-popup-container .popup-form-group .upload-text{color:#667085;font-size:16px}.common-popup-overlay .common-popup-container .popup-form-group .upload-text span{color:#2563eb;font-weight:600;text-decoration:underline}.common-popup-overlay .common-popup-container .popup-form-group .upload-progress{text-align:left}.common-popup-overlay .common-popup-container .popup-form-group .uploading-text{color:#667085;font-size:14px;margin-bottom:10px}.common-popup-overlay .common-popup-container .popup-form-group .file-row{align-items:center;border:1px solid #e4e7ec;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.common-popup-overlay .common-popup-container .popup-form-group .file-name{color:#344054;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.common-popup-overlay .common-popup-container .popup-form-group .progress-bar{background:#f2f4f7;border-radius:999px;height:6px;overflow:hidden;width:80px}.common-popup-overlay .common-popup-container .popup-form-group .progress-fill{background:#12b76a;border-radius:999px;display:block;height:100%;width:30%}.common-popup-overlay .common-popup-container .popup-form-group .remove-file{background:#f2f4f7;border:none;border-radius:50%;color:#667085;cursor:pointer;font-size:16px;height:22px;width:22px}.common-popup-overlay .common-popup-container .popup-form-group .MuiInputLabel-root.MuiInputLabel-shrink{color:var(--color-text-dark)!important;font-size:20px!important;font-weight:600!important}.common-popup-overlay .common-popup-container .popup-form-group .MuiTypography-label,.common-popup-overlay .common-popup-container .popup-form-group label{color:var(--color-text-dark);font-size:var(--fs-md);font-weight:600}.common-popup-overlay .common-popup-container .popup-form-group.has-error input[type=tel],.common-popup-overlay .common-popup-container .popup-form-group.has-error input[type=text],.common-popup-overlay .common-popup-container .popup-form-group.has-error select,.common-popup-overlay .common-popup-container .popup-form-group.has-error textarea{background-color:#e0344a0d;border-color:var(--color-danger)}.common-popup-overlay .common-popup-container .popup-form-group.has-error input[type=tel]:focus,.common-popup-overlay .common-popup-container .popup-form-group.has-error input[type=text]:focus,.common-popup-overlay .common-popup-container .popup-form-group.has-error select:focus,.common-popup-overlay .common-popup-container .popup-form-group.has-error textarea:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px #e0344a33}.common-popup-overlay .common-popup-container .popup-error-message{align-items:center;color:var(--color-danger);display:flex;font-size:var(--fs-sm);font-weight:500;gap:4px;line-height:1.4;margin-top:4px}.common-popup-overlay .common-popup-container .popup-note{background-color:var(--secondary-bg-color);border:1px solid var(--secondary-border);border-radius:8px;margin-top:8px;padding:12px}.common-popup-overlay .common-popup-container .popup-note p{color:var(--color-text-light);font-size:var(--fs-sm);line-height:1.4;margin:0}.common-popup-overlay .common-popup-container .popup-input,.common-popup-overlay .common-popup-container .popup-select,.common-popup-overlay .common-popup-container .popup-textarea{-webkit-appearance:none;appearance:none;background:var(--color-bg);border:1px solid var(--secondary-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-dark);font-size:var(--fs-md);padding:10px 16px;transition:all .2s ease;width:100%}.common-popup-overlay .common-popup-container .popup-input:focus,.common-popup-overlay .common-popup-container .popup-select:focus,.common-popup-overlay .common-popup-container .popup-textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px #6d4aff1a;outline:none}.common-popup-overlay .common-popup-container .popup-input::placeholder,.common-popup-overlay .common-popup-container .popup-select::placeholder,.common-popup-overlay .common-popup-container .popup-textarea::placeholder{color:var(--color-text-light);opacity:.7}.common-popup-overlay .common-popup-container .popup-input:disabled,.common-popup-overlay .common-popup-container .popup-select:disabled,.common-popup-overlay .common-popup-container .popup-textarea:disabled{background-color:var(--color-gray-light);cursor:not-allowed;opacity:.7}.common-popup-overlay .common-popup-container .popup-textarea{min-height:80px;resize:vertical}.common-popup-overlay .common-popup-container .popup-textarea--readonly{background-color:#0000;border:none;cursor:default;padding:0;resize:none}.common-popup-overlay .common-popup-container .popup-actions{border-top:1px solid var(--border-grey);display:flex;gap:12px;justify-content:center;margin-top:8px;padding:12px 20px}.common-popup-overlay .common-popup-container .popup-cancel-button,.common-popup-overlay .common-popup-container .popup-submit-button{align-items:center;border:none;border-radius:22px;cursor:pointer;display:flex;font-size:var(--fs-md);font-weight:500;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.common-popup-overlay .common-popup-container .popup-cancel-button{background:var(--bg);border:1px solid var(--card-border-light-grey);color:var(--cancel-btn-text-color)}.common-popup-overlay .common-popup-container .popup-submit-button{background-color:var(--btn-primary-bg-color)!important;border:none;color:var(--bg)!important}.common-popup-overlay .common-popup-container .popup-submit-button:hover{background-color:var(--btn-primary-bg-color)}.common-popup-overlay .common-popup-container .popup-submit-button:disabled{cursor:not-allowed;opacity:.6}.feedback-popup-overlay{align-items:center!important;display:flex!important;justify-content:center!important}.feedback-popup-container{background-color:var(--white-background);border-radius:24px;box-shadow:0 24px 60px #0003;display:flex;flex-direction:column;max-width:600px;min-height:400px;outline:none;overflow:hidden;position:relative;width:95%}.feedback-popup-header{align-items:flex-start;background:linear-gradient(to bottom,var(--white-background),#fafafa);background:linear-gradient(to bottom,var(--white-background),var(--off-white,#fafafa));border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;padding:24px 24px 20px}.feedback-popup-title-box .feedback-popup-title{color:var(--color-text-dark);font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.feedback-popup-title-box .feedback-popup-subtitle{color:var(--color-text-light);font-size:.875rem;opacity:.8}.feedback-popup-close-btn{background-color:#0000000a!important;border-radius:50%!important}.feedback-popup-close-btn:hover{background-color:#00000014!important}.feedback-popup-content{background-color:var(--feedback-card-bg);display:flex;flex-direction:column;gap:20px;max-height:70dvh;overflow-y:auto;padding:24px}.feedback-popup-item-section{overflow-y:auto}.feedback-popup-item-header{align-items:center!important;background:linear-gradient(90deg,#f8fafccc,#fff0);display:flex!important;justify-content:space-between!important;padding:0 18px!important}.feedback-popup-section-icon{font-size:1.4rem!important}.feedback-popup-section-title{font-size:1.1rem!important;font-weight:800!important;letter-spacing:-.01em!important}.feedback-popup-section-badge{border-radius:8px!important;color:#fff!important;font-size:.75rem!important;font-weight:800!important;margin-left:auto!important;padding:4px 12px!important;text-transform:uppercase}.feedback-card-body{display:flex;flex-direction:column;gap:20px;padding:20px}.feedback-card-body .feedback-section-item .section-label{color:var(--feedback-label);font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.feedback-card-body .feedback-section-item .topics-grid{display:flex;flex-wrap:wrap;gap:8px}.feedback-card-body .feedback-section-item .topics-grid .topic-tag{background-color:var(--secondary-background);border:1px solid var(--border-grey);color:var(--color-text-light);font-size:.85rem;font-weight:600;padding:6px 14px}.feedback-card-body .feedback-section-item .advice-text{font-size:.95rem;line-height:1.6}.feedback-card-body .feedback-section-item .content-text{color:var(--color-text-light);font-size:.9rem;font-style:italic;line-height:1.6}.feedback-popup-footer{background-color:#fff;border-top:1px solid var(--border-grey);padding:20px 24px}.feedback-popup-submit-btn{background:var(--save-btn-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;height:48px;transition:all .2s ease;width:100%}.feedback-popup-submit-btn:hover{filter:brightness(.9)}.high-z-index{z-index:10001!important}.common-popup-overlay.hidden{display:none}.gamification-content{padding:24px}.gamification-content .stats-container{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;margin-top:40px}.gamification-content .coins-card-wrapper,.gamification-content .level-card-wrapper,.gamification-content .stat-card-wrapper,.gamification-content .streak-card-wrapper,.gamification-content .xp-card-wrapper{flex:1 1;min-width:200px;width:100%}.gamification-content .stat-card{align-items:center;border-radius:20px;display:flex;flex:1 1;gap:24px;height:100%;min-width:200px;overflow:hidden;padding:24px;position:relative}.gamification-content .stat-card.coins-card{background:linear-gradient(135deg,#fff8e1,#ffecb3);color:#ff8f00}.gamification-content .stat-card.xp-card{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#2e7d32}.gamification-content .stat-card.streak-card{background:linear-gradient(135deg,#ffe0b2,#ffcc80);color:#e65100}.gamification-content .stat-card.level-card{background:linear-gradient(135deg,#e3f2fd,#bbdefb);color:#1565c0}.gamification-content .stat-card .stat-icon-container{align-items:center;background-color:#fff;border-radius:50%;box-shadow:0 8px 16px #ff8f0033;display:flex;justify-content:center;padding:16px}.gamification-content .stat-card .stat-icon-container.coins-icon{box-shadow:0 8px 16px #ff8f0033}.gamification-content .stat-card .stat-icon-container.xp-icon{box-shadow:0 8px 16px #2e7d3233}.gamification-content .stat-card .stat-icon-container.streak-icon{box-shadow:0 8px 16px #e6510033}.gamification-content .stat-card .coins-icon{color:#ffb300;font-size:48px}.gamification-content .stat-card .xp-icon{color:#4caf50;font-size:48px}.gamification-content .stat-card .streak-icon{color:#f44336;font-size:48px}.gamification-content .stat-card .stat-value{font-weight:900;line-height:1}.gamification-content .stat-card .stat-value.coins-value{color:#ff8f00}.gamification-content .stat-card .stat-value.xp-value{color:#2e7d32}.gamification-content .stat-card .stat-value.streak-value{color:#e65100}.gamification-content .stat-card .stat-label{font-weight:700;opacity:.9}.gamification-content .stat-card .stat-label.coins-label{color:#ff8f00}.gamification-content .stat-card .stat-label.xp-label{color:#2e7d32}.gamification-content .stat-card .stat-label.streak-label{color:#e65100}.gamification-content .stat-card .level-container{display:flex;flex-direction:column;justify-content:center}.gamification-content .stat-card .level-container .level-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.gamification-content .stat-card .level-container .level-header .level-info{align-items:center;display:flex;gap:8px}.gamification-content .stat-card .level-container .level-header .level-info .level-title{font-weight:800}.gamification-content .stat-card .level-container .level-header .level-info .level-type{background-color:#ffffff80;border-radius:8px;font-weight:600;padding:4px 8px}.gamification-content .stat-card .level-container .level-header .level-percent{font-weight:700}.gamification-content .stat-card .level-container .level-progress{background-color:#ffffff80;border-radius:6px;height:12px}.gamification-content .stat-card .level-container .level-progress .MuiLinearProgress-bar{background-color:#1e88e5;border-radius:6px;transition:transform 1s ease-in-out}.gamification-content .stat-card .level-container .level-title{font-weight:800}.gamification-content .stat-card .level-container .level-type{background-color:#ffffff80;border-radius:8px;font-weight:600;padding:4px 8px}.gamification-content .stat-card .level-container .level-percent{font-weight:700}.gamification-content .stat-card .level-container .level-next{display:block;font-weight:600;margin-top:12px;opacity:.8}.gamification-content .stat-card .streak-info{align-items:baseline;display:flex;gap:4px}.gamification-content .stat-card .streak-info .streak-value{font-weight:900;line-height:1}.gamification-content .stat-card .streak-info .streak-unit{font-weight:700}.gamification-content .achievement-grid{align-items:center;display:flex;justify-content:center;margin-top:48px}.gamification-content .achievement-grid .achievements-section{margin-top:48px}.gamification-content .achievement-grid .achievement-card-wrapper{width:100%}.gamification-content .achievement-grid .achievement-card{align-items:center;border-radius:24px;display:flex;flex-direction:column;height:250px;justify-content:center;overflow:hidden;padding:30px 16px 16px;position:relative;text-align:center;transition:transform .3s ease;width:200px}.gamification-content .achievement-grid .achievement-card:hover{transform:translateY(-8px)}.gamification-content .achievement-grid .achievement-card.unlocked{background-color:#fff;border:1px solid #e5e7eb}.gamification-content .achievement-grid .achievement-card.locked{background-color:#f9fafb;border:2px dashed #d1d5db}.gamification-content .achievement-grid .achievement-card .achievement-xp-display{background-color:#e5e7eb;border-radius:12px;color:#4b5563;font-size:.75rem;font-weight:600;padding:4px 8px;position:absolute;right:10px;top:10px;z-index:2}.gamification-content .achievement-grid .achievement-card .achievement-icon-container{align-items:center;border-radius:50%;display:flex;justify-content:center;margin-bottom:12px;min-height:140px;min-width:140px;padding:20px;transition:all .3s ease}.gamification-content .achievement-grid .achievement-card .achievement-icon-container.unlocked{background-color:#fff;box-shadow:0 10px 20px #0000000f}.gamification-content .achievement-grid .achievement-card .achievement-icon-container.unlocked img{background:#0000;filter:none}.gamification-content .achievement-grid .achievement-card .achievement-icon-container.locked{background-color:#f3f4f6;box-shadow:inset 0 2px 4px #00000005}.gamification-content .achievement-grid .achievement-card .achievement-icon-container.locked img{filter:grayscale(1) opacity(.5)}.gamification-content .achievement-grid .achievement-card .achievement-icon{height:140px;mask-image:radial-gradient(circle,#000 60%,#0000 61%);-webkit-mask-image:radial-gradient(circle,#000 60%,#0000 61%);object-fit:contain;width:140px}.gamification-content .achievement-grid .achievement-card .achievement-name{font-size:.9rem;font-weight:700;margin-bottom:4px}.gamification-content .achievement-grid .achievement-card .achievement-name.unlocked{color:#111827}.gamification-content .achievement-grid .achievement-card .achievement-name.locked{color:#6b7280}.gamification-content .achievement-grid .achievement-card .achievement-unlocked-badge{color:#10b981;font-size:1rem;position:absolute;right:35px;top:10px;z-index:2}.achievements-header{margin-bottom:32px}.achievements-header .achievements-header-text{align-items:center;color:#1f2937;display:flex;flex-direction:row;font-size:1.5rem;font-weight:800;margin:0}.achievements-counter{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #fff3;border-radius:16px;box-shadow:0 2px 4px #6366f14d;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;margin-left:12px;min-width:60px;padding:6px 12px}.active-recall-config-section{background-color:var(--white-background);padding:10px}.active-recall-config-section .active-recall-header{align-items:flex-start;background-color:var(--white-background);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.active-recall-config-section .active-recall-header .header-content{flex:1 1}.active-recall-config-section .active-recall-header h3{color:var(--light-black);font-size:20px;font-weight:600}.active-recall-config-section .active-recall-header .active-recall-subtitle{color:var(--grey-label);font-size:14px;line-height:1.5;margin:0;max-width:800px}.active-recall-config-section .active-recall-header .active-recall-actions .edit-preference-btn{background:var(--save-btn-color);border:none;border-radius:8px;box-shadow:0 4px 6px #10b98133;color:var(--white-background);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:background .2s ease,transform .1s ease}.active-recall-config-section .active-recall-header .active-recall-actions .edit-preference-btn:hover{background:#0cad76;transform:translateY(-1px)}.active-recall-config-section .active-recall-header .active-recall-actions .edit-preference-btn:active{transform:translateY(0)}.active-recall-config-section .active-recall-cards{display:flex;flex-direction:column;gap:24px}.active-recall-config-section .preference-card.active-recall-card{background:#f8f9fa;border:1px solid var(--grey-track-color);border-radius:12px;overflow:hidden;padding:24px;transition:all .3s ease}.active-recall-config-section .preference-card.active-recall-card:hover{border-color:#d1d5db}.active-recall-config-section .preference-card.active-recall-card.inner-hierarchy-card{background:#fff;border:1px solid var(--border-grey);box-shadow:0 2px 4px #00000005;margin-top:16px;padding:12px}.active-recall-config-section .preference-card.active-recall-card h3{align-items:center;color:var(--light-black);display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 8px}.active-recall-config-section .preference-card.active-recall-card h4{color:var(--light-black);font-size:16px;font-weight:600;margin:0 0 12px}.active-recall-config-section .preference-card.active-recall-card h5{color:var(--light-black);font-size:14px;font-weight:600;margin:0 0 12px}.active-recall-config-section .preference-card.active-recall-card p{color:var(--grey-label);font-size:14px;line-height:1.5;margin:0 0 20px}.active-recall-config-section .preference-card.active-recall-card .global-config-row{align-items:center;background:#fff;border:1px solid var(--border-grey);border-radius:10px;display:flex;justify-content:space-between;padding:16px 20px;transition:border-color .2s ease}.active-recall-config-section .preference-card.active-recall-card .global-config-row:hover{border-color:#d0d0d0}.active-recall-config-section .preference-card.active-recall-card .global-config-row .global-config-label{color:var(--light-black);font-size:14px;font-weight:500}.active-recall-config-section .preference-card.active-recall-card .global-config-row .global-config-input{align-items:center;display:flex;gap:12px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-list,.active-recall-config-section .preference-card.active-recall-card .hierarchy-tree{display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding-right:6px}.active-recall-config-section .preference-card.active-recall-card .text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .text-wrap{word-wrap:break-word;overflow-wrap:break-word;word-break:break-word}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper{align-items:center;background:#fff;border:1px solid var(--border-grey);border-radius:10px;display:flex;flex-wrap:wrap;position:relative;transition:all .2s ease}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper:hover{border-color:#d0d0d0}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper.active{background:#fff;border-color:var(--save-btn-color)}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button{align-items:center;background:none;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;justify-content:space-between;padding:14px 16px;text-align:left;transition:background .1s ease}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button:hover{background:var(--hover-background)}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span{color:var(--light-black);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span:hover{position:relative}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span:hover:after{word-wrap:break-word;background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;max-width:300px;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;white-space:nowrap;z-index:1000}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button .accordion-chevron{color:var(--light-black);font-size:18px;font-weight:700;margin-left:12px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-controls{align-items:center;display:flex;gap:12px;padding-right:16px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .accordion-body{animation:slideDown .3s ease-out;background:#fafafa;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid var(--border-grey);flex-basis:100%;padding:20px;width:100%}.active-recall-config-section .preference-card.active-recall-card .tree-node{margin-bottom:8px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row{align-items:center;background:#fff;border:1px solid var(--border-grey);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row:hover{background:var(--hover-background);border-color:#ccc}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.subject-row{background:#fff;font-weight:500}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.topic-row{border-left:3px solid var(--accent-3);margin-left:8px;width:calc(100% - 8px)}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.subtopic-row{background:#fdfdfd;border-left:3px solid var(--accent-1);margin-left:20px;width:calc(100% - 20px)}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main{align-items:center;display:flex;flex:1 1;gap:10px;min-width:0}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label{color:var(--light-black);cursor:pointer;flex:1 1;font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label:hover{position:relative}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label:hover:after{word-wrap:break-word;background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;max-width:300px;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;white-space:nowrap;z-index:1000}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .accordion-chevron{color:var(--light-black);flex-shrink:0;font-size:16px;font-weight:700}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-days{align-items:center;display:flex;gap:8px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-children{margin-top:8px}.active-recall-config-section .preference-card.active-recall-card .days-input{width:80px}.active-recall-config-section .preference-card.active-recall-card .days-input .MuiInputBase-root{background:#fff;border-radius:6px;font-size:14px;height:36px}.active-recall-config-section .preference-card.active-recall-card .days-input input{color:var(--light-black);font-weight:600;padding:6px 10px;text-align:center}.active-recall-config-section .preference-card.active-recall-card .days-input.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--save-btn-color)!important;border-width:2px}.active-recall-config-section .preference-card.active-recall-card .days-label,.active-recall-config-section .preference-card.active-recall-card .days-value{color:var(--light-black);font-size:14px;font-weight:600;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .days-label{color:var(--grey-label);font-weight:400}.active-recall-config-section .preference-card.active-recall-card .loader-wrapper{display:flex;justify-content:center;padding:30px;width:100%}.active-recall-config-section .preference-card.active-recall-card .no-items-message{background:#fdfdfd;border:1px dashed var(--border-grey);border-radius:8px;color:var(--grey-label);font-size:14px;font-style:italic;margin-top:8px;padding:16px;text-align:center}@media(max-width:768px){.active-recall-config-section{padding:8px}.active-recall-config-section .active-recall-header h3{font-size:18px}.active-recall-config-section .active-recall-header .active-recall-subtitle{font-size:13px;max-width:100%}.active-recall-config-section .preference-card.active-recall-card{padding:12px}.active-recall-config-section .preference-card.active-recall-card h3{font-size:16px}.active-recall-config-section .preference-card.active-recall-card h4{font-size:14px}.active-recall-config-section .preference-card.active-recall-card h5,.active-recall-config-section .preference-card.active-recall-card p{font-size:13px}.active-recall-config-section .preference-card.active-recall-card .global-config-row{align-items:flex-start;flex-direction:column;gap:12px;padding:12px 16px}.active-recall-config-section .preference-card.active-recall-card .global-config-row .global-config-input{justify-content:flex-end;width:100%}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button{padding:12px 14px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span{cursor:pointer;flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span:hover{position:relative}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span:hover:after{word-wrap:break-word;background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;max-width:300px;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;white-space:nowrap;z-index:1000}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button .accordion-chevron{flex-shrink:0;font-size:16px;margin-left:8px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-controls{gap:8px;padding-right:14px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .accordion-body{padding:12px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row{padding:8px 12px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.topic-row{margin-left:4px;width:calc(100% - 4px)}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.subtopic-row{margin-left:12px;width:calc(100% - 12px)}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label{cursor:pointer;flex:1 1;font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label:hover{position:relative}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label:hover:after{word-wrap:break-word;background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;max-width:300px;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;white-space:nowrap;z-index:1000}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .accordion-chevron{flex-shrink:0;font-size:14px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-days{gap:6px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-children{margin-top:6px}.active-recall-config-section .preference-card.active-recall-card .days-input{width:70px}.active-recall-config-section .preference-card.active-recall-card .days-input .MuiInputBase-root{font-size:13px;height:32px}.active-recall-config-section .preference-card.active-recall-card .days-input input{font-size:13px;padding:4px 8px}.active-recall-config-section .preference-card.active-recall-card .days-label,.active-recall-config-section .preference-card.active-recall-card .days-value{font-size:13px}}@media(max-width:480px){.active-recall-config-section{padding:6px}.active-recall-config-section .active-recall-header h3{font-size:16px}.active-recall-config-section .active-recall-header .active-recall-subtitle{font-size:12px}.active-recall-config-section .preference-card.active-recall-card{padding:12px}.active-recall-config-section .preference-card.active-recall-card h3{font-size:15px}.active-recall-config-section .preference-card.active-recall-card h4{font-size:13px}.active-recall-config-section .preference-card.active-recall-card h5,.active-recall-config-section .preference-card.active-recall-card p{font-size:12px}.active-recall-config-section .preference-card.active-recall-card .global-config-row,.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button{padding:10px 12px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span{cursor:pointer;flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span:hover{position:relative}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button span:hover:after{word-wrap:break-word;background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;max-width:300px;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;white-space:nowrap;z-index:1000}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-button .accordion-chevron{font-size:14px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .hierarchy-item-controls{gap:6px;padding-right:12px}.active-recall-config-section .preference-card.active-recall-card .hierarchy-item-wrapper .accordion-body{padding:12px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row{padding:6px 10px}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.topic-row{margin-left:2px;width:calc(100% - 2px)}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row.subtopic-row{margin-left:8px;width:calc(100% - 8px)}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label{cursor:pointer;flex:1 1;font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label:hover{position:relative}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .tree-label:hover:after{word-wrap:break-word;background:#000c;border-radius:4px;color:#fff;content:attr(title);font-size:12px;left:0;max-width:300px;padding:4px 8px;pointer-events:none;position:absolute;top:-30px;white-space:nowrap;z-index:1000}.active-recall-config-section .preference-card.active-recall-card .tree-node .tree-row .tree-main .accordion-chevron{font-size:12px}.active-recall-config-section .preference-card.active-recall-card .days-input{width:60px}.active-recall-config-section .preference-card.active-recall-card .days-input .MuiInputBase-root{font-size:12px;height:30px}.active-recall-config-section .preference-card.active-recall-card .days-input input{font-size:12px;padding:3px 6px}.active-recall-config-section .preference-card.active-recall-card .days-label,.active-recall-config-section .preference-card.active-recall-card .days-value{font-size:12px}.active-recall-config-section .preference-card.active-recall-card .no-items-message{font-size:12px;padding:12px}}.subscription-overview{background:#fff;border-radius:12px;padding:24px}.subscription-overview.standalone-page{background:none;border-radius:0;box-shadow:0 2px 8px #0000001a;height:calc(100dvh - 60px);overflow:auto}.subscription-overview .plan-card-wrapper{display:flex;justify-content:space-between}.subscription-overview .subscription-plan-card-new{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:30px;box-shadow:0 10px 40px #0000000d;display:flex;flex-direction:column;margin-bottom:32px;overflow:hidden;padding:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.subscription-overview .subscription-plan-card-new:hover .buy-now-btn{background-color:var(--dashboard-accent-color)!important;color:#fff!important}.subscription-overview .subscription-plan-card-new.free{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbfcce;color:#15803d}.subscription-overview .subscription-plan-card-new.free .plan-name,.subscription-overview .subscription-plan-card-new.free .price-container .currency,.subscription-overview .subscription-plan-card-new.free .price-container .duration,.subscription-overview .subscription-plan-card-new.free .price-container .price{color:#15803d}.subscription-overview .subscription-plan-card-new.free .buy-now-btn{background-color:#fff!important;color:#16a34a!important}.subscription-overview .subscription-plan-card-new.free .buy-now-btn:hover{background-color:#16a34a!important;border:2px solid #16a34a!important;color:#fff!important}.subscription-overview .subscription-plan-card-new.elite{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;color:#6d28d9}.subscription-overview .subscription-plan-card-new.elite .plan-name{color:#6d28d9}.subscription-overview .subscription-plan-card-new.elite .price-container .currency,.subscription-overview .subscription-plan-card-new.elite .price-container .duration{color:#a855f7}.subscription-overview .subscription-plan-card-new.elite .features-list li,.subscription-overview .subscription-plan-card-new.elite .price-container .price{color:#6d28d9}.subscription-overview .subscription-plan-card-new.elite .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;background-clip:text}.subscription-overview .subscription-plan-card-new.elite .features-list li.inactive-feature{color:#a78bfa}.subscription-overview .subscription-plan-card-new.elite .features-list li:not(.feature-category):hover{background-color:#7c3aed1a}.subscription-overview .subscription-plan-card-new.elite .buy-now-btn{background-color:#fff!important;color:#7c3aed!important}.subscription-overview .subscription-plan-card-new.elite .buy-now-btn:hover{background-color:#7c3aed!important;box-shadow:0 8px 25px #7c3aed4d;color:#fff!important}.subscription-overview .subscription-plan-card-new.premium{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#d97706}.subscription-overview .subscription-plan-card-new.premium .features-list li,.subscription-overview .subscription-plan-card-new.premium .plan-name,.subscription-overview .subscription-plan-card-new.premium .price-container .currency,.subscription-overview .subscription-plan-card-new.premium .price-container .duration,.subscription-overview .subscription-plan-card-new.premium .price-container .price{color:#d97706}.subscription-overview .subscription-plan-card-new.premium .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.subscription-overview .subscription-plan-card-new.premium .features-list li.inactive-feature{color:#fbbf24}.subscription-overview .subscription-plan-card-new.premium .features-list li:not(.feature-category):hover{background-color:#f59e0b1a}.subscription-overview .subscription-plan-card-new.premium .buy-now-btn{background-color:#fff!important;color:#f59e0b!important}.subscription-overview .subscription-plan-card-new.premium .buy-now-btn:hover{background-color:#f59e0b!important;box-shadow:0 8px 25px #f59e0b4d;color:#fff!important}.subscription-overview .subscription-plan-card-new .plan-header{padding:30px 24px 10px;position:relative;text-align:center}.subscription-overview .subscription-plan-card-new .plan-header .plan-badges{display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;top:20px}.subscription-overview .subscription-plan-card-new .plan-header .basic-badge,.subscription-overview .subscription-plan-card-new .plan-header .diamond-badge,.subscription-overview .subscription-plan-card-new .plan-header .free-badge,.subscription-overview .subscription-plan-card-new .plan-header .star-badge{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:6px 12px}.subscription-overview .subscription-plan-card-new .plan-header .basic-badge .badge-label,.subscription-overview .subscription-plan-card-new .plan-header .diamond-badge .badge-label,.subscription-overview .subscription-plan-card-new .plan-header .free-badge .badge-label,.subscription-overview .subscription-plan-card-new .plan-header .star-badge .badge-label{font-size:.75rem;font-weight:600;white-space:nowrap}.subscription-overview .subscription-plan-card-new .plan-header .star-badge{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.subscription-overview .subscription-plan-card-new .plan-header .star-badge svg{color:#f59e0b;font-size:16px}.subscription-overview .subscription-plan-card-new .plan-header .star-badge .badge-label{color:#d97706}.subscription-overview .subscription-plan-card-new .plan-header .diamond-badge{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.subscription-overview .subscription-plan-card-new .plan-header .diamond-badge svg{color:#7c3aed;font-size:16px}.subscription-overview .subscription-plan-card-new .plan-header .diamond-badge .badge-label{color:#6d28d9}.subscription-overview .subscription-plan-card-new .plan-header .basic-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.subscription-overview .subscription-plan-card-new .plan-header .basic-badge svg{color:#0284c7;font-size:16px}.subscription-overview .subscription-plan-card-new .plan-header .basic-badge .badge-label{color:#0277bd}.subscription-overview .subscription-plan-card-new .plan-header .free-badge{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbfcce}.subscription-overview .subscription-plan-card-new .plan-header .free-badge svg{color:#16a34a;font-size:16px}.subscription-overview .subscription-plan-card-new .plan-header .free-badge .badge-label{color:#15803d}.subscription-overview .subscription-plan-card-new .plan-header .plan-name{color:#1a1a1a;font-size:1.8rem;font-weight:800;letter-spacing:.5px;margin-bottom:12px;margin-top:20px;text-transform:capitalize}.subscription-overview .subscription-plan-card-new .plan-header .price-container{align-items:baseline;display:flex;gap:4px;justify-content:flex-start}.subscription-overview .subscription-plan-card-new .plan-header .price-container .currency{color:#ffc107;font-size:1.5rem;font-weight:700}.subscription-overview .subscription-plan-card-new .plan-header .price-container .price{color:#7f8c8d;font-size:18px;font-weight:800;line-height:1;margin-bottom:8px}.subscription-overview .subscription-plan-card-new .plan-header .price-container .duration{align-items:center;color:#ffc107;display:flex;font-size:1rem;font-weight:700;margin-left:8px;white-space:nowrap}.subscription-overview .subscription-plan-card-new .plan-features-section{flex-grow:1;padding:10px 32px 20px}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li{align-items:center;border-radius:8px;color:#444;display:flex;font-size:.95rem;font-weight:500;gap:12px;justify-content:flex-start;padding:6px 10px;text-align:left;transition:all .3s ease}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li:not(.feature-category):hover{background-color:#0000000a;transform:translateX(8px)}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li:not(.feature-category):hover .check-icon,.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li:not(.feature-category):hover .cross-icon{transform:scale(1.15)}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li .check-icon{color:#4caf50;flex-shrink:0;font-size:1.2rem;transition:transform .3s ease}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li .cross-icon{color:#ff5252;flex-shrink:0;font-size:1.2rem;transition:transform .3s ease}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li.inactive-feature{color:#bbb;opacity:.7}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li.feature-category{border-bottom:2px solid #0000000d;color:#333;font-size:.82rem;font-weight:800;justify-content:center;letter-spacing:1.5px;margin-top:6px;padding:14px 0 6px;text-align:center;text-transform:uppercase}.subscription-overview .subscription-plan-card-new .plan-features-section .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;background-clip:text}.subscription-overview .subscription-plan-card-new .plan-actions .buy-now-btn{align-items:center;background-color:#fff;border:2px solid #eee;border-radius:12px;color:#1a1a1a;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;justify-content:center;padding:14px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.subscription-overview .subscription-plan-card-new .plan-actions .buy-now-btn:hover{background-color:#1a1a1a;color:#fff}.subscription-overview .subscription-plan-card-new .plan-actions .buy-now-btn .arrow-icon{font-size:1.2rem;transition:transform .3s ease}.subscription-overview .subscription-plan-card{align-items:center;border-radius:16px;box-shadow:0 8px 24px #0000000d;color:#fff;display:flex;justify-content:space-between;margin-bottom:32px;padding:32px;transition:all .3s ease}.subscription-overview .subscription-plan-card.basic{background:linear-gradient(135deg,#0284c7,#0ea5e9)}.subscription-overview .subscription-plan-card.basic .btn-primary{color:#0284c7}.subscription-overview .subscription-plan-card.premium{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.subscription-overview .subscription-plan-card.premium .btn-primary{color:#f59e0b}.subscription-overview .subscription-plan-card.elite{background:linear-gradient(135deg,#7c3aed,#a855f7)}.subscription-overview .subscription-plan-card.elite .btn-primary{color:#7c3aed}@media(max-width:768px){.subscription-overview .subscription-plan-card{flex-direction:column;gap:24px;text-align:center}}.subscription-overview .subscription-plan-card .plan-info{align-items:center;display:flex;gap:24px}@media(max-width:768px){.subscription-overview .subscription-plan-card .plan-info{flex-direction:column;gap:16px}}.subscription-overview .subscription-plan-card .plan-info .plan-badge .plan-type{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:24px;font-size:14px;font-weight:600;letter-spacing:1px;padding:8px 16px;text-transform:uppercase}.subscription-overview .subscription-plan-card .plan-info .plan-details .plan-name{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px}.subscription-overview .subscription-plan-card .plan-info .plan-details .plan-price{align-items:baseline;display:flex;gap:8px}.subscription-overview .subscription-plan-card .plan-info .plan-details .plan-price .price{font-size:24px;font-weight:700}.subscription-overview .subscription-plan-card .plan-info .plan-details .plan-price .price-period{font-size:14px;opacity:.9}.subscription-overview .subscription-plan-card .plan-actions{display:flex;gap:12px}@media(max-width:768px){.subscription-overview .subscription-plan-card .plan-actions{flex-direction:column;width:100%}}.subscription-overview .subscription-plan-card .plan-actions .btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .3s ease}.subscription-overview .subscription-plan-card .plan-actions .btn.btn-primary{background:#fff}.subscription-overview .subscription-plan-card .plan-actions .btn.btn-primary:hover{box-shadow:0 4px 12px #ffffff4d}.subscription-overview .subscription-plan-card .plan-actions .btn.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;color:#fff}.subscription-overview .subscription-plan-card .plan-actions .btn.btn-secondary:hover{background:#ffffff4d}.subscription-overview .section-header{margin-bottom:24px}.subscription-overview .section-header .section-title{border-bottom:2px solid var(--dashboard-accent-color);color:#2c3e50;font-size:24px;font-weight:600;margin-bottom:8px;padding-bottom:8px}.subscription-overview .section-header .section-subtitle{color:#7f8c8d;font-size:14px;margin:0}.subscription-overview .subscription-error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.subscription-overview .subscription-error .error-message{color:#e74c3c;font-size:16px;margin-bottom:20px}.subscription-overview .subscription-error .retry-button{background:var(--dashboard-accent-color);border:none;border-radius:8px;color:#2c3e50;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.subscription-overview .subscription-error .retry-button:hover{background:var(--dashboard-accent-highlight)}.subscription-overview .autopay-banner{align-items:center;background:linear-gradient(135deg,#fdfbfb,#ebedee);border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:space-between;margin-bottom:25px;padding:20px}.subscription-overview .autopay-banner .autopay-info{display:flex;flex-direction:column;gap:5px}.subscription-overview .autopay-banner .autopay-info h3{align-items:center;color:#2c3e50;display:flex;font-size:1.2rem;gap:8px;margin:0}.subscription-overview .autopay-banner .autopay-info h3 .autopay-status{border-radius:12px;font-size:.75rem;font-weight:700;padding:2px 8px}.subscription-overview .autopay-banner .autopay-info h3 .autopay-status.active{background:#e8f5e9;color:#2e7d32}.subscription-overview .autopay-banner .autopay-info h3 .autopay-status.inactive{background:#ffebee;color:#c62828}.subscription-overview .autopay-banner .autopay-info p{color:#546e7a;font-size:.95rem;margin:0}.subscription-overview .autopay-banner .autopay-toggle-btn{border:none;border-radius:8px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.subscription-overview .autopay-banner .autopay-toggle-btn.active{background:#e74c3c}.subscription-overview .autopay-banner .autopay-toggle-btn.inactive{background:#27ae60}.subscription-overview .autopay-banner .autopay-toggle-btn.updating{cursor:not-allowed;opacity:.7}.subscription-overview .billing-overview{margin-bottom:40px}.subscription-overview .billing-overview .billing-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.subscription-overview .billing-overview .billing-cards .billing-card{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;display:flex;gap:16px;padding:24px;transition:all .3s ease}.subscription-overview .billing-overview .billing-cards .billing-card .card-icon{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.subscription-overview .billing-overview .billing-cards .billing-card .card-icon svg{height:24px;width:24px}.subscription-overview .billing-overview .billing-cards .billing-card .card-content{flex:1 1}.subscription-overview .billing-overview .billing-cards .billing-card .card-content h3{color:#7f8c8d;font-size:14px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.subscription-overview .billing-overview .billing-cards .billing-card .card-content p{color:#2c3e50;font-size:16px;font-weight:500;margin:0}.subscription-overview .billing-overview .billing-cards .billing-card.total-spent .card-icon{background:var(--dashboard-danger-color)}.subscription-overview .billing-overview .billing-cards .billing-card.start-date .card-icon{background:var(--total-questions-blue)}.subscription-overview .billing-overview .billing-cards .billing-card.last-billing .card-icon{background:var(--dashboard-accent-color)}.subscription-overview .billing-overview .billing-cards .billing-card.next-renewal .card-icon{background:var(--dashboard-total-questions-color)}.subscription-overview .billing-address{margin-bottom:40px}.subscription-overview .billing-address .address-card{background:linear-gradient(135deg,#fff 0,var(--dashboard-metric-card-bg) 100%);border:2px solid var(--dashboard-accent-color);border-radius:12px;box-shadow:0 4px 12px #ffb30014;padding:24px}.subscription-overview .billing-address .address-card .address-details .address-row{display:flex;margin-bottom:12px}.subscription-overview .billing-address .address-card .address-details .address-row:last-child{margin-bottom:0}.subscription-overview .billing-address .address-card .address-details .address-row .label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;min-width:120px;text-transform:uppercase}.subscription-overview .billing-address .address-card .address-details .address-row .value{color:#2c3e50;flex:1 1;font-weight:500}.subscription-overview .accessible-features-section{margin-bottom:40px}.subscription-overview .accessible-features-section .section-header-styled{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin-bottom:0;padding:16px 24px}.subscription-overview .accessible-features-section .section-header-styled .header-left .section-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.subscription-overview .accessible-features-section .section-header-styled .header-left .section-subtitle{color:#7f8c8d;font-size:13px;margin-top:4px}.subscription-overview .accessible-features-section .section-header-styled .header-right{color:#7f8c8d;cursor:pointer;transition:transform .3s ease}.subscription-overview .accessible-features-section .section-header-styled .header-right.open{transform:rotate(180deg)}.subscription-overview .accessible-features-section .features-container{background:#fdfdfd;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;padding:20px}.subscription-overview .accessible-features-section .features-container .features-card .features-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.subscription-overview .accessible-features-section .features-container .features-card .features-list li{align-items:center;border-radius:8px;color:#444;display:flex;font-size:.95rem;font-weight:500;gap:12px;padding:8px;text-align:left;transition:background-color .2s ease}.subscription-overview .accessible-features-section .features-container .features-card .features-list li:hover{background-color:#f8f9fa}.subscription-overview .accessible-features-section .features-container .features-card .features-list li .check-icon{color:#4caf50;flex-shrink:0;font-size:1.2rem}.subscription-overview .accessible-features-section .features-container .features-card .features-list li .cross-icon{color:#ff5252;flex-shrink:0;font-size:1.2rem}.subscription-overview .accessible-features-section .features-container .features-card .features-list li.inactive-feature{color:#bbb;opacity:.7}.subscription-overview .accessible-features-section .features-container .features-card .features-list li.feature-category{background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #eee;color:#333;font-size:.85rem;font-weight:700;justify-content:center;letter-spacing:1px;margin-top:8px;padding:12px 8px 8px;text-transform:uppercase}.subscription-overview .accessible-features-section .features-container .features-card .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;background-clip:text}@media(max-width:768px){.subscription-overview .accessible-features-section .features-container,.subscription-overview .accessible-features-section .features-container .features-card{padding:16px}.subscription-overview .accessible-features-section .features-container .features-card .features-list{display:flex;flex-direction:column;gap:12px}.subscription-overview .accessible-features-section .features-container .features-card .features-list li{padding:6px}}.subscription-overview .upcoming-plans-section{margin-bottom:40px}.subscription-overview .upcoming-plans-section .section-header-styled{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;margin-bottom:0;padding:16px 24px}.subscription-overview .upcoming-plans-section .section-header-styled .header-left .section-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.subscription-overview .upcoming-plans-section .section-header-styled .header-left .section-subtitle{color:#7f8c8d;font-size:13px;margin-top:4px}.subscription-overview .upcoming-plans-section .section-header-styled .header-right{color:#7f8c8d;cursor:pointer;transition:transform .3s ease}.subscription-overview .upcoming-plans-section .section-header-styled .header-right.open{transform:rotate(180deg)}.subscription-overview .upcoming-plans-section .upcoming-plans-container{background:#fdfdfd;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;display:flex;flex-direction:column;gap:16px;padding:20px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:all .3s ease}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card:hover{box-shadow:0 8px 24px #0000001a}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card.basic{background:linear-gradient(135deg,#f0f9ff,#fff);border:1px solid #0284c7}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card.premium{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #f59e0b}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card.elite{background:linear-gradient(135deg,#faf5ff,#fff);border:1px solid #7c3aed}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges{display:flex;gap:8px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .basic-badge,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .diamond-badge,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .star-badge{align-items:center;background:#fff;border-radius:16px;box-shadow:0 2px 6px #0000001a;display:flex;gap:6px;padding:4px 10px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .basic-badge .badge-label,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .diamond-badge .badge-label,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .star-badge .badge-label{font-size:.7rem;font-weight:600;white-space:nowrap}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .basic-badge svg,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .diamond-badge svg,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .star-badge svg{font-size:14px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .star-badge{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .star-badge svg{color:#f59e0b}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .star-badge .badge-label{color:#d97706}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .diamond-badge{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .diamond-badge svg{color:#7c3aed}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .diamond-badge .badge-label{color:#6d28d9}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .basic-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .basic-badge svg{color:#0284c7}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges .basic-badge .badge-label{color:#0277bd}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-status .status-tag{border-radius:12px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-status .status-tag.upcoming{background:#e3f2fd;color:#1976d2}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-name{color:#2c3e50;font-size:1.2rem;font-weight:700;margin-bottom:8px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-pricing{margin-bottom:16px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-pricing .price{color:#2c3e50;font-size:1.1rem;font-weight:600}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-schedule{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-schedule .schedule-item{display:flex;flex-direction:column}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-schedule .schedule-item .schedule-label{color:#7f8c8d;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-schedule .schedule-item .schedule-value{color:#2c3e50;font-size:14px;font-weight:500}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list li{align-items:center;color:#444;display:flex;font-size:.85rem;font-weight:500;gap:8px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list li .check-icon{color:#4caf50;flex-shrink:0;font-size:1rem}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list li .cross-icon{color:#ff5252;flex-shrink:0;font-size:1rem}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list li.inactive-feature{color:#bbb}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list li.feature-category{border-bottom:1px solid #eee;color:#333;font-size:.75rem;font-weight:600;letter-spacing:.8px;margin-top:4px;padding:4px 0 2px;text-transform:uppercase}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-features .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;background-clip:text}@media(max-width:768px){.subscription-overview .upcoming-plans-section .upcoming-plans-container,.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card{padding:16px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming{align-items:flex-start;flex-direction:column;gap:12px}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-header-upcoming .plan-badges{align-self:flex-start}.subscription-overview .upcoming-plans-section .upcoming-plans-container .upcoming-plan-card .plan-details .plan-schedule{gap:8px;grid-template-columns:1fr}}.subscription-overview .transactions-section{margin-top:20px}.subscription-overview .transactions-section .section-header-styled{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:16px 24px}.subscription-overview .transactions-section .section-header-styled .header-left .section-title{color:#2c3e50;font-size:18px;font-weight:600;margin:0}.subscription-overview .transactions-section .section-header-styled .header-left .section-subtitle{color:#7f8c8d;font-size:13px;margin-top:4px}.subscription-overview .transactions-section .section-header-styled .header-right{color:#7f8c8d;cursor:pointer}.subscription-overview .transactions-section .transactions-history-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:0 0 8px 8px;border-top:none;display:flex;flex-direction:column;overflow:hidden;width:100%}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container{background:#fdfdfd;overflow-x:auto;width:100%}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled{background:#0000;min-width:1000px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr .8fr;padding:12px 24px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-header .header-cell{color:#7f8c8d;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .pagination-loader{align-items:center;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:40px 20px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .pagination-loader .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top:3px solid var(--dashboard-accent-color);height:32px;margin-bottom:12px;width:32px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .pagination-loader p{color:#7f8c8d;font-size:14px;margin:0;text-align:center}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions{align-items:center;background:#fff;display:flex;flex-direction:column;justify-content:center;min-height:350px;padding:60px 24px;text-align:center;width:100%}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content{align-items:center;display:flex;flex-direction:column;gap:16px;max-width:450px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content .empty-icon{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:50%;box-shadow:inset 0 2px 4px #00000005;color:#cbd5e0;display:flex;justify-content:center;margin-bottom:8px;padding:24px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content h3{color:#2c3e50;font-size:20px;font-weight:700;margin:0}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content p{color:#7f8c8d;font-size:14px;line-height:1.6;margin:0}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content .explore-plans-btn{background:#ffc107;border:none;border-radius:10px;box-shadow:0 4px 12px #ffc10733;color:#1a1a1a;cursor:pointer;font-weight:700;margin-top:12px;padding:12px 28px;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content .explore-plans-btn:hover{background:#ffb300;box-shadow:0 6px 16px #ffc1074d;transform:translateY(-2px)}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .no-transactions .empty-state-content .explore-plans-btn:active{transform:translateY(0)}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:1.5fr .8fr 1fr 1fr 1fr 1.5fr 1fr 1fr 1fr 1fr .8fr;padding:16px 24px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row:last-child{border-bottom:none}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell{align-items:center;color:#2c3e50;display:flex;font-size:14px;overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-value{color:#2c3e50}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .invoice-link{color:#00a8ff;cursor:pointer;display:block;font-weight:500;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .status-badge{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .status-badge.paid,.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .status-badge.success{background:#e6f7ef;color:#00c853}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .status-badge.initiated,.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .status-badge.pending{background:#fff8e1;color:#ffb300}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .status-badge.failed{background:#fdeaea;color:#ff5252}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .tier-badge{border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .tier-badge.basic{background:#e1f5fe;color:#0284c7}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .tier-badge.premium{background:#fff8e1;color:#f59e0b}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .tier-badge.elite{background:#f3e8ff;color:#7c3aed}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .tier-badge.free{background:#e8f5e9;color:#2e7d32}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-payment-chips{align-items:center;display:flex;flex-direction:row;gap:4px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-payment-chips .date-chip{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;color:#0284c7;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;white-space:nowrap}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-payment-chips .payment-method-chip{border-radius:10px;display:inline-block;font-size:10px;font-weight:600;letter-spacing:.5px;padding:3px 8px;text-transform:uppercase;white-space:nowrap}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-payment-chips .payment-method-chip.autopay{background:#63c968;color:#fff;font-size:8px}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-payment-chips .payment-method-chip.unknown{background:#f5f5f5;border:1px solid #e0e0e0;color:#757575}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .date-payment-chips .payment-method-chip:not(.autopay):not(.unknown){background:#fff8e1;border:1px solid #ffecb3;color:#f59e0b}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .payment-method-chip{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .payment-method-chip.autopay{background:#e6f7ef;border:1px solid #a5d6a7;color:#00c853}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .payment-method-chip.unknown{background:#f5f5f5;border:1px solid #e0e0e0;color:#757575}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .payment-method-chip:not(.autopay):not(.unknown){background:#fff8e1;border:1px solid #ffecb3;color:#f59e0b}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .download-icon-btn{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;justify-content:center;transition:color .2s}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .download-icon-btn:hover:not(:disabled){color:#2c3e50}.subscription-overview .transactions-section .transactions-history-wrapper .transactions-table-container .transactions-table-styled .table-body .table-row .table-cell .download-icon-btn:disabled{cursor:not-allowed;opacity:.3}.subscription-overview .transactions-section .transactions-history-wrapper .table-footer-pagination{align-items:center;background:#fff;border-top:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 24px;width:100%}.subscription-overview .transactions-section .transactions-history-wrapper .table-footer-pagination .pagination-info{color:#7f8c8d;font-size:14px}.subscription-overview .transactions-section .transactions-history-wrapper .table-footer-pagination .pagination-arrows{display:flex;gap:8px}.subscription-overview .transactions-section .transactions-history-wrapper .table-footer-pagination .pagination-arrows .arrow-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#7f8c8d;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.subscription-overview .transactions-section .transactions-history-wrapper .table-footer-pagination .pagination-arrows .arrow-btn:hover:not(:disabled){background:#f8f9fa;border-color:#bdc3c7;color:#2c3e50}.subscription-overview .transactions-section .transactions-history-wrapper .table-footer-pagination .pagination-arrows .arrow-btn:disabled{cursor:not-allowed;opacity:.3}@media(max-width:768px){.subscription-overview{padding:16px}.subscription-overview .plan-name{font-size:1.2rem!important;text-align:left}.subscription-overview .billing-cards{grid-template-columns:1fr}.subscription-overview .transactions-table-styled{min-width:auto}.subscription-overview .transactions-table-styled .table-header,.subscription-overview .transactions-table-styled .table-row{gap:8px;grid-template-columns:1fr}.subscription-overview .transactions-table-styled .table-header{display:none}.subscription-overview .transactions-table-styled .table-row{flex-direction:column;padding:16px}.subscription-overview .transactions-table-styled .table-row .table-cell{justify-content:space-between;padding:4px 0}.subscription-overview .transactions-table-styled .table-row .table-cell:before{color:#7f8c8d;content:attr(data-label);font-weight:600;margin-right:8px}.subscription-overview .table-footer-pagination{flex-direction:column;gap:16px;text-align:center}.subscription-overview .table-footer-pagination .pagination-info{margin-bottom:8px}}.delete-account-overlay{background:#00000059;display:grid;inset:0;place-items:center;position:fixed;z-index:10000}.delete-account-modal{background:var(--color-bg);border:1px solid var(--glass-border,var(--secondary-border));border-radius:14px;box-shadow:0 10px 30px #0000002e;display:flex;flex-direction:column;overflow:hidden;padding:8px;width:min(420px,100% - 32px)}.delete-account-modal .delete-account-header{align-items:center;display:flex;justify-content:center;padding:14px 16px 16px}.delete-account-modal .delete-account-header .delete-account-title{color:var(--color-danger);font-size:24px;font-weight:600;margin:0}.delete-account-modal .delete-account-body{align-items:center;display:flex;flex:1 1;justify-content:center;padding:0 16px 16px}.delete-account-modal .delete-account-body .delete-account-message{color:#111827;color:var(--color-text-dark,#111827);font-size:15px;font-weight:500;line-height:1.5;margin:0;text-align:left}.delete-account-modal .delete-account-footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 16px 16px}.delete-account-modal .delete-account-footer .delete-account-btn{border:1px solid #0000;border-radius:8px;cursor:pointer;font-size:14px;font-size:var(--fs-sm,14px);font-weight:600;height:38px;padding:0 14px;transition:all .2s ease}.delete-account-modal .delete-account-footer .delete-account-btn.delete-account-btn-secondary{background:var(--color-secondary);border-color:var(--border-grey);color:var(--color-text-dark)}.delete-account-modal .delete-account-footer .delete-account-btn.delete-account-btn-secondary:hover{box-shadow:0 2px 4px #0000001a}.delete-account-modal .delete-account-footer .delete-account-btn.delete-account-btn-danger{background:var(--color-danger);border-color:var(--color-danger);box-shadow:0 2px 4px #d45b6a33;color:#fff}.delete-account-modal .delete-account-footer .delete-account-btn.delete-account-btn-danger:hover{box-shadow:0 4px 8px #d45b6a4d}.delete-account-modal .delete-account-footer .delete-account-btn.delete-account-btn-danger:active{box-shadow:0 2px 4px #d45b6a33}.materials-page{display:flex;flex-direction:column;height:calc(100dvh - 60px);overflow-y:auto;padding:16px}.materials-header{margin-bottom:32px}.materials-title{color:#111827;color:var(--dashboard-heading-color,#111827);font-size:2rem;font-weight:800;letter-spacing:-.02em;margin:0}.materials-loading{padding:24px}.material-folder-empty{color:var(--color-text-light);padding:24px}.material-folder-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.practice-test-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding:8px 0 24px}.practice-test-card{align-items:center;background:#fff;background:var(--white-background,#fff);border:1px solid #edf2f7;border:1px solid var(--dashboard-summary-border,#edf2f7);border-radius:16px;box-shadow:0 4px 12px #0f172a0a;cursor:pointer;display:flex;flex-direction:column;gap:6px;height:100%;overflow:hidden;padding:12px;position:relative;text-align:center}.practice-test-card:hover{border-color:#ffb3004d;box-shadow:0 12px 30px #0f172a14}.practice-test-card:hover .practice-test-card__icon{background:var(--dashboard-accent-color)}.practice-test-card:hover .practice-test-card__icon img{filter:brightness(0) invert(1)}.practice-test-card .practice-test-card__icon{align-items:center;background:#ffb3001a;border-radius:16px;display:flex;height:64px;justify-content:center;padding-left:6px;width:64px}.practice-test-card .practice-test-card__icon img{height:32px;object-fit:contain;width:32px}.practice-test-card .practice-test-card__info{color:#212b36;color:var(--dashboard-side-title-color,#212b36);font-size:16px;font-weight:600;line-height:1.5;text-align:center;width:100%}.practice-test-card .practice-test-card__info span{display:block;width:100%}.practice-test-card .practice-test-card__meta{align-items:center;color:#626a80;color:var(--text-secondary,#626a80);display:flex;flex-direction:column;font-size:11px;gap:4px;margin-top:8px;width:100%}.practice-test-card .practice-test-card__meta .meta-item{align-items:center;display:flex;gap:4px;opacity:.8}.practice-test-card .completed-tag{background:#10b981;background:var(--correct-green,#10b981);border-radius:999px;box-shadow:0 2px 6px #10b98133;color:#fff;font-size:8px;font-weight:700;letter-spacing:.5px;padding:3px 10px;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:2}@media(max-width:768px){.materials-title{font-size:20px}.materials-header{margin-bottom:10px}.practice-test-grid{grid-template-columns:1fr;padding:16px}.practice-test-card{align-items:center;flex-direction:row;padding:16px;text-align:left}.practice-test-card .practice-test-card__icon{flex-shrink:0;height:48px;width:48px}.practice-test-card .practice-test-card__icon img{height:24px;width:24px}}.material-folder-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;padding:0;text-align:center;width:100%}.material-folder-item:hover .material-folder-icon{transform:scale(1.05)}.folder-icon-container{align-items:center;display:flex;height:80px;justify-content:center;position:relative;width:80px}.material-folder-icon{font-size:60px!important;transition:transform .2s ease}.regular-folder{color:var(--regular-folder-color)}.material-folder{color:var(--material-folder-color)}.document-icon-overlay{background:#fff;border-radius:2px;box-shadow:0 1px 2px #0000001a;left:50%;padding:2px;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.7)}.document-icon-overlay .document-icon{color:#555;font-size:24px!important}.folder-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--light-black);display:-webkit-box;font-size:14px;line-height:1.4em;max-height:2.8em;min-height:2.8em;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis;width:100%}.folder-name .MuiTooltip-tooltip{font-size:12px;max-width:300px;white-space:normal;word-break:break-word}.folder-name .MuiTooltip-tooltipPlacementBottom{margin-top:8px!important}@supports(-webkit-line-clamp:2){.folder-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@supports not (-webkit-line-clamp:2){.folder-name{display:block;max-height:2.8em;position:relative}.folder-name:after{background:#fff;bottom:0;content:"...";padding-left:4px;position:absolute;right:0}}.material-folder-empty{color:var(--grey-label);font-size:16px;padding:40px;text-align:center}.materials-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.materials-list-item{background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;padding:16px 14px;text-align:left;transition:box-shadow .2s ease,transform .2s ease}.materials-list-item:hover{box-shadow:0 4px 12px #0000000f}.materials-list-item__top{align-items:center;display:flex;justify-content:center;margin-bottom:16px}.materials-list-item__icon{font-size:32px!important}.materials-list-item__icon--pdf,.materials-list-item__icon--video{color:#565a73}.materials-list-item__title{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.4;text-align:center}.materials-modal{align-items:center;background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:99999}.materials-modal__content{background:var(--bg);border-radius:8px;box-shadow:0 10px 30px #00000040;max-height:90dvh;overflow:hidden;position:relative}.materials-modal__body,.materials-modal__content{display:flex;flex-direction:column;max-width:90vw}.materials-modal__body{max-height:calc(90dvh - 60px);min-width:600px;overflow-y:auto;padding:0 16px 16px}.materials-modal__close-wrapper{display:flex;justify-content:space-between;padding:8px}.materials-modal__close{background:#0000;border:none;color:var(--text-secondary);cursor:pointer;font-size:20px;padding:4px}.question-bank-view{display:flex;flex-direction:column;gap:16px}.question-bank-view__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.question-bank-view__header .btn-primary{background:var(--color-primary);border:none;border-radius:8px;box-shadow:0 2px 6px #0000001f;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px}.question-bank-view__header .btn-primary:hover{filter:brightness(1.05)}.question-bank-card{background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:100px;overflow:hidden;padding:16px;position:relative}.question-bank-card:hover{border-color:var(--color-primary)}.question-bank-card__header{display:flex;flex:1 1;flex-direction:column;gap:8px}.question-bank-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text-primary);display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.question-bank-card__published{align-self:flex-start;background:#4caf50;border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.question-bank-card__footer{border-top:1px solid var(--color-gray-light);margin-top:12px}.question-bank-card__date{color:var(--text-secondary);font-size:12px;font-weight:400}.current-affairs-list{display:flex;flex-direction:column;gap:16px}.current-affairs-card{align-items:center;background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:14px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:14px;padding:12px}.current-affairs-card:hover{border-color:var(--color-primary);box-shadow:0 6px 16px #00000014}.current-affairs-card__thumb{background:#f2f2f2;border-radius:10px;flex:0 0 64px;height:80px;object-fit:cover;width:150px}.current-affairs-card__thumb-img{height:inherit;width:inherit}.current-affairs-card__body{display:flex;flex:1 1;flex-direction:column;min-width:0}.current-affairs-card__title{color:var(--text-primary);font-size:16px;font-weight:600;line-height:1.35}.current-affairs-card__desc,.current-affairs-card__title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.current-affairs-card__desc{color:#555;font-size:14px;margin-top:6px}.current-affairs-card__date{color:var(--text-secondary);font-size:12px;margin-top:8px}.homework-tabs-container{background:var(--bg);display:flex;justify-content:center;margin-left:-16px;margin-right:-16px;position:-webkit-sticky;position:sticky;top:0;width:calc(100% + 32px);z-index:100}.homework-tabs{background:#fff;border:1px solid #0000000a;border-radius:99px;box-shadow:0 8px 24px #00000014;display:flex;gap:4px;padding:5px}.homework-tab{background:#0000;border:none;border-radius:50px;color:#718096;cursor:pointer;font-size:15px;font-weight:600;padding:10px 35px;transition:all .3s ease}.homework-tab:hover{color:#2d3748}.homework-tab.active{background:#ff914d;box-shadow:0 4px 12px #ff914d66;color:#fff}.homework-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:10px;width:100%}.homework-card{align-items:center;background:#fff;border:1px solid #f0f2f5;border-radius:24px;box-shadow:0 8px 24px #959da50d;cursor:pointer;display:flex;flex-direction:column;padding:16px;transition:all .3s ease}.homework-card:hover{border-color:#ff914d;box-shadow:0 12px 30px #959da51a}.homework-card.priority{background:#fffcf9;border-color:#ffd8a8}.homework-card.priority:hover{border-color:#ff914d}.homework-card.priority .homework-card__deadline{background:#fff3e6;color:#ff914d}.homework-card:hover .homework-card__deadline{background:#fcf9f5;color:#fca43b}.homework-card .homework-card__icon{margin-bottom:10px}.homework-card .homework-card__icon img{height:72px;object-fit:contain;width:72px}.homework-card .homework-card__title{color:#2d3748;font-size:16px;font-weight:700;line-height:1.4;margin-bottom:10px;text-align:center;text-transform:lowercase}.homework-card .homework-card__deadline{background:#f8fafc;border-radius:10px;color:#94a3b8;font-size:13px;font-weight:600;margin-top:auto;padding:8px 20px;transition:all .3s ease}@media(max-width:768px){.homework-grid{gap:20px;grid-template-columns:1fr}.homework-tab{font-size:14px;padding:10px}}.progress-chart-container{background:#fff;background:var(--white-background,#fff);border-radius:16px;box-shadow:0 8px 24px #959da51a;margin:0 auto;max-width:500px;padding:32px;text-align:center}.progress-chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.progress-chart-header h2{color:#2d3748;color:var(--text-primary,#2d3748);font-size:24px;font-weight:700;margin:0}.btn-close{background:#0000;border:none;border-radius:4px;color:#718096;color:var(--text-secondary,#718096);cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.btn-close:hover{background:#0000001a;color:#2d3748;color:var(--text-primary,#2d3748)}.progress-chart-content{gap:24px}.progress-chart-content,.progress-chart-info{align-items:center;display:flex;flex-direction:column}.progress-chart-info{gap:12px}.progress-chart-info p{color:#2d3748;color:var(--text-primary,#2d3748);font-size:18px;font-weight:500;margin:0}.score-text{color:#ff914d!important;color:var(--color-primary,#ff914d)!important;font-size:24px!important;font-weight:700!important}.progress-chart-info .btn-primary{background:#ff914d;background:var(--color-primary,#ff914d);border:none;border-radius:8px;box-shadow:0 4px 12px #ff914d4d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .2s ease}.progress-chart-info .btn-primary:hover{background:#e67e3d;box-shadow:0 6px 16px #ff914d66;transform:translateY(-1px)}@media(max-width:768px){.progress-chart-container{margin:16px;padding:24px}.progress-chart-header h2{font-size:20px}.progress-chart-content{gap:20px}.progress-chart-info p{font-size:16px}.score-text{font-size:20px!important}}.image-component{align-items:center;display:flex;flex-direction:column;margin:20px 0;max-width:300px;overflow:hidden}.image-component .image-wrapper{cursor:zoom-in;overflow:hidden;position:relative;width:100%}.image-component .image-wrapper:hover .zoom-overlay{opacity:1}.image-component .image-wrapper:hover .anatomy-image{transform:scale(1.02)}.image-component .anatomy-image{display:block;height:auto;transition:transform .3s ease;width:100%}.image-component .zoom-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-component .zoom-overlay .zoom-icon{animation:pulse 2s ease-in-out infinite;color:var(--white-background);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));height:48px;width:48px}.image-component .image-caption{background:var(--card-bg);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:14px;margin:0;padding:12px 16px;text-align:center;width:100%}.image-modal{animation:fadeIn .3s ease;background:#000000f2;bottom:0;cursor:zoom-out;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.image-modal,.image-modal .modal-close{align-items:center;display:flex;justify-content:center}.image-modal .modal-close{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:40px;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px;z-index:10000}.image-modal .modal-close svg{color:var(--white-background);height:20px;width:20px}.image-modal .modal-close:hover{background:#fff3;border-color:#ffffff80;transform:rotate(90deg)}.image-modal .modal-image{animation:zoomIn .3s ease;border-radius:8px;box-shadow:0 8px 32px #00000080;cursor:default;max-height:95%;max-width:95%;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.materials-modal__controls{align-items:center;display:flex;gap:8px}.zoom-btn{align-items:center;background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;color:var(--black-background);cursor:pointer;display:flex;justify-content:center;padding:6px 8px;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.zoom-btn:disabled{cursor:not-allowed;opacity:.4}.zoom-btn svg{height:18px;width:18px}.zoom-level{color:var(--black-background);font-size:12px;font-weight:500;min-width:40px;text-align:center}.image-container{align-items:center;display:flex;justify-content:center;overflow:auto}.image-container img{max-height:none;max-width:none}.tooltip-container{position:relative}.tooltip-container,.tooltip-trigger{display:inline-block}.tooltip{background-color:var(--text-primary);border-radius:4px;box-shadow:0 4px 12px #00000026;color:var(--btn-text-color);font-size:12px;font-weight:500;opacity:0;padding:8px 12px;pointer-events:none;position:absolute;white-space:nowrap;z-index:1000}.tooltip__content{position:relative;z-index:1}.tooltip--top{animation:fadeInTop .2s ease-out forwards;bottom:100%;left:50%;margin-bottom:8px;transform:translateX(-50%)}.tooltip--top:after{border-color:var(--text-primary) #0000 #0000 #0000;border-style:solid;border-width:6px;content:"";position:absolute}.tooltip--bottom,.tooltip--top:after{left:50%;top:100%;transform:translateX(-50%)}.tooltip--bottom{animation:fadeInBottom .2s ease-out forwards;margin-top:8px}.tooltip--bottom:after{border-color:#0000 #0000 var(--text-primary) #0000;border-style:solid;border-width:6px;bottom:100%;content:"";left:50%;position:absolute;transform:translateX(-50%)}.tooltip--left{animation:fadeInLeft .2s ease-out forwards;margin-right:8px;right:100%;top:50%;transform:translateY(-50%)}.tooltip--left:after{border-color:#0000 #0000 #0000 var(--text-primary);border-style:solid;border-width:6px;content:"";position:absolute}.tooltip--left:after,.tooltip--right{left:100%;top:50%;transform:translateY(-50%)}.tooltip--right{animation:fadeInRight .2s ease-out forwards;margin-left:8px}.tooltip--right:after{border-color:#0000 var(--text-primary) #0000 #0000;border-style:solid;border-width:6px;content:"";position:absolute;right:100%;top:50%;transform:translateY(-50%)}@keyframes fadeInTop{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInBottom{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(10px,-50%)}to{opacity:1;transform:translateY(-50%)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(-10px,-50%)}to{opacity:1;transform:translateY(-50%)}}@media(max-width:768px){.tooltip{font-size:10px;padding:6px 10px}}@font-face{font-display:block;font-family:KaTeX_AMS;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_AMS-Regular.73ea273a72f4aca30ca5.woff2) format("woff2"),url(/static/media/KaTeX_AMS-Regular.d562e886c52f12660a41.woff) format("woff"),url(/static/media/KaTeX_AMS-Regular.853be92419a6c3766b9a.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Caligraphic-Bold.a1abf90dfd72792a577a.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Bold.d757c535a2e5902f1325.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Bold.7489a2fbfb9bfe704420.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Caligraphic;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Caligraphic-Regular.d6484fce1ef428d5bd94.woff2) format("woff2"),url(/static/media/KaTeX_Caligraphic-Regular.db074fa22cf224af93d7.woff) format("woff"),url(/static/media/KaTeX_Caligraphic-Regular.7e873d3833eb108a0758.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Fraktur-Bold.931d67ea207ab37ee693.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Bold.354501bac435c3264834.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Bold.4c761b3711973ab04edf.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Fraktur;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Fraktur-Regular.172d3529b26f8cedef6b.woff2) format("woff2"),url(/static/media/KaTeX_Fraktur-Regular.6fdf0ac577be0ba82a4c.woff) format("woff"),url(/static/media/KaTeX_Fraktur-Regular.ed305b5434865e06ffde.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:700;src:url(/static/media/KaTeX_Main-Bold.39890742bc957b368704.woff2) format("woff2"),url(/static/media/KaTeX_Main-Bold.0c3b8929d377c0e9b2f3.woff) format("woff"),url(/static/media/KaTeX_Main-Bold.8169508bf58f8bd92ad8.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Main-BoldItalic.20f389c4120be058d80a.woff2) format("woff2"),url(/static/media/KaTeX_Main-BoldItalic.428978dc7837d46de091.woff) format("woff"),url(/static/media/KaTeX_Main-BoldItalic.828abcb200061cffbaae.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Main-Italic.fe2176f79edaa716e621.woff2) format("woff2"),url(/static/media/KaTeX_Main-Italic.fd947498bc16392e76c2.woff) format("woff"),url(/static/media/KaTeX_Main-Italic.fa675e5e4bec9eb250b6.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Main;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Main-Regular.f650f111a3b890d116f1.woff2) format("woff2"),url(/static/media/KaTeX_Main-Regular.4f35fbcc9ee8614c2bcc.woff) format("woff"),url(/static/media/KaTeX_Main-Regular.9eba1d77abcf2aa6e94e.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:700;src:url(/static/media/KaTeX_Math-BoldItalic.dcbcbd93bac0470b462d.woff2) format("woff2"),url(/static/media/KaTeX_Math-BoldItalic.3f07ed67f06c720120ce.woff) format("woff"),url(/static/media/KaTeX_Math-BoldItalic.bf2d440b3a42ea78a998.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Math;font-style:italic;font-weight:400;src:url(/static/media/KaTeX_Math-Italic.6d3d25f4820d0da8f01f.woff2) format("woff2"),url(/static/media/KaTeX_Math-Italic.96759856b4e70f3a8338.woff) format("woff"),url(/static/media/KaTeX_Math-Italic.8a5f936332e8028c7278.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:700;src:url(/static/media/KaTeX_SansSerif-Bold.95591a929f0d32aa282a.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Bold.b9cd458ac6d5889ff9c3.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Bold.5b49f4993ae22d7975b4.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:italic;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Italic.7d393d382f3e7fb1c637.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Italic.8d593cfaa96238d5e2f8.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Italic.b257a18c016f37ee4543.ttf) format("truetype")}@font-face{font-display:block;font-family:"KaTeX_SansSerif";font-style:normal;font-weight:400;src:url(/static/media/KaTeX_SansSerif-Regular.cd5e231e0cc53b2cb2c0.woff2) format("woff2"),url(/static/media/KaTeX_SansSerif-Regular.02271ec5cb9f5b4588ac.woff) format("woff"),url(/static/media/KaTeX_SansSerif-Regular.2f7bc363fc5424ebda59.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Script;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Script-Regular.c81d1b2a4b75d3eded60.woff2) format("woff2"),url(/static/media/KaTeX_Script-Regular.073b3402d036714b4370.woff) format("woff"),url(/static/media/KaTeX_Script-Regular.fc9ba5249878cd8f8d88.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size1;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size1-Regular.6eec866c69313624be60.woff2) format("woff2"),url(/static/media/KaTeX_Size1-Regular.0108e89c9003e8c14ea3.woff) format("woff"),url(/static/media/KaTeX_Size1-Regular.6de7d4b539221a49e9e2.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size2;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size2-Regular.2960900c4f271311eb36.woff2) format("woff2"),url(/static/media/KaTeX_Size2-Regular.3a99e70aee4076660d38.woff) format("woff"),url(/static/media/KaTeX_Size2-Regular.57f5c1837853986ea1db.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size3;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size3-Regular.e1951519f6f0596f7356.woff2) format("woff2"),url(/static/media/KaTeX_Size3-Regular.7947224e8a9914fa332b.woff) format("woff"),url(/static/media/KaTeX_Size3-Regular.8d6b6822586eea3d3b20.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Size4;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Size4-Regular.e418bf257af1052628d8.woff2) format("woff2"),url(/static/media/KaTeX_Size4-Regular.aeffd8025cba3647f1a6.woff) format("woff"),url(/static/media/KaTeX_Size4-Regular.4ad7c7e8bb8d10a34bb7.ttf) format("truetype")}@font-face{font-display:block;font-family:KaTeX_Typewriter;font-style:normal;font-weight:400;src:url(/static/media/KaTeX_Typewriter-Regular.c295e7f71970f03c0549.woff2) format("woff2"),url(/static/media/KaTeX_Typewriter-Regular.4c6b94fd1d07f8beff7c.woff) format("woff"),url(/static/media/KaTeX_Typewriter-Regular.c5c02d763c89380dcb4e.ttf) format("truetype")}.katex{font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;text-indent:0;text-rendering:auto}.katex *{-ms-high-contrast-adjust:none!important;border-color:currentColor}.katex .katex-version:after{content:"0.16.25"}.katex .katex-mathml{clip:rect(1px,1px,1px,1px);border:0;height:1px;overflow:hidden;padding:0;position:absolute;width:1px}.katex .katex-html>.newline{display:block}.katex .base{position:relative;white-space:nowrap;width:-webkit-min-content;width:min-content}.katex .base,.katex .strut{display:inline-block}.katex .textbf{font-weight:700}.katex .textit{font-style:italic}.katex .textrm{font-family:KaTeX_Main}.katex .textsf{font-family:KaTeX_SansSerif}.katex .texttt{font-family:KaTeX_Typewriter}.katex .mathnormal{font-family:KaTeX_Math;font-style:italic}.katex .mathit{font-family:KaTeX_Main;font-style:italic}.katex .mathrm{font-style:normal}.katex .mathbf{font-family:KaTeX_Main;font-weight:700}.katex .boldsymbol{font-family:KaTeX_Math;font-style:italic;font-weight:700}.katex .amsrm,.katex .mathbb,.katex .textbb{font-family:KaTeX_AMS}.katex .mathcal{font-family:KaTeX_Caligraphic}.katex .mathfrak,.katex .textfrak{font-family:KaTeX_Fraktur}.katex .mathboldfrak,.katex .textboldfrak{font-family:KaTeX_Fraktur;font-weight:700}.katex .mathtt{font-family:KaTeX_Typewriter}.katex .mathscr,.katex .textscr{font-family:KaTeX_Script}.katex .mathsf,.katex .textsf{font-family:KaTeX_SansSerif}.katex .mathboldsf,.katex .textboldsf{font-family:KaTeX_SansSerif;font-weight:700}.katex .mathitsf,.katex .mathsfit,.katex .textitsf{font-family:KaTeX_SansSerif;font-style:italic}.katex .mainrm{font-family:KaTeX_Main;font-style:normal}.katex .vlist-t{border-collapse:collapse;display:inline-table;table-layout:fixed}.katex .vlist-r{display:table-row}.katex .vlist{display:table-cell;position:relative;vertical-align:bottom}.katex .vlist>span{display:block;height:0;position:relative}.katex .vlist>span>span{display:inline-block}.katex .vlist>span>.pstrut{overflow:hidden;width:0}.katex .vlist-t2{margin-right:-2px}.katex .vlist-s{display:table-cell;font-size:1px;min-width:2px;vertical-align:bottom;width:2px}.katex .vbox{align-items:baseline;display:inline-flex;flex-direction:column}.katex .hbox{width:100%}.katex .hbox,.katex .thinbox{display:inline-flex;flex-direction:row}.katex .thinbox{max-width:0;width:0}.katex .msupsub{text-align:left}.katex .mfrac>span>span{text-align:center}.katex .mfrac .frac-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline,.katex .hline,.katex .mfrac .frac-line,.katex .overline .overline-line,.katex .rule,.katex .underline .underline-line{min-height:1px}.katex .mspace{display:inline-block}.katex .clap,.katex .llap,.katex .rlap{position:relative;width:0}.katex .clap>.inner,.katex .llap>.inner,.katex .rlap>.inner{position:absolute}.katex .clap>.fix,.katex .llap>.fix,.katex .rlap>.fix{display:inline-block}.katex .llap>.inner{right:0}.katex .clap>.inner,.katex .rlap>.inner{left:0}.katex .clap>.inner>span{margin-left:-50%;margin-right:50%}.katex .rule{border:0 solid;display:inline-block;position:relative}.katex .hline,.katex .overline .overline-line,.katex .underline .underline-line{border-bottom-style:solid;display:inline-block;width:100%}.katex .hdashline{border-bottom-style:dashed;display:inline-block;width:100%}.katex .sqrt>.root{margin-left:.2777777778em;margin-right:-.5555555556em}.katex .fontsize-ensurer.reset-size1.size1,.katex .sizing.reset-size1.size1{font-size:1em}.katex .fontsize-ensurer.reset-size1.size2,.katex .sizing.reset-size1.size2{font-size:1.2em}.katex .fontsize-ensurer.reset-size1.size3,.katex .sizing.reset-size1.size3{font-size:1.4em}.katex .fontsize-ensurer.reset-size1.size4,.katex .sizing.reset-size1.size4{font-size:1.6em}.katex .fontsize-ensurer.reset-size1.size5,.katex .sizing.reset-size1.size5{font-size:1.8em}.katex .fontsize-ensurer.reset-size1.size6,.katex .sizing.reset-size1.size6{font-size:2em}.katex .fontsize-ensurer.reset-size1.size7,.katex .sizing.reset-size1.size7{font-size:2.4em}.katex .fontsize-ensurer.reset-size1.size8,.katex .sizing.reset-size1.size8{font-size:2.88em}.katex .fontsize-ensurer.reset-size1.size9,.katex .sizing.reset-size1.size9{font-size:3.456em}.katex .fontsize-ensurer.reset-size1.size10,.katex .sizing.reset-size1.size10{font-size:4.148em}.katex .fontsize-ensurer.reset-size1.size11,.katex .sizing.reset-size1.size11{font-size:4.976em}.katex .fontsize-ensurer.reset-size2.size1,.katex .sizing.reset-size2.size1{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size2.size2,.katex .sizing.reset-size2.size2{font-size:1em}.katex .fontsize-ensurer.reset-size2.size3,.katex .sizing.reset-size2.size3{font-size:1.1666666667em}.katex .fontsize-ensurer.reset-size2.size4,.katex .sizing.reset-size2.size4{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size2.size5,.katex .sizing.reset-size2.size5{font-size:1.5em}.katex .fontsize-ensurer.reset-size2.size6,.katex .sizing.reset-size2.size6{font-size:1.6666666667em}.katex .fontsize-ensurer.reset-size2.size7,.katex .sizing.reset-size2.size7{font-size:2em}.katex .fontsize-ensurer.reset-size2.size8,.katex .sizing.reset-size2.size8{font-size:2.4em}.katex .fontsize-ensurer.reset-size2.size9,.katex .sizing.reset-size2.size9{font-size:2.88em}.katex .fontsize-ensurer.reset-size2.size10,.katex .sizing.reset-size2.size10{font-size:3.4566666667em}.katex .fontsize-ensurer.reset-size2.size11,.katex .sizing.reset-size2.size11{font-size:4.1466666667em}.katex .fontsize-ensurer.reset-size3.size1,.katex .sizing.reset-size3.size1{font-size:.7142857143em}.katex .fontsize-ensurer.reset-size3.size2,.katex .sizing.reset-size3.size2{font-size:.8571428571em}.katex .fontsize-ensurer.reset-size3.size3,.katex .sizing.reset-size3.size3{font-size:1em}.katex .fontsize-ensurer.reset-size3.size4,.katex .sizing.reset-size3.size4{font-size:1.1428571429em}.katex .fontsize-ensurer.reset-size3.size5,.katex .sizing.reset-size3.size5{font-size:1.2857142857em}.katex .fontsize-ensurer.reset-size3.size6,.katex .sizing.reset-size3.size6{font-size:1.4285714286em}.katex .fontsize-ensurer.reset-size3.size7,.katex .sizing.reset-size3.size7{font-size:1.7142857143em}.katex .fontsize-ensurer.reset-size3.size8,.katex .sizing.reset-size3.size8{font-size:2.0571428571em}.katex .fontsize-ensurer.reset-size3.size9,.katex .sizing.reset-size3.size9{font-size:2.4685714286em}.katex .fontsize-ensurer.reset-size3.size10,.katex .sizing.reset-size3.size10{font-size:2.9628571429em}.katex .fontsize-ensurer.reset-size3.size11,.katex .sizing.reset-size3.size11{font-size:3.5542857143em}.katex .fontsize-ensurer.reset-size4.size1,.katex .sizing.reset-size4.size1{font-size:.625em}.katex .fontsize-ensurer.reset-size4.size2,.katex .sizing.reset-size4.size2{font-size:.75em}.katex .fontsize-ensurer.reset-size4.size3,.katex .sizing.reset-size4.size3{font-size:.875em}.katex .fontsize-ensurer.reset-size4.size4,.katex .sizing.reset-size4.size4{font-size:1em}.katex .fontsize-ensurer.reset-size4.size5,.katex .sizing.reset-size4.size5{font-size:1.125em}.katex .fontsize-ensurer.reset-size4.size6,.katex .sizing.reset-size4.size6{font-size:1.25em}.katex .fontsize-ensurer.reset-size4.size7,.katex .sizing.reset-size4.size7{font-size:1.5em}.katex .fontsize-ensurer.reset-size4.size8,.katex .sizing.reset-size4.size8{font-size:1.8em}.katex .fontsize-ensurer.reset-size4.size9,.katex .sizing.reset-size4.size9{font-size:2.16em}.katex .fontsize-ensurer.reset-size4.size10,.katex .sizing.reset-size4.size10{font-size:2.5925em}.katex .fontsize-ensurer.reset-size4.size11,.katex .sizing.reset-size4.size11{font-size:3.11em}.katex .fontsize-ensurer.reset-size5.size1,.katex .sizing.reset-size5.size1{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size5.size2,.katex .sizing.reset-size5.size2{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size5.size3,.katex .sizing.reset-size5.size3{font-size:.7777777778em}.katex .fontsize-ensurer.reset-size5.size4,.katex .sizing.reset-size5.size4{font-size:.8888888889em}.katex .fontsize-ensurer.reset-size5.size5,.katex .sizing.reset-size5.size5{font-size:1em}.katex .fontsize-ensurer.reset-size5.size6,.katex .sizing.reset-size5.size6{font-size:1.1111111111em}.katex .fontsize-ensurer.reset-size5.size7,.katex .sizing.reset-size5.size7{font-size:1.3333333333em}.katex .fontsize-ensurer.reset-size5.size8,.katex .sizing.reset-size5.size8{font-size:1.6em}.katex .fontsize-ensurer.reset-size5.size9,.katex .sizing.reset-size5.size9{font-size:1.92em}.katex .fontsize-ensurer.reset-size5.size10,.katex .sizing.reset-size5.size10{font-size:2.3044444444em}.katex .fontsize-ensurer.reset-size5.size11,.katex .sizing.reset-size5.size11{font-size:2.7644444444em}.katex .fontsize-ensurer.reset-size6.size1,.katex .sizing.reset-size6.size1{font-size:.5em}.katex .fontsize-ensurer.reset-size6.size2,.katex .sizing.reset-size6.size2{font-size:.6em}.katex .fontsize-ensurer.reset-size6.size3,.katex .sizing.reset-size6.size3{font-size:.7em}.katex .fontsize-ensurer.reset-size6.size4,.katex .sizing.reset-size6.size4{font-size:.8em}.katex .fontsize-ensurer.reset-size6.size5,.katex .sizing.reset-size6.size5{font-size:.9em}.katex .fontsize-ensurer.reset-size6.size6,.katex .sizing.reset-size6.size6{font-size:1em}.katex .fontsize-ensurer.reset-size6.size7,.katex .sizing.reset-size6.size7{font-size:1.2em}.katex .fontsize-ensurer.reset-size6.size8,.katex .sizing.reset-size6.size8{font-size:1.44em}.katex .fontsize-ensurer.reset-size6.size9,.katex .sizing.reset-size6.size9{font-size:1.728em}.katex .fontsize-ensurer.reset-size6.size10,.katex .sizing.reset-size6.size10{font-size:2.074em}.katex .fontsize-ensurer.reset-size6.size11,.katex .sizing.reset-size6.size11{font-size:2.488em}.katex .fontsize-ensurer.reset-size7.size1,.katex .sizing.reset-size7.size1{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size7.size2,.katex .sizing.reset-size7.size2{font-size:.5em}.katex .fontsize-ensurer.reset-size7.size3,.katex .sizing.reset-size7.size3{font-size:.5833333333em}.katex .fontsize-ensurer.reset-size7.size4,.katex .sizing.reset-size7.size4{font-size:.6666666667em}.katex .fontsize-ensurer.reset-size7.size5,.katex .sizing.reset-size7.size5{font-size:.75em}.katex .fontsize-ensurer.reset-size7.size6,.katex .sizing.reset-size7.size6{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size7.size7,.katex .sizing.reset-size7.size7{font-size:1em}.katex .fontsize-ensurer.reset-size7.size8,.katex .sizing.reset-size7.size8{font-size:1.2em}.katex .fontsize-ensurer.reset-size7.size9,.katex .sizing.reset-size7.size9{font-size:1.44em}.katex .fontsize-ensurer.reset-size7.size10,.katex .sizing.reset-size7.size10{font-size:1.7283333333em}.katex .fontsize-ensurer.reset-size7.size11,.katex .sizing.reset-size7.size11{font-size:2.0733333333em}.katex .fontsize-ensurer.reset-size8.size1,.katex .sizing.reset-size8.size1{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size8.size2,.katex .sizing.reset-size8.size2{font-size:.4166666667em}.katex .fontsize-ensurer.reset-size8.size3,.katex .sizing.reset-size8.size3{font-size:.4861111111em}.katex .fontsize-ensurer.reset-size8.size4,.katex .sizing.reset-size8.size4{font-size:.5555555556em}.katex .fontsize-ensurer.reset-size8.size5,.katex .sizing.reset-size8.size5{font-size:.625em}.katex .fontsize-ensurer.reset-size8.size6,.katex .sizing.reset-size8.size6{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size8.size7,.katex .sizing.reset-size8.size7{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size8.size8,.katex .sizing.reset-size8.size8{font-size:1em}.katex .fontsize-ensurer.reset-size8.size9,.katex .sizing.reset-size8.size9{font-size:1.2em}.katex .fontsize-ensurer.reset-size8.size10,.katex .sizing.reset-size8.size10{font-size:1.4402777778em}.katex .fontsize-ensurer.reset-size8.size11,.katex .sizing.reset-size8.size11{font-size:1.7277777778em}.katex .fontsize-ensurer.reset-size9.size1,.katex .sizing.reset-size9.size1{font-size:.2893518519em}.katex .fontsize-ensurer.reset-size9.size2,.katex .sizing.reset-size9.size2{font-size:.3472222222em}.katex .fontsize-ensurer.reset-size9.size3,.katex .sizing.reset-size9.size3{font-size:.4050925926em}.katex .fontsize-ensurer.reset-size9.size4,.katex .sizing.reset-size9.size4{font-size:.462962963em}.katex .fontsize-ensurer.reset-size9.size5,.katex .sizing.reset-size9.size5{font-size:.5208333333em}.katex .fontsize-ensurer.reset-size9.size6,.katex .sizing.reset-size9.size6{font-size:.5787037037em}.katex .fontsize-ensurer.reset-size9.size7,.katex .sizing.reset-size9.size7{font-size:.6944444444em}.katex .fontsize-ensurer.reset-size9.size8,.katex .sizing.reset-size9.size8{font-size:.8333333333em}.katex .fontsize-ensurer.reset-size9.size9,.katex .sizing.reset-size9.size9{font-size:1em}.katex .fontsize-ensurer.reset-size9.size10,.katex .sizing.reset-size9.size10{font-size:1.2002314815em}.katex .fontsize-ensurer.reset-size9.size11,.katex .sizing.reset-size9.size11{font-size:1.4398148148em}.katex .fontsize-ensurer.reset-size10.size1,.katex .sizing.reset-size10.size1{font-size:.2410800386em}.katex .fontsize-ensurer.reset-size10.size2,.katex .sizing.reset-size10.size2{font-size:.2892960463em}.katex .fontsize-ensurer.reset-size10.size3,.katex .sizing.reset-size10.size3{font-size:.337512054em}.katex .fontsize-ensurer.reset-size10.size4,.katex .sizing.reset-size10.size4{font-size:.3857280617em}.katex .fontsize-ensurer.reset-size10.size5,.katex .sizing.reset-size10.size5{font-size:.4339440694em}.katex .fontsize-ensurer.reset-size10.size6,.katex .sizing.reset-size10.size6{font-size:.4821600771em}.katex .fontsize-ensurer.reset-size10.size7,.katex .sizing.reset-size10.size7{font-size:.5785920926em}.katex .fontsize-ensurer.reset-size10.size8,.katex .sizing.reset-size10.size8{font-size:.6943105111em}.katex .fontsize-ensurer.reset-size10.size9,.katex .sizing.reset-size10.size9{font-size:.8331726133em}.katex .fontsize-ensurer.reset-size10.size10,.katex .sizing.reset-size10.size10{font-size:1em}.katex .fontsize-ensurer.reset-size10.size11,.katex .sizing.reset-size10.size11{font-size:1.1996142719em}.katex .fontsize-ensurer.reset-size11.size1,.katex .sizing.reset-size11.size1{font-size:.2009646302em}.katex .fontsize-ensurer.reset-size11.size2,.katex .sizing.reset-size11.size2{font-size:.2411575563em}.katex .fontsize-ensurer.reset-size11.size3,.katex .sizing.reset-size11.size3{font-size:.2813504823em}.katex .fontsize-ensurer.reset-size11.size4,.katex .sizing.reset-size11.size4{font-size:.3215434084em}.katex .fontsize-ensurer.reset-size11.size5,.katex .sizing.reset-size11.size5{font-size:.3617363344em}.katex .fontsize-ensurer.reset-size11.size6,.katex .sizing.reset-size11.size6{font-size:.4019292605em}.katex .fontsize-ensurer.reset-size11.size7,.katex .sizing.reset-size11.size7{font-size:.4823151125em}.katex .fontsize-ensurer.reset-size11.size8,.katex .sizing.reset-size11.size8{font-size:.578778135em}.katex .fontsize-ensurer.reset-size11.size9,.katex .sizing.reset-size11.size9{font-size:.6945337621em}.katex .fontsize-ensurer.reset-size11.size10,.katex .sizing.reset-size11.size10{font-size:.8336012862em}.katex .fontsize-ensurer.reset-size11.size11,.katex .sizing.reset-size11.size11{font-size:1em}.katex .delimsizing.size1{font-family:KaTeX_Size1}.katex .delimsizing.size2{font-family:KaTeX_Size2}.katex .delimsizing.size3{font-family:KaTeX_Size3}.katex .delimsizing.size4{font-family:KaTeX_Size4}.katex .delimsizing.mult .delim-size1>span{font-family:KaTeX_Size1}.katex .delimsizing.mult .delim-size4>span{font-family:KaTeX_Size4}.katex .nulldelimiter{display:inline-block;width:.12em}.katex .delimcenter,.katex .op-symbol{position:relative}.katex .op-symbol.small-op{font-family:KaTeX_Size1}.katex .op-symbol.large-op{font-family:KaTeX_Size2}.katex .accent>.vlist-t,.katex .op-limits>.vlist-t{text-align:center}.katex .accent .accent-body{position:relative}.katex .accent .accent-body:not(.accent-full){width:0}.katex .overlay{display:block}.katex .mtable .vertical-separator{display:inline-block;min-width:1px}.katex .mtable .arraycolsep{display:inline-block}.katex .mtable .col-align-c>.vlist-t{text-align:center}.katex .mtable .col-align-l>.vlist-t{text-align:left}.katex .mtable .col-align-r>.vlist-t{text-align:right}.katex .svg-align{text-align:left}.katex svg{fill:currentColor;stroke:currentColor;fill-rule:nonzero;fill-opacity:1;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;display:block;height:inherit;position:absolute;width:100%}.katex svg path{stroke:none}.katex img{border-style:none;max-height:none;max-width:none;min-height:0;min-width:0}.katex .stretchy{display:block;overflow:hidden;position:relative;width:100%}.katex .stretchy:after,.katex .stretchy:before{content:""}.katex .hide-tail{overflow:hidden;position:relative;width:100%}.katex .halfarrow-left{left:0;overflow:hidden;position:absolute;width:50.2%}.katex .halfarrow-right{overflow:hidden;position:absolute;right:0;width:50.2%}.katex .brace-left{left:0;overflow:hidden;position:absolute;width:25.1%}.katex .brace-center{left:25%;overflow:hidden;position:absolute;width:50%}.katex .brace-right{overflow:hidden;position:absolute;right:0;width:25.1%}.katex .x-arrow-pad{padding:0 .5em}.katex .cd-arrow-pad{padding:0 .55556em 0 .27778em}.katex .mover,.katex .munder,.katex .x-arrow{text-align:center}.katex .boxpad{padding:0 .3em}.katex .fbox,.katex .fcolorbox{border:.04em solid;box-sizing:border-box}.katex .cancel-pad{padding:0 .2em}.katex .cancel-lap{margin-left:-.2em;margin-right:-.2em}.katex .sout{border-bottom-style:solid;border-bottom-width:.08em}.katex .angl{border-right:.049em solid;border-top:.049em solid;box-sizing:border-box;margin-right:.03889em}.katex .anglpad{padding:0 .03889em}.katex .eqn-num:before{content:"(" counter(katexEqnNo) ")";counter-increment:katexEqnNo}.katex .mml-eqn-num:before{content:"(" counter(mmlEqnNo) ")";counter-increment:mmlEqnNo}.katex .mtr-glue{width:50%}.katex .cd-vert-arrow{display:inline-block;position:relative}.katex .cd-label-left{display:inline-block;position:absolute;right:calc(50% + .3em);text-align:left}.katex .cd-label-right{display:inline-block;left:calc(50% + .3em);position:absolute;text-align:right}.katex-display{display:block;margin:1em 0;text-align:center}.katex-display>.katex{display:block;text-align:center;white-space:nowrap}.katex-display>.katex>.katex-html{display:block;position:relative}.katex-display>.katex>.katex-html>.tag{position:absolute;right:0}.katex-display.leqno>.katex>.katex-html>.tag{left:0;right:auto}.katex-display.fleqn>.katex{padding-left:2em;text-align:left}body{counter-reset:katexEqnNo mmlEqnNo}@media(max-width:768px){.content-container{padding:16px}}.content-header-wrapper{display:flex;justify-content:end;padding:0 10px 10px;width:100%}.content-header-wrapper .mark-as-complete-btn{background:#fff;border:1px solid var(--blue-fill-color);border-radius:6px;color:var(--blue-fill-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.content-header-wrapper .mark-as-complete-btn:hover{background-color:var(--blue-fill-color);color:#fff}.content-main{display:flex;flex-direction:column;gap:24px;max-width:100%}.content-card{background-color:var(--white-background);border:1px solid var(--glass-border);border-radius:16px;height:100%;overflow:auto;padding:32px}@media(max-width:768px){.content-card{border-radius:12px;padding:20px}}.content-body{color:var(--text-primary);font-size:16px;line-height:1.7;overflow-wrap:break-word;word-break:normal}.content-body .mark-down-container{margin-bottom:24px}.content-body .mark-down-container.type-amazing_fact{border-left:4px solid var(--accent-1);border-radius:10px;padding:20px}.content-body .mark-down-container.type-relatedQuestions{border-left:4px solid var(--accent-2);border-radius:10px;padding:20px}.content-body .mark-down-container.type-ctc{background:var(--bg);border:1px solid var(--glass-border);border-radius:10px;padding:20px}.content-body .inline-code{background-color:#f0f0f0;border:1px solid #ddd;border-radius:3px;color:#d63384;font-size:.9em;padding:.2em .4em}.content-body .content-markdown{border:1px solid var(--glass-border);border-radius:10px;margin:20px 0;overflow-x:auto;padding:16px}.content-body .markdown-table{background:var(--bg);border-collapse:collapse;border-radius:10px;margin:20px 0;overflow:hidden;width:100%}.content-body .markdown-table th{background-color:var(--table-header-bg-color)}.content-body .markdown-table td{background-color:var(--white-background)}.content-body .tooltip-header{border:1px solid var(--glass-border);color:var(--text-primary);font-weight:600;padding:12px 16px}.content-body .tooltip-trigger-text{border-bottom:1px dotted var(--text-primary);cursor:help;transition:border-color .2s ease}.content-body h1{color:var(--text-primary);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:24px}@media(max-width:768px){.content-body h1{font-size:24px;margin-bottom:16px}}.content-body h2{color:var(--text-primary);font-size:24px;font-weight:600;letter-spacing:-.01em;margin:32px 0 16px}.content-body h2:first-child{margin-top:0}@media(max-width:768px){.content-body h2{font-size:20px;margin:24px 0 12px}}.content-body h3{color:var(--text-primary);font-size:20px;font-weight:600;letter-spacing:-.01em;margin:24px 0 12px}@media(max-width:768px){.content-body h3{font-size:18px;margin:20px 0 10px}}.content-body p{color:var(--text-primary);margin-bottom:16px}.content-body p:last-child{margin-bottom:0}.content-body strong{font-weight:600}.content-body ul{margin:16px 0;padding-left:24px}.content-body ul li{color:var(--text-primary);margin-bottom:8px;position:relative}.content-body ul li:before{content:"•";font-weight:700;left:-16px;position:absolute}.content-body table{background:var(--bg);border-collapse:collapse;border-radius:10px;margin:20px 0;overflow:hidden;width:100%}.content-body table td{border:1px solid var(--glass-border);color:var(--text-primary);padding:12px 16px}.content-body table td:first-child{font-weight:600}.content-body .content-array-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:16px 0}@media(max-width:768px){.content-body .content-array-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.content-body .content-array-container{grid-template-columns:1fr}}.content-body .content-array-container .image-component{border-radius:8px;margin:0;max-width:none;overflow:hidden}.content-body .content-array-container .image-component .image-wrapper{height:200px;width:100%}.content-body .content-array-container .image-component .image-wrapper .anatomy-image{height:100%;object-fit:cover;width:100%}.content-body .content-array-container .image-component .image-caption{background:var(--card-bg);border-top:1px solid var(--border-color);color:var(--text-primary);font-size:12px;margin:0;padding:8px;text-align:center}.content-body pre{border-radius:10px;display:flex;justify-content:center;overflow-x:auto;padding:16px}.content-body pre code{color:var(--text-primary);font-size:14px;line-height:1.5}.content-body ul li:contains("[ ]"),.content-body ul li:contains("[x]"){list-style:none;padding-left:24px;position:relative}.content-body ul li:contains("[ ]"):before,.content-body ul li:contains("[x]"):before{background:var(--bg);border:2px solid var(--accent-2);border-radius:4px;content:"";height:16px;left:0;position:absolute;top:2px;width:16px}.content-body h1 .emoji,.content-body h2 .emoji,.content-body h3 .emoji{font-size:1.1em;margin-right:8px}@media(max-width:768px){.content-container{gap:16px;padding:12px}.content-main{gap:16px}.content-card{padding:16px}.content-body{font-size:13px;line-height:1.6}}.current-affairs-detail{background-color:#f5f7fa;background-color:var(--background-color,#f5f7fa);display:flex;flex-direction:column;height:calc(100dvh - 65px);overflow:hidden;position:relative;width:100%}.current-affairs-detail .detail-header .header-content{align-items:center;display:flex;gap:16px;max-width:1000px;padding:20px 20px 10px;width:100%}.current-affairs-detail .detail-header .header-content .detail-title{color:var(--text-secondary);font-size:18px;font-weight:600;letter-spacing:1px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.current-affairs-detail .detail-scroll-container{flex:1 1;overflow-y:auto;padding:20px}.current-affairs-detail .detail-scroll-container .single-blog-card{animation:fadeIn .5s ease-out;background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 10px 30px #00000014;margin:0 auto;max-width:1000px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.current-affairs-detail .detail-scroll-container .single-blog-card:hover{box-shadow:0 15px 35px #0000001f}.current-affairs-detail .detail-scroll-container .single-blog-card .blog-image-container{max-height:400px;overflow:hidden;position:relative;width:100%}.current-affairs-detail .detail-scroll-container .single-blog-card .blog-image-container .blog-image{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding{padding:40px}@media(max-width:768px){.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding{padding:24px}}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-meta-info{align-items:center;display:flex;gap:15px;margin-bottom:20px}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-meta-info .meta-date{background:#f5f5f5;background:var(--background-color,#f5f5f5);border-radius:20px;color:#666;color:var(--text-secondary,#666);font-size:14px;font-weight:500;padding:6px 12px}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-summary-section{background-color:#ff980014;border-left:4px solid #ff9800;border-left:4px solid var(--primary-color,#ff9800);border-radius:0 12px 12px 0;margin-bottom:30px;padding:20px}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-summary-section p{color:#222;color:var(--text-primary,#222);font-size:18px;font-style:italic;font-weight:500;line-height:1.6;margin:0}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-main-description{color:#333;color:var(--text-primary,#333);font-size:16px;line-height:1.8}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-main-description .content-card{background:#0000;border:none;box-shadow:none;margin:0;padding:0}.current-affairs-detail .detail-scroll-container .single-blog-card .card-content-padding .blog-main-description .content-card .content-body{padding:0}.current-affairs-detail .detail-error,.current-affairs-detail .detail-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:20px;text-align:center}@media(max-width:768px){.current-affairs-detail .detail-header-fixed{padding:0 16px;top:50px}.current-affairs-detail .detail-header-fixed .header-content .detail-title{font-size:18px}.current-affairs-detail .detail-scroll-container{padding-left:10px;padding-right:10px;padding-top:10px}}.mcq-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 280px}.mcq-index-panel{border-radius:12px}.mcq-index-header{align-items:center;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin:-4px;padding:4px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.mcq-index-header:hover{background:#00000005}.mcq-index-title{align-items:center;background:color-mix(in srgb,var(--color-primary) 10%,var(--white-background));border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--white-background));border-radius:8px;color:var(--color-primary);display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:6px 10px}.mcq-index-title svg{font-size:12px}.mcq-index-arrow,.mcq-index-count{color:var(--disabled-grey);color:var(--color-gray,var(--disabled-grey))}.mcq-index-arrow{font-size:12px}.mcq-index-grid{grid-gap:8px;animation:slideDown .2s ease;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);margin-top:12px}.mcq-index-item{align-items:center;background:var(--white-background);border:1px solid --border-grey;border:1px solid var(--color-gray-light,--border-grey);border-radius:10px;color:#111827;cursor:pointer;display:inline-flex;font-weight:600;height:36px;justify-content:center;min-width:44px;padding:0 12px;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.mcq-index-item:hover{background:var(--summary-background);border-color:var(--color-primary)}.mcq-index-item.current{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px #5b6cea33;color:var(--white-background)}.mcq-index-item.answered:not(.current){background:color-mix(in srgb,var(--color-primary) 10%,var(--white-background));border-color:var(--color-primary);box-shadow:none;color:var(--color-primary);font-weight:700;position:relative}.mcq-index-item.correct:not(.current){background:#ecfdf5;border-color:#10b981;color:#065f46;font-weight:700}.mcq-index-item.incorrect:not(.current){background:#fef2f2;border-color:#ef4444;color:#991b1b;font-weight:700}.mcq-index-item.unattempted:not(.current){background:#f3f4f6;border-color:#d1d5db;color:#6b7280;font-weight:500}.mcq-index-item.current.correct{background:#10b981;border-color:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.mcq-index-item.current.incorrect{background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d;color:#fff}.mcq-index-item.current.unattempted{background:#6b7280;border-color:#6b7280;box-shadow:0 2px 8px #6b72804d;color:#fff}.mcq-sticky-footer{bottom:0;left:0;padding:12px 16px;position:-webkit-sticky;position:sticky;right:0;z-index:5}.mcq-sticky-actions{display:grid;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px}.mcq-btn-prev{justify-self:start}.mcq-btn-next,.mcq-btn-prev{border-radius:8px;display:flex;gap:8px;padding:8px 12px}.mcq-btn-next{justify-self:end}.mcq-main{min-width:0}.mcq-aside{position:-webkit-sticky;position:sticky;top:12px}.mcq-summary-card{border-radius:12px;overflow:hidden}.mcq-summary-header{background:var(--summary-background);border-bottom:1px solid --border-grey;border-bottom:1px solid var(--color-gray-light,--border-grey);color:#111827;color:var(--text-primary,#111827);font-weight:600;padding:10px 12px}@media(max-width:1024px){.mcq-layout{grid-template-columns:1fr}.mcq-aside{position:static}}.mcq-container{color:--btn-text-color;color:var(--text-primary,--btn-text-color);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.mcq-container .mcq-wrapper{display:flex;height:calc(100% - 54px)}.mcq-container .mcq-content{flex:1 1;margin:0 auto;overflow-y:auto;width:100%}.mcq-container .mcq-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.mcq-container .mcq-meta{align-items:center;display:flex;gap:8px}.mcq-container .mcq-topic{background:#8c50ff14;border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:999px;color:--btn-text-color;color:var(--text-primary,--btn-text-color);font-size:12px;font-weight:700;padding:6px 10px}.mcq-container .mcq-options{grid-gap:12px;gap:12px}.mcq-container .mcq-option{background:var(--white-background);border:1px solid --border-grey;border:1px solid var(--color-gray-light,--border-grey);color:#111827;color:var(--text-primary,#111827);padding:14px 16px;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.mcq-container .mcq-option:hover:not(:disabled){box-shadow:0 2px 8px #1f24300f}.mcq-container .mcq-option.selected{box-shadow:inset 0 0 0 1px var(--selected-blue-color)}.mcq-container .mcq-option.correct,.mcq-container .mcq-option.incorrect{background:var(--white-background)}.mcq-container .mcq-option:focus-visible{outline:2px solid #16a34a}.mcq-container .mcq-option-key{background:var(--white-background);border:2px solid #d1d5db;border-radius:50%;color:#0000;height:20px;position:relative;width:20px}.mcq-container .mcq-option.selected .mcq-option-key{border-color:var(--color-primary)}.mcq-container .mcq-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-left:auto;margin-right:auto;margin-top:0;max-width:720px;padding:16px;width:100%}.mcq-container .mcq-difficulty{background:#8c50ff14;border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:999px;font-size:12px;font-weight:700;padding:6px 10px;text-transform:capitalize}.mcq-container .mcq-diff-easy,.mcq-container .mcq-diff-hard,.mcq-container .mcq-diff-medium,.mcq-container .mcq-difficulty{color:--btn-text-color;color:var(--text-primary,--btn-text-color)}.mcq-container .mcq-progress{color:#cfcfe8;color:var(--text-secondary,#cfcfe8);font-size:14px}.mcq-container .mcq-card{background:var(--white-background);border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:18px;padding:20px}.mcq-container .mcq-question{font-size:18px;font-weight:600;margin-bottom:12px}.mcq-container .mcq-options{grid-gap:10px;display:grid;gap:10px}.mcq-container .mcq-option{align-items:center;background:#ffffff08;background:var(--panel-bg,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:10px;color:--btn-text-color;color:var(--text-primary,--btn-text-color);cursor:pointer;display:flex;gap:10px;padding:12px 14px;text-align:left;transition:border-color .15s ease,border-width .15s ease,background .15s ease;width:100%}.mcq-container .mcq-option:hover:not(:disabled){background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text);box-shadow:0 2px 8px #8d42ff40;box-shadow:0 2px 8px var(--page-selection-active-bg,#8d42ff40)}.mcq-container .mcq-option:disabled{cursor:default}.mcq-container .mcq-option.selected{background:var(--selected-white-color);border-color:var(--selected-blue-color);box-shadow:inset 0 0 0 1px var(--selected-blue-color),0 2px 8px #3b82f640}.mcq-container .mcq-option.correct{background:#ffffff08;background:var(--panel-bg,#ffffff08);border-color:var(--correct-green)!important;border-width:1px;box-shadow:inset 0 0 0 1px var(--correct-green)}.mcq-container .mcq-option.incorrect{background:#ffffff08;background:var(--panel-bg,#ffffff08);border-color:var(--incorrect-red)!important;border-width:1px;box-shadow:inset 0 0 0 1px var(--incorrect-red)}.mcq-container .mcq-option:focus-visible{outline:2px solid var(--selected-blue-color);outline-offset:2px}.mcq-container .mcq-option-key{align-items:center;background:#ffffff0f;border-radius:8px;color:--btn-text-color;color:var(--text-primary,--btn-text-color);display:inline-flex;font-weight:600;height:28px;justify-content:center;width:28px}.mcq-container .mcq-feedback{display:none}.mcq-container .mcq-footer{align-items:center;display:grid;grid-template-columns:1fr 1fr;margin-top:14px}.mcq-container .mcq-actions{display:none}.mcq-container .mcq-btn{background-color:var(--white-background);border:1px solid var(--color-primary);border-radius:12px;cursor:pointer;font-weight:600;padding:10px 18px}.mcq-container .mcq-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,var(--white-background))}.mcq-container .mcq-btn:disabled{cursor:not-allowed;opacity:.6}.mcq-container .mcq-btn.prev{border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);justify-self:start}.mcq-container .mcq-btn.next{background:color-mix(in srgb,var(--color-primary) 8%,var(--white-background));border-color:var(--color-primary);justify-self:end;overflow:hidden;position:relative}.mcq-container .mcq-btn.next .btn-label{position:relative;z-index:1}.mcq-container .mcq-btn.next.auto .btn-progress{background:#8d62ff33;bottom:0;left:0;opacity:.7;position:absolute;top:0;transition:width 50ms linear;width:0}.mcq-container .mcq-btn.next:hover:not(:disabled){filter:brightness(1.02)}.mcq-container .mcq-wrong-answer{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-top:16px;padding:14px 16px}.mcq-container .mcq-wrong-answer .mcq-wrong-answer__title{color:#b91c1c;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.mcq-container .mcq-wrong-answer .mcq-wrong-answer__body{color:#7f1d1d;font-size:14px;line-height:1.6;margin:0}.mcq-container .mcq-correct-answer{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;margin-top:12px;padding:14px 16px}.mcq-container .mcq-correct-answer .mcq-correct-answer__title{color:#047857;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.mcq-container .mcq-correct-answer .mcq-correct-answer__body{color:#064e3b;font-size:14px;line-height:1.6;margin:0}.mcq-container .mcq-explanation{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;color:var(--black-background);font-size:.85rem;font-weight:500;line-height:1.5;margin-top:12px;padding:16px}.mcq-container .mcq-explanation b{color:var(--black-background)}.mcq-container .mcq-explanation ol,.mcq-container .mcq-explanation ul{margin:5px 0;padding-left:20px}.mcq-container .mcq-explanation li{margin-bottom:4px}.mcq-container .mcq-explanation strong{color:var(--black-background);display:block;font-weight:600;margin-bottom:4px}.mcq-container .mcq-option-wrapper{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.mcq-container .mcq-option-explanation{border:1px solid #0000;border-radius:10px;font-size:14px;line-height:1.6;padding:12px 14px;transition:all .2s ease}.mcq-container .mcq-option-explanation b{color:var(--black-background)}.mcq-container .mcq-option-explanation ol,.mcq-container .mcq-option-explanation ul{margin:5px 0;padding-left:20px}.mcq-container .mcq-option-explanation li{margin-bottom:4px}.mcq-container .mcq-option-explanation.correct{background:#ecfdf5;border-color:#a7f3d0;color:#064e3b}.mcq-container .mcq-option-explanation.correct:before{font-weight:700}.mcq-container .mcq-option-explanation.incorrect{background:#fef2f2;border-color:#fecaca;color:#7f1d1d}.mcq-container .mcq-option-explanation.incorrect:before{font-weight:700}.mcq-container .mcq-feedback-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--glass-border,#ffffff0f)}.mcq-empty{align-items:center;color:#cfcfe8;color:var(--text-secondary,#cfcfe8);display:flex;height:100%;justify-content:center;padding:24px;text-align:center}.tf-container{color:--btn-text-color;color:var(--text-primary,--btn-text-color);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.tf-container .tf-card{background:var(--white-background);border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:18px;flex:1 1;margin-bottom:20px;overflow-y:auto;padding:20px}.tf-container .tf-question{font-size:18px;font-weight:600;margin-bottom:20px}.tf-container .tf-option-key{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border:1px solid var(--glass-border,#ffffff1a);border-radius:8px;color:--btn-text-color;color:var(--text-primary,--btn-text-color);display:inline-flex;flex-shrink:0;font-weight:600;height:28px;justify-content:center;margin-right:12px;width:28px}.tf-container .tf-option.selected .tf-option-key{color:var(--text-primary)}.tf-container .tf-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}@media(max-width:600px){.tf-container .tf-options{grid-template-columns:1fr}}.tf-container .tf-option{align-items:center;background:#ffffff08;background:var(--panel-bg,#ffffff08);border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:10px;color:--btn-text-color;color:var(--text-primary,--btn-text-color);cursor:pointer;display:flex;font-weight:500;justify-content:center;min-height:60px;padding:14px 16px;text-align:center;transition:all .15s ease;width:100%}.tf-container .tf-option:hover{background:#ffffff0a;border-color:var(--selected-yellow-color);box-shadow:0 2px 8px #8d42ff40;box-shadow:0 2px 8px var(--neon,#8d42ff40);transform:translateY(-2px)}.tf-container .tf-option.selected{background:var(--selected-white-color);border-color:var(--selected-blue-color);box-shadow:inset 0 0 0 1px var(--selected-blue-color),0 2px 8px #3b82f640}.tf-container .tf-option.correct{background:#22c55e0d;border-color:var(--correct-green)!important;box-shadow:inset 0 0 0 1px var(--correct-green)}.tf-container .tf-option.incorrect{background:#ef44440d;border-color:var(--incorrect-red)!important;box-shadow:inset 0 0 0 1px var(--incorrect-red)}.tf-container .tf-footer{align-items:center;background:#0000;bottom:0;display:grid;grid-template-columns:1fr 1fr;left:0;padding:12px 16px;position:-webkit-sticky;position:sticky;right:0;z-index:5}.tf-container .tf-btn{align-items:center;background-color:var(--white-background);border:1px solid var(--color-primary);border-radius:12px;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 18px;width:-webkit-fit-content;width:fit-content}.tf-container .tf-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 8%,var(--white-background))}.tf-container .tf-btn:disabled{border-color:--border-grey;border-color:var(--color-gray-light,--border-grey);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.tf-container .tf-btn.prev{background:#0000;border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);color:var(--text-primary);justify-self:start}.tf-container .tf-btn.prev:hover:not(:disabled){background:#0000000d}.tf-container .tf-btn.next{background:color-mix(in srgb,var(--color-primary) 8%,var(--white-background));border-color:var(--color-primary);color:var(--color-primary);justify-self:end;overflow:hidden;position:relative}.tf-container .tf-btn.next .btn-label{position:relative;z-index:1}.tf-container .tf-btn.next.auto .btn-progress{background:#8d62ff33;bottom:0;left:0;opacity:.7;position:absolute;top:0;transition:width 50ms linear;width:0}.tf-container .tf-btn.next:hover:not(:disabled){filter:brightness(1.02)}.tf-container .tf-empty{align-items:center;color:#cfcfe8;color:var(--text-secondary,#cfcfe8);display:flex;height:100%;justify-content:center;padding:24px;text-align:center}.tf-container .explanation-box{animation:fadeIn .3s ease-in-out;background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;color:var(--black-background);line-height:1.5;margin-top:24px;padding:16px}.tf-container .explanation-box .explanation-text{color:var(--black-background);font-weight:500}.tf-container .explanation-box .explanation-text strong{color:var(--black-background);display:block;font-weight:600;margin-bottom:4px}.tf-container .fillups-input-section{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.tf-container .fillups-input-section .fillups-input{border:1px solid --border-grey;border:1px solid var(--glass-border,--border-grey);border-radius:10px;flex:1 1;font-size:1rem;min-width:200px;outline:none;padding:12px 16px;transition:all .2s ease}.tf-container .fillups-input-section .fillups-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5b6cea1a}.tf-container .fillups-input-section .fillups-input.correct{background-color:#22c55e0d;border-color:var(--correct-green)}.tf-container .fillups-input-section .fillups-input.incorrect{background-color:#ef44440d;border-color:var(--incorrect-red)}.tf-container .fillups-input-section .fillups-input:disabled{background-color:var(--summary-background);color:var(--disabled-grey)}.tf-container .fillups-input-section .submit-btn{background-color:var(--color-primary);border:none;border-radius:10px;color:var(--white-background);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .2s ease}.tf-container .fillups-input-section .submit-btn:hover{background-color:color-mix(in srgb,var(--color-primary) 90%,#000)}.tf-container .fillups-input-section .submit-btn:active{transform:translateY(0)}.matchswap-main-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--color-bg);border:1px solid var(--glass-border);border-radius:12px;max-width:100%;overflow:visible;padding:16px}.matchswap-main-container .matchswap-main-title{text-wrap:wrap!important;align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;letter-spacing:.5px;line-height:24px;margin-bottom:24px}.matchswap-main-container .matchswap-main-title .title-icon{font-size:24px}.matchswap-main-container .matchswap-container{display:flex;gap:16px;margin-bottom:24px;overflow:visible;width:100%}@media(max-width:768px){.matchswap-main-container .matchswap-container{gap:12px}}.matchswap-main-container .matchswap-container .matchswap-inner-container{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0;overflow:visible}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-header{align-items:center;background-color:var(--panel-bg);border:1px solid var(--glass-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);display:flex;flex-shrink:0;font-size:18px;font-weight:600;height:48px;padding:12px 16px;text-transform:capitalize;width:100%}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-header span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container{display:flex;flex-direction:column;gap:8px;overflow:visible}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container.disabled{pointer-events:none;-webkit-user-select:none;user-select:none}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item{word-wrap:break-word;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--panel-bg);border:1px solid var(--glass-border);border-radius:8px;box-sizing:border-box;color:var(--text-primary);cursor:grab;display:flex;flex-shrink:0;font-size:16px;height:90px;list-style-type:none!important;min-height:90px;overflow:hidden;overflow:visible;padding:16px;text-overflow:ellipsis;white-space:pre-wrap;width:100%}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item:active{cursor:grabbing}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item:hover:not(.disabled){border-color:var(--color-primary);box-shadow:0 8px 25px #4b3ff626}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item.is-dragging{border-color:var(--color-primary);border-style:dashed;opacity:.5}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item.drag-over{border-color:var(--color-primary);border-style:solid}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item.correct-answer{background-color:#22c55e1a;border-color:var(--color-success);color:var(--color-success)}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item.wrong-answer{background-color:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .drag-handle{align-items:center;color:var(--text-secondary);cursor:grab;display:flex;flex-shrink:0;margin-right:12px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .drag-handle svg{font-size:20px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .drag-handle:active{cursor:grabbing}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .match-item-content{align-items:center;display:flex;height:100%;width:100%}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .single-line-text{-webkit-line-clamp:2!important;line-clamp:2;-webkit-box-orient:vertical!important;display:-webkit-box!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;width:100%;word-break:break-word}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .left-side:hover{border-color:var(--glass-border)!important;box-shadow:none!important;cursor:auto}.matchswap-main-container .disabled{-webkit-user-drag:none;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none}.matchswap-main-container .matchswap-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.matchswap-main-container .matchswap-button:hover:not(.disabled){background-color:#3b2fd6}.matchswap-main-container .matchswap-button.disabled{cursor:not-allowed;opacity:.5}.matchswap-main-container .matchswap-button .button-icon{font-size:16px}.matchswap-main-container .matchswap-button .matchswap-button-text{color:var(--white-background)}.matchswap-main-container .matchswap-reset-btn{background-color:#0000;border:1px solid var(--color-primary);border-radius:8px;color:var(--text-primary);cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.matchswap-main-container .matchswap-reset-btn:hover{background-color:var(--color-primary);color:var(--white-background)}.matchswap-main-container .matchswap-btns-container{align-items:center;display:flex;gap:16px;justify-content:flex-end;margin-bottom:24px}@media(max-width:768px){.matchswap-main-container .matchswap-btns-container{flex-direction:column;gap:12px}}.matchswap-main-container .matchswap-results .results-header{margin-bottom:20px;text-align:center}.matchswap-main-container .matchswap-results .results-header .results-title{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 8px}.matchswap-main-container .matchswap-results .results-header .results-text{color:var(--text-secondary);font-size:16px;margin:0}.matchswap-main-container .matchswap-results .incorrect-matches{background-color:var(--panel-bg);border:1px solid var(--glass-border);border-radius:8px;margin-top:16px;padding:16px}.matchswap-main-container .matchswap-results .incorrect-matches h4{color:var(--text-primary);font-size:16px;font-weight:600;margin:0 0 12px}.matchswap-main-container .matchswap-results .incorrect-matches .incorrect-item{align-items:center;background-color:#ef44441a;border-left:3px solid var(--color-danger);border-radius:6px;display:flex;gap:8px;margin-bottom:8px;padding:8px}.matchswap-main-container .matchswap-results .incorrect-matches .incorrect-item .incorrect-term{color:var(--color-danger);font-weight:600}.matchswap-main-container .matchswap-results .incorrect-matches .incorrect-item .incorrect-arrow{color:var(--text-secondary);font-weight:600}.matchswap-main-container .matchswap-results .incorrect-matches .incorrect-item .incorrect-definition{color:var(--color-success);font-weight:500}.matchswap-main-container .match-swap-crt-answer{text-wrap:wrap;background-color:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;color:var(--black-background);font-size:14px;font-weight:500;letter-spacing:-.02em;line-height:1.5;margin-top:16px;padding:16px}.matchswap-main-container .match-swap-crt-answer .title-exp{text-wrap:wrap;border-radius:8px;color:var(--black-background);display:block;font-size:16px;font-weight:600;letter-spacing:.5px;line-height:24px;margin-bottom:12px}.matchswap-main-container .match-swap-crt-answer .match-swap-crt-answer-text{color:var(--black-background);font-weight:500}.matchswap-main-container .match-swap-crt-answer .match-swap-crt-answer-text p{line-height:1.5;margin:0}.matchswap-main-container .match-swap-crt-answer .match-swap-crt-answer-text strong{color:var(--black-background);font-weight:600}@media(max-width:768px){.matchswap-main-container{padding:12px}.matchswap-main-container .matchswap-container{gap:8px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-header{font-size:14px;height:40px;padding:8px 12px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container{gap:6px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item{font-size:14px;height:auto;min-height:70px;padding:10px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .drag-handle{margin-right:6px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .drag-handle svg{font-size:18px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .single-line-text{font-size:13px}}@media(max-width:480px){.matchswap-main-container{padding:8px}.matchswap-main-container .matchswap-container{flex-direction:row;gap:6px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-header{font-size:13px;height:36px;padding:6px 8px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item{min-height:60px;padding:8px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .drag-handle{margin-right:4px}.matchswap-main-container .matchswap-container .matchswap-inner-container .matchswap-body-container .matchswap-body-item .match-item-content{font-size:12px}}.start-test-overlay{align-items:center;background:var(--bg-body);display:flex;height:100%;justify-content:center;padding:24px}.start-test-overlay .start-test-card{background:--white-background;background:var(--bg,--white-background);border-radius:20px;max-width:560px;padding:36px 40px;width:100%}.start-test-overlay .start-test-card__header{margin-bottom:20px}.start-test-overlay .start-test-card__header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:8px}.start-test-overlay .start-test-card__header .start-test-card__subtitle{color:var(--text-secondary);font-size:14px;margin:0}.start-test-overlay .start-test-card__meta{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px}.start-test-overlay .start-test-card__meta .meta-item{background:var(--bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:10px 12px}.start-test-overlay .start-test-card__meta .meta-item .meta-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.start-test-overlay .start-test-card__meta .meta-item .meta-value{color:var(--text-primary);font-size:14px;font-weight:600}.start-test-overlay .start-test-card .test-instructions{background:color-mix(in srgb,--white-background 92%,var(--accent-2) 8%);background:color-mix(in srgb,var(--bg,--white-background) 92%,var(--accent-2) 8%);border:1px solid color-mix(in srgb,var(--accent-2) 18%,#0000 82%);border-radius:16px;margin-bottom:28px;padding:18px 20px}.start-test-overlay .start-test-card .test-instructions h3{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:10px}.start-test-overlay .start-test-card .test-instructions ul{margin:0;padding-left:20px}.start-test-overlay .start-test-card .test-instructions ul li{color:var(--text-secondary);font-size:13px;margin-bottom:6px}.start-test-overlay .start-test-card .test-instructions ul li:last-child{margin-bottom:0}.start-test-overlay .start-test-card .btn-start{align-items:center;background-color:var(--white-background);border:1px solid var(--color-primary);border-radius:999px;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;width:100%}.start-test-overlay .start-test-card .btn-start:hover{background-color:var(--color-primary);color:var(--white-background);transform:translateY(-1.5px)}.start-test-overlay .start-test-card .btn-start:active{box-shadow:0 8px 20px color-mix(in srgb,var(--accent-2) 4%,#0000 96%);transform:translateY(0)}@media(max-width:758px){.start-test-overlay{padding:4px}.start-test-overlay .start-test-card__header h2{font-size:20px!important}.start-test-overlay .start-test-card__subtitle{font-size:12px!important}.start-test-overlay .start-test-card{padding:8px!important}.start-test-overlay .start-test-card__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.test-results-container{align-items:center;display:flex;height:100%;justify-content:center;padding:20px}.results-card{animation:slideUp .5s ease;background:var(--white-background);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:48px;text-align:center;width:100%}.btn-primary{background:#28a745;background:var(--color-success,#28a745);color:var(--white-background)}.btn-primary:hover{background:color-mix(in srgb,#28a745 90%,#000);background:color-mix(in srgb,var(--color-success,#28a745) 90%,#000)}.btn-primary:disabled{background:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;pointer-events:none}.results-icon{align-items:center;border-radius:50%;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.results-icon.passed{background:linear-gradient(135deg,#11998e,#38ef7d);color:var(--white-background)}.results-icon.failed{background:linear-gradient(135deg,#eb3349,#f45c43);color:var(--white-background)}.results-title{color:var(--light-black);font-size:32px;font-weight:700;margin:0 0 12px}.results-subtitle{color:var(--text-secondary);font-size:16px;margin:0 0 32px}.score-display{margin:32px 0}.score-circle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 10px 30px #667eea66;display:flex;flex-direction:column;height:180px;justify-content:center;margin:0 auto;width:180px}.score-circle .score-value{color:var(--white-background);font-size:48px;font-weight:700}.score-circle .score-label{color:#ffffffe6;font-size:14px;margin-top:4px}.score-details{background:#f8f9fa;border-radius:12px;margin:32px 0;padding:24px}.score-details .detail-item{align-items:center;border-bottom:1px solid var(--grey-track-color);display:flex;justify-content:space-between;padding:12px 0}.score-details .detail-item:last-child{border-bottom:none}.score-details .detail-item .detail-label{color:var(--text-secondary);font-size:14px;font-weight:500}.score-details .detail-item .detail-value{color:var(--light-black);font-size:16px;font-weight:600}.results-actions{margin-top:32px}.results-actions button{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:16px 48px;transition:all .3s ease;width:100%}.results-actions .btn-retest{background:linear-gradient(135deg,#f093fb,#f5576c);color:var(--white-background)}.results-actions .btn-retest:hover{box-shadow:0 10px 25px #f5576c66;transform:translateY(-2px)}.results-actions .btn-continue{background:linear-gradient(135deg,#11998e,#38ef7d);color:var(--white-background)}.results-actions .btn-continue:hover{box-shadow:0 10px 25px #38ef7d66;transform:translateY(-2px)}@media(max-width:768px){.test-results-container{padding:10px}.results-card{padding:32px 24px}.results-title{font-size:24px}.score-circle{height:150px;width:150px}.score-actions{flex-direction:column;gap:8px!important;margin-top:16px!important}.score-actions button{font-size:14px;max-width:none;max-width:320px;padding:12px 20px;width:100%}}.doughnut-wrapper{margin-bottom:24px}.doughnut-chart,.doughnut-wrapper{display:flex;justify-content:center}.doughnut-chart{align-items:center;border-radius:50%;height:200px;position:relative;width:200px}.doughnut-inner{background:var(--white-background);border-radius:50%;height:160px;position:absolute;width:160px}.mcq-score-container{align-items:center;display:flex;flex-direction:column;gap:12px}.mcq-score-container .mcq-your-score-text{color:var(--text-secondary);font-size:18px;font-weight:500}.mcq-score-container .mcq-your-mark-text{color:var(--light-black);font-size:48px;font-weight:700}.ai-tutor-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow-x:hidden;width:100%}.ai-tutor-wrapper .ai-tutor{background:var(--white-background);border:solid var(--white-background);border-radius:12px;border-width:16px 16px 24px;box-shadow:0 6px 20px #0f172a1f;box-shadow:0 6px 20px var(--glass-border,#0f172a1f);color:--btn-text-color;color:var(--text-primary,--btn-text-color);display:flex;flex-direction:column;font-size:var(--font-size-body-md);height:calc(100vh - 120px);line-height:var(--line-height-relaxed);position:relative;width:100%}.ai-tutor-wrapper .ai-tutor .speed-dropdown-wrapper{position:relative}.ai-tutor-wrapper .ai-tutor__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px;width:100%}.ai-tutor-wrapper .ai-tutor__title-pill{background:#fff8e1;border-radius:20px;color:#ffa000;font-size:14px;font-weight:600;letter-spacing:.5px;padding:6px 16px}.ai-tutor-wrapper .ai-tutor__meta-title h1,.ai-tutor-wrapper .ai-tutor__meta-title h2,.ai-tutor-wrapper .ai-tutor__meta-title h3,.ai-tutor-wrapper .ai-tutor__meta-title h4{color:#333;font-size:32px;font-weight:700;margin:0 0 12px}.ai-tutor-wrapper .ai-tutor__meta-subtitle p{color:#666;font-size:18px;margin:0 0 24px}.ai-tutor-wrapper .ai-tutor__points-container{position:relative;width:100%}.ai-tutor-wrapper .ai-tutor__inline-explanation-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:0;box-shadow:0 4px 12px #0000000d;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;position:absolute;right:0;transition:all .2s ease}.ai-tutor-wrapper .ai-tutor__inline-explanation-btn:hover{background:#f5f5f5;box-shadow:0 6px 16px #0000001a;transform:translateY(-2px)}.ai-tutor-wrapper .ai-tutor__inline-explanation-btn svg{color:#666;font-size:18px}.ai-tutor-wrapper .ai-tutor__frame{background:#fff;box-shadow:none;display:flex;flex:1 1;flex-direction:column;gap:32px;overflow-wrap:break-word;overflow-x:hidden;overflow-y:auto;word-break:normal}.ai-tutor-wrapper .ai-tutor__slide{border:none;margin:0;padding:0;transition:all .3s ease}.ai-tutor-wrapper .ai-tutor__slide--active{background-color:var(--ai-tutor-bg-color);padding:50px 24px;scroll-margin-top:16px}.ai-tutor-wrapper .ai-tutor__points{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0}.ai-tutor-wrapper .ai-tutor__points li{color:#444;display:block;font-size:16px;line-height:1.6;margin-bottom:8px}.ai-tutor-wrapper .ai-tutor__points li>*{min-width:0;overflow-wrap:break-word;word-break:normal}.ai-tutor-wrapper .ai-tutor__points li p{margin-bottom:8px}.ai-tutor-wrapper .ai-tutor__points li p:last-child{margin-bottom:0}.ai-tutor-wrapper .ai-tutor table{-webkit-overflow-scrolling:touch;border-collapse:collapse;display:block;margin:24px 0;overflow-x:auto;width:100%}.ai-tutor-wrapper .ai-tutor table tbody,.ai-tutor-wrapper .ai-tutor table thead{display:table;width:100%}.ai-tutor-wrapper .ai-tutor table td,.ai-tutor-wrapper .ai-tutor table th{border:1px solid #e2e8f0;min-width:120px;overflow-wrap:break-word;padding:12px 16px;text-align:left;word-break:normal}.ai-tutor-wrapper .ai-tutor table th{background-color:#f8fafc;color:#1e293b;font-weight:600}.ai-tutor-wrapper .ai-tutor table tr:nth-child(2n){background-color:#f9fafb}.ai-tutor-wrapper .ai-tutor__footer-bar{align-items:center;background:#f8f9fa;display:flex;justify-content:flex-end;padding:12px 24px;width:calc(100% - 6px)}.ai-tutor-wrapper .ai-tutor__footer-controls{align-items:center;display:flex;gap:20px;margin-left:70px}.ai-tutor-wrapper .ai-tutor__footer-icon-btn{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s}.ai-tutor-wrapper .ai-tutor__footer-icon-btn:hover{color:#ffa000}.ai-tutor-wrapper .ai-tutor__footer-icon-btn svg{font-size:24px}.ai-tutor-wrapper .ai-tutor__play-pause-btn{align-items:center;background:#ffa000;border:none;border-radius:50%;box-shadow:0 4px 12px #ffa0004d;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:transform .2s;width:44px}.ai-tutor-wrapper .ai-tutor__play-pause-btn:hover{transform:scale(1.05)}.ai-tutor-wrapper .ai-tutor__play-pause-btn:disabled{cursor:not-allowed;opacity:.85;transform:none}.ai-tutor-wrapper .ai-tutor__play-pause-btn svg{font-size:28px}.ai-tutor-wrapper .ai-tutor__footer-actions{align-items:center;display:flex;gap:16px}.ai-tutor-wrapper .ai-tutor__speed-selector{position:relative}.ai-tutor-wrapper .ai-tutor__speed-btn{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:12px;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;padding:4px 12px}.ai-tutor-wrapper .ai-tutor__speed-btn:hover{background:#f5f5f5}.ai-tutor-wrapper .ai-tutor__speed-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:12px;bottom:40px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;overflow:hidden;position:absolute;z-index:10}.ai-tutor-wrapper .ai-tutor__speed-dropdown button{background:#0000;border:none;color:#666;cursor:pointer;font-size:14px;padding:8px 16px;text-align:left}.ai-tutor-wrapper .ai-tutor__speed-dropdown button:hover{background:#f5f5f5;color:#ffa000}.ai-tutor-wrapper .ai-tutor__explain-main-btn{align-items:center;background:#ffa000;border:none;border-radius:12px;box-shadow:0 4px 12px #ffa00033;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s}.ai-tutor-wrapper .ai-tutor__explain-main-btn:hover{background:#ff8f00}.ai-tutor-wrapper .ai-tutor__explain-main-btn svg{background:#fff3;border-radius:50%;font-size:18px;padding:1px}.ai-tutor-wrapper .ai-tutor__teacher-gif{bottom:0;height:110px;left:-10px;pointer-events:auto;position:absolute;width:110px;z-index:5}.ai-tutor-wrapper .ai-tutor__explanation-panel{animation:bubblePop .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px;bottom:67px;display:flex;filter:drop-shadow(0 4px 8px #aaaaaa);flex-direction:column;left:85px;max-height:350px;position:absolute;width:85%;z-index:1000}.ai-tutor-wrapper .ai-tutor__explanation-panel:before{border-left:15px solid #0000;border-right:15px solid #0000;border-top:15px solid #fffffff2;bottom:-10px;content:"";height:0;position:absolute;right:22px;width:0}.ai-tutor-wrapper .ai-tutor__explanation-header{align-items:center;background:#0000;border-radius:18px 18px 0 0;display:flex;justify-content:space-between;padding:12px 16px 0}.ai-tutor-wrapper .ai-tutor__explanation-header h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.ai-tutor-wrapper .ai-tutor__explanation-close{align-items:center;background:#0000001a;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;transition:background .2s ease;width:20px}.ai-tutor-wrapper .ai-tutor__explanation-close:hover{background:#0003}.ai-tutor-wrapper .ai-tutor__explanation-content{background:#ffffff80;border-radius:0 0 18px 18px;color:var(--text-primary);flex:1 1;font-size:13px;line-height:1.5;overflow-y:auto;padding:12px}.ai-tutor-wrapper .ai-tutor__explanation-content h1,.ai-tutor-wrapper .ai-tutor__explanation-content h2,.ai-tutor-wrapper .ai-tutor__explanation-content h3,.ai-tutor-wrapper .ai-tutor__explanation-content h4,.ai-tutor-wrapper .ai-tutor__explanation-content h5,.ai-tutor-wrapper .ai-tutor__explanation-content h6,.ai-tutor-wrapper .ai-tutor__explanation-content ol,.ai-tutor-wrapper .ai-tutor__explanation-content p,.ai-tutor-wrapper .ai-tutor__explanation-content ul{margin-bottom:8px;overflow-wrap:break-word;word-break:normal}.ai-tutor-wrapper .ai-tutor__explanation-content ol,.ai-tutor-wrapper .ai-tutor__explanation-content ul{padding-left:16px}.ai-tutor-wrapper .ai-tutor__explanation-content li{margin-bottom:3px}.ai-tutor-wrapper .ai-tutor__explanation-content code{background:#007bff1a;border-radius:3px;font-size:12px;padding:1px 3px}.ai-tutor-wrapper .ai-tutor__explanation-content pre{background:#007bff0d;border-left:3px solid #007bff;border-left:3px solid var(--accent-2,#007bff);border-radius:6px;font-size:12px;overflow-x:auto;padding:8px}.ai-tutor-wrapper .ai-tutor-close-button{align-items:center;border:none;border-radius:999px;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:24px;height:32px;justify-content:center;position:absolute;right:16px;transition:all .2s;width:24px;width:32px;z-index:2}.ai-tutor-wrapper .ai-tutor-close-button:hover{background:#e0e0e0;color:#333}@media(max-width:768px){.ai-tutor-wrapper{padding:0;width:100%}.ai-tutor-wrapper,.ai-tutor-wrapper .ai-tutor{display:flex;flex-direction:column;height:100%}.ai-tutor-wrapper .ai-tutor{border:none;border-radius:0;box-shadow:none}.ai-tutor-wrapper .ai-tutor__header{flex-shrink:0;margin-bottom:0;padding:16px 65px 16px 16px}.ai-tutor-wrapper .ai-tutor__frame{flex:1 1;overflow-y:auto;padding:0 16px}.ai-tutor-wrapper .ai-tutor__footer-bar{align-items:center;background:#fff;background:var(--white-background,#fff);border-top:1px solid #0000000d;flex-direction:row;flex-shrink:0;gap:0;justify-content:space-between;margin-top:auto;padding:12px 16px 20px}.ai-tutor-wrapper .ai-tutor__footer-controls{flex:1 1;gap:12px;justify-content:center;margin-left:0;padding-left:80px}.ai-tutor-wrapper .ai-tutor__explain-main-btn{border-radius:50%;height:44px;justify-content:center;padding:10px;width:44px}.ai-tutor-wrapper .ai-tutor__explain-main-btn .ai-tutor__explain-text{display:none}.ai-tutor-wrapper .ai-tutor__explain-main-btn svg{font-size:24px;margin:0}.ai-tutor-wrapper .ai-tutor__teacher-gif{bottom:5px;height:90px;left:0;width:90px}.ai-tutor-wrapper .ai-tutor__explanation-panel{bottom:85px;left:5%;max-height:50dvh;width:90%}.ai-tutor-wrapper .ai-tutor__explanation-panel:before{right:15px}.ai-tutor-wrapper .ai-tutor__slide--active{padding:30px 16px}.ai-tutor-wrapper .ai-tutor-close-button{background:#0000000d;position:static;right:16px;top:16px}}@keyframes bubblePop{0%{opacity:0;transform:scale(.8) translateY(10px)}50%{opacity:1;transform:scale(1.05) translateY(-2px)}to{opacity:1;transform:scale(1) translateY(0)}}.conv-container{background:var(--bg);display:flex;flex-direction:column;height:100%;position:relative;width:100%}.conv-container .conv-grid{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.conv-container .conv-left{display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.conv-container .chat-window{display:flex;flex:1 1;flex-direction:column;gap:12px;height:100%;overflow-y:auto;padding:20px}.conv-container .msg{display:flex;margin-bottom:8px}.conv-container .msg.user{justify-content:flex-end}.conv-container .msg.user .voice-message-bubble{background:#dcf8c6;border-radius:12px 12px 0 12px}.conv-container .msg.assistant{justify-content:flex-start}.conv-container .msg.assistant .voice-message-bubble{background:#fff;border-radius:12px 12px 12px 0;box-shadow:0 1px 2px #0000001a}.conv-container .voice-message-bubble{max-width:100%;padding:8px 12px;position:relative;width:300px}.conv-container .voice-message{align-items:center;display:flex;gap:8px;width:100%}.conv-container .voice-message-player{align-items:flex-start;display:flex;gap:8px;margin-top:4px;width:100%}.conv-container .voice-message-player .play-btn-small{align-items:center;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:transform .1s;width:32px}.conv-container .voice-message-player .play-btn-small:active{transform:scale(.95)}.conv-container .voice-message-player .waveform-container{cursor:pointer;flex:1 1;height:30px;overflow:hidden}.conv-container .voice-message-player .voice-info-inline{color:#667781;flex-shrink:0;font-size:.65rem;min-width:45px;text-align:right}.conv-container .msg.assistant .play-btn-small,.conv-container .msg.user .play-btn-small{background:#54656f}.conv-container .recording-ui{align-items:center;background:#f0f2f5;border-top:1px solid #e9edef;display:flex;gap:12px;padding:16px 20px}.conv-container .cancel-btn,.conv-container .send-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.conv-container .cancel-btn svg,.conv-container .send-btn svg{font-size:1.5rem}.conv-container .cancel-btn{background:#0000;color:#ef5350}.conv-container .cancel-btn:hover{background:#ef53501a;transform:scale(1.05)}.conv-container .send-btn{background:var(--color-primary);color:#fff}.conv-container .send-btn:hover{background:var(--accent-1);transform:scale(1.05)}.conv-container .recording-waveform{align-items:center;background:#fff;border-radius:24px;box-shadow:0 1px 3px #0000001a;display:flex;flex:1 1;height:48px;overflow:hidden;padding:0 16px}.conv-container .recording-duration{color:#667781;font-size:.95rem;font-weight:500;min-width:45px;text-align:center}.conv-container .mic-controls{align-items:center;background:var(--bg);border-top:1px solid var(--glass-border);display:flex;justify-content:center;padding:20px}.conv-container .mic-button{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #5b6cea4d;color:#fff;cursor:pointer;display:flex;height:64px;justify-content:center;transition:all .3s ease;width:64px}.conv-container .mic-button:hover:not(.disabled){background:var(--accent-1);box-shadow:0 6px 16px #5b6cea66;transform:scale(1.1)}.conv-container .mic-button:active:not(.disabled){transform:scale(.95)}.conv-container .mic-button.disabled{cursor:not-allowed;opacity:.5}.conv-container .mic-button .mic-icon{font-size:2rem}.conv-container .conv-empty{color:var(--text-secondary);font-size:.95rem;padding:40px 20px;text-align:center}.conv-container .error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:.9rem;margin:12px 20px;padding:12px 16px}.conv-container .custom-scrollbar::-webkit-scrollbar{width:6px}.conv-container .custom-scrollbar::-webkit-scrollbar-track{background:#0000}.conv-container .custom-scrollbar::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.conv-container .custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.conv-container .text-message{word-wrap:break-word;color:inherit;font-size:14px;line-height:1.4}.conv-container .thinking-text{animation:thinkingPulse 1.5s ease-in-out infinite;color:#667781;font-size:.95rem;font-style:italic;padding:8px 12px}.conv-container .wa-input-container{align-items:center;background:#f0f2f5;border-radius:24px;box-shadow:inset 0 1px 2px #0000000d;display:flex;gap:8px;margin:0 10px;padding:6px 12px;width:100%}.conv-container .wa-input-container .wa-text-input{background:#0000;border:none;color:#000;flex:1 1;font-size:1rem;outline:none;padding:10px 8px;width:60%}.conv-container .wa-input-container .wa-text-input::placeholder{color:#888}.conv-container .wa-input-container .wa-mic-btn,.conv-container .wa-input-container .wa-send-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .2s;width:40px}.conv-container .wa-input-container .wa-send-btn{background:var(--color-primary);color:#fff}.conv-container .wa-input-container .wa-send-btn:hover{background:var(--accent-1);transform:scale(1.05)}.conv-container .wa-input-container .wa-mic-btn{background:#0000;color:#54656f}.conv-container .wa-input-container .wa-mic-btn:hover{background:#0000000d;color:var(--color-primary);transform:scale(1.1)}@keyframes thinkingPulse{0%,to{opacity:.6}50%{opacity:1}}@media(max-width:768px){.conv-container .voice-message-bubble{max-width:85%;width:auto}.conv-container .voice-message-player .waveform-container{min-width:80px}.conv-container .mic-button{height:56px;width:56px}.conv-container .mic-button .mic-icon{font-size:1.75rem}}.video-player{background:var(--bg);border-radius:12px;box-shadow:0 4px 12px var(--glass-border);display:flex;flex-direction:column;overflow:hidden;width:100%}.video-player__header{align-items:center;background:var(--panel-bg);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:16px 20px}.video-player__header h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;letter-spacing:.5px;margin:0}.video-player__container{align-items:center;aspect-ratio:16/9;background:var(--black-background);display:flex;justify-content:center;position:relative;width:100%}.video-player__container video{display:block;height:100%;object-fit:contain;outline:none;width:100%}.video-player__footer{background:var(--bg);border-top:1px solid var(--glass-border);padding:12px 20px}.video-player__footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.courses-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));max-height:70dvh;overflow-y:auto;padding:16px 8px 16px 0}.courses-grid .course-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:16px;justify-content:space-between;min-height:200px;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.courses-grid .course-card:hover{border-color:#10b981;box-shadow:0 12px 24px #00000026;transform:translateY(-4px)}.courses-grid .course-card.hovered .card-cta{transform:translateX(4px)}.courses-grid .course-card .card-top-section .card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.courses-grid .course-card .card-top-section .card-topic-badge{align-items:center;background:#fff;border:1px solid #10b981;border-radius:20px;color:#10b981;display:inline-flex;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease}.courses-grid .course-card .card-top-section .card-topic-badge:hover{background:#10b9810d;transform:scale(1.05)}.courses-grid .course-card .card-top-section .card-status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;padding:6px 12px;text-transform:uppercase}.courses-grid .course-card .card-top-section .card-status-badge.available{background:#10b981;box-shadow:0 2px 8px #10b9814d;color:#fff}.courses-grid .course-card .card-content{display:flex;flex:1 1;flex-direction:column;gap:12px}.courses-grid .course-card .card-content .card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#1f2937;display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.courses-grid .course-card .card-content .card-meta{display:flex;flex-direction:column;gap:4px}.courses-grid .course-card .card-content .card-meta .meta-item{align-items:center;display:flex;font-size:12px;justify-content:space-between}.courses-grid .course-card .card-content .card-meta .meta-item .meta-label{color:#6b7280;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.courses-grid .course-card .card-content .card-meta .meta-item .meta-value{color:#9ca3af;font-weight:400}.courses-grid .course-card .card-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding-top:12px}.courses-grid .course-card .card-footer .card-status{color:#f59e0b;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.courses-grid .course-card .card-footer .card-cta{background:none;border:none;border-radius:6px;color:#10b981;cursor:pointer;font-size:14px;font-weight:600;padding:8px 12px;position:relative;transition:all .2s ease}.courses-grid .course-card .card-footer .card-cta:hover{background:#10b9811a;color:#059669}.courses-grid .course-card .card-footer .card-cta:disabled{cursor:not-allowed;opacity:.6}.courses-grid .course-card .card-footer .card-cta:disabled:hover{background:none;color:#10b981;transform:none}.courses-grid .course-card .card-footer .card-cta:not(:disabled):active{transform:scale(.95)}@media(max-width:768px){.courses-grid{gap:16px;grid-template-columns:1fr;max-height:60dvh;padding-right:4px}.courses-grid .course-card{min-height:180px;padding:16px}.courses-grid .course-card .card-content .card-title{font-size:14px}.courses-grid .course-card .card-footer .card-status{font-size:12px}.courses-grid .course-card .card-footer .card-cta{font-size:13px}}@media(max-width:480px){.courses-grid .course-card{gap:12px;padding:14px}.courses-grid .course-card .card-top-section .card-badges .card-status-badge,.courses-grid .course-card .card-top-section .card-badges .card-topic-badge{font-size:10px;padding:4px 8px}.courses-grid .course-card .card-content .card-title{font-size:13px}}.pdf-viewer-container{background:var(--bg);display:flex;flex-direction:column;height:100%;margin:0;max-width:100%}.pdf-viewer-container .pdf-header{align-items:center;background:var(--panel-bg);border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:12px 24px}.pdf-viewer-container .pdf-header h1{color:var(--text-primary);font-size:1.2rem;font-weight:600;margin:0}.pdf-viewer-container .pdf-header .pdf-actions{display:flex;gap:12px}.pdf-viewer-container .pdf-header .pdf-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:inline-flex;justify-content:center;padding:8px;text-decoration:none;transition:all .2s ease}.pdf-viewer-container .pdf-header .pdf-btn:hover{background:var(--color-hover);color:var(--color-primary)}.pdf-viewer-container .pdf-header .pdf-btn.icon-only{height:40px;padding:0;width:40px}.pdf-viewer-container .pdf-header .pdf-btn svg{font-size:1.5rem}.pdf-viewer-container .pdf-frame-container{background:var(--bg);flex:1 1;overflow:hidden;position:relative;width:100%}.pdf-viewer-container .pdf-frame-container iframe{border:none;height:100%;width:100%}.pdf-viewer-container .pdf-frame-container .pdf-loading{color:var(--text-secondary);font-size:1.1rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@media(max-width:768px){.pdf-header{padding:12px 16px}.pdf-header h1{font-size:1.1rem}}.cvc-card{align-items:center;background:var(--white-background);border:1px solid #0000000f;border-radius:10px;box-shadow:0 1px 2px #1018280a;cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;text-align:left;transition:box-shadow .2s ease,transform .1s ease,border-color .2s ease,background .2s ease;width:100%}.cvc-card+.cvc-card{margin-top:0}.cvc-card:hover{border-color:var(--color-primary);box-shadow:0 6px 16px #1f243014}.cvc-card__left{display:flex;flex-direction:column;gap:6px;width:calc(100% - 40px)}.cvc-card__title{color:var(--text-primary);font-size:16px;font-weight:600;width:100%}.cvc-card__meta{align-items:center;color:var(--color-text-light);display:inline-flex;font-size:13px;gap:8px}.cvc-dot{background:#0000;border:2px solid #d1d5db;border-radius:50%;height:12px;width:12px}.cvc-dot--done{background:color-mix(in srgb,var(--color-success) 30%,var(--white-background));border-color:var(--color-success)}.cvc-progress,.cvc-status{color:var(--color-text-light)}.cvc-status--done{color:var(--color-success)}.cvc-card__right{align-items:center;color:var(--color-primary);display:inline-flex;flex-shrink:0;justify-content:center;margin-left:12px}@media(max-width:768px){.cvc-card{padding:10px 12px}.cvc-card__title{font-size:14px}.cvc-card__meta{font-size:12px;gap:6px}.cvc-card__right{margin-left:10px}}.course-container{margin:0 auto;max-width:1200px;padding:24px}@media(max-width:768px){.course-container{padding:100px 16px 16px}}.course-container .courses-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:24px}@media(max-width:768px){.course-container .courses-grid{gap:16px}}.course-container .content-page{border-radius:16px;margin-top:24px;padding:32px}.course-container .content-page .content-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.course-container .content-page .content-header h2{color:var(--text-primary);flex:1 1;margin:0}.course-container .content-page .content-header .view-subtopics-btn,.course-container .content-page .content-header .view-topics-btn{background:var(--accent-2);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.course-container .content-page .content-header .view-subtopics-btn:hover,.course-container .content-page .content-header .view-topics-btn:hover{background:var(--color-hover);transform:translateY(-2px)}.course-container .content-page p{color:var(--text-secondary);line-height:1.6}.content-header{margin-bottom:12px}.content-header,.content-page-header{align-items:center;display:flex;justify-content:space-between}.content-page-header{border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--border-color,#e0e0e0);flex-shrink:0;padding:0 12px 16px}.content-meta{align-items:center;display:flex;gap:8px}.content-topic{background:#8c50ff14;border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:999px;color:--btn-text-color;color:var(--text-primary,--btn-text-color);font-size:12px;font-weight:700;padding:6px 10px}.content-progress{color:#cfcfe8;color:var(--text-secondary,#cfcfe8);font-size:14px}.pagename-label{color:var(--text-secondary);font-size:18px;font-weight:600;letter-spacing:1px;text-transform:uppercase}@media(max-width:768px){.pagename-label{padding:0 8px}}.content-page-mixed{height:calc(100dvh - 105px)}.mixed-item-container{height:calc(100dvh - 145px);overflow-y:auto}.mark-as-complete-btn{background:#fff;border:1px solid var(--blue-fill-color);border-radius:6px;color:var(--blue-fill-color);cursor:pointer;font-size:12px;padding:6px 12px;transition:background-color .2s ease;white-space:nowrap}.mark-as-complete-btn:hover{background-color:var(--blue-fill-color);color:#fff}.not-allowed{cursor:not-allowed;opacity:.5}.not-allowed:hover{background-color:#fff;color:var(--blue-fill-color)}.mobile-page-header{align-items:center;display:flex;justify-content:space-between;padding-right:10px}.mobile-page-header .play-btn-small{align-items:center;background-color:var(--blue-fill-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:transform .1s;width:30px}.mobile-page-header .play-btn-small:active{transform:scale(.95)}.mobile-page-header .play-btn-small:hover{background-color:#fff;color:var(--blue-fill-color)}.drawer{max-height:80dvh;position:fixed}.drawer .drawer-header{align-items:center;padding:16px 24px}.drawer .drawer-content{max-height:70dvh;padding:16px 24px}.drawer .drawer-item{border-bottom:1px solid var(--glass-border);cursor:pointer;padding:16px 0}.drawer .drawer-item:last-child{border-bottom:none}.drawer .drawer-item h4{color:var(--text-primary);margin:0 0 8px}.drawer .drawer-item p{color:var(--text-secondary);margin:0}@media(max-width:768px){.mobile-page-header{align-items:flex-end!important}.content-page-mixed{height:calc(100dvh - 94px)!important}.assistant-trigger{bottom:55px!important}.content-page-header{padding:0 50px 16px 12px}}.score-feedback-wrapper{align-items:center;background-color:#fff;border:1.5px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 20px #0000000a;display:flex;flex-direction:column;gap:20px;overflow:hidden;padding:20px;transition:all .3s ease}.score-feedback-wrapper.score-feedback-wrapper--excellent{background-color:#e9f9ef;border-color:#16a34a}.score-feedback-wrapper.score-feedback-wrapper--average,.score-feedback-wrapper.score-feedback-wrapper--good{background-color:#fff8e1;border-color:#facc15}.score-feedback-wrapper.score-feedback-wrapper--needs-improvement{background-color:#ffe4e9;border-color:#fb7185}.score-feedback-wrapper.score-feedback-wrapper--default{background-color:#f8f9fa;border-color:#e2e3e5}.score-container{height:100%}.score-chart-wrapper{height:250px;position:relative}.score-text-overlay{left:50%;position:absolute;text-align:center;top:60%;transform:translate(-50%,-50%)}.score-label{color:var(--text-secondary);font-size:16px;margin-bottom:5px}.score-value{color:var(--blue-fill-color);font-size:48px;font-weight:700}.feedback-section{align-items:center;border:none;border-radius:24px;display:flex;flex-direction:column;justify-content:center;padding:24px 16px;text-align:center;width:100%}.feedback-section.feedback-section--excellent{color:#fff}.feedback-section.feedback-section--average,.feedback-section.feedback-section--good{color:#111827}.feedback-section.feedback-section--needs-improvement{color:#fff}.feedback-section.feedback-section--default{background-color:#f8f9fa;background-color:var(--light-gray-bg,#f8f9fa);color:var(--text-primary)}.feedback-item{width:100%}.feedback-item:last-child{margin-bottom:0}.feedback-header{display:flex;gap:16px;width:100%}.feedback-header,.performance-badge{align-items:center;justify-content:center}.performance-badge{border-radius:24px;border-style:solid;border-width:1.5px;display:inline-flex;font-size:14px;font-weight:600;padding:6px 20px;transition:all .3s ease}.performance-badge.excellent{background-color:#10b9811a;border-color:#10b981;color:#059669}.performance-badge.average,.performance-badge.good{background-color:#d977061a;border-color:#f59e0b;color:#d97706}.performance-badge.needs-improvement{background-color:#f43f5e1a;border-color:#fb7185;color:#be123c}.performance-badge.default{background-color:#f3f4f6;border-color:#d1d5db;color:#4b5563}.additional-feedback-btn{align-items:center;background-color:#10b981;border:1.5px solid #10b981;border-radius:24px;color:var(--white-background);cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:6px 20px;transition:all .3s ease}.additional-feedback-btn:hover{background-color:#10b98126;box-shadow:0 4px 6px #10b9811a;color:#10b981}.additional-feedback-btn:active{transform:translateY(0)}.feedback-title{font-size:18px;line-height:1.3;margin-bottom:12px}.feedback-title,.weak-topics-label{color:var(--text-primary);font-weight:600}.weak-topics-label{font-size:14px;margin-bottom:6px}.weak-topics-list{display:flex;flex-wrap:wrap;gap:6px}.weak-topic-tag{background-color:#007bff;background-color:var(--accent-2,#007bff);border-radius:4px;color:#fff;display:inline-block;font-size:12px;padding:4px 8px}.improvement-section{margin-bottom:12px}.improvement-label{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:6px}.improvement-content{background-color:#007bff0d;border-radius:6px;line-height:1.5;padding:12px}.improvement-content,.legacy-content{color:var(--text-secondary);font-size:14px}.legacy-content{line-height:1.4;margin-top:8px}.content-header{display:block}.flex-gap{display:flex;gap:10px}.score-actions{flex-direction:row;gap:10px;margin:10px}.mixed-item-container .mixed-item-content{height:64dvh}.mixed-item-nav{border-top:1px solid var(--color-gray-light);display:flex;justify-content:space-between;margin-top:auto;padding:12px 0}.mixed-item-nav .nav-btn{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.mixed-item-nav .nav-btn:hover:not(:disabled){background-color:var(--accent-2)}.mixed-item-nav .nav-btn:disabled{background-color:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;opacity:1}.mixed-item-nav .prev{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.mixed-item-nav .prev:disabled{background-color:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;opacity:1}.mixed-item-nav .next{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.mixed-item-nav .next:disabled{background-color:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;opacity:1}.btn-submit{align-items:center;background-color:var(--color-primary);border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s ease;width:-webkit-fit-content;width:fit-content}.btn-submit:hover:not(.disabled){background-color:var(--accent-2)}.btn-submit.disabled{background-color:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;opacity:1}.btn-submit .button-icon{font-size:16px}.btn-reattempt{background:var(--white-background);border:1px solid var(--blue-fill-color);border-radius:5px;color:var(--blue-fill-color)}.btn-primary,.btn-reattempt{cursor:pointer;font-size:16px;min-width:150px;padding:10px 30px}.btn-primary{background:var(--blue-fill-color);border:none;border-radius:5px;color:#fff}@media(max-width:758px){.score-chart-wrapper{height:150px!important}.feedback-section{padding:0!important}}.test-page-container{background-color:var(--secondary-background);display:flex;flex-direction:column;height:100dvh;overflow:hidden}.test-page-container .title-wrapper{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.test-page-container .main-title{text-wrap:nowrap!important;align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:8px;letter-spacing:.5px;line-height:24px}.test-page-container .main-title .title-icon{font-size:24px}.test-page-container .results-header-sticky{background:#fff;box-shadow:0 1px 3px #0000000d;position:-webkit-sticky;position:sticky;top:0;z-index:100}.test-page-container .results-body-scrollable{flex:1 1;overflow-y:auto}.feedback-section .feedback-item .feedback-header{align-items:center;display:flex;justify-content:center}.test-page-container .test-header{align-items:center;background:var(--white-background);border-bottom:1px solid #0000000d;box-shadow:0 2px 4px #00000005;display:flex;justify-content:space-between;padding:16px 32px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.test-page-container .test-header .test-info{align-items:center;display:flex;gap:24px}.test-page-container .test-header .test-info h2{color:--light-black;color:var(--text-primary,--light-black);font-size:20px;margin:0}.test-page-container .test-header .test-info .timer{background:#e8f0fe;border-radius:20px;color:#1967d2;font-size:14px;font-weight:600;padding:6px 12px;transition:all .3s ease}.test-page-container .test-header .test-info .timer.warning{background:#fef3e8;color:#f57c00}.test-page-container .test-header .question-tracker{color:--text-secondary;color:var(--text-secondary,--text-secondary);font-size:14px;font-weight:500}.test-page-container .test-header .btns-wrapper{align-items:center;display:flex;gap:15px}.practice-results-actions{display:flex;gap:20px;justify-content:center}.test-page-container .test-error,.test-page-container .test-loading{align-items:center;display:flex;flex-direction:column;height:100dvh;justify-content:center;padding:20px;text-align:center}.test-page-container .test-error .loader,.test-page-container .test-loading .loader{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:--blue-fill-color;border-top:4px solid var(--color-primary,--blue-fill-color);height:50px;margin-bottom:20px;width:50px}.test-page-container .test-error h2,.test-page-container .test-loading h2{color:--light-black;color:var(--text-primary,--light-black);margin-bottom:12px}.test-page-container .test-error p,.test-page-container .test-loading p{color:--text-secondary;color:var(--text-secondary,--text-secondary);margin-bottom:20px}.test-page-container .test-error button,.test-page-container .test-loading button{background:--blue-fill-color;background:var(--color-primary,--blue-fill-color);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;font-weight:600;padding:12px 24px}.test-page-container .test-error button:hover,.test-page-container .test-loading button:hover{background:color-mix(in srgb,--blue-fill-color 90%,#000);background:color-mix(in srgb,var(--color-primary,--blue-fill-color) 90%,#000)}.question-category{align-items:center;display:flex;gap:12px}.question-category .hint-button{align-items:center;background:none;background-color:#fbc02d1a;border:none;border:1px solid var(--hint-bg-color);border-radius:20px;color:#fbc02d;cursor:pointer;display:flex;gap:4px;justify-content:center;padding:8px 16px;transition:background-color .2s}.question-category .hint-button:hover{border:1px solid #f57f17}.question-category .hint-button strong{color:#f57f17;display:block}.question-category .hint-button svg{font-size:18px}.question-category .category-badge{align-items:center;background-color:var(--grey-track-color);border-radius:20px;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px;text-transform:capitalize;white-space:nowrap}.question-category .category-badge .category-icon,.question-category .category-badge svg{flex-shrink:0;height:20px;width:20px}.question-category .category-badge.application,.question-category .category-badge.direct{background-color:#d1ecf1;color:var(--direct-color)}.question-category .category-badge.application .category-icon,.question-category .category-badge.application svg,.question-category .category-badge.direct .category-icon,.question-category .category-badge.direct svg{color:var(--direct-color)}.question-category .category-badge.critical_thinking{background-color:var(--white-background);color:var(--critical-thinking)}.question-category .category-badge.critical_thinking .category-icon,.question-category .category-badge.critical_thinking svg{color:var(--critical-thinking)}.question-category .category-badge.reasoning{background-color:#e7d6f5;color:var(--reasoning-color)}.question-category .category-badge.reasoning .category-icon,.question-category .category-badge.reasoning svg{color:var(--reasoning-color)}.question-category .category-badge.clinical{background-color:#d4edda;color:var(--clinical-color)}.question-category .category-badge.clinical .category-icon,.question-category .category-badge.clinical svg{color:var(--clinical-color)}.mobile-category-badge,.title-icon{display:flex}.test-page-container .question-container{height:100%;width:100%}.test-page-container .question-container .question-content{height:calc(100% - 50px);overflow-y:auto;width:100%}.test-page-container .question-container .question-content .hint-content{background-color:var(--hint-bg-color);border:1px solid var(--hint-border-color);border-radius:18px;color:var(--light-black);font-size:14px;line-height:1.5;margin-top:20px;padding:16px}.test-page-container .question-container .question-content .hint-content strong{color:#f57f17;display:block;margin-bottom:8px}.test-page-container .test-body{align-items:flex-start;display:flex;flex:1 1;justify-content:center;min-height:0;overflow:hidden;padding:20px 40px}.test-page-container .test-body .question-wrapper{flex:1 1;height:100%}.test-page-container .test-body .question-section{background:var(--white-background);border-radius:16px;box-shadow:0 4px 20px #0000000d;height:-webkit-fit-content;height:fit-content;max-width:800px;padding:40px;width:100%}.test-page-container .test-body .question-section .question-text{color:--light-black;color:var(--text-primary,--light-black);font-size:18px;font-weight:600;line-height:1.5;margin-bottom:32px}.test-page-container .test-body .question-section .options-list{display:flex;flex-direction:column;gap:16px}.test-page-container .test-body .question-section .options-list .option-item{align-items:center;border:1px solid var(--grey-track-color);border-radius:8px;cursor:pointer;display:flex;padding:16px;transition:all .2s ease}.test-page-container .test-body .question-section .options-list .option-item:hover{background-color:#f8f9fa;border-color:--blue-fill-color;border-color:var(--accent-2,--blue-fill-color)}.test-page-container .test-body .question-section .options-list .option-item input[type=radio]{accent-color:--blue-fill-color;accent-color:var(--accent-2,--blue-fill-color);height:18px;margin-right:16px;width:18px}.test-page-container .test-body .question-section .options-list .option-item .option-text{color:--light-black;color:var(--text-primary,--light-black);font-size:15px}.test-page-container .test-footer{align-items:center;background:var(--white-background);border-top:1px solid #0000000d;display:flex;justify-content:space-between;padding:20px 32px}.test-page-container .btn-primary,.test-page-container .btn-secondary,.test-page-container .btn-submit{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:all .2s ease}.test-page-container .btn-secondary{background:#0000;border:1px solid var(--grey-track-color);color:--text-secondary;color:var(--text-secondary,--text-secondary)}.test-page-container .btn-secondary:hover:not(:disabled){background:var(--hover-background);border-color:var(--disabled-border-color)}.test-page-container .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.test-page-container .btn-primary{background:--blue-fill-color;background:var(--accent-2,--blue-fill-color);color:var(--white-background)}.test-page-container .btn-primary:hover{background:color-mix(in srgb,--blue-fill-color 90%,#000);background:color-mix(in srgb,var(--accent-2,--blue-fill-color) 90%,#000)}.test-page-container .btn-primary.disabled,.test-page-container .btn-primary:disabled{background:var(--grey-track-color);box-shadow:none;color:var(--disabled-grey-text);cursor:not-allowed;transform:none}.test-page-container .btn-primary.disabled:hover,.test-page-container .btn-primary:disabled:hover{background:var(--grey-track-color);transform:none}.btn-submit{background:#28a745;background:var(--color-success,#28a745);color:var(--white-background)}.btn-submit:hover{background:color-mix(in srgb,#28a745 90%,#000);background:color-mix(in srgb,var(--color-success,#28a745) 90%,#000)}.btn-submit:disabled{background:var(--grey-track-color);color:var(--disabled-grey-text);cursor:not-allowed;pointer-events:none}.score-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;text-align:center}.score-container--simple{padding:24px 16px}.score-feedback-wrapper{border-radius:24px;margin:0 auto 24px;max-width:960px;width:100%}.score-chart-container{gap:24px;margin:0 auto 20px}.score-chart-container,.score-chart-wrapper{align-items:center;display:flex;justify-content:center}.gamification-rewards{align-items:flex-start;display:flex;flex-direction:column;gap:12px}.score-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.score-actions.flex-gap{gap:16px}.btn-reattempt,.btn-show-answer{background:var(--white-background);border:1px solid var(--blue-fill-color);border-radius:999px;color:var(--blue-fill-color);cursor:pointer;font-size:16px;font-weight:500;min-width:120px;padding:10px 15px;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease}.btn-reattempt:hover,.btn-show-answer:hover{background:var(--blue-fill-color);box-shadow:0 6px 16px #0000001f;color:var(--white-background)}.btn-reattempt:active,.btn-show-answer:active{box-shadow:0 3px 8px #00000029}.btn-show-answer{background:var(--blue-fill-color);color:var(--white-background)}.btn-show-answer:hover{background:color-mix(in srgb,var(--blue-fill-color) 90%,#000)}.btn-teach{border-radius:999px;box-shadow:0 6px 16px #0000001f;font-size:16px;min-width:150px;padding:10px 30px}.btn-teach:hover{box-shadow:0 8px 20px #0000002e}@media(max-width:768px){.score-container--simple{padding:16px 12px}.score-feedback-wrapper{border-radius:16px;padding:16px 12px}.score-chart-container{flex-direction:column;gap:12px}.gamification-rewards{align-items:center}.score-actions{flex-direction:column;width:100%}.score-actions .btn-reattempt,.score-actions .btn-show-answer{max-width:320px;width:100%}.score-container{padding:20px}.test-header{padding:12px 16px!important;position:-webkit-sticky;position:sticky;top:0;z-index:100}.test-header .test-info{gap:12px}.test-header .test-info h2{font-size:16px}.test-header .test-info .timer{font-size:12px;padding:4px 8px}.test-header .btns-wrapper{gap:10px}.test-header .btns-wrapper .question-tracker{display:none}.test-header .btns-wrapper .btn-submit{font-size:12px;padding:8px 16px}.question-content{height:calc(100% - 30px)!important}.test-body{min-height:0;padding:16px!important}.title-wrapper{flex-direction:row;gap:10px;white-space:nowrap}.title-wrapper .question-category{justify-content:space-between}.hint-button{padding:8px!important}.test-footer{padding:12px 16px}}@media(max-width:480px){.test-header{align-items:stretch;flex-direction:column;gap:4px}.test-header .btns-wrapper,.test-header .test-info{justify-content:space-between;width:100%}.test-header .btns-wrapper .question-tracker{display:block;font-size:12px}}.test-start-screen{align-items:center;background-color:var(--secondary-background);display:flex;height:100dvh;justify-content:center;padding:24px}.test-start-screen .test-start-content{background:var(--white-background);border-radius:24px;box-shadow:0 10px 30px #00000014;max-width:500px;padding:48px;text-align:center;width:100%}.test-start-screen .test-start-content h1{color:var(--text-primary);font-size:28px;margin:24px 0 12px}.test-start-screen .test-start-content p{color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.test-start-screen .test-start-content .test-info-row{background:var(--secondary-background);border-radius:16px;display:flex;gap:32px;justify-content:center;margin-bottom:40px;padding:20px}.test-start-screen .test-start-content .test-info-row .info-item{display:flex;flex-direction:column;gap:4px}.test-start-screen .test-start-content .test-info-row .info-item .info-label{color:var(--text-secondary);font-size:13px;letter-spacing:.5px;text-transform:uppercase}.test-start-screen .test-start-content .test-info-row .info-item .info-value{color:var(--text-primary);font-size:18px;font-weight:600}.test-start-screen .test-start-content .btn-start-test{background:#1967d2;background:var(--accent-2,#1967d2);border:none;border-radius:12px;box-shadow:0 4px 12px #1967d24d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease;width:100%}.test-start-screen .test-start-content .btn-start-test:hover{background:color-mix(in srgb,#1967d2 90%,#000);background:color-mix(in srgb,var(--accent-2,#1967d2) 90%,#000);box-shadow:0 6px 16px #1967d266}.premium-btn{transition:all .2s ease!important}.premium-btn:hover:not(:disabled){box-shadow:0 4px 12px #0000001a!important;filter:brightness(.95)}.answers-section{margin-top:24px;width:100%}.answers-section .answers-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.answers-section .answers-header h3{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:18px;font-weight:700;margin:0}.answers-section .answers-header .btn-close{background:none;border:none;border-radius:50%;color:#666;color:var(--text-secondary,#666);cursor:pointer;font-size:22px;line-height:1;padding:4px 8px;transition:background .15s ease}.answers-section .answers-header .btn-close:hover{background:#00000012}.answers-section .answers-list{display:flex;flex-direction:column;gap:20px}.answer-item{background:#fff;background:var(--white-background,#fff);border:1px solid #00000014;border-radius:14px;box-shadow:0 2px 8px #0000000a;display:flex;flex-direction:column;gap:12px;padding:20px 24px}.answer-item .answer-question{color:#1a1a1a;color:var(--text-primary,#1a1a1a);font-size:15px;font-weight:600;line-height:1.55}.answer-item .answer-question .question-number{color:#1967d2;color:var(--accent-2,#1967d2);margin-right:6px}.answer-item .answer-comparison{display:flex;flex-wrap:wrap;gap:10px}.answer-item .answer-comparison .correct-answer,.answer-item .answer-comparison .user-answer{border-radius:8px;font-size:14px;font-weight:500;padding:8px 14px}.answer-item .answer-comparison .user-answer.correct{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.answer-item .answer-comparison .user-answer.incorrect{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.answer-item .answer-comparison .correct-answer{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.answer-item .wrong-answer-explanation{background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-radius:10px;padding:14px 16px}.answer-item .wrong-answer-explanation .wrong-answer-explanation__title{color:#b91c1c;font-size:13px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.answer-item .wrong-answer-explanation .wrong-answer-explanation__body{color:#7f1d1d;font-size:14px;line-height:1.6;margin:0}.answer-item .correct-answer-explanation{background:#ecfdf5;border:1px solid #a7f3d0;border-left:4px solid #10b981;border-radius:10px;padding:14px 16px}.answer-item .correct-answer-explanation .correct-answer-explanation__title{color:#047857;font-size:13px;font-weight:700;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.answer-item .correct-answer-explanation .correct-answer-explanation__body{color:#064e3b;font-size:14px;line-height:1.6;margin:0}.answer-item .answer-explanation{background:#eef2ff;border:1px solid #c7d2fe;border-left:4px solid #6366f1;border-radius:10px;color:#312e81;font-size:14px;line-height:1.6;padding:12px 16px}.answer-item .answer-explanation strong{color:#3730a3}.results-container{background-color:#fff;display:flex;flex-direction:column;min-height:100dvh}.results-container.theme-poor{--theme-primary:#ef4444;--theme-secondary:#b91c1c;--theme-card-bg:#fef2f2;--theme-card-border:#fca5a5;--theme-reward-color:#ef4444}.results-container.theme-fair{--theme-primary:#ff9500;--theme-secondary:#e68600;--theme-card-bg:#fffef2;--theme-card-border:gold;--theme-reward-color:#ff7a00}.results-container.theme-excellent{--theme-primary:#00a67d;--theme-secondary:#008f6c;--theme-card-bg:#f0fff4;--theme-card-border:#00a67d;--theme-reward-color:#00a67d}.results-container .results-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;flex-direction:row;gap:0;justify-content:space-between;padding:16px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}@media(max-width:768px){.results-container .results-header{align-items:flex-start;flex-direction:column;gap:8px;padding:8px 12px}}.results-container .results-header .test-info{align-items:center;display:flex;gap:20px;justify-content:space-between;width:auto}@media(max-width:768px){.results-container .results-header .test-info{gap:12px;width:100%}}.results-container .results-header .test-info h2{color:#111;font-size:1.5rem;font-weight:700;margin:0}@media(max-width:768px){.results-container .results-header .test-info h2{font-size:1.1rem}}.results-container .results-header .test-info .timer-badge{align-items:center;background:#00a67d1a;background:color-mix(in srgb,var(--theme-primary) 10%,#0000);border-radius:20px;color:var(--theme-primary);display:flex;font-size:1rem;font-weight:"700";gap:6px;padding:6px 16px}@media(max-width:768px){.results-container .results-header .test-info .timer-badge{font-size:.85rem;padding:4px 10px}}.results-container .results-header .btns-group{align-items:center;display:flex;gap:20px;justify-content:flex-end;width:auto}@media(max-width:768px){.results-container .results-header .btns-group{gap:10px;justify-content:space-between;width:100%}}.results-container .results-header .btns-group .completed-tag{color:#888;font-size:1rem;font-weight:"500"}@media(max-width:768px){.results-container .results-header .btns-group .completed-tag{font-size:.85rem}}.results-container .results-header .btns-group .back-btn{background:#fff;border:1.5px solid #e0e0e0;border-radius:10px;color:#333;cursor:pointer;font-size:.9rem;font-weight:"600";padding:8px 24px}@media(max-width:768px){.results-container .results-header .btns-group .back-btn{font-size:.8rem;padding:6px 16px}}.results-container .results-body{align-items:center;display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:40px;padding-top:40px}.results-container .results-body .result-card-premium{align-items:center;background:var(--theme-card-bg);border:2.4px solid var(--theme-card-border);border-radius:24px;display:flex;flex-direction:row;gap:60px;justify-content:center;max-width:800px;min-height:350px;padding:40px 60px;transition:all .4s ease;width:85%}@media(max-width:768px){.results-container .results-body .result-card-premium{flex-direction:column;gap:32px;min-height:0;min-height:auto;padding:24px 20px;width:92%}}.results-container .results-body .result-card-premium .score-chart-wrapper{align-items:center;display:flex;flex:0 0 auto;justify-content:center}.results-container .results-body .result-card-premium .gamification-rewards{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:24px}@media(max-width:768px){.results-container .results-body .result-card-premium .gamification-rewards{align-items:center;gap:16px}}.results-container .results-body .result-card-premium .gamification-rewards .reward-item{align-items:center;color:#333;display:flex;font-size:28px;font-weight:700;gap:20px}@media(max-width:768px){.results-container .results-body .result-card-premium .gamification-rewards .reward-item{font-size:20px;gap:12px}}.results-container .results-body .result-card-premium .gamification-rewards .reward-item .reward-text{color:var(--theme-reward-color)}.results-container .results-body .results-actions-wrapper{align-items:center;display:flex;flex-direction:row;gap:24px;margin-top:60px;width:auto}@media(max-width:768px){.results-container .results-body .results-actions-wrapper{flex-direction:column;gap:12px;margin-top:32px;width:90%}}.results-container .results-body .results-actions-wrapper .premium-btn{border:none;border-radius:999px;cursor:pointer;font-size:1rem;font-weight:700;min-width:160px;padding:14px 40px;transition:all .2s ease;width:auto}@media(max-width:768px){.results-container .results-body .results-actions-wrapper .premium-btn{min-width:0;min-width:auto;width:100%}}.results-container .results-body .results-actions-wrapper .premium-btn.primary-btn{background:var(--theme-primary);box-shadow:0 4px 12px color-mix(in srgb,var(--theme-primary) 25%,#0000);color:#fff;min-width:200px;padding:14px 50px}@media(max-width:768px){.results-container .results-body .results-actions-wrapper .premium-btn.primary-btn{min-width:0;min-width:auto;width:100%}}.results-container .results-body .results-actions-wrapper .premium-btn.outline-btn{background:#fff;border:1.5px solid var(--theme-primary);color:var(--theme-primary)}.results-container .results-body .results-actions-wrapper .premium-btn.secondary-btn{background:#ededed;color:#333}.ps-panel{background:var(--color-bg);border:1px solid var(--glass-border);height:100%;padding:12px;width:300px}.ps-panel__header{align-items:center;background:color-mix(in srgb,var(--color-success) 8%,#0000);border:1px solid color-mix(in srgb,var(--color-success) 28%,#0000);border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.ps-panel__header-left{align-items:center;display:flex;gap:10px}.ps-panel__header-icon{align-items:center;color:var(--color-success);display:inline-flex;height:22px;justify-content:center;width:22px}.ps-panel__title{color:var(--text-primary);font-size:14px;font-weight:500}.ps-panel__list{gap:10px;height:calc(100% - 40px);overflow-x:hidden;overflow-y:auto}.ps-panel__list,.ps-row{display:flex;flex-direction:column;width:100%}.ps-row{background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:10px;cursor:pointer;justify-content:space-between;margin-bottom:0;padding:12px 14px;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.ps-row:not(.ps-row--active):hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text)}.ps-row:not(.ps-row--active):hover .ps-row__icon,.ps-row:not(.ps-row--active):hover .ps-row__label{color:var(--page-selection-active-text)}.ps-row--active{background-color:var(--page-selection-active-bg);border-color:var(--color-primary);border:1px solid var(--page-selection-active-text)}.ps-row--active .ps-row__completed,.ps-row--active .ps-row__label{color:var(--page-selection-active-text);font-weight:500}.ps-row--active .ps-row__icon{color:var(--page-selection-active-text)}.ps-row-collapse-active{background:color-mix(in srgb,var(--color-primary) 8%,var(--white-background));border-color:var(--color-primary);box-shadow:0 2px 8px #1f24300f}.ps-row-collapse-active:hover{background:var(--page-selection-active-bg);cursor:default}.ps-child-pages{animation:slideDown .3s ease;border-left:2px solid var(--color-gray-light);display:flex;flex-direction:column;gap:8px;margin-bottom:8px;margin-left:10px;margin-top:8px;padding-left:12px}.ps-row--child{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffc;border:1px solid #9ca3af33;border-radius:8px;margin-bottom:0;padding:10px 12px;transition:all .2s ease}.ps-row--child .ps-row__label{width:100%}.ps-row--child:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text)}.ps-row--child.ps-row--active,.ps-row--child:hover .ps-row__icon,.ps-row--child:hover .ps-row__label{color:var(--page-selection-active-text)}.ps-row--child.ps-row--active{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text)}.ps-row--child.ps-row--active .ps-row__completed,.ps-row--child.ps-row--active .ps-row__label{color:var(--page-selection-active-text);font-weight:600}.ps-row--child.ps-row--active .ps-row__icon{color:var(--page-selection-active-text)}.ps-row--child.ps-row-collapse-active{background:var(--page-selection-active-bg);border:1px solid var(--page-selection-active-text)}.ps-row__left{justify-content:space-between;width:100%}.ps-row__icon-wrapper,.ps-row__left{align-items:center;display:flex;gap:10px}.ps-row__icon-wrapper{width:60%}.ps-row__icon{color:var(--color-gray);text-align:center;width:20px}.ps-row__label{color:var(--color-gray);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ps-row__completed{border-radius:4px;color:var(--color-gray);font-size:12px;padding:2px 6px}.ps-row__dropdown-toggle{align-items:center;border-radius:4px;display:flex;padding:4px 8px;transition:background-color .2s ease}.ps-row__dropdown-toggle:hover{background-color:var(--page-selection-active-bg)}.ps-row__dropdown-icon{color:var(--accent-1);font-size:14px;transition:transform .2s ease}.ps-child-status{align-items:center;display:flex;gap:6px}.ps-empty{color:var(--color-text-light);padding:24px 8px;text-align:center}.ps-collapse-btn{align-items:center;background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:8px;justify-content:center;margin-bottom:12px;padding:10px 14px;transition:all .2s ease;width:100%}.ps-collapse-btn:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text);color:var(--page-selection-active-text)}.ps-collapse-icon{color:var(--accent-1);font-size:14px}.ps-panel--collapsed{min-width:60px;padding:8px;width:-webkit-fit-content;width:fit-content}.ps-panel--collapsed .ps-panel__list{display:none}.ps-show-all-btn{align-items:center;background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:4px;justify-content:center;margin-bottom:12px;margin-top:6px;padding:8px 6px;transition:all .2s ease;width:100%}.ps-show-all-btn:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text);color:var(--page-selection-active-text)}.ps-show-all-icon{color:var(--accent-1);font-size:14px}.ps-show-all-text{font-size:10px;letter-spacing:.5px;text-orientation:mixed;writing-mode:vertical-rl}.ps-icon-list{display:flex;flex-direction:column;gap:8px;height:calc(100% - 40px);overflow-y:auto}.ps-icon-item{align-items:center;background:var(--white-background);border:1px solid var(--color-gray-light);border-radius:8px;cursor:pointer;display:flex;height:44px;justify-content:center;padding:12px;transition:all .2s ease;width:44px}.ps-icon-item:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text)}.ps-icon-item:hover .ps-icon-item__icon{color:var(--page-selection-active-text)}.ps-icon-item--active{background:var(--page-selection-active-bg);border:1px solid var(--page-selection-active-text);box-shadow:0 2px 8px #1f24300f}.ps-icon-item--active .ps-icon-item__icon{color:var(--page-selection-active-text)}.ps-icon-item__icon{color:var(--color-gray);font-size:18px}.mcq-index-right{align-items:center;display:flex;gap:8px;margin-left:auto}.mcq-index-count{color:var(--color-gray);font-size:12px;font-weight:500}.mcq-index-arrow{color:var(--accent-1);font-size:14px;transition:transform .2s ease}@media(max-width:768px){.ps-collapse-btn,.ps-show-all-btn{display:none!important}.ps-panel{height:auto;min-width:0;width:100%}.ps-panel__list{height:auto;max-height:400px}.mobile-toaster-trigger{background:var(--panel-bg);border-top:1px solid var(--glass-border);bottom:0;cursor:pointer;left:0;padding:12px 16px;position:fixed;right:0;transition:all .3s ease;z-index:1002}.toaster-content{align-items:center;display:flex;gap:12px;max-width:100%}.toaster-icon{color:var(--page-selection-active-text);flex-shrink:0;font-size:16px}.toaster-text{color:var(--text-primary);flex:1 1;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toaster-chevron{color:var(--color-gray);flex-shrink:0;font-size:16px;transition:transform .3s ease}.toaster-counts-text{align-items:center;color:var(--text-primary);display:flex;flex:1 1;font-size:13px;font-weight:500;gap:10px;margin-left:8px}.toaster-counts-text span{color:var(--color-gray);white-space:nowrap}.toaster-backdrop{bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.mobile-toaster-panel{animation:slideUpToaster .3s ease;background:var(--white-background);bottom:45px;box-shadow:0 -4px 20px #00000026;flex-direction:column;left:0;max-height:80dvh;position:fixed;right:0;width:100vw;z-index:1001}.mobile-toaster-panel,.toaster-header{border-radius:20px 20px 0 0;display:flex}.toaster-header{align-items:center;background:var(--panel-bg);border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:20px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.toaster-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.toaster-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-gray);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.toaster-close-btn:hover{background:var(--color-gray-light);color:var(--text-primary)}.toaster-list{flex:1 1;max-height:calc(60dvh - 80px);overflow-y:auto;padding:16px 24px 24px}.toaster-row-wrapper{margin-bottom:0}.toaster-row{align-items:center;background:var(--white-background);border:2px solid var(--color-gray-light);border-radius:12px;box-shadow:0 2px 8px #0000000f;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:12px;padding:16px 20px;transition:all .2s ease}.toaster-row:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text);box-shadow:0 4px 12px #0000001a}.toaster-row:hover .toaster-row__icon,.toaster-row:hover .toaster-row__label{color:var(--page-selection-active-text)}.toaster-row--active{background:linear-gradient(135deg,#ff8c4214,#ff8c420a);border-color:#ff8c42;box-shadow:0 4px 16px #ff8c4233}.toaster-row--active .toaster-row__completed,.toaster-row--active .toaster-row__label{color:#ff8c42;font-weight:600}.toaster-row--active .toaster-row__icon{color:#ff8c42}.toaster-row__left{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.toaster-row__status-wrapper{align-items:center;display:flex;flex-shrink:0;gap:8px}.toaster-row__dropdown-toggle{align-items:center;border-radius:4px;display:flex;padding:4px 8px;transition:background-color .2s ease}.toaster-row__dropdown-toggle:hover{background-color:#ff8c421a}.toaster-row__icon-wrapper{align-items:center;display:flex;flex:1 1;gap:12px;min-width:0}.toaster-row__icon{color:var(--color-gray);flex-shrink:0;font-size:18px}.toaster-row__label{flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis}.toaster-row__completed,.toaster-row__label{color:var(--color-gray);font-weight:500;white-space:nowrap}.toaster-row__completed{background:#9ca3af1a;border:1px solid #9ca3af33;border-radius:8px;flex-shrink:0;font-size:12px;padding:4px 10px}.toaster-row__dropdown-icon{color:var(--accent-1);font-size:14px;transition:transform .2s ease}.toaster-child-pages{animation:slideDown .3s ease;border-left:2px solid var(--color-gray-light);display:flex;flex-direction:column;gap:8px;margin-left:16px;margin-top:8px;padding-left:16px}.toaster-row--child{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:1px solid #9ca3af33;border-radius:8px;margin-bottom:0;padding:12px 16px;transition:all .2s ease}.toaster-row--child:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text);box-shadow:0 2px 8px #0000001a}.toaster-row--child:hover .toaster-row__icon,.toaster-row--child:hover .toaster-row__label{color:var(--page-selection-active-text)}.toaster-row--child.toaster-row--active{background:linear-gradient(135deg,#ff8c4214,#ff8c420a);border-color:#ff8c42;box-shadow:0 4px 16px #ff8c4233}.toaster-row--child.toaster-row--active .toaster-row__completed,.toaster-row--child.toaster-row--active .toaster-row__label{color:#ff8c42;font-weight:600}.toaster-row--child.toaster-row--active .toaster-row__icon{color:#ff8c42}.toaster-row--child.toaster-row-collapse-active{background:linear-gradient(135deg,#ff8c4214,#ff8c420a);border-color:#ff8c42}.toaster-empty{color:var(--color-text-light);font-size:14px;font-weight:500;padding:40px 24px;text-align:center}}@keyframes slideUpToaster{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.subject-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr auto;height:calc(100dvh - 60px)}.subject-layout__left{background:#0000;height:100%;min-width:0;overflow:auto;padding:20px 4px 20px 20px}.subject-content-wrapper{display:flex;flex-direction:column;height:calc(100dvh - 60px);min-width:0;position:relative}.subject-layout__right{background:#0000;height:calc(100dvh - 60px);max-width:300px}.subjects-list{display:flex;flex-direction:column;gap:12px}.subject-row--active-wrapper .cvc-dot{border-color:var(--color-primary)}.subject-row{align-items:center;background:var(--white-background);border:1px solid #0000000f;border-radius:10px;box-shadow:0 1px 2px #1018280a;cursor:pointer;display:flex;justify-content:space-between;padding:16px 18px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;width:100%}.subject-row:hover{box-shadow:0 2px 4px #10182814}.subject-row--active{background:#f8fffb;border-color:#16a34a}.subject-row__left{align-items:center;display:flex;gap:12px}.subject-row__dot{border:2px solid #d1d5db;border-radius:9999px;display:inline-block;height:16px;width:16px}.subject-row--active .subject-row__dot{border-color:#16a34a}.subject-row__meta{display:flex;flex-direction:column;gap:4px}.subject-row__title{color:#111827;font-size:16px;font-weight:600}.subject-row__status{color:var(--disabled-grey);font-size:13px}.subject-row__chevron{color:#16a34a;font-size:16px}@media(max-width:1024px){.subject-layout{grid-template-columns:1fr;height:calc(100dvh - 72px);padding:0;position:relative;width:100%}.subject-content-wrapper{width:calc(100% - 60px)}.subject-layout__right{background:var(--white-background);bottom:0;height:calc(100% - 60px);position:fixed;right:0;top:60px;z-index:100}.subject-layout__right.visible{display:block}.subject-layout__left{padding:12px}.mobile-toggle-btn{align-items:center;background:var(--white-background);border-radius:50%;box-shadow:0 2px 8px #0000001a;color:var(--page-selection-active-text);cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;position:fixed;right:16px;top:69px;transition:all .2s ease;width:40px;z-index:90}.mobile-toggle-btn:hover{background:var(--color-hover)}.mobile-backdrop{bottom:0;left:0;position:fixed;right:0;top:60px;z-index:95}}@keyframes slideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}@media(min-width:1025px){.mobile-toggle-btn{display:none}}.subject-layout__left .matchswap-main-container{box-sizing:border-box;height:100%;max-width:100%;overflow-x:auto;width:100%}.subject-layout__left .matchswap-container,.subject-layout__left .matchswap-inner-container{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.subject-layout__left .match-item-content,.subject-layout__left .matchswap-body-container,.subject-layout__left .matchswap-body-item{max-width:100%;min-width:0}.assistant-trigger{align-items:center;background:#6366f1;background:var(--color-primary,#6366f1);border-radius:50%;bottom:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:absolute;right:24px;transition:transform .2s ease;width:60px;z-index:1000}.assistant-trigger svg{font-size:32px}.assistant-trigger:hover{transform:scale(1.05)}.assistant-popup{animation:slideUp .3s ease;background:#fff;border:1px solid #00000014;border-radius:16px;bottom:100px;box-shadow:0 8px 24px #0003;display:flex;flex-direction:column;height:550px;max-height:70dvh;max-width:90vw;overflow:hidden;position:absolute;right:24px;width:380px;z-index:1000}.assistant-popup .assistant-header{align-items:center;background:#6366f1;background:var(--color-primary,#6366f1);color:#fff;display:flex;justify-content:space-between;padding:12px 16px}.assistant-popup .assistant-header h3{font-size:16px;font-weight:600;margin:0}.assistant-popup .assistant-header .close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;padding:4px}.assistant-popup .assistant-header .close-btn:hover{background:#fff3}.assistant-popup .assistant-body{flex:1 1;overflow:hidden}.assistant-popup .assistant-body .conv-container{border:none;height:100%;margin:0;max-width:none;padding:0}.assistant-popup .assistant-body .conv-grid{border:none;gap:0;grid-template-columns:1fr;height:100%}.assistant-popup .assistant-body .conv-left{border:none;height:100%}.assistant-popup .assistant-body .recording-ui{background:#fff;border-top:1px solid #eee;bottom:0;left:0;padding:10px;position:absolute;right:0}.assistant-popup .assistant-body .mic-controls{margin-bottom:10px;margin-top:0}@media(max-width:768px){.subject-layout__left{height:calc(100dvh - 112px)}.subject-content-wrapper{height:calc(100dvh - 64px)}.subject-layout{height:calc(100dvh - 110px)}.subject-content-wrapper{width:100%}.subject-layout__right{display:none;height:calc(100% - 64px);top:64px}.mobile-backdrop{top:64px}}.start-test-card .test-instructions{margin-bottom:12px!important}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.success-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#262b2840;display:grid;inset:0;place-items:center;position:fixed;z-index:100000}.success-overlay .common-popup-container{background:var(--color-bg);border-radius:16px;box-shadow:0 10px 30px #11182726;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow:hidden;position:relative;width:100%}.success-overlay .common-popup-container .popup-header{align-items:center;border-bottom:1px solid var(--border-grey);display:flex;justify-content:center;padding:8px}.success-overlay .common-popup-container .popup-header h2{color:var(--color-text-dark);flex:1 1;font-size:var(--fs-xl);font-weight:600;margin:0;text-align:center}.success-overlay .common-popup-container .popup-inline-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.success-overlay .common-popup-container .icon-button{align-items:center;background:#0000;border:none;border-radius:999px;color:var(--color-text-light);cursor:pointer;display:inline-flex;justify-content:center;padding:4px}.success-overlay .common-popup-container .icon-button:hover{background-color:var(--color-hover);color:var(--color-text-dark)}.success-overlay .common-popup-container .icon-button:disabled{cursor:not-allowed;opacity:.5}.success-overlay .common-popup-container .add-image-row{align-items:flex-end;display:flex;flex-direction:row;gap:8px}.success-overlay .common-popup-container .add-image-input-wrapper{width:90%}.success-overlay .common-popup-container .add-image-button-wrapper{align-items:flex-end;display:flex;flex:1 1;justify-content:flex-end}.success-overlay .common-popup-container .add-image-add-button{min-width:auto;padding:4px 10px}.success-overlay .common-popup-container .popup-header.with-close{justify-content:space-between}.success-overlay .common-popup-container .popup-close-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-light);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0 8px;transition:color .2s ease;width:32px}.success-overlay .common-popup-container .popup-close-button:hover{background-color:var(--color-hover);color:var(--color-text-dark)}.success-overlay .common-popup-container .popup-content{display:flex;flex-direction:column;gap:20px;max-height:calc(90vh - 80px);overflow-y:auto;padding:16px 16px 12px}.success-overlay .common-popup-container .popup-content form,.success-overlay .common-popup-container .popup-form-group{display:flex;flex-direction:column;gap:8px}.success-overlay .common-popup-container .popup-form-group .file-error-text{color:#dc3545;font-size:13px;margin:0}.success-overlay .common-popup-container .popup-form-group .drop-area{background:#fff;border:2px dashed #cfd8ff;border-radius:8px;cursor:pointer;padding:40px 20px;text-align:center;transition:all .2s ease}.success-overlay .common-popup-container .popup-form-group .drop-area.drag-active{background:#f5f8ff;border-color:#4f6bed}.success-overlay .common-popup-container .popup-form-group .drop-area.disabled{opacity:.6;pointer-events:none}.success-overlay .common-popup-container .popup-form-group .upload-ui{align-items:center;display:flex;flex-direction:column;gap:12px}.success-overlay .common-popup-container .popup-form-group .upload-icon{align-items:center;display:flex;height:56px;justify-content:center;width:56px}.success-overlay .common-popup-container .popup-form-group .upload-text{color:#667085;font-size:16px}.success-overlay .common-popup-container .popup-form-group .upload-text span{color:#2563eb;font-weight:600;text-decoration:underline}.success-overlay .common-popup-container .popup-form-group .upload-progress{text-align:left}.success-overlay .common-popup-container .popup-form-group .uploading-text{color:#667085;font-size:14px;margin-bottom:10px}.success-overlay .common-popup-container .popup-form-group .file-row{align-items:center;border:1px solid #e4e7ec;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.success-overlay .common-popup-container .popup-form-group .file-name{color:#344054;flex:1 1;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.success-overlay .common-popup-container .popup-form-group .progress-bar{background:#f2f4f7;border-radius:999px;height:6px;overflow:hidden;width:80px}.success-overlay .common-popup-container .popup-form-group .progress-fill{background:#12b76a;border-radius:999px;display:block;height:100%;width:30%}.success-overlay .common-popup-container .popup-form-group .remove-file{background:#f2f4f7;border:none;border-radius:50%;color:#667085;cursor:pointer;font-size:16px;height:22px;width:22px}.success-overlay .common-popup-container .popup-form-group .MuiInputLabel-root.MuiInputLabel-shrink{color:var(--color-text-dark)!important;font-size:20px!important;font-weight:600!important}.success-overlay .common-popup-container .popup-form-group .MuiTypography-label,.success-overlay .common-popup-container .popup-form-group label{color:var(--color-text-dark);font-size:var(--fs-md);font-weight:600}.success-overlay .common-popup-container .popup-form-group.has-error input[type=tel],.success-overlay .common-popup-container .popup-form-group.has-error input[type=text],.success-overlay .common-popup-container .popup-form-group.has-error select,.success-overlay .common-popup-container .popup-form-group.has-error textarea{background-color:#e0344a0d;border-color:var(--color-danger)}.success-overlay .common-popup-container .popup-form-group.has-error input[type=tel]:focus,.success-overlay .common-popup-container .popup-form-group.has-error input[type=text]:focus,.success-overlay .common-popup-container .popup-form-group.has-error select:focus,.success-overlay .common-popup-container .popup-form-group.has-error textarea:focus{border-color:var(--color-danger);box-shadow:0 0 0 2px #e0344a33}.success-overlay .common-popup-container .popup-error-message{align-items:center;color:var(--color-danger);display:flex;font-size:var(--fs-sm);font-weight:500;gap:4px;line-height:1.4;margin-top:4px}.success-overlay .common-popup-container .popup-note{background-color:var(--secondary-bg-color);border:1px solid var(--secondary-border);border-radius:8px;margin-top:8px;padding:12px}.success-overlay .common-popup-container .popup-note p{color:var(--color-text-light);font-size:var(--fs-sm);line-height:1.4;margin:0}.success-overlay .common-popup-container .popup-input,.success-overlay .common-popup-container .popup-select,.success-overlay .common-popup-container .popup-textarea{-webkit-appearance:none;appearance:none;background:var(--color-bg);border:1px solid var(--secondary-border);border-radius:8px;box-sizing:border-box;color:var(--color-text-dark);font-size:var(--fs-md);padding:10px 16px;transition:all .2s ease;width:100%}.success-overlay .common-popup-container .popup-input:focus,.success-overlay .common-popup-container .popup-select:focus,.success-overlay .common-popup-container .popup-textarea:focus{border-color:var(--accent-1);box-shadow:0 0 0 2px #6d4aff1a;outline:none}.success-overlay .common-popup-container .popup-input::placeholder,.success-overlay .common-popup-container .popup-select::placeholder,.success-overlay .common-popup-container .popup-textarea::placeholder{color:var(--color-text-light);opacity:.7}.success-overlay .common-popup-container .popup-input:disabled,.success-overlay .common-popup-container .popup-select:disabled,.success-overlay .common-popup-container .popup-textarea:disabled{background-color:var(--color-gray-light);cursor:not-allowed;opacity:.7}.success-overlay .common-popup-container .popup-textarea{min-height:80px;resize:vertical}.success-overlay .common-popup-container .popup-textarea--readonly{background-color:#0000;border:none;cursor:default;padding:0;resize:none}.success-overlay .common-popup-container .popup-actions{border-top:1px solid var(--border-grey);display:flex;gap:12px;justify-content:center;margin-top:8px;padding-bottom:8px;padding-top:12px}.success-overlay .common-popup-container .popup-cancel-button,.success-overlay .common-popup-container .popup-submit-button{align-items:center;border:none;border-radius:22px;cursor:pointer;display:flex;font-size:var(--fs-md);font-weight:500;justify-content:center;min-width:80px;padding:10px 20px;transition:all .2s ease}.success-overlay .common-popup-container .popup-cancel-button{background:var(--bg);border:1px solid var(--card-border-light-grey);color:var(--cancel-btn-text-color)}.success-overlay .common-popup-container .popup-submit-button{background-color:var(--btn-primary-bg-color)!important;border:none;color:var(--bg)!important}.success-overlay .common-popup-container .popup-submit-button:hover{background-color:var(--btn-primary-bg-color)}.success-overlay .common-popup-container .popup-submit-button:disabled{cursor:not-allowed;opacity:.6}.success-card{grid-gap:14px;background:var(--bg);border:1px solid #0000000f;border:1px solid var(--glass-border,#0000000f);border-radius:18px;box-shadow:0 10px 30px #0000001f;display:grid;gap:14px;justify-items:center;padding:28px 24px;width:min(520px,100% - 40px)}.success-icon-wrap{border-radius:50%;display:grid;height:100%;overflow:hidden;place-items:center;width:100%}.success-icon-wrap img{height:100px;width:100px}.success-icon{height:44px;object-fit:contain;width:44px}.success-message{color:var(--color-text-dark);font-size:var(--fs-lg);font-weight:600;text-align:center}.login-page{align-items:center;background-color:var(--secondary-background);display:flex;flex-direction:column;justify-content:center;min-height:100dvh;position:relative}.login-page .logo-container{height:70px;left:6px;object-fit:contain;position:absolute;top:5px;width:170px}.login-container-wrapper{align-items:center;display:flex;height:calc(100dvh - 56px);justify-content:center;width:100%}.login-container{background:var(--white-background);border-radius:24px;box-shadow:0 4px 25px #0000000d;max-width:420px;padding:40px;text-align:center;width:100%}.logo-text{margin:0 0 24px}.forgot-password-subtitle{color:--text-secondary;color:var(--text-secondary,--text-secondary);font-size:14px;line-height:1.5;margin:0 0 32px}.login-form{display:flex;flex-direction:column;gap:24px}.login-form .form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.login-form .form-group.password-group .password-input-wrapper{align-items:center;display:flex;position:relative}.login-form .form-group.password-group .password-input-wrapper input{padding-right:40px}.login-form .form-group.password-group .password-input-wrapper .password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:--text-secondary;color:var(--text-secondary,--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:color .2s,background-color .2s}.login-form .form-group.password-group .password-input-wrapper .password-toggle-btn:hover:not(:disabled){background-color:#0000000d;color:--light-black;color:var(--text-primary,--light-black)}.login-form .form-group.password-group .password-input-wrapper .password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.login-form .form-group label{color:--text-secondary;color:var(--text-secondary,--text-secondary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.login-form .form-group input{border:1px solid var(--grey-track-color);border-radius:8px;box-sizing:border-box;color:--light-black;color:var(--text-primary,--light-black);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.login-form .form-group input:focus{border-color:#00897b;box-shadow:0 0 0 2px #00897b1a}.login-form .form-group input::placeholder{color:#aaa}.login-form .form-group .error-message-inline{color:red;font-size:12px;font-weight:400;margin-top:4px;text-align:left}.login-form .form-group .password-requirements{color:#ff6b6b;font-size:11px;font-weight:400;line-height:1.3;margin-top:4px;text-align:left}.login-form .error-message{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;padding:12px;text-align:left}.login-form .success-message{background-color:#f0fff4;border:1px solid #9ae6b4;border-radius:8px;color:#22543d;font-size:14px;padding:12px;text-align:left}.form-options{align-items:center;display:flex;font-size:12px;justify-content:space-between}.form-options .checkbox-label{align-items:center;color:--text-secondary;color:var(--text-secondary,--text-secondary);cursor:pointer;display:flex;gap:6px}.form-options .checkbox-label input{cursor:pointer}.form-options .forgot-password{color:--blue-fill-color;color:var(--accent-2,--blue-fill-color);font-weight:500;text-decoration:none}.form-options .forgot-password:hover{text-decoration:underline}.login-btn{background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s}.login-btn:hover{background:#0c8f66}.login-btn:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.back-to-login-btn{background:#0000;border:1px solid --blue-fill-color;border:1px solid var(--accent-2,--blue-fill-color);border-radius:12px;color:--blue-fill-color;color:var(--accent-2,--blue-fill-color);cursor:pointer;font-size:14px;font-weight:500;margin-top:12px;padding:12px;transition:all .2s}.back-to-login-btn:hover{background:#00897b1a}.back-to-login-btn:disabled{cursor:not-allowed;opacity:.5}.login-footer{color:--text-secondary;color:var(--text-secondary,--text-secondary);font-size:12px;margin-top:24px}.login-footer a{color:--blue-fill-color;color:var(--accent-2,--blue-fill-color);font-weight:600;text-decoration:none}.login-footer a:hover{text-decoration:underline}@media(max-width:768px){.login-container{max-width:90%;padding:20px}}.signup-page{align-items:center;background-color:var(--secondary-background);display:flex;flex-direction:column;justify-content:center;min-height:100dvh;position:relative}.signup-page .logo-container{height:70px;left:6px;object-fit:contain;position:absolute;top:5px;width:170px}.signup-container-wrapper{align-items:center;display:flex;height:calc(100dvh - 56px);justify-content:center;width:100%}.signup-container{background:var(--white-background);border-radius:24px;box-shadow:0 4px 25px #0000000d;height:100%;max-width:420px;padding:25px 40px;text-align:center;width:100%}.logo-text{color:#1a1a1a;font-size:36px;font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.signup-form{display:flex;flex-direction:column;gap:20px;height:calc(100% - 112px);overflow:auto}.signup-form .form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.signup-form .form-group.password-group .password-input-wrapper{align-items:center;display:flex;position:relative}.signup-form .form-group.password-group .password-input-wrapper input{padding-right:40px}.signup-form .form-group.password-group .password-input-wrapper .password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:--text-secondary;color:var(--text-secondary,--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px;position:absolute;right:8px;transition:color .2s,background-color .2s}.signup-form .form-group.password-group .password-input-wrapper .password-toggle-btn:hover:not(:disabled){background-color:#0000000d;color:--light-black;color:var(--text-primary,--light-black)}.signup-form .form-group.password-group .password-input-wrapper .password-toggle-btn:disabled{cursor:not-allowed;opacity:.5}.signup-form .form-group label{color:--text-secondary;color:var(--text-secondary,--text-secondary);display:block;font-size:12px;font-weight:500}.signup-form .form-group input{border:1px solid var(--grey-track-color);border-radius:8px;box-sizing:border-box;color:--light-black;color:var(--text-primary,--light-black);font-size:14px;outline:none;padding:10px 12px;transition:border-color .2s;width:100%}.signup-form .form-group input:focus{border-color:#00897b;box-shadow:0 0 0 2px #00897b1a}.signup-form .form-group input::placeholder{color:#aaa}.signup-form .error-message{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;padding:12px;text-align:left}.signup-btn{background:#00897b;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s}.signup-btn:hover{background:#00796b}.signup-btn:disabled{background-color:#e9ecef;color:#adb5bd;cursor:not-allowed}.signup-footer{color:--text-secondary;color:var(--text-secondary,--text-secondary);font-size:12px;margin-top:24px}.signup-footer a{color:--blue-fill-color;color:var(--accent-2,--blue-fill-color);font-weight:600;text-decoration:none}.signup-footer a:hover{text-decoration:underline}@media(max-width:768px){.signup-container{max-width:90%;padding:20px}}.available-tests-container{align-items:center;background-color:var(--secondary-background);display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding:40px 20px}.available-tests-container .tests-header{margin-bottom:40px;text-align:center}.available-tests-container .tests-header h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:12px}.available-tests-container .tests-header p{color:var(--text-secondary);font-size:14px;margin:0}.available-tests-container .no-tests-message{background:var(--white-background);border-radius:16px;box-shadow:0 4px 20px #0000000d;max-width:500px;padding:60px 20px;text-align:center}.available-tests-container .no-tests-message h2{color:var(--text-primary);font-size:20px;font-weight:600;margin-bottom:16px}.available-tests-container .no-tests-message p{color:var(--text-secondary);font-size:13px;margin:0}.available-tests-container .test-cards-grid{grid-gap:30px;display:grid;gap:30px;max-width:1200px;width:100%}.available-tests-container .test-cards-grid:has(.test-card:only-child){grid-template-columns:1fr;justify-items:center;max-width:500px}.available-tests-container .test-cards-grid:has(.test-card:nth-child(2)){grid-template-columns:repeat(2,1fr)}.available-tests-container .test-cards-grid.single-card{grid-template-columns:1fr;justify-items:center;max-width:500px}.available-tests-container .test-cards-grid.two-cards{grid-template-columns:repeat(2,1fr)}.available-tests-container .test-card{background:var(--white-background);border:1px solid var(--grey-track-color);border-radius:16px;box-shadow:0 4px 20px #0000000d;padding:30px;transition:all .3s ease}.available-tests-container .test-card:hover{border-color:--blue-fill-color;border-color:var(--accent-2,--blue-fill-color);box-shadow:0 8px 30px #0000001a}.available-tests-container .test-card.completed:hover{border-color:#45a049}.available-tests-container .test-card__header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.available-tests-container .test-card__header h3{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin:0}.available-tests-container .test-card__header .test-type{border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.available-tests-container .test-card__header .test-type.iq{background-color:#e3f2fd;color:#1976d2}.available-tests-container .test-card__header .test-type.psychometric{background-color:#f3e5f5;color:#7b1fa2}.available-tests-container .test-card__header .test-type:not(.iq):not(.psychometric){background-color:#e8f5e8;color:#2e7d32}.available-tests-container .test-card__header .completion-badge{background-color:#4caf50;border-radius:20px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;margin-left:8px;padding:6px 12px;text-transform:uppercase}.available-tests-container .test-card__meta{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.available-tests-container .test-card__meta .meta-item{display:flex;flex-direction:column;gap:4px}.available-tests-container .test-card__meta .meta-item .meta-label{color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.available-tests-container .test-card__meta .meta-item .meta-value{color:var(--text-primary);font-size:14px;font-weight:600}.available-tests-container .test-card__description{margin-bottom:24px}.available-tests-container .test-card__description p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.available-tests-container .test-card .btn-start-test{background:--blue-fill-color;background:var(--accent-2,--blue-fill-color);border:none;border-radius:8px;color:var(--white-background);cursor:pointer;font-size:16px;font-weight:600;padding:14px 24px;transition:all .2s ease;width:100%}.available-tests-container .test-card .btn-start-test:hover{background:color-mix(in srgb,--blue-fill-color 90%,#000);background:color-mix(in srgb,var(--accent-2,--blue-fill-color) 90%,#000);transform:translateY(-1px)}.available-tests-container .test-card .btn-start-test:active{transform:translateY(0)}.available-tests-container .test-card .test-completion-info .completion-details{align-items:center;background:#f0f8f0;border:1px solid #e0f0e0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px}.available-tests-container .test-card .test-completion-info .completion-details .date-info,.available-tests-container .test-card .test-completion-info .completion-details .score-info{display:flex;flex-direction:column;gap:4px}.available-tests-container .test-card .test-completion-info .completion-details .date-info .date-label,.available-tests-container .test-card .test-completion-info .completion-details .date-info .score-label,.available-tests-container .test-card .test-completion-info .completion-details .score-info .date-label,.available-tests-container .test-card .test-completion-info .completion-details .score-info .score-label{color:var(--grey-label);font-size:12px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.available-tests-container .test-card .test-completion-info .completion-details .date-info .score-value,.available-tests-container .test-card .test-completion-info .completion-details .score-info .score-value{color:#4caf50;font-size:16px;font-weight:600}.available-tests-container .test-card .test-completion-info .completion-details .date-info .date-value,.available-tests-container .test-card .test-completion-info .completion-details .score-info .date-value{color:var(--light-black);font-size:14px;font-weight:500}.available-tests-container .test-card .test-completion-info .btn-review-test{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.available-tests-container .test-card .test-completion-info .btn-review-test:hover{background:#45a049;transform:translateY(-1px)}.available-tests-container .test-card .test-completion-info .btn-review-test:active{transform:translateY(0)}.available-tests-container .test-card .completed-badge-container{background:#4caf50;border-radius:8px;padding:14px 24px;text-align:center;width:100%}.available-tests-container .test-card .completed-badge-container .completed-text{color:#fff;font-size:16px;font-weight:600}@media(max-width:768px){.available-tests-container{padding:20px 16px}.available-tests-container .test-cards-grid.single-card,.available-tests-container .test-cards-grid.two-cards{grid-template-columns:1fr;justify-items:stretch;max-width:none}.available-tests-container .test-cards-grid{gap:20px}.available-tests-container .test-card{padding:24px}.available-tests-container .test-card__header{flex-direction:column;gap:12px}.available-tests-container .test-card__header h3{font-size:18px}.available-tests-container .test-card__header .test-type{align-self:flex-start}.available-tests-container .test-card__meta{gap:12px;grid-template-columns:1fr}}.question-palette-sidebar{align-self:stretch;background:var(--white-background);border:1px solid #ffffff0f;border:1px solid var(--glass-border,#ffffff0f);border-radius:16px;display:flex;flex-direction:column;gap:20px;height:100%;margin-left:20px;max-height:100%;padding:24px;width:320px}.question-palette-sidebar h3{border-bottom:1px solid var(--grey-track-color);color:var(--text-primary);font-size:18px;font-weight:600;margin:0;padding-bottom:12px}.question-palette-sidebar .palette-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,1fr);min-height:0;overflow-y:auto;padding-right:8px}.question-palette-sidebar .palette-item{align-items:center;background:var(--white-background);border:1px solid var(--grey-track-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;height:40px;justify-content:center;transition:all .2s ease;width:40px}.question-palette-sidebar .palette-item:hover{background:var(--hover-background)}.question-palette-sidebar .palette-item.current{background:#0000;border:2px solid var(--current-border);color:var(--current-bg-grey);font-weight:600}.question-palette-sidebar .palette-item.answered{background:var(--answered-bg);border-color:var(--answered-border);color:var(--answered-color)}.question-palette-sidebar .palette-item.not-answered{background:var(--not-answered-bg);border-color:var(--not-answered-border);color:var(--not-answered-color)}.question-palette-sidebar .palette-item.not-visited{background:var(--not-visited-bg);border-color:var(--not-visited-border);color:var(--current-border)}.question-palette-sidebar .palette-item.correct{background:var(--bg-correct-green);border-color:var(--color-primary);color:var(--border-correct-green)}.question-palette-sidebar .palette-item.wrong{background:var(--bg-wrong-red);border-color:var(--incorrect-red);color:var(--border-wrong-red)}.question-palette-sidebar .palette-item.current-correct{background:var(--bg-correct-green);border:2px solid var(--color-primary);color:var(--border-correct-green);font-weight:600}.question-palette-sidebar .palette-item.current-wrong{background:var(--bg-wrong-red);border:2px solid var(--incorrect-red);color:var(--border-wrong-red);font-weight:600}.question-palette-sidebar .palette-item.unattempted{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.question-palette-sidebar .palette-item.current-unattempted{background:#f3f4f6;border:2px solid #6b7280;color:#6b7280;font-weight:600}.question-palette-sidebar .palette-legend{border-top:1px solid var(--grey-track-color);display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;padding-top:16px}.question-palette-sidebar .palette-legend .legend-item{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:8px}.question-palette-sidebar .palette-legend .legend-item .dot{border-radius:50%;height:12px;width:12px}.question-palette-sidebar .palette-legend .legend-item .dot.current{background:#0000;border:2px solid var(--current-border)}.question-palette-sidebar .palette-legend .legend-item .dot.answered{background:var(--answered-bg)}.question-palette-sidebar .palette-legend .legend-item .dot.not-answered{background:var(--not-answered-bg)}.question-palette-sidebar .palette-legend .legend-item .dot.not-visited{background:var(--not-visited-bg);border-color:var(--not-visited-border)}.question-palette-sidebar .palette-legend .legend-item .dot.correct{background:var(--bg-correct-green)}.question-palette-sidebar .palette-legend .legend-item .dot.wrong{background:var(--bg-wrong-red)}.question-palette-sidebar .palette-legend .legend-item .dot.current-correct{background:var(--bg-correct-green);border:2px solid var(--color-primary)}.question-palette-sidebar .palette-legend .legend-item .dot.current-wrong{background:var(--bg-wrong-red);border:2px solid var(--incorrect-red)}.question-palette-sidebar .palette-legend .legend-item .dot.unattempted{background:#f3f4f6;border:1px solid #d1d5db}.question-palette-sidebar .palette-legend .legend-item .dot.current-unattempted{background:#f3f4f6;border:2px solid #6b7280}@media(max-width:758px){.question-palette-sidebar{display:none}}.student-survey{box-shadow:0 8px 24px #0f172a0f;box-shadow:var(--card-shadow,0 8px 24px #0f172a0f);display:flex;flex-direction:column;position:relative}.student-survey .survey-question-card{background:var(--white-background);border-radius:16px;padding:24px 28px}.student-survey .survey-question-text{color:var(--light-black);font-size:16px;font-weight:600;margin-bottom:16px}.student-survey .survey-examples{background:var(--secondary-background);border-radius:12px;color:var(--text-secondary);font-size:13px;margin-bottom:16px;padding:10px 14px}.student-survey .survey-examples .label{color:var(--text-secondary);font-weight:600;margin-right:6px}.student-survey .survey-examples span:not(.label){color:var(--text-secondary)}.student-survey .survey-options{display:flex;flex-direction:column;flex-wrap:wrap;gap:12px}.student-survey .survey-option{align-items:center;background:var(--white-background);background:var(--option-bg,var(--white-background));border:1px solid var(--grey-track-color);border-radius:999px;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;padding:8px 14px}.student-survey .survey-option input{accent-color:var(--blue-fill-color)}.student-survey .survey-input{border:1px solid var(--grey-track-color);border-radius:12px;font-size:14px;min-height:86px;outline:none;padding:16px 18px;width:100%}.student-survey .survey-input:focus{border-color:--blue-fill-color;border-color:var(--accent-2,--blue-fill-color);box-shadow:0 0 0 2px #7b61ff26;box-shadow:0 0 0 2px var(--input-focus-shadow,#7b61ff26)}.student-survey .survey-actions{background-color:var(--white-background);border-radius:8px;bottom:-60px;display:flex;justify-content:center;margin-top:8px;padding:8px;position:-webkit-sticky;position:sticky;width:100%;z-index:1}.student-survey .survey-back-btn{background:var(--white-background);border:1px solid var(--grey-track-color);border-radius:999px;cursor:pointer;font-size:14px;margin-right:12px;padding:10px 18px}.student-survey .survey-back-btn:disabled{cursor:not-allowed;opacity:.5}.student-survey .survey-submit-btn{background:var(--blue-fill-color);border:none;border-radius:999px;color:var(--white-background);cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px}.student-survey .survey-submit-btn:disabled{background-color:var(--accent-2);cursor:not-allowed;opacity:.5}.survey-page-container{background-color:var(--white-background);background-color:var(--app-background,var(--white-background));display:flex;flex-direction:column;height:100dvh}.survey-page-container .survey-body{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:60px 80px}.survey-page-container .survey-body .survey-question-wrapper{display:flex;flex-direction:column;gap:16px;width:100%}.survey-page-container .survey-body .survey-question-wrapper .survey-title{background-color:var(--white-background);border-top-left-radius:16px;border-top-right-radius:16px;color:var(--light-black);font-size:20px;font-weight:600;padding:8px;position:fixed;top:0;width:calc(100% - 174px);z-index:1}.drawer-overlay{align-items:flex-end;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10001}.drawer{background:var(--bg);border-radius:16px 16px 0 0;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;height:auto;max-height:90dvh;max-width:600px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.drawer,.drawer.drawer--center{opacity:0;transform:translateY(100%)}.drawer.drawer--open{opacity:1;transform:translateY(0)}.drawer.drawer--close{opacity:0;transform:translateY(100%)}.drawer .drawer-header{align-items:flex-start;background:var(--panel-bg);border-bottom:1px solid var(--glass-border);display:flex;flex-shrink:0;gap:16px;justify-content:space-between;padding:24px}.drawer .drawer-header .drawer-header-content{flex:1 1}.drawer .drawer-header .drawer-header-content h3{color:var(--text-primary);font-size:20px;font-weight:600;margin:0 0 4px}.drawer .drawer-header .drawer-header-content .drawer-subtitle{color:var(--text-secondary);font-size:12px;font-weight:400;margin:0}.drawer .drawer-header .drawer-search{align-items:center;background:var(--bg);border:1px solid var(--glass-border);border-radius:8px;display:flex;gap:8px;min-width:200px;padding:8px 12px}.drawer .drawer-header .drawer-search .drawer-search-icon{color:var(--text-secondary);font-size:14px}.drawer .drawer-header .drawer-search .drawer-search-input{background:#0000;border:none;color:var(--text-primary);font-size:13px;outline:none;width:100%}.drawer .drawer-header .drawer-search .drawer-search-input::placeholder{color:var(--text-secondary)}.drawer .drawer-content{flex:1 1;height:100%;overflow-y:auto;padding:24px}.drawer .drawer-content .drawer-topics-grid{display:flex;flex-direction:column;gap:12px;width:100%}.drawer .drawer-content .drawer-topic-card{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:10px;overflow:hidden;transition:all .2s ease}.drawer .drawer-content .drawer-topic-card.selected,.drawer .drawer-content .drawer-topic-card:hover{border-color:var(--page-selection-active-text);box-shadow:0 4px 12px #0000000d}.drawer .drawer-content .drawer-topic-card.selected{background:var(--page-selection-active-bg)}.drawer .drawer-content .drawer-topic-card.selected .drawer-topic-title{color:var(--page-selection-active-text)!important;font-weight:700}.drawer .drawer-content .drawer-topic-card.selected .drawer-topic-subtitle{color:var(--page-selection-active-text)!important;opacity:.9}.drawer .drawer-content .drawer-topic-card.contains-selected{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text);box-shadow:0 2px 8px #1f24300f}.drawer .drawer-content .drawer-topic-card.contains-selected .drawer-topic-title{color:var(--page-selection-active-text)}.drawer .drawer-content .drawer-topic-card .drawer-topic-header{align-items:center;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;transition:background .2s ease}.drawer .drawer-content .drawer-topic-card .drawer-topic-header:hover{background:var(--page-selection-active-bg)}.drawer .drawer-content .drawer-topic-card .drawer-topic-header:hover .drawer-topic-icon,.drawer .drawer-content .drawer-topic-card .drawer-topic-header:hover .drawer-topic-title{color:var(--page-selection-active-text)}.drawer .drawer-content .drawer-topic-card .drawer-topic-header .drawer-topic-info{flex:1 1;min-width:0}.drawer .drawer-content .drawer-topic-card .drawer-topic-header .drawer-topic-info .drawer-topic-title{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.4;margin:0 0 4px}.drawer .drawer-content .drawer-topic-card .drawer-topic-header .drawer-topic-info .drawer-topic-subtitle{color:var(--text-secondary);font-size:12px;font-weight:400;margin:0}.drawer .drawer-content .drawer-topic-card .drawer-topic-header .drawer-topic-toggle{align-items:center;border-radius:4px;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:background .2s ease;width:24px}.drawer .drawer-content .drawer-topic-card .drawer-topic-header .drawer-topic-toggle:hover{background:var(--bg)}.drawer .drawer-content .drawer-topic-card .drawer-topic-header .drawer-topic-toggle .drawer-topic-icon{color:var(--text-secondary);font-size:14px;transition:transform .2s ease}.drawer .drawer-content .drawer-topic-card .drawer-topic-children{animation:slideDown .2s ease-out;background:var(--bg);border-top:1px solid var(--glass-border)}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child{align-items:center;border-bottom:1px solid var(--glass-border);cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px 16px 12px 32px;transition:all .2s ease}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child:last-child{border-bottom:none}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child:hover{background:var(--page-selection-active-bg);padding-left:36px}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child:hover .drawer-child-icon,.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child:hover .drawer-child-title{color:var(--page-selection-active-text)}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child.selected{background:var(--page-selection-active-bg)}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child.selected .drawer-child-title{color:var(--page-selection-active-text)!important;font-weight:600}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child.selected .drawer-child-icon{color:var(--page-selection-active-text)!important}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child .drawer-child-title{color:var(--text-primary);flex:1 1;font-size:13px;font-weight:500}.drawer .drawer-content .drawer-topic-card .drawer-topic-children .drawer-topic-child .drawer-child-icon{color:var(--text-secondary);font-size:12px;transition:transform .2s ease}.drawer .drawer-content .drawer-empty{color:var(--text-secondary);font-size:13px;padding:40px 20px;text-align:center}.drawer .drawer-footer{align-items:center;background:var(--panel-bg);border-top:1px solid var(--glass-border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 24px}.drawer .drawer-footer .drawer-footer-left{align-items:center;display:flex;gap:10px}.drawer .drawer-footer .drawer-footer-left .drawer-footer-icon{color:var(--page-selection-active-text);font-size:18px}.drawer .drawer-footer .drawer-footer-left .drawer-footer-course{color:var(--text-primary);font-size:13px;font-weight:600}.drawer .drawer-footer .drawer-footer-right{align-items:center;background:var(--bg);border:1px solid var(--glass-border);border-radius:6px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.drawer .drawer-footer .drawer-footer-right:hover{background:var(--page-selection-active-bg);border-color:var(--page-selection-active-text)}.drawer .drawer-footer .drawer-footer-right .drawer-footer-subject{color:var(--text-primary);font-size:12px;font-weight:500}.drawer .drawer-footer .drawer-footer-right .drawer-footer-arrow{color:var(--text-secondary);font-size:12px}.drawer-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.drawer-close:hover{background:var(--glass-border);color:var(--text-primary)}@media(max-width:768px){.drawer{border-radius:16px 16px 0 0;height:auto;max-height:90dvh;width:95%}.drawer .drawer-header{align-items:stretch;flex-direction:column;position:relative}.drawer .drawer-header .drawer-header-content .drawer-subtitle{display:none}.drawer .drawer-header .drawer-search{min-width:auto}.drawer .drawer-close{position:absolute;right:15px;top:10px}}@media(max-width:620px){.drawer{margin:0 8px;width:95%}.drawer .drawer-content{padding:16px}.drawer .drawer-footer,.drawer .drawer-header{padding:12px 16px}}.adaptive-card{background:#fff;border:1px solid #dbe4e6;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:12px;justify-content:space-between;padding:18px;transition:all .3s ease}.adaptive-card:hover{box-shadow:0 6px 16px #0000001f}.adaptive-card.inactive{opacity:.6}.adaptive-card .card-breadcrumb{background:#00000008;border-radius:8px;color:#10b981;font-size:12px;padding:5px}.adaptive-card .card-badges{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.adaptive-card .card-topic-badge{align-items:center;background:#fff;border:1px solid #10b981;border-radius:16px;color:#10b981;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px;transition:all .2s ease}.adaptive-card .card-topic-badge:hover{background:#10b9810d}.adaptive-card .card-completed-badge{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 2px 8px #10b98140;color:#fff;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.adaptive-card .card-completed-badge svg{flex-shrink:0}.adaptive-card .card-completed-badge:hover{box-shadow:0 4px 12px #10b98159}.adaptive-card .card-not-completed-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#b91c1c);border-radius:16px;box-shadow:0 2px 8px #ef444440;color:#fff;display:inline-flex;font-size:11px;font-weight:600;padding:4px 10px}.adaptive-card .card-not-completed-badge svg{flex-shrink:0}.adaptive-card .card-not-completed-badge:hover{box-shadow:0 4px 12px #ef444459}.adaptive-card .card-title{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1e1e1e;display:-webkit-box;font-size:14px;font-weight:400;line-height:19px;overflow:hidden;text-align:left;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-overflow:ellipsis;text-underline-position:from-font}.adaptive-card .card-footer{align-items:center;display:flex;justify-content:space-between}.adaptive-card .card-footer .card-status{color:#f59e0b;font-size:14px;font-weight:500;text-transform:uppercase}.adaptive-card .card-footer .card-status.active{color:#10b981}.adaptive-card .card-footer .card-cta{color:#10b981;cursor:pointer;font-size:14px;font-weight:600;transition:color .2s ease}.adaptive-card .card-footer .card-cta:hover{color:#059669}.adaptive-card .card-footer .card-cta.inactive{cursor:not-allowed;opacity:.6}.adaptive-card .card-footer .card-cta.inactive:hover{color:#10b981}.adaptive-learning{background-color:var(--secondaryBackgroundColor)}.adaptive-learning .adaptive-learning-content{height:calc(100dvh - 60px);margin:0 auto;max-width:100%;overflow-y:auto;padding:0}@media(max-width:768px){.adaptive-learning .adaptive-learning-content{height:calc(100dvh - 64px)}}.adaptive-learning .adaptive-learning-content .adaptive-cards-container{grid-gap:20px;display:grid;gap:20px;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding:24px;width:100%}.adaptive-learning-detail{align-items:center;display:flex;flex-direction:column;padding:32px 16px 48px;width:100%}.adaptive-learning-detail .adaptive-detail-breadcrumb{color:#6b7280;font-size:14px;margin-bottom:12px;max-width:1100px;width:100%}.adaptive-learning-detail .adaptive-detail-toggle{display:flex;gap:8px;margin-bottom:16px}.adaptive-learning-detail .adaptive-detail-toggle button{background:#0000;border:1px solid var(--primaryColor);border-radius:999px;color:var(--primaryColor);cursor:pointer;flex:1 1;font-weight:600;padding:10px 20px}.adaptive-learning-detail .adaptive-detail-toggle button.active{background:var(--primaryColor);color:#fff}.adaptive-learning-detail .adaptive-detail-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;max-width:1100px;width:100%}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0f172a14;display:flex;flex:1 1;flex-direction:column;max-width:500px;min-width:300px;transition:box-shadow .2s ease}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card.active{box-shadow:0 10px 30px #10b98140}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card__header{border-bottom:1px solid #e5e7eb;font-size:18px;font-weight:600;padding:20px}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card__body{color:#374151;flex:1 1;font-size:14px;padding:20px}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card__body ul{color:#1f2937;margin:12px 0;padding-left:20px}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card__body li{margin-bottom:8px}.adaptive-learning-detail .adaptive-detail-cards .adaptive-detail-card .adaptive-detail-start-test{background:var(--primaryColor);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:16px;padding:10px 0;width:100%}.adaptive-learning-content-view{height:calc(100dvh - 80px);max-width:100%;overflow-y:auto}.adaptive-learning-content-view .content-container,.adaptive-learning-content-view .test-results-container{height:calc(100% - 48px)}.adaptive-learning-content-view .content-card,.adaptive-learning-content-view .test-card{border-radius:8px}.adaptive-learning-content-view .content-area{min-height:300px;padding:16px}.adaptive-learning-content-view .test-preview{display:flex;flex-direction:column;height:100%;padding:16px}.adaptive-learning-content-view .test-preview button{margin-top:auto}@media(max-width:1024px){.adaptive-learning .adaptive-learning-content .adaptive-cards-container{grid-template-columns:repeat(auto-fill,minmax(30%,1fr))}}@media(max-width:768px){.adaptive-learning-content-view .content-container{padding:0!important}.adaptive-learning .adaptive-learning-content .adaptive-cards-container{grid-template-columns:repeat(auto-fill,minmax(45%,1fr))}}@media(max-width:576px){.adaptive-learning .adaptive-learning-content .adaptive-cards-container{grid-template-columns:1fr}}.adaptive-learning-content-view{background-color:var(--secondaryBackgroundColor);margin:0 auto;max-width:1200px;min-height:calc(100dvh - 98px);padding:24px 16px}@media(max-width:768px){.adaptive-learning-content-view{height:calc(100dvh - 64px);padding:16px 12px}}.adaptive-learning-content-view .adaptive-content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px;padding:0 4px}.adaptive-learning-content-view .adaptive-content-header .header-left{align-items:center;display:flex;gap:16px}.adaptive-learning-content-view .adaptive-content-header .back-button{cursor:pointer;height:24px}.adaptive-learning-content-view .adaptive-content-header .path-breadcrumbs{align-items:center;color:#374151;display:flex;font-size:15px;font-weight:600;gap:4px;line-height:1.4}.adaptive-learning-content-view .adaptive-content-header .path-breadcrumbs .active-path{color:#10b981;font-weight:600}.adaptive-learning-content-view .adaptive-content-header .adaptive-content-title{color:#111827;font-size:20px;font-weight:700;margin:0}.adaptive-learning-content-view .adaptive-content-footer{border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start;margin-top:32px;padding:24px 0}.adaptive-learning-content-view .adaptive-content-footer .footer-back-button{background:#10b981;border:none;border-radius:8px;box-shadow:0 4px 12px #10b98133;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:10px 28px;transition:all .2s ease}.adaptive-learning-content-view .adaptive-content-footer .footer-back-button:hover{background:#059669;box-shadow:0 6px 16px #10b9814d;transform:translateY(-1px)}.adaptive-learning-content-view .adaptive-content-footer .footer-back-button:active{transform:translateY(0)}.adaptive-learning-content-view .adaptive-content-cards{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}@media(max-width:768px){.adaptive-learning-content-view .adaptive-content-cards{flex-direction:column}}.adaptive-learning-content-view .adaptive-card--wide{flex:1 1}.adaptive-learning-content-view .adaptive-content-body{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 30px #0f172a14;padding:20px}.gamification-container{height:calc(100dvh - 64px);margin:0 auto;max-width:1200px;overflow-y:auto;padding:1rem}.gamification-container .gamification-header{margin-bottom:1rem;text-align:center}.gamification-container .gamification-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary),var(--accent-3));-webkit-background-clip:text;background-clip:text;color:var(--color-text-dark);font-size:1.6rem;font-weight:700}.gamification-container .gamification-header p{color:var(--color-text-light);font-size:.95rem;margin-top:.2rem}.gamification-container .game-types-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.gamification-container .game-card{align-items:center;background:var(--white-background);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 10px 30px #0000000d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.gamification-container .game-card:hover{border-color:var(--color-primary);box-shadow:0 20px 40px #0000001a}.gamification-container .game-card:hover .icon-wrapper{background:var(--color-primary);color:#fff}.gamification-container .game-card .icon-wrapper{align-items:center;background:var(--color-hover);border-radius:16px;color:var(--color-primary);display:flex;height:64px;justify-content:center;margin-bottom:1rem;transition:all .4s ease;width:64px}.gamification-container .game-card .icon-wrapper svg{font-size:32px}.gamification-container .game-card h2{color:var(--color-text-dark);font-size:1.25rem;margin-bottom:.6rem}.gamification-container .game-card p{color:var(--color-text-light);font-size:.88rem;line-height:1.5}.gamification-container .game-card .card-footer{display:flex;justify-content:center;margin-top:auto;padding-top:1.2rem;width:100%}.gamification-container .game-card .card-footer .play-btn{align-items:center;background:var(--color-primary);border:none;border-radius:12px;color:#fff;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .3s ease}.gamification-container .game-card .card-footer .play-btn:hover{background:var(--accent-2);transform:scale(1.05)}.gamification-container .game-card.mastery .icon-wrapper{background:#6366f11a;color:#6366f1}.gamification-container .game-card.mastery:hover .icon-wrapper{background:#6366f1;color:#fff}.gamification-container .game-card.speed .icon-wrapper{background:#f59e0b1a;color:#f59e0b}.gamification-container .game-card.speed:hover .icon-wrapper{background:#f59e0b;color:#fff}.gamification-container .game-card.math .icon-wrapper{background:#ef44441a;color:#ef4444}.gamification-container .game-card.math:hover .icon-wrapper{background:#ef4444;color:#fff}.gamification-container .game-card.aptitude .icon-wrapper{background:#8b5cf61a;color:#8b5cf6}.gamification-container .game-card.aptitude:hover .icon-wrapper{background:#8b5cf6;color:#fff}.gamification-container .game-card.knowledge_speed .icon-wrapper{background:#06b6d41a;color:#06b6d4}.gamification-container .game-card.knowledge_speed:hover .icon-wrapper{background:#06b6d4;color:#fff}.game-list-container{height:calc(100dvh - 64px);margin:0 auto;max-width:1200px;padding:1rem}.game-list-container .list-header{align-items:center;display:flex;gap:1rem;justify-content:space-between}.game-list-container .list-header .header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;width:100%}@media(max-width:768px){.game-list-container .list-header .header-left{align-items:flex-start}.game-list-container .list-header .header-left .header-left-back-div{padding-top:4px}}.game-list-container .list-header .header-left .back-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#475569;cursor:pointer;display:flex;font-weight:700;gap:.6rem;padding:.6rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.game-list-container .list-header .header-left .back-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;color:#3b82f6}.game-list-container .list-header .header-left .back-btn svg{font-size:18px}.game-list-container .list-header .header-left h1{color:var(--color-text-dark);font-size:24px;font-weight:800;margin:0}@media(max-width:768px){.game-list-container .list-header .header-left h1{font-size:20px;white-space:normal;width:auto}}.game-list-container .list-header .header-left .title-group{align-items:center;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:20px}@media(max-width:768px){.game-list-container .list-header .header-left .title-group{gap:2px;justify-content:space-between;width:100%}}.game-list-container .list-header .header-left .title-group .header-stats{display:flex;gap:1.2rem;justify-content:flex-end;margin-left:auto;margin-top:.3rem}@media(max-width:768px){.game-list-container .list-header .header-left .title-group .header-stats{gap:10px;justify-content:flex-end;margin-top:5px;width:100%}}.game-list-container .list-header .header-left .title-group .header-stats .filter-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:12px}@media(max-width:768px){.game-list-container .list-header .header-left .title-group .header-stats .filter-wrapper{justify-content:flex-end;width:100%}}.game-list-container .list-header .header-left .stat-pill{align-items:center;background:#0000000a;border:1px solid var(--border-grey);border-radius:100px;color:var(--color-text-light);display:flex;font-size:.88rem;font-weight:600;padding:.2rem .8rem;white-space:nowrap}.game-list-container .list-header .header-left .stat-pill strong{color:var(--color-primary);font-size:1rem;font-weight:800;margin-left:.4rem}.game-list-container .tests-grid-wrapper{height:calc(100% - 40px);overflow-y:auto}.game-list-container .difficulty-tabs{background:#00000008;border:1px solid var(--border-grey);border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;padding:.25rem}.game-list-container .difficulty-tabs .difficulty-tab{background:#0000;border:none;border-radius:8px;color:var(--color-text-light);cursor:pointer;font-size:.9rem;font-weight:600;padding:.5rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.game-list-container .difficulty-tabs .difficulty-tab:hover{background:#0000000d;color:var(--color-text-dark)}.game-list-container .difficulty-tabs .difficulty-tab.active{background:var(--color-primary);box-shadow:0 2px 8px #10b98133;color:#fff}.game-list-container .difficulty-tabs .difficulty-tab.active:hover{background:var(--accent-2);box-shadow:0 4px 12px #10b9814d}.game-list-container .tests-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));padding:.5rem}.game-list-container .create-test-btn{align-items:center;background:var(--color-primary);border:none;border-radius:10px;box-shadow:0 10px 20px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:.92rem;font-weight:700;gap:.6rem;padding:.6rem 1.4rem;transition:all .3s ease;white-space:nowrap}.game-list-container .create-test-btn:hover{background:var(--accent-2);box-shadow:0 15px 25px #10b9814d}.game-list-container .create-test-btn svg{font-size:22px}.game-list-container .create-test-btn:disabled{background:var(--disabled-grey);box-shadow:none;transform:none}.game-list-container .test-list-card{background:var(--white-background);border:1px solid var(--border-grey);border-radius:16px;display:flex;flex-direction:column;height:130px;justify-content:space-between;overflow:hidden;padding:1rem;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.game-list-container .test-list-card.mastery{height:154px}.game-list-container .test-list-card:hover{border-color:var(--color-primary);box-shadow:0 20px 40px #00000014}.game-list-container .test-list-card .test-info .test-header-info{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:6px}.game-list-container .test-list-card .test-info .test-header-info h3{color:var(--color-text-dark);font-size:1.1rem;font-weight:800;line-height:1.2;margin:0!important;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-list-container .test-list-card .test-info .test-header-info .topic-badge{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:2px 10px;text-transform:uppercase}.game-list-container .test-list-card .test-info .created-date{color:var(--color-text-light);display:block;font-size:.75rem;font-weight:500}.game-list-container .test-list-card .start-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 4px 10px #10b9811f;color:#fff;cursor:pointer;font-size:.88rem;font-weight:700;letter-spacing:.2px;padding:.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);width:100%}.game-list-container .test-list-card .start-btn:hover{box-shadow:0 12px 25px #10b98159;filter:brightness(1.1)}.game-list-container .tests-container-empty{align-items:center;display:flex;grid-column:1/-1;justify-content:center;min-height:400px;width:100%}.game-list-container .no-data-simple{color:var(--color-text-light);text-align:center}.game-list-container .no-data-simple svg{color:var(--color-primary);font-size:60px;margin-bottom:1rem;opacity:.2}.game-list-container .no-data-simple p{font-size:1.1rem}.game-list-container .create-test-card-dashed{align-items:center;background:#fff;border:2px dashed #cfd8e3;border-radius:40px;cursor:pointer;display:flex;flex-direction:column;height:400px;justify-content:center;margin:2rem auto;max-width:800px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:90%}.game-list-container .create-test-card-dashed:hover{border-color:#10b981;box-shadow:0 10px 30px #00000008}.game-list-container .create-test-card-dashed:hover .plus-icon{color:#10b981}.game-list-container .create-test-card-dashed:hover .create-test-btn{box-shadow:0 20px 35px #10b98166;transform:translateY(-2px)}.game-list-container .create-test-card-dashed .card-content{align-items:center;display:flex;flex-direction:column;gap:1.2rem;text-align:center}.game-list-container .create-test-card-dashed .card-content .plus-icon{color:#e2e8f0;margin-bottom:.5rem;transition:all .4s ease}.game-list-container .create-test-card-dashed .card-content .create-test-btn{background:var(--color-primary);border:none;border-radius:12px;box-shadow:0 10px 20px #10b98133;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-bottom:1rem;padding:.8rem 2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.game-list-container .create-test-card-dashed .card-content .create-test-btn:hover{background:var(--accent-2);box-shadow:0 15px 30px #10b9814d}.game-list-container .create-test-card-dashed .card-content .create-test-btn:disabled{background:var(--disabled-grey);box-shadow:none;cursor:not-allowed;transform:none}.game-list-container .create-test-card-dashed .card-content .empty-title{color:#1f2430;font-size:1.8rem;font-weight:800;margin:0}.game-list-container .create-test-card-dashed .card-content .empty-subtitle{color:#64748b;font-size:1.1rem;margin:0}.game-list-container .create-test-card-dashed .label{bottom:30px;color:#1f2430;font-size:1.1rem;font-weight:700;position:absolute;right:40px}.create-game-container{background:#fff;border-radius:20px;display:flex;flex-direction:column;height:520px;max-height:90dvh;max-width:95vw;overflow:hidden;width:500px}.create-game-container .popup-content{flex:1 1;overflow-y:auto}.create-game-container .node-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-game-container .popup-actions{gap:16px;padding:20px 0}.create-game-container .popup-actions .popup-cancel-button{background-color:#0000!important;border:1px solid #e2e8f0!important;border-radius:22px;color:#64748b!important;font-size:.95rem;font-weight:600;min-width:120px;padding:10px 30px;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-game-container .popup-actions .popup-cancel-button:hover{background:#f1f5f9!important;border-color:#cbd5e1!important;color:#334155!important}.create-game-container .popup-actions .popup-submit-button{background-color:#10b981!important;background-color:var(--color-primary,#10b981)!important;border-radius:22px;box-shadow:0 4px 14px 0 #10b98163;color:#fff!important;font-size:.95rem;font-weight:700;min-width:140px;padding:10px 30px;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.create-game-container .popup-actions .popup-submit-button:disabled{background-color:#e0e4eb!important;box-shadow:none!important;color:#9ca3af!important;cursor:not-allowed}.create-game-container .popup-actions .popup-submit-button:hover{background-color:#0c8f66!important;background-color:var(--accent-2,#0c8f66)!important;box-shadow:0 8px 25px 0 #10b98180}.hierarchy-container .hierarchy-node{margin-bottom:.5rem}.hierarchy-container .hierarchy-node .node-row{align-items:center;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:.8rem 1rem;transition:all .2s ease}.hierarchy-container .hierarchy-node .node-row:hover{background:var(--color-hover)}.hierarchy-container .hierarchy-node .node-row .node-left{align-items:center;color:var(--color-text-dark);display:flex;gap:.5rem}.hierarchy-container .hierarchy-node .node-row .node-left svg{color:var(--color-gray);font-size:20px}.hierarchy-container .hierarchy-node .node-row .node-label{font-weight:500}.hierarchy-container .hierarchy-node .node-row .node-label.subject{font-size:1.1rem;font-weight:700}.hierarchy-container .hierarchy-node .node-row .node-label.topic{font-weight:600}.hierarchy-container .hierarchy-node .node-row .node-label.subtopic{color:var(--color-text-light)}.hierarchy-container .hierarchy-node .node-row.subtopic{padding-left:3rem}.hierarchy-container .hierarchy-node .node-children{border-left:1px dashed var(--border-grey);margin-left:1.5rem;padding-left:.5rem}.dialog-actions{border-top:1px solid var(--border-grey);padding:1.5rem 2rem}.dialog-actions .cancel-button{color:var(--color-text-light)}.dialog-actions .create-button{background:var(--color-primary);border-radius:10px;color:#fff;font-weight:600;padding:.6rem 2rem}.dialog-actions .create-button:hover{background:var(--accent-2)}.dialog-actions .create-button:disabled{background:var(--disabled-grey)}.common-popup-container .hierarchy-container{padding:.5rem 0}.common-popup-container .hierarchy-container .hierarchy-node{margin-bottom:.4rem}.common-popup-container .hierarchy-container .hierarchy-node .node-row{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:.6rem .8rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.common-popup-container .hierarchy-container .hierarchy-node .node-row:hover{background:var(--color-hover);border-color:#10b9811a}.common-popup-container .hierarchy-container .hierarchy-node .node-row .node-left{align-items:center;color:var(--color-text-dark);display:flex;flex:1 1;gap:.75rem}.common-popup-container .hierarchy-container .hierarchy-node .node-row .node-left svg{color:var(--color-gray);font-size:20px;transition:color .2s ease}.common-popup-container .hierarchy-container .hierarchy-node .node-row .node-label{color:var(--color-text-dark);font-size:.95rem;font-weight:500}.common-popup-container .hierarchy-container .hierarchy-node .node-row .node-label.subject{font-size:1.05rem;font-weight:700}.common-popup-container .hierarchy-container .hierarchy-node .node-row .node-label.topic{font-size:.95rem;font-weight:600}.common-popup-container .hierarchy-container .hierarchy-node .node-row .node-label.subtopic{color:var(--color-text-light);font-weight:500}.common-popup-container .hierarchy-container .hierarchy-node .node-row.subtopic{padding-left:2.5rem}.common-popup-container .hierarchy-container .hierarchy-node .node-row .MuiRadio-root{margin-left:8px;padding:4px}.common-popup-container .hierarchy-container .hierarchy-node .node-children{border-left:1px dashed var(--border-grey);margin-bottom:.4rem;margin-left:1.2rem;margin-top:.2rem;padding-left:.5rem}.game-test-modal .modal-box{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:480px;outline:none;overflow:hidden;position:relative;width:650px}.game-test-modal .modal-box .times-up-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#ffffffe6;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.game-test-modal .modal-box .times-up-overlay .times-up-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.game-test-modal .modal-box .times-up-overlay .times-up-content .shaking-alarm{align-items:center;animation:shake .5s infinite;color:#ef4444;display:flex;font-size:5rem;justify-content:center}.game-test-modal .modal-box .times-up-overlay .times-up-content .shaking-alarm svg{font-size:5rem}.game-test-modal .modal-box .times-up-overlay .times-up-content .times-up-text{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);color:#ef4444;font-weight:900;letter-spacing:2px}.game-test-modal .modal-box .close-btn{background:#0000000d;position:absolute;right:.8rem;top:.8rem;z-index:10}.game-test-modal .modal-box .close-btn:hover{background:#0000001a}.game-test-modal .modal-box .close-btn{padding:4px}.game-test-modal .modal-box .close-btn svg{font-size:1.2rem}.game-test-modal .game-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:1rem 2rem}.game-test-modal .preview-screen{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;text-align:center}.game-test-modal .preview-screen h4{color:var(--color-text-dark);font-size:1.8rem;font-weight:800}.game-test-modal .preview-screen .game-info-pills{display:flex;gap:1.5rem}.game-test-modal .preview-screen .game-info-pills .pill{align-items:center;background:var(--secondary-background);border-radius:100px;color:var(--color-text-light);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1.2rem}.game-test-modal .preview-screen .game-info-pills .pill svg{color:var(--color-primary)}.game-test-modal .preview-screen .start-btn{background:var(--color-primary);border-radius:12px;box-shadow:0 6px 15px #10b98133;font-size:1.1rem;font-weight:800;padding:.8rem 3rem;transition:all .3s ease}.game-test-modal .preview-screen .start-btn:hover{background:var(--accent-2);transform:scale(1.05)}.game-test-modal .playing-screen{display:flex;flex-direction:column;height:100%;overflow:hidden}.game-test-modal .playing-screen .game-header{align-items:center;background:#fff;border-bottom:1px solid var(--border-grey);display:flex;justify-content:space-between;margin:-1.5rem -2rem 1.2rem;padding:.5rem 3rem 1.25rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.game-test-modal .playing-screen .game-header .progress-container{flex:1 1;max-width:250px}.game-test-modal .playing-screen .game-header .progress-container p{color:var(--color-text-light);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.game-test-modal .playing-screen .game-header .progress-container .game-progress{background:var(--secondary-background);border-radius:2px;height:4px}.game-test-modal .playing-screen .game-header .progress-container .game-progress .MuiLinearProgress-bar{background:var(--color-primary)}.game-test-modal .playing-screen .game-header .timer-circle{align-items:center;border:2.5px solid var(--color-primary);border-radius:50%;display:flex;height:56px;justify-content:center;transition:all .3s ease;width:56px}.game-test-modal .playing-screen .game-header .timer-circle h5{color:var(--color-primary);font-size:1.2rem;font-weight:800}.game-test-modal .playing-screen .game-header .timer-circle.critical{animation:pulse-red 1s infinite;border-color:var(--color-danger)}.game-test-modal .playing-screen .game-header .timer-circle.critical h5{color:var(--color-danger)}.game-test-modal .playing-screen .question-area{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.2rem;margin-bottom:1rem;overflow-y:auto;padding:1rem}.game-test-modal .playing-screen .question-area .question-text{color:var(--color-text-dark);font-size:1.3rem;font-weight:700;letter-spacing:-.2px;line-height:1.5;margin:0;max-width:92%;text-align:center}.game-test-modal .playing-screen .question-area .options-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.game-test-modal .playing-screen .question-area .options-grid .option-button{align-items:center;background:#fff;border:1.5px solid var(--border-grey);border-radius:10px;cursor:pointer;display:flex;gap:.7rem;padding:.75rem 1rem;transition:all .2s ease}.game-test-modal .playing-screen .question-area .options-grid .option-button:hover{background:var(--color-hover);border-color:var(--color-primary)}.game-test-modal .playing-screen .question-area .options-grid .option-button.selected{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.game-test-modal .playing-screen .question-area .options-grid .option-button.selected .key{background:#fff3;color:#fff}.game-test-modal .playing-screen .question-area .options-grid .option-button.selected .value{color:#fff}.game-test-modal .playing-screen .question-area .options-grid .option-button.correct{animation:pulse-green .4s ease;background:#d1fae5;border-color:#10b981;color:#064e3b;transform:scale(1.02)}.game-test-modal .playing-screen .question-area .options-grid .option-button.correct .key{background:#10b981;color:#fff}.game-test-modal .playing-screen .question-area .options-grid .option-button.correct .value{color:#064e3b}.game-test-modal .playing-screen .question-area .options-grid .option-button.wrong{animation:shake .4s ease;background:#fee2e2;border-color:#ef4444;color:#7f1d1d}.game-test-modal .playing-screen .question-area .options-grid .option-button.wrong .key{background:#ef4444;color:#fff}.game-test-modal .playing-screen .question-area .options-grid .option-button.wrong .value{color:#7f1d1d}.game-test-modal .playing-screen .question-area .options-grid .option-button .key{align-items:center;background:var(--secondary-background);border-radius:8px;color:var(--color-text-light);display:flex;font-size:.85rem;font-weight:800;height:28px;justify-content:center;width:28px}.game-test-modal .playing-screen .question-area .options-grid .option-button .value{color:var(--color-text-dark);flex:1 1;font-size:.88rem;font-weight:600;line-height:1.4}.game-test-modal .playing-screen .question-area .question-hidden-placeholder,.game-test-modal .playing-screen .question-area .speed-test-message{background:var(--color-hover);border:1.5px dashed var(--color-primary);border-radius:12px;color:var(--color-primary);padding:1rem;text-align:center;width:100%}.game-test-modal .playing-screen .question-area .question-hidden-placeholder h6,.game-test-modal .playing-screen .question-area .speed-test-message h6{font-size:.9rem}.game-test-modal .playing-screen .game-navigation{align-items:center;background:#fff;border-top:1px solid var(--border-grey);display:flex;justify-content:space-between;margin-top:auto;padding-top:1rem}.game-test-modal .playing-screen .game-navigation.single-q{justify-content:center}.game-test-modal .playing-screen .game-navigation .nav-btn{color:var(--color-text-light);font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.game-test-modal .playing-screen .game-navigation .nav-btn:hover{color:var(--color-primary)}.game-test-modal .playing-screen .game-navigation .nav-btn.reading-phase-disabled{cursor:not-allowed;filter:grayscale(1);opacity:.5}.game-test-modal .playing-screen .game-navigation .submit-btn{background:var(--color-primary);border-radius:10px;color:#fff!important;font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:.6rem 2rem;text-transform:uppercase;transition:all .3s ease}.game-test-modal .playing-screen .game-navigation .submit-btn:hover{background:var(--accent-2)}.game-test-modal .playing-screen .game-navigation .submit-btn.reading-phase-disabled{background:var(--disabled-grey)!important;box-shadow:none!important;color:var(--color-text-light)!important;cursor:not-allowed;filter:saturate(.5);opacity:.7}.game-test-modal .loader-container{align-items:center;display:flex;flex-direction:column;gap:1rem;height:400px;justify-content:center}.game-content{overflow:hidden;padding:1rem 2rem}.game-content,.results-screen{display:flex;flex:1 1;flex-direction:column}.results-screen{align-items:center;animation:fadeIn .5s ease-out;justify-content:space-evenly;padding:.5rem 0;text-align:center}.results-screen .trophy-icon{animation:float 3s ease-in-out infinite;font-size:3.2rem;margin:0}.results-screen h4{font-size:1.8rem;font-weight:900;letter-spacing:-.5px}.results-screen .score-display{margin:16px 0}.results-screen .score-display .score-circle{align-items:center;border-radius:50%;color:#fff;display:flex;flex-direction:column;height:160px;justify-content:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:160px}.results-screen .score-display .score-circle h3{font-size:3rem;font-weight:900;line-height:1;margin:0}.results-screen .score-display .score-circle p{font-size:1.1rem;font-weight:600;margin:0;opacity:.9}.results-screen .score-display .score-circle:hover{transform:scale(1.05)}.results-screen .percentage-text{font-size:1.2rem;font-weight:700;margin-top:.5rem}.results-screen.poor h4{color:#ef4444}.results-screen.poor .score-circle{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:0 15px 30px #ef44444d}.results-screen.poor .percentage-text{color:#b91c1c}.results-screen.average h4{color:#f59e0b}.results-screen.average .score-circle{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 15px 30px #f59e0b4d}.results-screen.average .percentage-text{color:#d97706}.results-screen.excellent h4{color:#10b981}.results-screen.excellent .score-circle{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 15px 30px #10b9814d}.results-screen.excellent .percentage-text{color:#059669}.results-screen .on-close-btn{background:#1f2937;border-radius:12px;color:#fff;font-weight:800;letter-spacing:1px;margin:0;padding:.7rem 3rem;text-transform:uppercase;transition:all .3s ease}.results-screen .on-close-btn:hover{background:#000;box-shadow:0 5px 15px #0003}.modal-box{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;height:480px;outline:none;overflow:hidden;position:relative;width:650px}.modal-box .times-up-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#ffffffe6;display:flex;inset:0;justify-content:center;position:absolute;z-index:100}.modal-box .times-up-overlay .times-up-content{align-items:center;display:flex;flex-direction:column;gap:1rem;text-align:center}.modal-box .times-up-overlay .times-up-content .shaking-alarm{align-items:center;animation:shake .5s infinite;color:#ef4444;display:flex;font-size:5rem;justify-content:center}.modal-box .times-up-overlay .times-up-content .shaking-alarm svg{font-size:5rem}.modal-box .times-up-overlay .times-up-content .times-up-text{animation:popIn .5s cubic-bezier(.175,.885,.32,1.275);color:#ef4444;font-weight:900;letter-spacing:2px}.modal-box .close-btn{background:#0000000d;position:absolute;right:.8rem;top:.8rem;z-index:10}.modal-box .close-btn:hover{background:#0000001a}.modal-box .close-btn{padding:4px}.modal-box .close-btn svg{font-size:1.2rem}.game-test-modal{align-items:center;display:flex;justify-content:center}@keyframes pulse-gold{0%{filter:drop-shadow(0 0 0 rgba(251,191,36,0));transform:scale(1)}50%{filter:drop-shadow(0 0 8px rgba(251,191,36,.6));transform:scale(1.2)}to{filter:drop-shadow(0 0 0 rgba(251,191,36,0));transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-green{0%{box-shadow:0 0 0 0 #10b98166;transform:scale(1)}70%{box-shadow:0 0 0 10px #10b98100;transform:scale(1.05)}to{box-shadow:0 0 0 0 #10b98100;transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.math-sprint-setup{animation:fadeIn .8s cubic-bezier(.16,1,.3,1);background:#0000;display:flex;justify-content:flex-start;padding:1rem}.math-sprint-setup .setup-container{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 10px 40px #0000000a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;width:100%}.math-sprint-setup .setup-container .setup-header{border-bottom:2px solid #f1f5f9;padding-bottom:1rem;text-align:left}.math-sprint-setup .setup-container .setup-header p{color:#64748b;font-size:1.05rem;font-weight:500;line-height:1.5;margin:0}.math-sprint-setup .setup-container .setup-content-grid{grid-gap:1rem;display:grid;gap:1rem}@media(max-width:768px){.math-sprint-setup .setup-container .setup-content-grid{grid-template-columns:1fr}}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card{display:flex;flex-direction:column;gap:.8rem}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card.full-span{grid-column:1/-1}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .section-label{align-items:center;color:#1e293b;display:flex;gap:.6rem}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .section-label svg{color:#10b981;font-size:20px}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .section-label h3{color:#334155;font-size:1.1rem;font-weight:800;margin:0}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .button-group-pills{display:flex;flex-wrap:wrap;gap:.8rem}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .button-group-pills .pill-btn{background:#f8fafc;border:2px solid #f1f5f9;border-radius:12px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:700;min-width:80px;padding:.5rem 1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .button-group-pills .pill-btn:hover{background:#fff;border-color:#10b981;box-shadow:0 4px 12px #10b98114;color:#10b981}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .button-group-pills .pill-btn.active{background:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b98133;color:#fff}.math-sprint-setup .setup-container .setup-content-grid .setup-section-card .button-group-pills.topics-row .pill-btn{flex:initial;font-size:.85rem;min-width:140px;padding:.4rem 1.2rem}.math-sprint-setup .setup-container .setup-footer-action{display:flex;justify-content:center;margin-top:.5rem}.math-sprint-setup .setup-container .setup-footer-action .launch-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 10px 25px #10b98133;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:800;gap:1rem;letter-spacing:.5px;padding:.8rem 4rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.math-sprint-setup .setup-container .setup-footer-action .launch-btn svg{animation:pulse-gold 2s infinite;color:#fbbf24;font-size:24px}.math-sprint-setup .setup-container .setup-footer-action .launch-btn:hover{box-shadow:0 15px 30px #10b98140;filter:brightness(1.1)}@keyframes pulse-red{0%{box-shadow:0 0 0 0 #ef444466;transform:scale(1)}70%{box-shadow:0 0 0 10px #ef444400;transform:scale(1.05)}to{box-shadow:0 0 0 0 #ef444400;transform:scale(1)}}@keyframes popIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.flash-card-modal{align-items:center;display:flex;justify-content:center}.flash-card-modal .flash-card-box{background:#0000!important;border-radius:24px;box-shadow:none;display:flex;flex-direction:column;height:600px;outline:none;overflow:visible;padding:0;position:relative;width:350px}.flash-card-modal .flash-card-box[style*="width: 700px"]{width:700px!important}.flash-card-modal .flashcards-results-card{animation:fadeIn .5s ease-out;background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 10px 40px #0000001f;display:flex;flex-direction:column;height:100%;max-height:80dvh;max-width:500px;overflow:hidden;position:relative;width:100%}.flash-card-modal .flashcards-results-card .results-screen{height:100%;padding:2rem}.flash-card-modal .card-inner-close{background:#f1f5f9;color:#64748b;position:absolute;right:1rem;top:1rem;transition:all .3s ease;z-index:20}.flash-card-modal .card-inner-close:hover{background:#e2e8f0;color:#334155}.flash-card-modal .flash-game-container{align-items:center;background:#0000;display:flex;flex-direction:column;height:100%;justify-content:center;padding:1rem;position:relative;width:100%}.flash-card-modal .card-inner-progress{color:#94a3b8;font-size:.85rem;font-weight:700;left:1.5rem;letter-spacing:.5px;position:absolute;text-transform:uppercase;top:1.2rem;z-index:10}.flash-card-modal .card-stack{align-items:center;display:flex;flex:1 1;justify-content:center;perspective:1000px;position:relative;width:100%}.flash-card-modal .flash-card-container{cursor:grab;height:100%;max-width:500px;width:100%}.flash-card-modal .flash-card-container:active{cursor:grabbing}.flash-card-modal .flash-card-inner{background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000001a;height:100%;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s;width:100%}.flash-card-modal .flash-card-inner.flipped{transform:rotateY(180deg)}.flash-card-modal .flash-card-back,.flash-card-modal .flash-card-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid var(--border-grey);border-radius:20px;display:flex;flex-direction:column;height:100%;justify-content:center;padding:2rem;position:absolute;width:100%}.flash-card-modal .flash-card-front{background-color:#fff;color:var(--color-text-dark)}.flash-card-modal .flash-card-back{background-color:#f0fdf4;border-color:#bbf7d0;color:#15803d;transform:rotateY(180deg)}.flash-card-modal .card-content-text{font-weight:700;line-height:1.4;margin-bottom:1rem}.flash-card-modal .flip-instruction{bottom:1.5rem;color:var(--color-text-light);font-size:.75rem;letter-spacing:1px;opacity:.7;position:absolute;text-transform:uppercase}.flash-card-modal .controls-hint{display:flex;font-size:.9rem;font-weight:700;justify-content:space-between;margin-top:auto;padding:0 1rem;width:100%}.flash-card-modal .controls-hint .control-wrong{align-items:center;color:#ef4444;display:flex;gap:.5rem}.flash-card-modal .controls-hint .control-correct{align-items:center;color:#22c55e;display:flex;gap:.5rem}.flash-card-modal .flash-game-container.result-card-mode{align-items:center;display:flex;height:100%;justify-content:center;padding:0;position:relative;width:100%}.card-content-wrapper{align-items:center;display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;width:100%}.card-content-wrapper.front .question-text{font-size:1.3rem;font-weight:700}.card-header-badge{left:0;position:absolute;right:0;top:-30px}.card-header-badge .type-chip{background:#fff;border:1px solid var(--border-grey);box-shadow:0 4px 10px #0000000d;font-size:.7rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.card-header-badge .type-chip.match{border-color:#6366f1;color:#6366f1}.card-header-badge .type-chip.mcq{border-color:#f59e0b;color:#f59e0b}.card-header-badge .type-chip.fillups{border-color:#10b981;color:#10b981}.card-header-badge .type-chip.trueorfalse{border-color:#ef4444;color:#ef4444}.match-question{text-align:left;width:100%}.match-question .question-title{color:var(--color-text-light);font-size:.95rem;margin-bottom:.8rem;text-align:center}.match-question .match-columns{display:flex;flex-direction:column;font-size:.85rem;gap:.8rem}.match-question .match-columns .match-col{background:#f8fafc;border-radius:12px;padding:.8rem}.match-question .match-columns .match-col strong{border-bottom:1px dashed var(--border-grey);color:var(--color-primary);display:block;margin-bottom:.4rem;padding-bottom:.2rem}.match-question .match-columns .match-col ul{margin:0;padding-left:1.2rem}.match-question .match-columns .match-col ul li{margin-bottom:.2rem}.match-answer-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.match-answer-list .match-pair-row{align-items:center;background:#fff;border:1px solid #bbf7d0;border-radius:8px;display:flex;gap:.5rem;justify-content:center;padding:.5rem}.match-answer-list .match-pair-row .match-key{font-size:.9rem;font-weight:700}.match-answer-list .match-pair-row .match-arrow{color:var(--color-primary)}.mcq-options-preview{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:1rem;width:100%}.mcq-options-preview .option-preview-row{align-items:center;background:#f1f5f9;border-radius:8px;color:var(--color-text-light);display:flex;font-size:.8rem;gap:.4rem;padding:.4rem .6rem;text-align:left}.mcq-options-preview .option-preview-row .opt-key{align-items:center;background:#fff;border-radius:50%;color:var(--color-text-dark);display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px}.mcq-options-preview .option-preview-row .opt-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tf-options{display:flex;gap:1rem;margin-top:1rem}.tf-options .tf-option{background:#f1f5f9;border-radius:100px;color:var(--color-text-light);font-weight:600;padding:.5rem 1.5rem}.card-label{color:var(--color-primary);font-size:.7rem;font-weight:800;letter-spacing:1px;margin-bottom:.5rem}.answer-text{color:#15803d;font-size:1.4rem;font-weight:800;margin-bottom:1rem;text-align:center}.explanation-box{background:#eef2ff;border:1px solid #c7d2fe;border-radius:12px;margin-top:auto;padding:.8rem;text-align:left;width:100%}.explanation-box .explanation-label{color:#312e81;display:block;font-size:.65rem;font-weight:700;margin-bottom:.2rem;text-transform:uppercase}.explanation-box .explanation-text{color:var(--black-background);font-size:.85rem;font-weight:500;line-height:1.4;margin:0;overflow-y:auto}.explanation-box .explanation-text strong{color:var(--black-background);font-weight:600}.match-value{color:var(--color-text-dark);font-weight:500}.answer-section{gap:1rem;width:100%}.mcq-options-review{display:flex;flex-direction:column;gap:.5rem;width:100%}.mcq-options-review .option-review-row{align-items:center;background:#fffc;border:1px solid #0000;border-radius:8px;display:flex;font-size:.85rem;gap:.6rem;padding:.5rem .8rem}.mcq-options-review .option-review-row.correct{background:#dcfce7;border-color:#22c55e;color:#15803d;font-weight:600}.mcq-options-review .option-review-row.correct .opt-key{background:#22c55e;color:#fff}.mcq-options-review .option-review-row .opt-key{align-items:center;background:#e2e8f0;border-radius:50%;color:#475569;display:flex;font-size:.75rem;height:20px;justify-content:center;min-width:20px}.tap-hint{animation:pulse 2s infinite;color:var(--color-text-light);font-size:.8rem;letter-spacing:.5px;margin-top:auto;opacity:.6}.typing-area{margin-top:1rem;width:80%}.typing-area .flash-input{background:#f8fafc;border-radius:8px}.typing-area .flash-input fieldset{border-color:#cbd5e1}.typing-area .flash-input:hover fieldset{border-color:var(--color-primary)!important}.typing-area .flash-input input{color:var(--color-text-dark);font-weight:600;text-align:center}.user-answer-review{background:#eff6ff;border:1px dashed #60a5fa;border-radius:8px;padding:.8rem;text-align:center;width:100%}.user-answer-review .user-typed-text{color:#1e40af;font-weight:700;margin-top:.2rem;word-break:break-word}.mcq-options-input,.tf-options-input{display:flex;flex-direction:column;gap:.8rem;width:100%}.mcq-options-input .option-btn,.mcq-options-input .tf-btn,.tf-options-input .option-btn,.tf-options-input .tf-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #00000005;color:var(--color-text-dark);cursor:pointer;display:flex;font-weight:700;gap:1.2rem;min-height:64px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .25s cubic-bezier(.4,0,.2,1);width:100%}.mcq-options-input .option-btn:hover,.mcq-options-input .tf-btn:hover,.tf-options-input .option-btn:hover,.tf-options-input .tf-btn:hover{background:#f0fdf4;border-color:var(--color-primary);box-shadow:0 4px 12px #10b9811a}.mcq-options-input .option-btn.selected,.mcq-options-input .tf-btn.selected,.tf-options-input .option-btn.selected,.tf-options-input .tf-btn.selected{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 8px 20px #10b9814d;color:#fff}.mcq-options-input .option-btn.selected .opt-key,.mcq-options-input .tf-btn.selected .opt-key,.tf-options-input .option-btn.selected .opt-key,.tf-options-input .tf-btn.selected .opt-key{background:#fff;border-color:#fff;color:var(--color-primary)}.mcq-options-input .option-btn.selected .opt-val,.mcq-options-input .tf-btn.selected .opt-val,.tf-options-input .option-btn.selected .opt-val,.tf-options-input .tf-btn.selected .opt-val{color:#fff}.mcq-options-input .option-btn .opt-key,.mcq-options-input .tf-btn .opt-key,.tf-options-input .option-btn .opt-key,.tf-options-input .tf-btn .opt-key{align-items:center;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:10px;color:var(--color-text-light);display:flex;font-size:.9rem;font-weight:800;height:32px;justify-content:center;min-width:32px;transition:all .2s ease}.mcq-options-input .option-btn .opt-val,.mcq-options-input .tf-btn .opt-val,.tf-options-input .option-btn .opt-val,.tf-options-input .tf-btn .opt-val{flex:1 1;font-size:1rem;transition:all .2s ease}.front-actions{align-items:center;bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem;padding:0 2rem;position:absolute;width:100%}.front-actions .check-btn{background:var(--color-text-dark);border-radius:100px;box-shadow:0 4px 12px #0003;color:#fff;font-weight:700;padding:.6rem;text-transform:none;width:100%}.front-actions .check-btn:disabled{background:#cbd5e1;color:#94a3b8}.front-actions .check-btn:hover{background:#334155}.front-actions .thought-hint{color:var(--color-text-light);font-style:italic}.user-answer-review-badge{background:#f1f5f9;border-radius:100px;color:var(--color-text-dark);margin:.5rem 0;padding:.5rem 1rem}.user-answer-review-badge strong{color:var(--color-primary)}.option-review-row.incorrect{background:#fef2f2;border-color:#fca5a5;color:#991b1b}.option-review-row.incorrect .opt-key{background:#ef4444;color:#fff}.user-answer-review.correct{background:#f0fdf4;border-color:#4ade80}.user-answer-review.correct .user-typed-text{color:#166534}.user-answer-review.incorrect{background:#fef2f2;border-color:#f87171}.user-answer-review.incorrect .user-typed-text{color:#991b1b}.next-action-area{display:flex;justify-content:flex-end;margin-top:1rem;width:100%}.next-action-area .next-arrow-btn{background:var(--color-primary);border-radius:100px;box-shadow:0 4px 15px #10b98166;color:#fff;font-weight:700;padding:.8rem 1.5rem;text-transform:none;transition:all .3s ease}.next-action-area .next-arrow-btn:hover{background:var(--accent-2);box-shadow:0 6px 20px #10b98199}.next-action-area .next-arrow-btn svg{margin-left:.2rem}.user-answer-review-badge.correct-badge{background:#dcfce7;border:1px solid #86efac;color:#166534}.user-answer-review-badge.correct-badge strong{color:#15803d}.user-answer-review-badge.correct-badge svg{color:#15803d;margin-left:8px;vertical-align:middle}.user-answer-review-badge.incorrect-badge{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.user-answer-review-badge.incorrect-badge strong{color:#b91c1c}.user-answer-review-badge.incorrect-badge svg{color:#b91c1c;margin-left:8px;vertical-align:middle}.flash-card-modal .flash-card-box,.results-view-container{max-width:95vw;width:700px!important}.flash-card-surface-3d{background:#0000;height:100%;perspective:1200px;width:100%}.flash-card-surface-3d .flash-card-pane{background:#fff;border:1px solid #f1f5f9;border-radius:24px;box-shadow:0 10px 40px #0000001f;overflow:hidden}.results-view-container{align-items:center;background:#fff;border-radius:24px;display:flex;height:100%;justify-content:center;width:100%}.flash-card-inner{transition:transform .8s cubic-bezier(.4,0,.2,1)}.option-btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.option-btn:hover{box-shadow:0 4px 12px #0000000d}.check-btn:hover{transform:scale(1.02)}.next-arrow-btn{align-items:center;animation:gentle-pulse 2s infinite;display:flex;gap:.5rem}@keyframes gentle-pulse{0%{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb),.4)}70%{box-shadow:0 0 0 10px rgba(var(--color-primary-rgb),0)}to{box-shadow:0 0 0 0 rgba(var(--color-primary-rgb),0)}}.match-columns-container{display:flex;gap:2rem;justify-content:space-between;width:100%}.match-col{display:flex;flex:1 1;flex-direction:column;gap:.8rem}.match-col .col-header{color:var(--color-primary);font-weight:700;margin-bottom:.5rem;text-align:center}.match-col .col-items{display:flex;flex-direction:column;gap:.6rem}.match-col .match-card-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;font-size:.85rem;gap:.8rem;padding:.6rem .8rem}.match-col .match-card-item .prefix{color:#94a3b8;font-size:.75rem;font-weight:700;min-width:18px}.match-col .match-card-item .text{color:var(--color-text-dark);line-height:1.3}.match-pair-row.resolved{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:.6rem;padding:.6rem 1rem;width:100%}.match-pair-row.resolved .match-item{color:#15803d;flex:1 1;font-size:.85rem;font-weight:600}.match-pair-row.resolved .match-item.left{text-align:left}.match-pair-row.resolved .match-item.right{text-align:right}.match-pair-row.resolved .match-connector{align-items:center;color:#22c55e;display:flex;flex-direction:column;justify-content:center;padding:0 1rem}.match-pair-row.resolved .match-connector .icon{font-size:1.2rem}.match-pair-row.resolved .match-connector .line{background:#22c55e;display:none;height:2px;width:100%}.flash-card-back,.flash-card-front{justify-content:space-between!important;padding:2rem!important}.card-content-wrapper{display:flex!important;flex:1 1 auto!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.answer-section,.match-answer-list.custom-scrollbar,.match-question.custom-scrollbar,.mcq-options-input.custom-scrollbar,.question-area.custom-scrollbar{flex:1 1 auto!important}.front-actions,.next-action-area{background:#0000!important;bottom:auto!important;flex-shrink:0!important;padding:0!important;position:relative!important;width:100%!important}.match-col .col-header{background:#e0f2fe;border-radius:6px;color:#0284c7;font-size:.8rem;letter-spacing:.5px;padding:.4rem;text-transform:uppercase}.match-card-item{background:#fff!important;border-bottom:2px solid #e2e8f0!important;box-shadow:0 2px 5px #00000008;cursor:default;transition:all .2s cubic-bezier(.25,.8,.25,1)}.match-card-item:hover{border-color:var(--color-primary)!important;box-shadow:0 4px 12px #00000014}.match-card-item:hover .prefix{background:#ecfdf5;color:var(--color-primary)}.match-card-item .prefix{background:#f1f5f9;border-radius:4px;padding:2px 6px;transition:all .2s}.match-col:first-child .match-card-item{border-left:4px solid #60a5fa!important}.match-col:nth-child(2) .match-card-item{border-left:4px solid #f472b6!important}.explanation-box.custom-scrollbar{background:#eef2ff;border-left:4px solid #6366f1;border-radius:8px;margin-top:1rem;max-height:150px!important;padding:1rem}.check-btn{animation:float-pulse 3s ease-in-out infinite}@keyframes float-pulse{0%{box-shadow:0 4px 12px #0003;transform:translateY(0)}50%{box-shadow:0 8px 16px #0003;transform:translateY(-3px)}to{box-shadow:0 4px 12px #0003;transform:translateY(0)}}.match-drag-container{display:flex;flex-direction:column;height:100%}.drag-instruction{color:#64748b;margin-bottom:.5rem}.match-play-area{flex:1 1;gap:1.5rem;padding-bottom:10px}.match-column{background:#f8fafc;border-radius:8px;gap:.8rem;overflow-y:auto;padding:.5rem}.match-column .col-header{background:#f8fafc;color:var(--color-primary);font-weight:700;padding-bottom:5px;position:-webkit-sticky;position:sticky;text-align:center;text-transform:uppercase;top:0;z-index:2}.drop-zone-item{border:2px dashed #cbd5e1;border-radius:8px;justify-content:space-between;min-height:80px;padding:.8rem;transition:all .2s}.drop-zone-item.filled{background:#ecfdf5;border-color:var(--color-primary)}.drop-zone-item .left-text{color:#1e293b;font-weight:600;margin-bottom:.5rem}.drop-zone-item .drop-slot{background:#00000005;border-radius:6px;flex:1 1;min-height:40px}.drop-zone-item .drop-slot .placeholder{color:#94a3b8;font-size:.75rem}.draggable-source{border-left:4px solid var(--accent-1);border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:.8rem;transition:transform .2s}.draggable-source:active{box-shadow:0 5px 15px #0000001a;transform:scale(.98)}.matched-draggable{animation:pop-in .2s cubic-bezier(.175,.885,.32,1.275);background:var(--color-primary);border-radius:20px;cursor:pointer;font-size:.85rem;padding:.4rem .8rem}.matched-draggable .remove-icon{background:#fff3}.matched-draggable .remove-icon:hover{background:#fff6}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.match-result-card-row{align-items:center;background:#fff;border:1px solid #86efac;border-radius:12px;box-shadow:0 2px 8px #22c55e0d;display:flex;justify-content:space-between;margin-bottom:.8rem;padding:1rem 1.5rem}.match-result-card-row .match-res-text{color:#15803d;flex:1 1;font-size:.95rem;font-weight:600}.match-result-card-row .match-res-text.right{text-align:right}.match-result-card-row .success-icon{color:#22c55e;font-size:1.5rem;margin:0 1rem}.all-matched-msg{align-items:center;color:var(--color-primary);display:flex;font-weight:700;gap:.5rem;justify-content:center;margin-top:2rem;text-align:center}.flash-card-inner{border-radius:20px;display:flex!important;flex-direction:column;height:100%;overflow:hidden}.flash-card-back,.flash-card-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box;display:flex!important;flex-direction:column!important;height:100%!important;padding:1.5rem!important}.card-header-badge{flex:0 0 auto;text-align:center}.card-content-wrapper{flex:1 1 auto;overflow-x:hidden;overflow-y:auto!important;padding-right:5px}.front-actions,.next-action-area{background:#fff;box-shadow:0 -4px 12px #00000008;display:flex;flex:0 0 auto;justify-content:center;padding-top:1rem;width:100%;z-index:10}.check-btn{border-radius:50px!important;box-shadow:0 4px 14px #00000026!important;font-size:1.1rem!important;padding:12px 0!important;text-transform:none!important;width:90%}.match-play-area{display:flex;gap:1rem;overflow-y:auto;padding-bottom:2rem}.match-column{flex:1 1;gap:1rem;overflow:visible}.drop-zone-item,.match-column{display:flex;flex-direction:column}.drop-zone-item{background:#fff;border:2px dashed #e2e8f0;border-radius:12px;gap:.8rem;padding:1rem;transition:border-color .2s}.drop-zone-item.filled{background:#f0fdf4;border-color:#86efac;border-style:solid}.drop-zone-item .left-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#334155;display:-webkit-box;font-size:.95rem;font-weight:700;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.drop-zone-item .drop-slot{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;justify-content:center;min-height:48px}.drop-zone-item .drop-slot .placeholder{color:#ccc;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.draggable-source{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;background:#fff;border:1px solid #e2e8f0;border-left:5px solid #10b981;border-radius:10px;box-shadow:0 2px 8px #0000000a;color:#475569;display:-webkit-box;font-weight:600;line-height:1.4;max-height:2.8em;overflow:hidden;padding:1rem;text-overflow:ellipsis}.draggable-source:hover{box-shadow:0 8px 16px #00000014}.matched-draggable{align-items:center;background:#0000;color:#15803d;display:flex;font-weight:700;gap:.5rem;justify-content:space-between;padding:0 .5rem;width:100%}.matched-draggable .matched-text{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;flex:1 1;line-height:1.4;max-height:2.8em;overflow:hidden;text-overflow:ellipsis}.matched-draggable .remove-icon{background:#fee2e280;border-radius:50%;color:#ef4444;cursor:pointer;flex-shrink:0;padding:2px}.matched-draggable .remove-icon:hover{background:#fee2e2}.no-scroll-flex{display:flex!important;flex:1 1 auto;overflow:hidden!important}.flashcard-match-container,.no-scroll-flex{flex-direction:column;min-height:0;width:100%}.flashcard-match-container{display:flex;flex:1 1;gap:1rem;overflow:hidden;padding:8px 0}.flashcard-match-instruction{color:#64748b;font-size:.85rem;font-style:italic;text-align:center}.flashcard-match-wrapper{display:flex;gap:12px;overflow-x:hidden;overflow-y:auto;padding:0 4px;width:100%}.flashcard-match-column{display:flex;flex:1 1;flex-direction:column;gap:10px;min-width:0;overflow:visible}.flashcard-match-header{align-items:center;background-color:#ecfdf5;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#10b981;display:flex;flex-shrink:0;font-size:.95rem;font-weight:700;height:48px;padding:12px 16px;text-transform:capitalize;width:100%}.flashcard-match-header span{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flashcard-match-body{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;overflow:visible;padding:0}.flashcard-match-item{word-wrap:break-word;align-items:center;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;box-sizing:border-box;color:#334155;cursor:grab;display:flex;flex-shrink:0;font-size:.9rem;height:90px;list-style-type:none!important;min-height:90px;overflow:hidden;overflow:visible;padding:16px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:pre-wrap;width:100%}.flashcard-match-item:active{cursor:grabbing}.flashcard-match-item.draggable:hover{border-color:#10b981;box-shadow:0 8px 25px #10b98126}.flashcard-match-item.left-side{cursor:default}.flashcard-match-item.left-side:hover{border-color:#e2e8f0!important;box-shadow:none!important;transform:none}.flashcard-match-item .drag-handle{align-items:center;color:#94a3b8;cursor:grab;display:flex;flex-shrink:0;margin-right:12px;transition:color .2s}.flashcard-match-item .drag-handle svg{font-size:20px}.flashcard-match-item .drag-handle:active{cursor:grabbing}.flashcard-match-item:hover .drag-handle{color:#10b981}.flashcard-match-item .match-item-content{align-items:center;display:flex;height:100%;overflow:hidden;width:100%}.flashcard-match-item .match-item-content .tooltip-container{width:100%}.flashcard-match-item .item-text{-webkit-line-clamp:2!important;line-clamp:2;-webkit-box-orient:vertical!important;display:-webkit-box!important;font-weight:600;line-height:1.4;overflow:hidden!important;text-overflow:ellipsis!important;white-space:normal!important;width:100%;word-break:break-word}.drop-zone-item .left-text{font-size:.9rem;line-height:1.4}.draggable-source{cursor:grab;font-size:.9rem;-webkit-user-select:none;user-select:none}.draggable-source:active{cursor:grabbing}.matched-draggable{background:#10b981;box-shadow:0 2px 4px #0000001a;color:#fff;font-weight:600}.matched-draggable:hover{background:#059669}.flash-card-surface-flat{background:#0000;border-radius:20px;height:100%;perspective:none!important;position:relative;transform-style:flat!important;width:100%}.flash-card-pane{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;background:#fff;border-radius:20px;box-shadow:0 10px 30px #00000014;height:100%;justify-content:space-between;left:0;padding:2rem;position:absolute;top:0}.flash-card-pane .card-content-wrapper{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.flash-card-pane .card-content-wrapper.back{gap:.5rem}.result-header{margin-bottom:.5rem}.result-header .result-label{background:#ecfdf5;border-radius:20px;color:#10b981;font-weight:700;letter-spacing:2px;padding:4px 12px}.answer-section{align-items:center;display:flex;flex-direction:column;flex-shrink:0;gap:.75rem;justify-content:center;text-align:center}.answer-section.status-correct .ca-text{color:#047857;font-size:24px}.answer-section.status-incorrect .ca-text{color:#059669!important;font-weight:800!important}.answer-section.status-incorrect .ca-label{color:#64748b}.correct-answer-block .ca-label{color:#64748b;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.correct-answer-block .ca-text{font-size:20px;font-weight:800;line-height:1.2}.user-selection-block{margin-top:5px}.user-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.user-badge.correct{background:#d1fae5;border:1px solid #10b981;color:#065f46}.user-badge.incorrect{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.user-badge strong{margin-left:4px}.explanation-section{flex-shrink:0;margin-top:1rem;padding-top:.5rem}.explanation-section .explanation-card{background:#fffbeb;border-left:4px solid #f59e0b;border-radius:8px;display:flex;flex-direction:column;padding:.8rem 1rem;text-align:left}.explanation-section .explanation-card .exp-title{border-radius:2px;color:#f59e0b;display:inline-block;flex-shrink:0;font-size:1rem;font-weight:700;margin-bottom:.5rem;text-transform:white-space}.explanation-section .explanation-card .exp-content{flex:1 1 auto;padding-right:.5rem}.result-content-area{display:flex;flex:1 1 auto;flex-direction:column;gap:1rem;overflow-y:auto;padding:.5rem 0}.result-content-area .answer-section{flex-shrink:0}.result-content-area .match-result-view{display:flex;flex-direction:column;gap:.8rem;width:100%}.result-content-area .match-result-view .match-result-card-row{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.8rem 1rem;position:relative}.result-content-area .match-result-view .match-result-card-row.correct{background:#f0fdf4;border-color:#bbf7d0}.result-content-area .match-result-view .match-result-card-row.correct .success-icon{color:#22c55e}.result-content-area .match-result-view .match-result-card-row.incorrect{background:#fef2f2;border-color:#fecaca}.result-content-area .match-result-view .match-result-card-row.incorrect .error-icon{color:#ef4444}.result-content-area .match-result-view .match-result-card-row .match-res-text{flex:1 1;font-size:.85rem;font-weight:600;line-height:1.4;word-break:break-word}.result-content-area .match-result-view .match-result-card-row .match-res-text.left{color:#475569;text-align:left}.result-content-area .match-result-view .match-result-card-row .match-res-text.right{color:#334155;text-align:right}.result-content-area .match-result-view .match-result-card-row .match-status-icon{align-items:center;display:flex;justify-content:center;padding:0 .5rem}.result-content-area .match-result-view .match-result-card-row .match-status-icon svg{font-size:1.25rem}.result-content-area .match-result-view .match-result-card-row .match-correct-tip{border-top:1px dashed #bbf7d0;color:#059669;font-size:.85rem;font-weight:700;margin-top:.4rem;padding-top:.4rem;text-align:center;width:100%}.question-text-large{color:#1e293b;font-weight:700;line-height:1.4;padding:0 1rem;text-align:center}.question-area.custom-scrollbar{align-items:center;display:flex!important;flex:0 0 auto!important;justify-content:center;max-height:200px;overflow-y:auto!important;padding:.5rem;width:100%}.question-area.custom-scrollbar .question-text-large{color:#1e293b!important;font-size:1.2rem!important;font-weight:700!important;height:100%;line-height:1.4!important;margin:0;text-align:center;word-break:break-word}.mcq-options-input.custom-scrollbar,.tf-options-input{display:flex;flex:1 1 auto!important;flex-direction:column;gap:.8rem;overflow-y:auto!important;padding:.5rem}.flash-card-pane{max-height:80dvh;padding:1rem 1.5rem!important}.card-stack,.flash-card-container,.flash-card-surface-flat,.flash-game-container{height:100%}.option-btn,.tf-btn{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;display:flex;font-size:.95rem;gap:1rem;min-height:60px;padding:1rem 1.2rem;text-align:left;transition:all .2s;width:100%}.option-btn .opt-key,.tf-btn .opt-key{background:#f1f5f9;border-radius:6px;color:#64748b;font-weight:700;padding:4px 10px;text-transform:uppercase}.option-btn .opt-val,.tf-btn .opt-val{flex:1 1;font-weight:600}.option-btn:hover,.tf-btn:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.option-btn.selected,.tf-btn.selected{background:#ecfdf5;border-color:var(--color-primary);box-shadow:0 4px 12px #10b98126;color:var(--color-primary)}.option-btn.selected .opt-key,.tf-btn.selected .opt-key{background:#d1fae5;color:var(--color-primary)}.question-text-large{color:#1e293b!important;font-size:1.25rem!important;font-weight:700!important;line-height:1.5!important}.flash-game-container{flex-direction:column;min-height:550px}.card-stack,.flash-game-container{align-items:center;display:flex;justify-content:center;width:100%}.card-stack{flex:1 1;perspective:1000px;position:relative}.flash-card-container{display:flex;height:100%;justify-content:center;max-width:550px;width:100%}.flash-card-pane{box-shadow:0 10px 40px #0000001f!important;display:flex;flex-direction:column;margin:0 auto;padding:1rem!important;width:100%}.card-header-badge{display:flex;justify-content:center;left:auto!important;padding-top:.5rem;position:relative!important;top:auto!important;transform:none!important;width:100%}.type-chip{background:#f1f5f9!important;border:1px solid #e2e8f0;color:#64748b!important;font-weight:700!important;letter-spacing:1px}.type-chip.match{background:#f5f3ff!important;border-color:#ddd6fe;color:#8b5cf6!important}.type-chip.mcq{background:#fffbeb!important;border-color:#fcd34d;color:#f59e0b!important}.type-chip.trueorfalse{background:#fdf2f8!important;border-color:#fbcfe8;color:#ec4899!important}.question-title{color:#334155;font-weight:600!important;margin-bottom:.5rem!important;text-align:center}.drag-instruction{color:#94a3b8;font-size:.8rem!important;font-style:italic;margin-bottom:1.5rem!important;text-align:center}.filter-popover-content{background:#fff;display:flex;flex-direction:column;max-height:450px}.filter-popover-content .filter-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;padding:12px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.filter-popover-content .filter-header .header-title-text{color:#1e293b;flex-grow:1;font-size:.95rem;font-weight:700;margin-left:8px}.filter-popover-content .filter-header .reset-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;font-size:.72rem;font-weight:800;justify-content:center;letter-spacing:1px;outline:none;padding:6px 12px;text-transform:uppercase;transition:all .2s ease}.filter-popover-content .filter-header .reset-btn:hover{background:#eff6ff;color:#1d4ed8}.filter-popover-content .filter-header .reset-btn:active{transform:scale(.95)}.filter-popover-content .filter-list-container{padding:8px}.filter-popover-content .filter-list-container .MuiList-root{padding:0}.filter-popover-content .filter-list-container .MuiListItem-button{border-radius:8px;margin-bottom:4px;padding:10px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.filter-popover-content .filter-list-container .MuiListItem-button:hover{background:#f8fafc}.filter-popover-content .filter-list-container .MuiListItem-button.active{background:#10b98114;border:1px solid #10b98133}.filter-popover-content .filter-list-container .MuiListItem-button.active .MuiListItemText-primary{color:#10b981;font-weight:700!important}.filter-popover-content .filter-list-container .MuiListItem-button.active:hover{background:#10b9811f}.selected-filter-pill{align-items:center;animation:slideInLeft .3s ease-out;background:#ecfdf5;border:1.5px solid #10b981;border-radius:100px;box-shadow:0 4px 10px #10b9811a;color:#10b981;display:flex;font-size:.85rem;font-weight:700;margin-right:12px;max-width:200px;padding:6px 14px}.selected-filter-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.filter-trigger{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #00000005;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:10px;padding:8px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.filter-trigger svg{color:#64748b;font-size:1.2rem;transition:all .3s ease}.filter-trigger p{line-height:1;margin:0}.filter-trigger:hover{background:#fff;border-color:#10b981;box-shadow:0 8px 16px #3b82f61a;color:#10b981}.filter-trigger:hover svg{color:#10b981}.filter-trigger.active{background:#10b981;border-color:#10b981;box-shadow:0 8px 20px #10b98140;color:#fff}.filter-trigger.active svg{color:#fff}.filter-trigger.active:hover{background:#059669;border-color:#059669;box-shadow:0 12px 25px #10b98159}.practice-sprint-topic{border-left:4px solid #3b82f6;transition:all .3s ease}.practice-sprint-topic:hover{border-left-color:#2563eb;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.practice-sprint-topic .topic-badge.active{background:#10b981;border-radius:12px;color:#fff;font-size:.75rem;font-weight:600;padding:2px 8px}.practice-sprint-topic .topic-description{color:#64748b;font-size:.85rem;margin-top:4px}.practice-sprint-test{border-left:4px solid #8b5cf6}.practice-sprint-test:hover{border-left-color:#7c3aed;transform:translateY(-2px)}.practice-sprint-test .difficulty-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.practice-sprint-test .difficulty-badge.easy{background:#10b981;color:#fff}.practice-sprint-test .difficulty-badge.medium{background:#f59e0b;color:#fff}.practice-sprint-test .difficulty-badge.hard{background:#ef4444;color:#fff}.speed-test-card{background:linear-gradient(135deg,#fff8f0,#fff);border-left:4px solid #f59e0b}.speed-test-card:hover{border-left-color:#d97706;box-shadow:0 25px 50px #f59e0b26;transform:translateY(-2px)}.speed-test-card .difficulty-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.speed-test-card .difficulty-badge.easy{background:#10b981;color:#fff}.speed-test-card .difficulty-badge.medium{background:#f59e0b;color:#fff}.speed-test-card .difficulty-badge.hard{background:#ef4444;color:#fff}.practice-sprint-card{background:linear-gradient(135deg,#f0f9ff,#fff);border-left:4px solid #3b82f6}.practice-sprint-card:hover{border-left-color:#2563eb;box-shadow:0 25px 50px #3b82f626;transform:translateY(-2px)}.practice-sprint-card .difficulty-badge{border-radius:12px;font-size:.75rem;font-weight:600;padding:2px 8px}.practice-sprint-card .difficulty-badge.easy{background:#10b981;color:#fff}.practice-sprint-card .difficulty-badge.medium{background:#f59e0b;color:#fff}.practice-sprint-card .difficulty-badge.hard{background:#ef4444;color:#fff}.generate-test-card{background:linear-gradient(135deg,#f8fafc,#fff);border:2px dashed #cbd5e1;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.generate-test-card:hover{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#10b981;box-shadow:0 20px 40px #10b9811a;transform:translateY(-2px)}.generate-test-card:hover .generate-icon{color:#10b981;transform:rotate(90deg)}.generate-test-card:hover .generate-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.generate-test-card .test-header-info{align-items:center;display:flex;justify-content:space-between}.generate-test-card .test-header-info h3{color:#64748b;font-size:1rem}.generate-test-card .test-header-info .generate-icon{color:#94a3b8;font-size:1.5rem;transition:all .3s ease}.generate-test-card .generate-description{color:#94a3b8;font-size:.8rem;font-style:italic}.generate-test-card .generate-btn{background:#0000;border:1px solid #cbd5e1;color:#64748b;transition:all .3s ease}.generate-test-card .generate-btn:hover{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff}.videos-page{background-color:#f5f5f5;background-color:var(--background-color,#f5f5f5);display:flex;flex-direction:column;height:calc(100dvh - 65px);overflow:hidden;position:relative;width:100%}.videos-page .videos-header-fixed{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000000d;display:flex;height:70px;left:0;padding:0 40px;position:absolute;right:0;top:0;z-index:10}.videos-page .videos-header-fixed h1{color:#333;color:var(--text-color,#333);font-size:24px;font-weight:700;margin:0}@media(max-width:768px){.videos-page .videos-header-fixed{padding:0 20px}}.videos-page .videos-scroll-container{flex:1 1;overflow-y:auto;padding:20px 40px}@media(max-width:768px){.videos-page .videos-scroll-container{padding:20px}}.videos-page .videos-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));padding-bottom:40px}.videos-page .video-card{background:#fff;border-radius:16px;box-shadow:0 4px 15px #0000000d;cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.videos-page .video-card:hover{box-shadow:0 12px 24px #0000001f}.videos-page .video-card .thumbnail-container{aspect-ratio:16/9;background-color:#f0f0f0;overflow:hidden;position:relative;width:100%}.videos-page .video-card .thumbnail-container img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.videos-page .video-card .thumbnail-container:hover img{transform:scale(1.05)}.videos-page .video-card .thumbnail-container .no-thumbnail-text{align-items:center;background-color:#e0e0e0;color:#757575;display:flex;font-size:13px;font-weight:600;height:100%;justify-content:center;letter-spacing:.5px;text-transform:uppercase;width:100%}.videos-page .video-card .thumbnail-container .play-icon{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:50%;color:#fff;display:flex;height:48px;justify-content:center;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,transform .3s ease;width:48px;z-index:2}.videos-page .video-card .thumbnail-container .play-icon svg{font-size:28px!important}.videos-page .video-card .thumbnail-container:hover .play-icon{opacity:1;transform:translate(-50%,-50%) scale(1.1)}.videos-page .video-card .thumbnail-container .duration-badge{background:#000000bf;border-radius:6px;bottom:10px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px;position:absolute;right:10px;z-index:2}.videos-page .video-card .video-info{display:flex;flex-direction:column;flex-grow:1;padding:16px}.videos-page .video-card .video-info .video-header{margin-bottom:4px}.videos-page .video-card .video-info .video-header h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#333;color:var(--text-primary,#333);display:-webkit-box;font-size:16px;font-weight:600;line-height:1.4;margin:0;overflow:hidden}.videos-page .video-card .video-info .video-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#666;color:var(--text-tertiary,#666);display:-webkit-box;font-size:13px;line-height:1.5;margin:0;overflow:hidden}.videos-page .video-modal-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000;display:flex;height:100%;justify-content:center;left:0;padding:24px;position:fixed;top:0;width:100%;z-index:1000}.videos-page .video-modal-content{animation:scaleUp .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;max-height:90dvh;max-width:1000px;overflow:hidden;position:relative;width:100%}.videos-page .video-modal-content .video-modal-header{align-items:center;border-bottom:1px solid #eee;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 24px;z-index:10}.videos-page .video-modal-content .video-modal-header h2{font-size:18px;font-weight:600;margin:0}.videos-page .video-modal-content .video-modal-header .close-modal-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.videos-page .video-modal-content .video-modal-header .close-modal-btn:hover{background-color:#e0e0e0}.videos-page .video-modal-content .video-modal-header .close-modal-btn svg{font-size:20px}.videos-page .video-modal-content .video-modal-body{flex:1 1;overflow-y:auto;padding:10px 24px}.videos-page .video-modal-content .video-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;box-shadow:0 4px 20px #0003;flex-shrink:0;margin-bottom:24px;overflow:hidden;width:100%}.videos-page .video-modal-content .video-wrapper iframe,.videos-page .video-modal-content .video-wrapper video{border:none;height:100%;width:100%}.videos-page .video-modal-content .video-details h2{color:#222;font-size:24px;font-weight:700;line-height:1.3;margin-bottom:12px}.videos-page .video-modal-content .video-details p{color:#555;font-size:16px;line-height:1.7}.course-enroll-page{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:100dvh;padding:20px}.course-enroll-page .logo-container{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));margin-bottom:20px;margin-right:auto;width:120px}.course-enroll-page .loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.course-enroll-page .loading-container .loading-spinner{animation:pulse 2s infinite;background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;color:#333;font-size:1.1rem;padding:2rem}.course-enroll-page .course-enroll-container{align-self:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:20px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;height:calc(100dvh - 100px);max-width:1200px;overflow:hidden;padding:1.5rem;width:100%}.course-enroll-page .course-enroll-header{margin-bottom:10px;text-align:center}.course-enroll-page .course-enroll-header .title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1f2937,#374151);-webkit-background-clip:text;background-clip:text;color:#1f2937;font-size:24px;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}.course-enroll-page .course-enroll-header .subtitle{color:#6b7280;font-size:16px;font-weight:400;line-height:1.6;margin:0}.course-enroll-page .error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;box-shadow:0 4px 8px #dc26261a;color:#dc2626;font-weight:500;margin-bottom:2rem;padding:1.2rem;text-align:center}.course-enroll-page .courses-list-container{background:#f9fafb;border-radius:12px;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:16px;position:relative}.course-enroll-page .courses-list{grid-gap:16px;display:grid;flex:1 1;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-x:hidden;overflow-y:auto;padding-right:8px}.course-enroll-page .courses-list::-webkit-scrollbar{width:6px}.course-enroll-page .courses-list::-webkit-scrollbar-track{background:#0000}.course-enroll-page .courses-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:8px}.course-enroll-page .courses-list::-webkit-scrollbar-thumb:hover{background-color:#0000004d}.course-enroll-page .no-courses{background:#f9fafb;border:2px dashed #e5e7eb;border-radius:16px;color:#6b7280;font-size:1.1rem;padding:4rem 2rem;text-align:center}.course-enroll-page .no-courses p{font-weight:500;margin:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}@media(max-width:768px){.course-enroll-page{background:#f8fafc;padding:1rem}.course-enroll-page .logo-container{margin-bottom:1.5rem;width:100px}.course-enroll-page .course-enroll-container{border-radius:16px;box-shadow:0 10px 20px #00000014;padding:1.5rem}.course-enroll-page .course-enroll-header{margin-bottom:1.5rem}.course-enroll-page .course-enroll-header .title{font-size:2.2rem;font-weight:700}.course-enroll-page .course-enroll-header .subtitle{font-size:1rem}.course-enroll-page .courses-list{gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:480px){.course-enroll-page{padding:.5rem}.course-enroll-page .logo-container{margin-bottom:1rem;width:80px}.course-enroll-page .course-enroll-container{border-radius:12px;padding:1rem}.course-enroll-page .course-enroll-header .title{font-size:1.8rem}.course-enroll-page .course-enroll-header .subtitle{font-size:.9rem}.course-enroll-page .courses-list{gap:10px;grid-template-columns:1fr}}.course-list-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000d;cursor:pointer;display:flex;flex-direction:column;min-height:180px;padding:16px;position:relative;text-align:left;transition:all .3s ease;width:100%}.course-list-item:hover{border-color:#10b981;box-shadow:0 8px 16px #0000001a;transform:translateY(-2px)}.course-list-item+.course-list-item{margin-top:0}.course-item-header{align-items:center;display:flex;gap:8px;margin-bottom:12px}.course-code{background:#fff;border:1px solid #10b981;color:#10b981;font-size:11px}.course-code,.course-status.available{border-radius:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.course-status.available{background:#10b981;color:#fff;font-size:10px}.course-item-content{flex:1 1;margin-bottom:12px}.course-title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 6px}.course-description,.course-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.course-description{color:#6b7280;flex:1 1;font-size:12px;line-height:1.4;margin:0 0 8px}.course-meta{align-items:center;color:#6b7280;display:flex;font-size:11px;gap:6px;margin-top:auto}.meta-label{font-weight:500;letter-spacing:.5px;text-transform:uppercase}.meta-value{font-weight:400}.course-item-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-top:auto;padding-top:8px}.course-status-text{color:#f59e0b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.course-enroll-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s ease;white-space:nowrap}.course-enroll-btn:hover:not(:disabled){background:#059669;transform:translateX(2px)}.course-enroll-btn:disabled{cursor:not-allowed;opacity:.6}@media(max-width:768px){.course-list-item{min-height:160px;padding:14px}.course-title{font-size:13px}.course-description{font-size:11px}.course-enroll-btn{font-size:11px;padding:5px 10px}}@media(max-width:480px){.course-list-item{min-height:150px;padding:12px}.course-item-header{gap:6px}.course-code{font-size:10px;padding:3px 6px}.course-status.available{font-size:9px;padding:3px 6px}.course-title{font-size:12px}.course-description{-webkit-line-clamp:1;line-clamp:1;font-size:10px}.course-enroll-btn{font-size:10px;padding:4px 8px}.course-status-text{font-size:10px}}.subscription-plans-container{align-items:center;background-color:var(--bg);display:flex;flex-direction:column;height:100dvh;justify-content:flex-start;overflow:hidden;padding:20px;position:relative}.subscription-plans-container.with-header{height:calc(100dvh - 60px);min-height:calc(100dvh - 60px);padding:10px 20px}.logout-float-btn{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:var(--dashboard-heading-color);cursor:pointer;display:flex;gap:10px;padding:10px 20px;position:fixed;top:24px;z-index:100}.logout-float-btn:hover{background-color:#f8f9fa;border-color:var(--dashboard-accent-color);box-shadow:0 6px 20px #00000026}.logout-float-btn svg{color:var(--dashboard-accent-color);font-size:1.2rem}.logout-float-btn span{color:var(--dashboard-heading-color);font-size:.9rem;font-weight:600}.subscription-plans-page{display:flex;flex-direction:column;height:100%;margin:0 auto;overflow:hidden;text-align:center;width:100%}.subscription-plans-page .plan-tabs-wrapper{display:flex;flex-shrink:0;justify-content:center;margin-bottom:20px;margin-top:20px}.subscription-plans-page .plan-tabs{background-color:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 4px 15px #0000000d;display:flex;justify-content:center;padding:6px}.subscription-plans-page .plan-tabs .tab-btn{background-color:#0000;border:none;border-radius:8px;color:#777;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 32px;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-plans-page .plan-tabs .tab-btn:hover{background-color:#fff9e6;color:var(--dashboard-accent-color)}.subscription-plans-page .plan-tabs .tab-btn.active{background-color:var(--dashboard-accent-color);box-shadow:0 4px 10px #ffc1074d;color:#fff}.subscription-plans-page .plans-section{flex:1 1;overflow-y:auto;padding-bottom:40px;width:100%}.subscription-plans-page .plans-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,minmax(300px,1fr));justify-content:center;margin:0 auto;max-width:1200px;overflow:auto;padding-bottom:60px;width:100%}.subscription-plans-page .plan-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:30px;box-shadow:0 10px 30px #0000000d;display:flex;flex-direction:column;height:100%;max-width:100%;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:340px}.subscription-plans-page .plan-card:hover{border-color:var(--dashboard-accent-color);box-shadow:0 25px 50px #0000001f}.subscription-plans-page .plan-card:hover .buy-now-btn{background-color:var(--dashboard-accent-color)!important;border-color:var(--dashboard-accent-color)!important;color:#fff!important}.subscription-plans-page .plan-card[data-tier=elite]{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;color:#6d28d9}.subscription-plans-page .plan-card[data-tier=elite] .plan-name{color:#6d28d9}.subscription-plans-page .plan-card[data-tier=elite] .price-container .currency,.subscription-plans-page .plan-card[data-tier=elite] .price-container .duration{color:#a855f7}.subscription-plans-page .plan-card[data-tier=elite] .features-list li,.subscription-plans-page .plan-card[data-tier=elite] .price-container .price{color:#6d28d9}.subscription-plans-page .plan-card[data-tier=elite] .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;background-clip:text}.subscription-plans-page .plan-card[data-tier=elite] .features-list li.inactive-feature{color:#a78bfa}.subscription-plans-page .plan-card[data-tier=elite] .buy-now-btn{background-color:#fff!important;color:#7c3aed!important}.subscription-plans-page .plan-card[data-tier=elite] .buy-now-btn:hover{background-color:#7c3aed!important;box-shadow:0 8px 20px #7c3aed4d;color:#fff!important}.subscription-plans-page .plan-card[data-tier=premium]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#d97706}.subscription-plans-page .plan-card[data-tier=premium] .features-list li,.subscription-plans-page .plan-card[data-tier=premium] .plan-name,.subscription-plans-page .plan-card[data-tier=premium] .price-container .currency,.subscription-plans-page .plan-card[data-tier=premium] .price-container .duration,.subscription-plans-page .plan-card[data-tier=premium] .price-container .price{color:#d97706}.subscription-plans-page .plan-card[data-tier=premium] .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.subscription-plans-page .plan-card[data-tier=premium] .features-list li.inactive-feature{color:#fbbf24}.subscription-plans-page .plan-card[data-tier=premium] .buy-now-btn{background-color:#fff!important;color:#f59e0b!important}.subscription-plans-page .plan-card[data-tier=premium] .buy-now-btn:hover{background-color:#f59e0b!important;box-shadow:0 8px 20px #f59e0b4d;color:#fff!important}.subscription-plans-page .plan-card .plan-header{padding:30px 24px 10px;position:relative;text-align:center}.subscription-plans-page .plan-card .plan-header .plan-badges{display:flex;flex-direction:column;gap:8px;left:20px;position:absolute;top:20px;z-index:1}.subscription-plans-page .plan-card .plan-header .basic-badge,.subscription-plans-page .plan-card .plan-header .diamond-badge,.subscription-plans-page .plan-card .plan-header .star-badge{align-items:center;background:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;padding:6px 12px;transition:transform .3s ease}.subscription-plans-page .plan-card .plan-header .basic-badge:hover,.subscription-plans-page .plan-card .plan-header .diamond-badge:hover,.subscription-plans-page .plan-card .plan-header .star-badge:hover{transform:scale(1.05)}.subscription-plans-page .plan-card .plan-header .basic-badge .badge-label,.subscription-plans-page .plan-card .plan-header .diamond-badge .badge-label,.subscription-plans-page .plan-card .plan-header .star-badge .badge-label{font-size:.75rem;font-weight:600;white-space:nowrap}.subscription-plans-page .plan-card .plan-header .star-badge{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.subscription-plans-page .plan-card .plan-header .star-badge svg{color:#f59e0b;font-size:16px}.subscription-plans-page .plan-card .plan-header .star-badge .badge-label{color:#d97706}.subscription-plans-page .plan-card .plan-header .diamond-badge{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.subscription-plans-page .plan-card .plan-header .diamond-badge svg{color:#7c3aed;font-size:16px}.subscription-plans-page .plan-card .plan-header .diamond-badge .badge-label{color:#6d28d9}.subscription-plans-page .plan-card .plan-header .basic-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.subscription-plans-page .plan-card .plan-header .basic-badge svg{color:#0284c7;font-size:16px}.subscription-plans-page .plan-card .plan-header .basic-badge .badge-label{color:#0277bd}.subscription-plans-page .plan-card .plan-header .plan-name{color:#1a1a1a;font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:12px;margin-top:30px;transition:transform .3s ease}.subscription-plans-page .plan-card .plan-header .price-container{align-items:baseline;display:flex;gap:4px;justify-content:center}.subscription-plans-page .plan-card .plan-header .price-container .currency{color:#ffc107;font-size:2rem;font-weight:700}.subscription-plans-page .plan-card .plan-header .price-container .price{color:#333;font-size:3.8rem;font-weight:800;line-height:1}.subscription-plans-page .plan-card .plan-header .price-container .duration{align-items:center;color:#ffc107;display:flex;font-size:1.2rem;font-weight:700;margin-left:10px;white-space:nowrap}.subscription-plans-page .plan-card .plan-features-section{flex-grow:1;padding:20px 28px}.subscription-plans-page .plan-card .plan-features-section .features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0;width:100%}.subscription-plans-page .plan-card .plan-features-section .features-list li{align-items:center;border-radius:12px;color:#444;display:flex;font-size:1.05rem;font-weight:500;gap:14px;justify-content:flex-start;padding:8px 12px;text-align:left;transition:all .3s ease;width:100%}.subscription-plans-page .plan-card .plan-features-section .features-list li .check-icon,.subscription-plans-page .plan-card .plan-features-section .features-list li .cross-icon{flex-shrink:0;font-size:1.3rem;transition:transform .3s ease}.subscription-plans-page .plan-card .plan-features-section .features-list li .check-icon{color:#4caf50}.subscription-plans-page .plan-card .plan-features-section .features-list li .cross-icon{color:#ff5252}.subscription-plans-page .plan-card .plan-features-section .features-list li span{line-height:1.4}.subscription-plans-page .plan-card .plan-features-section .features-list li.inactive-feature{color:#aaa;opacity:.7}.subscription-plans-page .plan-card .plan-features-section .features-list li.feature-category{border-bottom:2px solid #0000000d;color:#333;font-size:.85rem;font-weight:800;justify-content:center;letter-spacing:1.5px;margin-top:10px;padding:16px 0 8px;text-align:center;text-transform:uppercase;width:100%}.subscription-plans-page .plan-card .plan-features-section .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;background-clip:text}.subscription-plans-page .plan-card .plan-actions{padding:0 28px 30px}.subscription-plans-page .plan-card .plan-actions .buy-now-btn{align-items:center;background-color:#fff;border:2px solid #eee;border-radius:15px;box-shadow:0 4px 12px #0000000d;color:#1a1a1a;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.subscription-plans-page .plan-card .plan-actions .buy-now-btn:hover{background-color:#1a1a1a;box-shadow:0 10px 20px #0000001a;color:#fff}.subscription-plans-page .plan-card .plan-actions .buy-now-btn .arrow-icon{font-size:1.2rem;transition:transform .3s ease}@media(max-width:1024px){.subscription-plans-page .plans-grid{gap:20px}}@media(max-width:768px){.subscription-plans-container{padding:15px}.logout-float-btn{border-radius:10px;padding:8px 12px;right:15px;top:15px}.logout-float-btn span{display:none}.subscription-plans-page .plan-tabs-wrapper{margin-bottom:8px;margin-top:10px}.subscription-plans-page .plan-tabs{width:100%}.subscription-plans-page .plan-tabs .tab-btn{flex:1 1;font-size:.85rem;padding:10px 15px}.subscription-plans-page .plans-grid{gap:16px;grid-template-columns:1fr;max-width:400px}.subscription-plans-page .plan-card{max-width:400px;width:100%}}@media(max-width:480px){.subscription-plans-page .plan-header{padding:30px 15px 15px}.subscription-plans-page .plan-header .plan-name{font-size:1.5rem}.subscription-plans-page .plan-header .price-container .price{font-size:3.5rem}.subscription-plans-page .plans-section{height:calc(100% - 110px)}.subscription-plans-page .plan-features-section{padding:15px 20px 30px}.subscription-plans-page .plan-features-section .features-list{flex-wrap:nowrap;width:100%}.subscription-plans-page .plan-features-section .features-list li{flex-shrink:0;font-size:.95rem;width:100%}.subscription-plans-page .plan-actions{padding:0 20px 30px}}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found-container .not-found-image{filter:drop-shadow(0 10px 20px rgba(0,0,0,.05));height:300px;margin-bottom:24px;width:300px}.not-found-container h3{color:#1a1a1a;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:16px}@media(max-width:768px){.not-found-container{margin:20px;padding:40px 24px}.not-found-container .not-found-image{height:250px;width:250px}.not-found-container h3{font-size:1.5rem}}.toggle-switch{display:inline-block;height:24px;position:relative;width:46px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-switch input:checked+.slider{background-color:var(--dashboard-accent-color)}.toggle-switch input:focus+.slider{box-shadow:0 0 1px var(--dashboard-accent-color)}.toggle-switch input:checked+.slider:before{transform:translateX(22px)}.toggle-switch .slider{background-color:#ccc;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-switch .slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:.4s;width:18px}.toggle-switch .slider.round{border-radius:34px}.toggle-switch.small{height:20px;width:40px}.toggle-switch.small input:checked+.slider:before{transform:translateX(20px)}.toggle-switch.small .slider:before{bottom:3px;height:14px;left:3px;width:14px}.billing-details-page-wrapper{align-items:center;background-color:var(--bg);display:flex;height:100dvh;justify-content:center;overflow:hidden;padding:20px;position:relative;width:100%}.billing-details-page-wrapper.with-header{height:calc(100dvh - 60px);overflow:hidden;padding:10px 20px}.billing-details-page-wrapper.with-header .billing-details-container{height:calc(100% - 40px);margin-top:20px}@media(max-width:950px){.billing-details-page-wrapper.with-header{overflow-y:auto;padding:20px 15px}.billing-details-page-wrapper{align-items:flex-start;overflow-y:auto;padding:40px 15px}}.back-float-btn,.logout-float-btn{align-items:center;background-color:var(--white-background);border:1px solid var(--dashboard-summary-border);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:var(--dashboard-heading-color);cursor:pointer;display:flex;gap:10px;padding:10px 20px;position:fixed;top:24px;transition:all .3s ease;z-index:1000}.back-float-btn:hover,.logout-float-btn:hover{background-color:#f8f9fa;border-color:var(--dashboard-accent-color);box-shadow:0 6px 20px #00000026}.back-float-btn svg,.logout-float-btn svg{color:var(--dashboard-accent-color);font-size:1.2rem}.back-float-btn span,.logout-float-btn span{color:var(--dashboard-heading-color);font-size:.9rem;font-weight:600}.back-float-btn{left:32px}.logout-float-btn{right:32px}@media(max-width:950px){.back-float-btn,.logout-float-btn{padding:8px 12px;top:15px}.back-float-btn span,.logout-float-btn span{display:none}.back-float-btn{left:15px}.logout-float-btn{right:15px}}.billing-details-container{align-items:flex-start;animation:fadeIn .4s cubic-bezier(.4,0,.2,1);display:flex;gap:30px;height:calc(100dvh - 120px);justify-content:center;margin-top:40px;overflow:auto;transition:all .3s ease;width:100%}@media(max-width:950px){.billing-details-container{align-items:center;flex-direction:column;gap:24px;height:auto;margin-top:20px;padding-bottom:40px}}@media(max-width:758px){.billing-details-container{height:auto!important;margin-top:40px}}.plan-summary-card{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:30px;box-shadow:0 10px 40px #0000000d;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:30px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:320px}.plan-summary-card:hover{box-shadow:0 20px 50px #0000001a;transform:translateY(-5px)}.plan-summary-card[data-tier=elite]{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff;color:#6d28d9}.plan-summary-card[data-tier=elite] .plan-name{color:#6d28d9}.plan-summary-card[data-tier=elite] .price-section .currency,.plan-summary-card[data-tier=elite] .price-section .price-suffix{color:#a855f7}.plan-summary-card[data-tier=elite] .features-list li,.plan-summary-card[data-tier=elite] .price-section .price-value{color:#6d28d9}.plan-summary-card[data-tier=elite] .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7c3aed,#6d28d9);-webkit-background-clip:text;background-clip:text}.plan-summary-card[data-tier=elite] .features-list li.inactive-feature{color:#a78bfa}.plan-summary-card[data-tier=elite] .features-list li:not(.feature-category):hover{background-color:#7c3aed14}.plan-summary-card[data-tier=premium]{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;color:#d97706}.plan-summary-card[data-tier=premium] .features-list li,.plan-summary-card[data-tier=premium] .plan-name,.plan-summary-card[data-tier=premium] .price-section .currency,.plan-summary-card[data-tier=premium] .price-section .price-suffix,.plan-summary-card[data-tier=premium] .price-section .price-value{color:#d97706}.plan-summary-card[data-tier=premium] .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;background-clip:text}.plan-summary-card[data-tier=premium] .features-list li.inactive-feature{color:#fbbf24}.plan-summary-card[data-tier=premium] .features-list li:not(.feature-category):hover{background-color:#f59e0b14}.plan-summary-card{position:relative;text-align:center}.plan-summary-card .plan-badges{display:flex;flex-direction:column;gap:8px;left:25px;position:absolute;top:25px;z-index:1}.plan-summary-card .basic-badge,.plan-summary-card .diamond-badge,.plan-summary-card .star-badge{align-items:center;background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000000d;display:flex;gap:6px;padding:5px 12px;transition:transform .3s ease}.plan-summary-card .basic-badge:hover,.plan-summary-card .diamond-badge:hover,.plan-summary-card .star-badge:hover{transform:scale(1.05)}.plan-summary-card .basic-badge .badge-label,.plan-summary-card .diamond-badge .badge-label,.plan-summary-card .star-badge .badge-label{font-size:.7rem;font-weight:700;white-space:nowrap}.plan-summary-card .star-badge{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a}.plan-summary-card .star-badge svg{color:#f59e0b;font-size:14px}.plan-summary-card .star-badge .badge-label{color:#d97706}.plan-summary-card .diamond-badge{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid #e9d5ff}.plan-summary-card .diamond-badge svg{color:#7c3aed;font-size:14px}.plan-summary-card .diamond-badge .badge-label{color:#6d28d9}.plan-summary-card .basic-badge{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd}.plan-summary-card .basic-badge svg{color:#0284c7;font-size:14px}.plan-summary-card .basic-badge .badge-label{color:#0277bd}.plan-summary-card .plan-info{margin-top:50px}.plan-summary-card .plan-info .plan-name{color:#1a1a1a;font-size:2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:20px}.plan-summary-card .price-section{align-items:center;display:flex;flex-direction:column;text-align:center}.plan-summary-card .price-section .price-value{align-items:center;color:#333;display:flex;font-size:3.5rem;font-weight:800;line-height:1}.plan-summary-card .price-section .price-value .currency{color:#ffc107;font-size:2rem;margin-right:6px;margin-top:15px}.plan-summary-card .price-section .price-value .price-suffix{color:#ffc107;font-size:1rem;font-weight:700;margin-left:10px;margin-top:25px;white-space:nowrap}.plan-summary-card .features-section{margin-top:20px;text-align:left}.plan-summary-card .features-section .features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.plan-summary-card .features-section .features-list li{align-items:center;border-radius:8px;color:#444;display:flex;font-size:.95rem;font-weight:500;gap:12px;justify-content:flex-start;padding:5px 10px;text-align:left;transition:all .3s ease}.plan-summary-card .features-section .features-list li:not(.feature-category):hover{background-color:#0000000a;transform:translateX(6px)}.plan-summary-card .features-section .features-list li:not(.feature-category):hover .check-icon,.plan-summary-card .features-section .features-list li:not(.feature-category):hover .cross-icon{transform:scale(1.1)}.plan-summary-card .features-section .features-list li.inactive-feature{color:#aaa;opacity:.7}.plan-summary-card .features-section .features-list li.feature-category{border-bottom:2px solid #0000000d;color:#333;font-size:.82rem;font-weight:800;justify-content:center;letter-spacing:1.5px;margin-top:8px;padding:12px 0 6px;text-align:center;text-transform:uppercase}.plan-summary-card .features-section .features-list li.feature-category .category-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffc107,#ff9800);-webkit-background-clip:text;background-clip:text}.plan-summary-card .features-section .features-list li .check-icon,.plan-summary-card .features-section .features-list li .cross-icon{flex-shrink:0;font-size:1.2rem;transition:transform .3s ease}.plan-summary-card .features-section .features-list li .check-icon{color:#4caf50}.plan-summary-card .features-section .features-list li .cross-icon{color:#ff5252}.billing-form-card{background-color:#fff;border:1px solid #00000008;border-radius:24px;box-shadow:0 10px 40px #0000000d;display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:all .3s ease}@media(max-width:950px){.billing-form-card{height:auto;max-width:450px;width:90%}}.billing-form-card .card-header{background:#fff;border-bottom:1px solid #f8f9fa;padding:20px 35px;position:relative;z-index:10}.billing-form-card .card-header .back-btn{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:10px;color:#555;cursor:pointer;display:flex;justify-content:center;left:20px;padding:8px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease}.billing-form-card .card-header .back-btn:hover{background:#eee;color:#000}.billing-form-card .card-header .back-btn svg{font-size:18px}.billing-form-card .card-header .title{color:#1a1a1a;font-size:1.8rem;font-weight:800;letter-spacing:-.5px;margin:0;text-align:center}.billing-form-card .card-body{flex:1 1;overflow-y:auto;padding:5px 35px 20px}@media(max-width:600px){.billing-form-card .card-body{padding:5px 20px 20px}}.billing-form-card .card-footer{background:#fff;border-top:1px solid #f8f9fa;padding:15px 35px 35px;z-index:10}@media(max-width:600px){.billing-form-card .card-footer{padding:15px 20px 25px}}.billing-form-card .card-footer .actions{margin-top:0}.billing-form-card .coupon-section{border-bottom:1px solid #f0f0f0;padding-bottom:20px}.billing-form-card .coupon-section .left-label{color:#444;display:block;font-size:.9rem;font-weight:700;margin-bottom:8px}.billing-form-card .coupon-section .coupon-input-wrapper{display:flex;gap:10px}.billing-form-card .coupon-section .coupon-input-wrapper input{border:2px solid #eee;border-radius:10px;flex:1 1;font-size:.95rem;outline:none;padding:12px 16px;transition:all .2s ease}.billing-form-card .coupon-section .coupon-input-wrapper input:focus{background-color:#fffdf5;border-color:var(--dashboard-accent-color)}.billing-form-card .coupon-section .coupon-input-wrapper input.error{background-color:#fff5f5;border-color:#f44336}.billing-form-card .coupon-section .coupon-input-wrapper input.success{background-color:#f5fff5;border-color:#4caf50}.billing-form-card .coupon-section .coupon-input-wrapper .apply-btn{background-color:var(--dashboard-accent-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:0 24px;transition:all .2s cubic-bezier(.4,0,.2,1)}.billing-form-card .coupon-section .coupon-input-wrapper .apply-btn:hover:not(:disabled){box-shadow:0 5px 15px #ffc1074d;transform:translateY(-2px)}.billing-form-card .coupon-section .coupon-input-wrapper .apply-btn:active{transform:translateY(0)}.billing-form-card .coupon-section .coupon-input-wrapper .apply-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.billing-form-card .coupon-section .coupon-error{color:#f44336;font-size:.85rem;font-weight:500;margin-top:8px}.billing-form-card .coupon-section .coupon-success{color:#2e7d32;font-size:.85rem;font-weight:500;margin-top:8px}.billing-form-card .coins-section{margin-top:20px}.billing-form-card .coins-section .coins-container{align-items:center;background:#f8f9fa;border:1px solid #eee;border-radius:16px;display:flex;justify-content:space-between;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.billing-form-card .coins-section .coins-container.checked{background-color:#fff9e6;border-color:var(--dashboard-accent-color);box-shadow:0 4px 15px #ffc1071a}.billing-form-card .coins-section .coins-main{align-items:center;display:flex;gap:14px}.billing-form-card .coins-section .coins-main .icon-wrapper{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000d;display:flex;height:44px;justify-content:center;width:44px}.billing-form-card .coins-section .coins-main .icon-wrapper .coin-icon{color:var(--dashboard-accent-color);font-size:26px}.billing-form-card .coins-section .coins-info{display:flex;flex-direction:column;gap:2px}.billing-form-card .coins-section .coins-info .coins-label{color:#777;font-size:.8rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.billing-form-card .coins-section .coins-info .coins-details{align-items:center;display:flex;gap:8px}.billing-form-card .coins-section .coins-info .coins-details .coins-count{color:#1a1a1a;font-size:1.1rem;font-weight:800}.billing-form-card .coins-section .coins-info .coins-details .cash-value{background:#e8f5e9;border-radius:20px;color:#2e7d32;font-size:.85rem;font-weight:700;padding:3px 10px}.billing-form-card .coins-section .coins-checkbox-wrapper .hidden-checkbox{display:none}.billing-form-card .coins-section .coins-checkbox-wrapper .custom-checkbox-label{align-items:center;background:#fff;border:2px solid #eee;border-radius:10px;box-shadow:0 2px 8px #0000000a;cursor:pointer;display:flex;gap:10px;padding:6px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.billing-form-card .coins-section .coins-checkbox-wrapper .custom-checkbox-label:hover{border-color:var(--dashboard-accent-color);box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.billing-form-card .coins-section .coins-checkbox-wrapper .custom-checkbox-label .checkbox-tick{align-items:center;border:2px solid #ddd;border-radius:6px;color:#fff;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.billing-form-card .coins-section .coins-checkbox-wrapper .custom-checkbox-label .checkbox-tick svg{font-size:18px;opacity:0;transform:scale(.5);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.billing-form-card .coins-section .coins-checkbox-wrapper .custom-checkbox-label .checkbox-text{color:#333;font-size:.95rem;font-weight:800}.billing-form-card .coins-section .coins-checkbox-wrapper .hidden-checkbox:checked+.custom-checkbox-label{background-color:#fff9e6;border-color:var(--dashboard-accent-color)}.billing-form-card .coins-section .coins-checkbox-wrapper .hidden-checkbox:checked+.custom-checkbox-label .checkbox-tick{background-color:#212529;border-color:#212529}.billing-form-card .coins-section .coins-checkbox-wrapper .hidden-checkbox:checked+.custom-checkbox-label .checkbox-tick svg{opacity:1;transform:scale(1)}.billing-form-card .coins-section .coins-checkbox-wrapper .hidden-checkbox:checked+.custom-checkbox-label .checkbox-text{color:#212529}.billing-form-card .billing-summary-section{background:#fafafa;border-radius:16px;margin-top:25px;padding:20px}.billing-form-card .billing-summary-section .summary-title{color:#1a1a1a;font-size:1.1rem;font-weight:800;margin-bottom:15px}.billing-form-card .billing-summary-section .summary-rows{display:flex;flex-direction:column;gap:12px}.billing-form-card .billing-summary-section .cost-row{color:#555;display:flex;font-size:.95rem;font-weight:500;justify-content:space-between}.billing-form-card .billing-summary-section .cost-row.discount{color:#2e7d32}.billing-form-card .billing-summary-section .cost-row.total-row{border-top:2px dashed #eee;margin-top:5px;padding-top:15px}.billing-form-card .billing-summary-section .cost-row.total-row .total-label{color:#1a1a1a;font-size:1.2rem;font-weight:800}.billing-form-card .billing-summary-section .cost-row.total-row .total-amount{color:var(--dashboard-accent-color);font-size:1.4rem;font-weight:800}.billing-form-card .billing-summary-section .cost-row.total-row .total-amount span{color:#888;font-size:.8rem;font-weight:500;margin-left:4px}.billing-form-card .autopay-section{align-items:center;background:#fff9e6;border:1px solid #ffeeba;border-radius:14px;display:flex;justify-content:space-between;margin-top:20px;padding:16px 20px}.billing-form-card .autopay-section .autopay-info label{color:#856404;cursor:pointer;font-size:.95rem;font-weight:600}.billing-form-card .autopay-section .autopay-info p{font-size:smaller}.billing-form-card .actions{margin-top:0}.billing-form-card .actions .pay-btn{background:#333;border:none;border-radius:14px;box-shadow:0 4px 15px #00000026;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:800;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.billing-form-card .actions .pay-btn:hover{box-shadow:0 12px 30px #ffc10766;transform:translateY(-3px)}.billing-form-card .actions .pay-btn:active{transform:translateY(-1px)}@media(max-width:950px){.billing-details-page-wrapper{padding:20px 15px}.plan-summary-card{flex-direction:column;gap:12px;margin-bottom:0;max-width:450px;padding:25px 20px;width:90%}.plan-summary-card .star-badge svg{font-size:16px}.plan-summary-card .plan-info{margin-top:20px}.plan-summary-card .plan-info .plan-name{font-size:1.2rem;margin:10px}.plan-summary-card .price-section{margin:5px 0 15px}.plan-summary-card .price-section .price-value{color:#333;font-size:3rem}.plan-summary-card .price-section .price-value .currency{color:#333;font-size:1.5rem}.plan-summary-card .price-section .price-suffix{font-size:.85rem;margin-top:5px}.plan-summary-card .features-section{margin-top:0}.plan-summary-card .features-section .features-title{font-size:.95rem;margin-bottom:12px}.plan-summary-card .features-section .features-list{display:flex;flex-direction:column;gap:8px}.plan-summary-card .features-section .features-list li{font-size:.85rem;gap:6px}.plan-summary-card .features-section .features-list li svg{font-size:1.1rem}.billing-form-card{width:100%}}@media(max-width:480px){.plan-summary-card{gap:0;margin:0;padding:20px;width:100%}.plan-summary-card .price-section .price-value{font-size:2.4rem}.star-badge{left:-10px;position:absolute;top:-10px}.currency,.price-suffix{margin-top:10px!important}.billing-form-card .card-header .title{font-size:1.5rem}.billing-form-card .card-header .back-btn{left:15px;top:50%}.billing-form-card .coupon-section .coupon-input-wrapper{flex-direction:column}.billing-form-card .coupon-section .coupon-input-wrapper .apply-btn{padding:12px;width:100%}.billing-form-card .coins-section .coins-container{align-items:flex-start;flex-direction:column;gap:15px}.billing-form-card .coins-section .coins-container .coins-checkbox-wrapper{justify-content:flex-end;width:100%}.billing-form-card .autopay-section{padding:12px 15px}.billing-form-card .autopay-section .autopay-info label{font-size:.85rem}}.payment-status-wrapper{align-items:center;background:#f8f9fa;background:radial-gradient(circle at center,#fff 0,#f7f8fa 100%);display:flex;flex-direction:column;height:100dvh;justify-content:space-between;overflow:hidden;padding:60px 20px;position:relative}.payment-status-wrapper .logo-container{margin-bottom:20px;z-index:1}.payment-status-wrapper .logo-container .app-logo{filter:drop-shadow(0 4px 10px rgba(0,0,0,.05));height:60px}.payment-status-wrapper .status-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #fff;border-radius:32px;box-shadow:0 20px 40px #0000000f,0 0 1px #0000001a;color:#1f2430;max-width:440px;padding:40px;text-align:center;width:90%;z-index:1}.payment-status-wrapper .status-card .status-content{align-items:center;display:flex;flex-direction:column;gap:12px}.payment-status-wrapper .status-card .status-content h2{color:#1a1a1c;font-size:2.2rem;font-weight:700;letter-spacing:-.8px;line-height:1.1;margin:10px 0 5px}@media(max-width:480px){.payment-status-wrapper .status-card .status-content h2{font-size:1.8rem}}.payment-status-wrapper .status-card .status-content p{color:#5f667b;font-size:1.15rem;font-weight:400;line-height:1.6;margin:0}.payment-status-wrapper .status-card .status-content .icon-wrapper{align-items:center;background:#fff;border-radius:50%;display:flex;height:100px;justify-content:center;margin-bottom:24px;position:relative;width:100px}.payment-status-wrapper .status-card .status-content .icon-wrapper svg{font-size:50px}.payment-status-wrapper .status-card .status-content.verifying .icon-wrapper{box-shadow:0 10px 30px #fca43b26;color:#fca43b}.payment-status-wrapper .status-card .status-content.verifying .spin-icon{animation:spin 3s cubic-bezier(.4,0,.2,1) infinite}.payment-status-wrapper .status-card .status-content.verifying .loading-bar{background:#f1f2f6;border-radius:10px;height:8px;margin-top:10px;overflow:hidden;width:80%}.payment-status-wrapper .status-card .status-content.verifying .loading-bar .progress{background:linear-gradient(90deg,#fc0,#fca43b);box-shadow:0 0 10px #ffcc004d;height:100%}.payment-status-wrapper .status-card .status-content.success .icon-wrapper{background:#f0fdf4;border-radius:50%;box-shadow:0 10px 30px #10b98126;color:#10b981}.payment-status-wrapper .status-card .status-content.success .expiry-info{background:#f0fdf4;border:1px solid #10b9811a;border-radius:20px;display:flex;flex-direction:column;gap:4px;padding:16px 24px;width:100%}.payment-status-wrapper .status-card .status-content.success .expiry-info .label{color:#6b7280;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}.payment-status-wrapper .status-card .status-content.success .expiry-info .date{color:#065f46;font-size:1.3rem;font-weight:800}.payment-status-wrapper .status-card .status-content.success .redirect-info{color:#9097a6;font-size:.95rem;font-style:italic;margin-top:-10px}.payment-status-wrapper .status-card .status-content.success .done-btn{background:#fc0;border:none;border-radius:16px;box-shadow:0 10px 20px #fc03;color:#000;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:15px;padding:16px 40px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.payment-status-wrapper .status-card .status-content.success .done-btn:hover{background:#ffdb4d;box-shadow:0 20px 40px #ffcc004d;transform:translateY(-4px) scale(1.02)}.payment-status-wrapper .status-card .status-content.pending .icon-wrapper{box-shadow:0 10px 30px #f59e0b26;color:#f59e0b}.payment-status-wrapper .status-card .status-content.pending .spin-icon{animation:spin 3s cubic-bezier(.4,0,.2,1) infinite}.payment-status-wrapper .status-card .status-content.pending .error-details{background:#fffbeb;border:1px solid #f59e0b1a;border-radius:16px;color:#92400e;font-size:1rem;padding:16px;width:100%}.payment-status-wrapper .status-card .status-content.pending .action-buttons{display:flex;gap:16px;margin-top:10px;width:100%}.payment-status-wrapper .status-card .status-content.pending .action-buttons button{border-radius:14px;cursor:pointer;flex:1 1;font-weight:700;padding:14px;transition:all .3s ease}.payment-status-wrapper .status-card .status-content.pending .action-buttons .retry-btn{background:#fff;border:1px solid #e5e7eb;color:#1f2430}.payment-status-wrapper .status-card .status-content.pending .action-buttons .retry-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.payment-status-wrapper .status-card .status-content.pending .action-buttons .back-btn{background:#fc0;border:none;box-shadow:0 4px 12px #fc03;color:#000}.payment-status-wrapper .status-card .status-content.pending .action-buttons .back-btn:hover{background:#ffdb4d;box-shadow:0 8px 16px #ffcc004d;transform:translateY(-2px)}.payment-status-wrapper .status-card .status-content.error .icon-wrapper{background:#ffebeb;border-radius:50%;box-shadow:0 10px 30px #ef44441f;color:#ef4444}.payment-status-wrapper .status-card .status-content.error .error-details{background:#fff5f5;border:1px solid #ffebeb;border-radius:20px;color:#d32f2f;font-size:.95rem;font-weight:500;line-height:1.6;padding:24px;width:100%;word-break:break-all}.payment-status-wrapper .status-card .status-content.error .action-buttons{display:flex;gap:12px;margin-top:15px;width:100%}.payment-status-wrapper .status-card .status-content.error .action-buttons button{align-items:center;border-radius:18px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:600;height:56px;justify-content:center;padding:18px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.payment-status-wrapper .status-card .status-content.error .action-buttons .retry-btn{background:#fff;border:1px solid #e5e7eb;color:#1a1a1c}.payment-status-wrapper .status-card .status-content.error .action-buttons .retry-btn:hover{background:#f9fafb;box-shadow:0 4px 12px #0000000d;transform:translateY(-2px)}.payment-status-wrapper .status-card .status-content.error .action-buttons .back-btn{background:#fc0;border:none;box-shadow:0 8px 20px #ffcc0040;color:#000}.payment-status-wrapper .status-card .status-content.error .action-buttons .back-btn:hover{background:#ffdb4d;box-shadow:0 12px 24px #ffcc0059;transform:translateY(-2px)}.payment-status-wrapper .footer-note{color:#9097a6;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:20px;z-index:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.delete-account-page{align-items:center;background-color:var(--secondary-background);display:flex;flex-direction:column;height:100dvh;justify-content:center;position:relative}.delete-account-page .logo-container{height:70px;left:6px;object-fit:contain;position:absolute;top:5px;width:170px}.delete-container-wrapper{align-items:center;display:flex;height:calc(100dvh - 56px);justify-content:center;width:100%}.delete-container{animation:slideDown .5s ease-out;background:var(--white-background);border-radius:24px;box-shadow:0 10px 40px #00000014;max-width:480px;padding:40px;position:relative;text-align:center;width:100%}.delete-container .back-btn{align-items:center;background:#0000;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;left:20px;position:absolute;top:20px;transition:color .2s}.delete-container .back-btn:hover{color:var(--accent-1)}.delete-header{margin-bottom:24px;margin-top:20px}.delete-header .title{color:#1a1a1a;font-size:32px;font-weight:700;letter-spacing:-.02em;margin:0 0 8px}.delete-header .subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.warning-box{background:#fdf2f2;border:1px solid #fee2e2;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px;text-align:left}.warning-box .warning-icon{color:#ef4444;font-size:24px}.warning-box .warning-content h3{color:#991b1b;font-size:14px;font-weight:600;margin:0 0 4px}.warning-box .warning-content p{color:#991b1b;font-size:13px;line-height:1.4;margin:0}.verify-form{display:flex;flex-direction:column;gap:20px}.verify-form .form-group{display:flex;flex-direction:column;gap:8px;text-align:left}.verify-form .form-group label{color:var(--text-secondary);font-size:13px;font-weight:500}.verify-form .form-group input{border:1.5px solid #e5e7eb;border-radius:12px;color:var(--text-primary);font-size:15px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.verify-form .form-group input:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.verify-form .form-group.password-group .password-input-wrapper{align-items:center;display:flex;position:relative}.verify-form .form-group.password-group .password-input-wrapper input{padding-right:44px}.verify-form .form-group.password-group .password-input-wrapper .password-toggle-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;padding:8px;position:absolute;right:12px;transition:all .2s}.verify-form .form-group.password-group .password-input-wrapper .password-toggle-btn:hover{background:#0000000d;color:#1a1a1a}.verify-form .verify-btn{background:#1a1a1a;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:all .2s}.verify-form .verify-btn:hover{background:#000;box-shadow:0 4px 12px #00000026}.verify-form .verify-btn:disabled{background:#e5e7eb;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;font-size:14px;padding:12px;text-align:left}.verified-section .success-box{align-items:center;background:#ecfdf5;border:1px solid #d1fae5;border-radius:12px;color:#065f46;display:flex;flex-direction:column;gap:8px;margin-bottom:24px;padding:16px}.verified-section .success-box .success-icon{color:#10b981;font-size:32px}.verified-section .success-box p{font-size:15px;font-weight:600;margin:0}.verified-section .final-confirmation p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-bottom:24px}.verified-section .final-confirmation .delete-btn{background:#ef4444;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:12px;padding:16px;transition:all .3s;width:100%}.verified-section .final-confirmation .delete-btn:hover:not(:disabled){background:#dc2626;box-shadow:0 8px 20px #ef444440}.verified-section .final-confirmation .delete-btn:disabled{background:#fee2e2;color:#fca5a5;cursor:not-allowed}.verified-section .final-confirmation .cancel-btn{background:#0000;border:1.5px solid #e5e7eb;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:14px;transition:all .2s;width:100%}.verified-section .final-confirmation .cancel-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#1a1a1a}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:520px){.delete-container{max-width:90%;padding:30px 20px}}.delete-account-guide-page{background-color:#f7f9fb;color:#2e2e2e;height:100dvh}.delete-account-guide-page .guide-header{background-color:#fff;border-bottom:1px solid #e1e9ee;padding:.75rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.delete-account-guide-page .guide-header .guide-header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.delete-account-guide-page .guide-header .guide-header-container .header-left{align-items:center;display:flex;gap:1.25rem}.delete-account-guide-page .guide-header .guide-header-container .header-left .header-divider{background-color:#e2e8f0;height:24px;width:1px}.delete-account-guide-page .guide-header .guide-header-container .header-left .header-title{color:#1a202c;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0}.delete-account-guide-page .guide-header .logo-section .logo{cursor:pointer;height:32px}.delete-account-guide-page .guide-header .guide-nav{align-items:center;display:flex;gap:1.5rem}.delete-account-guide-page .guide-header .guide-nav a{color:#5e6d7a;font-size:.9rem;font-weight:500;text-decoration:none}.delete-account-guide-page .guide-header .guide-nav a:hover{color:#10b981}.delete-account-guide-page .guide-header .guide-nav .user-icon{align-items:center;background-color:#10b981;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:32px;justify-content:center;width:32px}.delete-account-guide-page .guide-header .guide-nav .signin-btn{background-color:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.delete-account-guide-page .guide-header .guide-nav .signin-btn:hover{background-color:#0c8f66;box-shadow:0 4px 12px #10b98133}.delete-account-guide-page .guide-main{background-color:#fff;height:calc(100dvh - 65px);overflow:auto;padding:2rem 0}.delete-account-guide-page .guide-main .guide-content-container{margin:0 auto;max-width:800px;padding:0 1rem}.delete-account-guide-page .guide-title-section{margin-bottom:2rem}.delete-account-guide-page .guide-title-section h1{color:#0e1318;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.delete-account-guide-page .guide-title-section .search-bar{align-items:center;background:#fff;border:1px solid #d1d9e0;border-radius:4px;box-shadow:0 2px 4px #0000000d;display:flex;padding:.75rem 1rem}.delete-account-guide-page .guide-title-section .search-bar .search-icon{color:#5e6d7a;margin-right:.75rem}.delete-account-guide-page .guide-title-section .search-bar input{border:none;color:#2e2e2e;font-size:1rem;outline:none;width:100%}.delete-account-guide-page .guide-title-section .search-bar input::placeholder{color:#8b959e}.delete-account-guide-page .breadcrumb{align-items:center;color:#5e6d7a;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:2rem}.delete-account-guide-page .breadcrumb span{cursor:pointer}.delete-account-guide-page .breadcrumb span:hover{text-decoration:underline}.delete-account-guide-page .breadcrumb span.current{color:#8b959e;cursor:default}.delete-account-guide-page .breadcrumb span.current:hover{text-decoration:none}.delete-account-guide-page .guide-article h1{color:#0e1318;font-size:2rem;font-weight:800;margin-bottom:1.5rem}.delete-account-guide-page .guide-article .article-nav{margin-bottom:2rem}.delete-account-guide-page .guide-article .article-nav p{color:#5e6d7a;font-size:.75rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase}.delete-account-guide-page .guide-article .article-nav ul{list-style:none;padding:0}.delete-account-guide-page .guide-article .article-nav ul li{align-items:center;display:flex;margin-bottom:.5rem}.delete-account-guide-page .guide-article .article-nav ul li:before{color:#5e6d7a;content:"↓";margin-right:.5rem}.delete-account-guide-page .guide-article .article-nav ul li a{color:#4169ff;font-size:.95rem;text-decoration:none}.delete-account-guide-page .guide-article .article-nav ul li a:hover{text-decoration:underline}.delete-account-guide-page .guide-article .intro-text{font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.delete-account-guide-page .guide-article .warning-box{border-radius:8px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.delete-account-guide-page .guide-article .warning-box.warning-pink{background-color:#fff1f3}.delete-account-guide-page .guide-article .warning-box .warning-icon{color:#ff4d4d;flex-shrink:0}.delete-account-guide-page .guide-article .warning-box .warning-content ul{margin:0;padding-left:1.25rem}.delete-account-guide-page .guide-article .warning-box .warning-content ul li{line-height:1.5;margin-bottom:.75rem}.delete-account-guide-page .guide-article .warning-box .warning-content ul li:last-child{margin-bottom:0}.delete-account-guide-page .guide-article .warning-box .warning-content a{color:#ff4d4d;font-weight:600}.delete-account-guide-page .guide-article .quick-tip-box{align-items:center;background-color:#fff;border:1px solid #e1e9ee;border-radius:12px;box-shadow:0 1px 4px #0000000a;display:flex;justify-content:space-between;margin-bottom:3rem;padding:1.25rem 1.75rem}.delete-account-guide-page .guide-article .quick-tip-box .quick-tip-left{display:flex;flex-direction:column;gap:.35rem}.delete-account-guide-page .guide-article .quick-tip-box .quick-tip-header{align-items:center;color:#4a5568;display:flex;font-size:.75rem;font-weight:800;gap:.6rem;letter-spacing:.06em;text-transform:uppercase}.delete-account-guide-page .guide-article .quick-tip-box .quick-tip-header .tip-icon{color:#718096;font-size:1.2rem}.delete-account-guide-page .guide-article .quick-tip-box .quick-tip-text{color:#1a202c;font-size:1.05rem;font-weight:500}.delete-account-guide-page .guide-article .quick-tip-box .open-settings-btn{background-color:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:700;padding:.7rem 1.5rem;transition:all .2s ease}.delete-account-guide-page .guide-article .quick-tip-box .open-settings-btn:hover{background-color:#0c8f66;box-shadow:0 4px 12px #10b98140}.delete-account-guide-page .guide-article .steps-section{margin-bottom:3rem}.delete-account-guide-page .guide-article .steps-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.delete-account-guide-page .guide-article .steps-section .tabs-header{border-bottom:1px solid #e1e9ee;display:flex;margin-bottom:1.5rem}.delete-account-guide-page .guide-article .steps-section .tabs-header .tab{background:none;border:none;color:#5e6d7a;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;position:relative}.delete-account-guide-page .guide-article .steps-section .tabs-header .tab.active{color:#8b3dff}.delete-account-guide-page .guide-article .steps-section .tabs-header .tab.active:after{background-color:#8b3dff;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.delete-account-guide-page .guide-article .steps-section .tabs-header .tab.disabled{cursor:not-allowed;opacity:.5}.delete-account-guide-page .guide-article .steps-section .steps-list ol{padding-left:1.5rem}.delete-account-guide-page .guide-article .steps-section .steps-list ol li{font-size:1.05rem;line-height:1.6;margin-bottom:1.25rem;padding-left:.5rem}.delete-account-guide-page .guide-article .contact-info-section{border-top:1px solid #e1e9ee;margin-top:1rem;padding-top:3rem}.delete-account-guide-page .guide-article .contact-info-section h2{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.delete-account-guide-page .guide-article .contact-info-section .contact-desc{color:#4a5568;font-size:1.1rem;line-height:1.6;margin-bottom:2.5rem}.delete-account-guide-page .guide-article .contact-info-section .contact-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.delete-account-guide-page .guide-article .contact-info-section .contact-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1.75rem;padding:1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.delete-account-guide-page .guide-article .contact-info-section .contact-card .contact-icon-wrapper{align-items:center;background-color:#f7fafc;border:1px solid #edf2f7;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.delete-account-guide-page .guide-article .contact-info-section .contact-card .contact-icon-wrapper .contact-icon{color:#718096;font-size:1.75rem}.delete-account-guide-page .guide-article .contact-info-section .contact-card .contact-details h3{color:#1a202c;font-size:1.1rem;font-weight:700;margin-bottom:.4rem}.delete-account-guide-page .guide-article .contact-info-section .contact-card .contact-details p{color:#4a5568;font-size:.95rem;line-height:1.6;margin:0}.delete-account-guide-page .guide-article .contact-info-section .contact-card .contact-details .extra-info{border-top:1px solid #edf2f7;color:#718096;font-size:.85rem;margin-top:1rem;padding-top:1rem}.delete-account-guide-page .guide-article .contact-info-section .contact-card .contact-details .extra-info strong{color:#2d3748;display:inline-block;margin-bottom:.3rem}@media(max-width:768px){.delete-account-guide-page .guide-header-container{padding:0 1rem!important}.delete-account-guide-page .guide-header-container .header-left{gap:.75rem}.delete-account-guide-page .guide-header-container .header-left .header-title{font-size:.95rem}.delete-account-guide-page .guide-header-container .header-left .header-divider{height:18px}.delete-account-guide-page .guide-nav{gap:.75rem}.delete-account-guide-page .guide-nav a{display:none}.delete-account-guide-page .guide-article{padding:1.5rem}.delete-account-guide-page .guide-article h1{font-size:1.75rem}.delete-account-guide-page .quick-tip-box{align-items:flex-start;flex-direction:column;gap:1.5rem}.delete-account-guide-page .quick-tip-box .open-settings-btn,.delete-account-guide-page .quick-tip-box .quick-tip-left{width:100%}.delete-account-guide-page .contact-info-section{padding-top:2rem}.delete-account-guide-page .contact-info-section .contact-card{flex-direction:column;gap:1.25rem;padding:1.5rem}.delete-account-guide-page .contact-info-section .contact-card .contact-icon-wrapper{height:48px;width:48px}.delete-account-guide-page .contact-info-section .contact-card .contact-icon-wrapper .contact-icon{font-size:1.5rem}}
/*# sourceMappingURL=main.522d1905.css.map*/