:root{--color-primary-50:#f0fdfa;--color-primary-100:#ccfbf1;--color-primary-200:#99f6e4;--color-primary-300:#5eead4;--color-primary-400:#2dd4bf;--color-primary-500:#14b8a6;--color-primary-600:#0d9488;--color-primary-700:#0f766e;--color-primary-800:#115e59;--color-primary-900:#134e4a;--color-cta-400:#fb923c;--color-cta-500:#f97316;--color-cta-600:#ea580c;--color-cta-700:#c2410c;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-success-500:#22c55e;--color-warning-500:#eab308;--color-error-500:#ef4444;--color-info-500:#3b82f6;--bg-primary:#fff;--bg-secondary:var(--color-primary-50);--bg-tertiary:var(--color-neutral-100);--font-primary:"Be Vietnam Pro","Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-display:"Be Vietnam Pro",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 40px #0d948826;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);background-color:var(--bg-primary);line-height:1.6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}html{scroll-behavior:auto}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--color-neutral-900);font-weight:700;line-height:1.2}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{color:var(--color-neutral-600)}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-700)}.container{width:100%;max-width:1280px;padding:0 var(--spacing-6);margin:0 auto}@media (min-width:768px){.container{padding:0 var(--spacing-8)}}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);font-family:var(--font-primary);font-size:var(--text-base);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;line-height:1.5;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;box-shadow:var(--shadow-md),0 4px 14px #0d948866}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));box-shadow:var(--shadow-lg),0 6px 20px #0d948880;transform:translateY(-2px)}.btn-cta{background:linear-gradient(135deg,var(--color-cta-500),var(--color-cta-600));color:#fff;box-shadow:var(--shadow-md),0 4px 14px #ea580c66}.btn-cta:hover{background:linear-gradient(135deg,var(--color-cta-400),var(--color-cta-500));box-shadow:var(--shadow-lg),0 6px 20px #ea580c80;transform:translateY(-2px)}.btn-outline{color:var(--color-primary-600);border:2px solid var(--color-primary-600);background:0 0}.btn-outline:hover{background:var(--color-primary-600);color:#fff}.btn-lg{padding:var(--spacing-4)var(--spacing-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-neutral-200);transition:all var(--transition-slow)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-50)0%,var(--color-primary-100)100%)}.gradient-hero{background:radial-gradient(ellipse 80% 50% at 50% -20%,#0d948826 0%,transparent 50%),linear-gradient(180deg,var(--color-primary-50)0%,var(--bg-primary)100%)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-600),var(--color-cta-500));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #0d94884d}50%{box-shadow:0 0 40px #0d948880}}.animate-fade-in-up{animation:.6s ease-out forwards fadeInUp}.animate-float{animation:3s ease-in-out infinite float}@media (max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}.header{z-index:1000;padding:var(--spacing-4)0;transition:all var(--transition-base);position:fixed;top:0;left:0;right:0}.header--scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md);padding:var(--spacing-3)0;background:#fffffff2}.header__container{justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.header__logo{align-items:center;gap:var(--spacing-3);cursor:pointer;text-decoration:none;display:flex}.header__logo-icon{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #0d94884d}.header__logo-text{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.header__nav{align-items:center;gap:var(--spacing-1);display:none}@media (min-width:1024px){.header__nav{display:flex}}.header__nav-link{padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-weight:500}.header__nav-link:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.header__actions{align-items:center;gap:var(--spacing-4);display:none}@media (min-width:1024px){.header__actions{display:flex}}.header__login{font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;transition:color var(--transition-fast);font-weight:600}.header__login:hover{color:var(--color-primary-600)}.header__mobile-toggle{width:44px;height:44px;color:var(--color-neutral-700);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.header__mobile-toggle:hover{background:var(--color-neutral-100)}@media (min-width:1024px){.header__mobile-toggle{display:none}}.header__mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:var(--spacing-6);opacity:0;pointer-events:none;transition:all var(--transition-base);background:#fffffffa;position:fixed;inset:76px 0 0;transform:translateY(-10px)}.header__mobile-menu--open{opacity:1;pointer-events:auto;transform:translateY(0)}.header__mobile-nav{gap:var(--spacing-2);flex-direction:column;display:flex}.header__mobile-link{padding:var(--spacing-4);font-size:var(--text-lg);color:var(--color-neutral-700);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;font-weight:500;display:block}.header__mobile-link:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.header__mobile-actions{gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--color-neutral-200);flex-direction:column;display:flex}.header__mobile-actions .btn{justify-content:center;width:100%}.footer{background:var(--color-neutral-900);color:var(--color-neutral-300);padding:var(--spacing-20)0 var(--spacing-8)}.footer__main{gap:var(--spacing-12);margin-bottom:var(--spacing-12);display:grid}@media (min-width:1024px){.footer__main{grid-template-columns:1.5fr 2fr}}.footer__brand{max-width:380px}.footer__logo{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-6);text-decoration:none;display:inline-flex}.footer__logo-icon{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.footer__logo-text{font-size:var(--text-xl);color:#fff;font-weight:700}.footer__description{font-size:var(--text-sm);color:var(--color-neutral-400);margin-bottom:var(--spacing-6);line-height:1.7}.footer__contact{gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.footer__contact-item{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-400);display:flex}.footer__contact-item svg{color:var(--color-primary-400);flex-shrink:0}.footer__social{gap:var(--spacing-3);display:flex}.footer__social-link{background:var(--color-neutral-800);width:40px;height:40px;color:var(--color-neutral-400);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.footer__social-link:hover{background:var(--color-primary-600);color:#fff;transform:translateY(-2px)}.footer__links{gap:var(--spacing-8);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.footer__links{grid-template-columns:repeat(4,1fr)}}.footer__links-title{font-size:var(--text-sm);color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-5);font-weight:700}.footer__links-list{gap:var(--spacing-3);flex-direction:column;list-style:none;display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-neutral-400);transition:color var(--transition-fast);cursor:pointer}.footer__link:hover{color:var(--color-primary-400)}.footer__bottom{align-items:center;gap:var(--spacing-2);padding-top:var(--spacing-8);border-top:1px solid var(--color-neutral-800);text-align:center;flex-direction:column;display:flex}@media (min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__copyright,.footer__made{font-size:var(--text-sm);color:var(--color-neutral-500)}.hero{padding:calc(var(--spacing-24) + 80px)0 var(--spacing-12);position:relative;overflow:hidden}.hero__container{gap:var(--spacing-12);align-items:center;display:grid}@media (min-width:1024px){.hero__container{gap:var(--spacing-16);grid-template-columns:1fr 1.1fr}}.hero__content{max-width:600px}.hero__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);border:1px solid var(--color-primary-200);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-primary-700);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm);background:#fff;font-weight:500;display:inline-flex}.hero__badge svg{color:var(--color-cta-500)}.hero__title{font-size:var(--text-4xl);margin-bottom:var(--spacing-6);font-weight:800;line-height:1.15}@media (min-width:768px){.hero__title{font-size:var(--text-5xl)}}@media (min-width:1024px){.hero__title{font-size:var(--text-6xl)}}.hero__description{font-size:var(--text-lg);color:var(--color-neutral-600);margin-bottom:var(--spacing-6);line-height:1.7}.hero__features{gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-wrap:wrap;display:flex}.hero__feature{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:500;display:flex}.hero__feature-icon{color:var(--color-primary-600)}.hero__actions{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.hero__demo-btn{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-5);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:600;display:flex}.hero__demo-btn:hover{color:var(--color-primary-600)}.hero__demo-icon{border-radius:var(--radius-full);width:44px;height:44px;box-shadow:var(--shadow-lg);color:var(--color-primary-600);transition:all var(--transition-base);background:#fff;justify-content:center;align-items:center;display:flex}.hero__demo-btn:hover .hero__demo-icon{box-shadow:var(--shadow-xl);transform:scale(1.05)}.hero__visual{justify-content:center;display:flex;position:relative}.hero__dashboard{border-radius:var(--radius-xl);width:100%;max-width:560px;box-shadow:var(--shadow-2xl),0 0 60px #0d94881a;background:#fff;overflow:hidden}.hero__dashboard-header{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);display:flex}.hero__dashboard-dots{gap:var(--spacing-2);display:flex}.hero__dashboard-dots span{border-radius:var(--radius-full);background:var(--color-neutral-300);width:10px;height:10px}.hero__dashboard-dots span:first-child{background:#ef4444}.hero__dashboard-dots span:nth-child(2){background:#eab308}.hero__dashboard-dots span:last-child{background:#22c55e}.hero__dashboard-title{font-size:var(--text-sm);color:var(--color-neutral-500);font-weight:500}.hero__dashboard-content{min-height:280px;display:flex}@media (min-width:768px){.hero__dashboard-content{min-height:320px}}.hero__dashboard-sidebar{width:60px;padding:var(--spacing-4);background:var(--color-neutral-50);border-right:1px solid var(--color-neutral-200);gap:var(--spacing-2);flex-direction:column;display:flex}.hero__dashboard-nav-item{background:var(--color-neutral-200);border-radius:var(--radius-md);height:32px}.hero__dashboard-nav-item--active{background:var(--color-primary-500)}.hero__dashboard-main{padding:var(--spacing-4);gap:var(--spacing-4);flex-direction:column;flex:1;display:flex}.hero__dashboard-stat-row{gap:var(--spacing-3);display:flex}.hero__dashboard-stat{border-radius:var(--radius-lg);flex:1;height:50px}.hero__dashboard-stat--primary{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200))}.hero__dashboard-stat--secondary{background:linear-gradient(135deg,var(--color-cta-100,#ffedd5),var(--color-cta-200,#fed7aa))}.hero__dashboard-stat--accent{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.hero__dashboard-chart{background:linear-gradient(180deg,var(--color-primary-50)0%,transparent 100%);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);flex:1}.hero__dashboard-cards{gap:var(--spacing-3);display:flex}.hero__dashboard-card{background:var(--color-neutral-100);border-radius:var(--radius-lg);flex:1;height:60px}.hero__floating{animation:4s ease-in-out infinite float;position:absolute}.hero__floating--1{animation-delay:0s;top:10%;right:-20px}.hero__floating--2{animation-delay:2s;bottom:20%;left:-20px}@media (max-width:1023px){.hero__floating{display:none}}.hero__floating-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);background:#fff;animation:3s ease-in-out infinite pulse-glow;display:flex}.hero__floating-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero__floating-icon--success{color:#22c55e;background:#dcfce7}.hero__floating-label{font-size:var(--text-xs);color:var(--color-neutral-500);font-weight:500;display:block}.hero__floating-value{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:700;display:block}.hero__floating-chart{width:60px;height:30px}.hero__floating-chart-svg{width:100%;height:100%}.hero__stats{margin-top:var(--spacing-16);padding:var(--spacing-8)0;border-top:1px solid var(--color-neutral-200);box-shadow:var(--shadow-sm);background:#fff}.hero__stats-container{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.hero__stats-container{grid-template-columns:repeat(4,1fr)}}.hero__stat{text-align:center;position:relative}.hero__stat-value{font-size:var(--text-3xl);color:var(--color-primary-600);margin-bottom:var(--spacing-1);font-weight:800;display:block}.hero__stat-label{font-size:var(--text-sm);color:var(--color-neutral-500);font-weight:500}.hero__stat-divider{background:var(--color-neutral-200);width:1px;height:50px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}@media (min-width:768px){.hero__stat-divider{display:block}}.features{padding:var(--spacing-24)0;background:var(--bg-primary)}.features__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-16)}.features__label{padding:var(--spacing-2)var(--spacing-4);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);font-weight:600;display:inline-block}.features__title{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}@media (min-width:768px){.features__title{font-size:var(--text-4xl)}}.features__description{font-size:var(--text-lg);color:var(--color-neutral-600);max-width:600px;margin:0 auto}.features__grid{gap:var(--spacing-6);display:grid}@media (min-width:640px){.features__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features__grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:var(--spacing-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-slow);background:#fff;position:relative}.feature-card:hover{box-shadow:var(--shadow-xl);border-color:#0000;transform:translateY(-4px)}.feature-card__icon{border-radius:var(--radius-lg);width:52px;height:52px;margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.feature-card__icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.feature-card--primary:hover{background:linear-gradient(135deg,var(--color-primary-50),white)}.feature-card__icon--orange{color:#ea580c;background:#ffedd5}.feature-card--orange:hover{background:linear-gradient(135deg,#fff7ed,#fff)}.feature-card__icon--blue{color:#2563eb;background:#dbeafe}.feature-card--blue:hover{background:linear-gradient(135deg,#eff6ff,#fff)}.feature-card__icon--purple{color:#7c3aed;background:#ede9fe}.feature-card--purple:hover{background:linear-gradient(135deg,#f5f3ff,#fff)}.feature-card__icon--yellow{color:#d97706;background:#fef3c7}.feature-card--yellow:hover{background:linear-gradient(135deg,#fffbeb,#fff)}.feature-card__icon--green{color:#16a34a;background:#dcfce7}.feature-card--green:hover{background:linear-gradient(135deg,#f0fdf4,#fff)}.feature-card__icon--pink{color:#db2777;background:#fce7f3}.feature-card--pink:hover{background:linear-gradient(135deg,#fdf2f8,#fff)}.feature-card__icon--cyan{color:#0891b2;background:#cffafe}.feature-card--cyan:hover{background:linear-gradient(135deg,#ecfeff,#fff)}.feature-card__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.feature-card__description{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6}.courses{padding:var(--spacing-24)0}.courses__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-16)}.courses__label{padding:var(--spacing-2)var(--spacing-4);color:var(--color-primary-700);font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm);background:#fff;font-weight:600;display:inline-block}.courses__title{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}@media (min-width:768px){.courses__title{font-size:var(--text-4xl)}}.courses__description{font-size:var(--text-lg);color:var(--color-neutral-600)}.courses__grid{gap:var(--spacing-6);display:grid}@media (min-width:640px){.courses__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.courses__grid{grid-template-columns:repeat(4,1fr)}}.course-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all var(--transition-slow);cursor:pointer;background:#fff;overflow:hidden}.course-card__image{justify-content:center;align-items:center;height:160px;display:flex;position:relative}.course-card__badge{top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1)var(--spacing-3);color:var(--color-neutral-800);font-size:var(--text-xs);border-radius:var(--radius-full);box-shadow:var(--shadow-md);background:#fff;font-weight:700;position:absolute}.course-card__content{padding:var(--spacing-5)}.course-card__instructor strong{color:var(--color-neutral-700)}.course-card__meta{gap:var(--spacing-3);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);flex-wrap:wrap;display:flex}.course-card__meta-item{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:inline-flex}.course-card__meta-item svg{color:var(--color-neutral-400)}.course-card__meta-item--rating{color:var(--color-cta-500)}.course-card__meta-item--rating svg{color:var(--color-cta-500);fill:var(--color-cta-500)}.course-card__footer{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.course-card__price{flex-direction:column;display:flex}.course-card__price-current{font-size:var(--text-lg);color:var(--color-primary-600);font-weight:800}.course-card__price-original{font-size:var(--text-xs);color:var(--color-neutral-400);text-decoration:line-through}.course-card__cta{padding:var(--spacing-2)var(--spacing-4);background:var(--color-primary-600);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.course-card__cta:hover{background:var(--color-primary-700)}.courses__footer{text-align:center;margin-top:var(--spacing-12)}.exams-section{padding:var(--spacing-24)0;background:linear-gradient(180deg,var(--color-neutral-50)0%,var(--bg-primary)100%)}.exams-section__grid{gap:var(--spacing-12);align-items:center;display:grid}@media (min-width:1024px){.exams-section__grid{grid-template-columns:1fr 1fr}}.exams-section__content{max-width:560px}.exams-section__label{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#7c3aed,#a855f7);font-weight:600;display:inline-flex}.exams-section__title{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.exams-section__title{font-size:var(--text-4xl)}}.exams-section__description{font-size:var(--text-lg);color:var(--color-neutral-600);margin-bottom:var(--spacing-8);line-height:1.6}.exams-section__features{gap:var(--spacing-4);display:grid}@media (min-width:640px){.exams-section__features{grid-template-columns:repeat(2,1fr)}}.exam-feature{gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#fff;display:flex}.exam-feature:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed1a}.exam-feature__icon{color:#7c3aed;border-radius:var(--radius-md);background:#ede9fe;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.exam-feature__content h4{font-size:var(--text-sm);color:var(--color-neutral-900);margin-bottom:2px;font-weight:600}.exam-feature__content p{font-size:var(--text-xs);color:var(--color-neutral-500);line-height:1.4}.exams-section__preview{position:relative}.exam-preview-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-6);background:#fff;overflow:hidden}.exam-preview-card__header{align-items:center;gap:var(--spacing-2);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-4);color:#7c3aed;font-weight:600;display:flex}.exam-preview-card__timer{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);color:#fff;font-size:var(--text-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#7c3aed,#a855f7);font-weight:700;display:flex}.exam-preview-card__progress{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-5);display:flex}.exam-progress-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.exam-progress-bar__fill{border-radius:var(--radius-full);background:linear-gradient(90deg,#7c3aed,#a855f7);height:100%;transition:width .3s}.exam-preview-card__progress span{font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap}.exam-preview-card__question{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.exam-question__text{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600;line-height:1.5}.exam-question__options{gap:var(--spacing-2);flex-direction:column;display:flex}.exam-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#fff;display:flex}.exam-option:hover{border-color:#7c3aed}.exam-option--selected{background:#ede9fe;border-color:#7c3aed}.exam-option input[type=radio]{accent-color:#7c3aed}.exam-option span{font-size:var(--text-sm);color:var(--color-neutral-700)}.exam-stats-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#16a34a;background:#fff;display:flex;position:absolute;top:20px;right:-20px}.exam-stats-card__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.exam-stats-card__label{font-size:var(--text-xs);color:var(--color-neutral-500)}@media (max-width:1023px){.exam-stats-card{right:10px}}.curriculum-section{padding:var(--spacing-24)0;background:var(--bg-primary)}.curriculum-section__grid{gap:var(--spacing-12);align-items:center;display:grid}@media (min-width:1024px){.curriculum-section__grid{grid-template-columns:1fr 1fr}}.curriculum-section__preview{position:relative}.curriculum-preview{gap:var(--spacing-4);flex-direction:column;display:flex}.curriculum-preview__item{gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;border-left:4px solid;display:flex}.curriculum-preview__item:hover{box-shadow:var(--shadow-lg);transform:translate(4px)}.curriculum-preview__emoji{flex-shrink:0;font-size:32px}.curriculum-preview__content{flex:1}.curriculum-preview__content h4{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:600;line-height:1.4}.curriculum-preview__meta{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.curriculum-preview__meta span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.curriculum-badge{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);display:flex;position:absolute;bottom:-20px;left:20px}.curriculum-badge__value{font-size:var(--text-xl);font-weight:800;display:block}.curriculum-badge__label{font-size:var(--text-xs);opacity:.9}.curriculum-section__content{max-width:560px}@media (min-width:1024px){.curriculum-section__content{padding-left:var(--spacing-8)}}.curriculum-section__label{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);font-weight:600;display:inline-flex}.curriculum-section__title{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.curriculum-section__title{font-size:var(--text-4xl)}}.curriculum-section__description{font-size:var(--text-lg);color:var(--color-neutral-600);margin-bottom:var(--spacing-6);line-height:1.6}.curriculum-section__benefits{gap:var(--spacing-3);margin-bottom:var(--spacing-8);flex-direction:column;padding:0;list-style:none;display:flex}.curriculum-section__benefits li{align-items:center;gap:var(--spacing-3);font-size:var(--text-base);color:var(--color-neutral-700);display:flex}.curriculum-section__benefits li svg{color:#16a34a;flex-shrink:0}.curriculum-section__stats{gap:var(--spacing-6);padding:var(--spacing-6);background:var(--color-neutral-50);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);display:flex}.curriculum-stat{text-align:center;flex:1}.curriculum-stat__value{font-size:var(--text-2xl);color:var(--color-primary-600);font-weight:800;display:block}.curriculum-section__cta{align-items:center;gap:var(--spacing-2);display:inline-flex}.community-section{padding:var(--spacing-24)0;background:linear-gradient(180deg,var(--color-neutral-50)0%,var(--bg-primary)100%)}.community-section__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-10)}.community-section__label{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#16a34a,#22c55e);font-weight:600;display:inline-flex}.community-section__title{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.community-section__title{font-size:var(--text-4xl)}}.community-section__description{font-size:var(--text-lg);color:var(--color-neutral-600);max-width:550px;margin:0 auto}.community-section__stats{justify-content:center;gap:var(--spacing-6);margin-bottom:var(--spacing-12);flex-wrap:wrap;display:flex}.community-stat-card{align-items:center;gap:var(--spacing-2);padding:var(--spacing-6)var(--spacing-8);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);color:var(--color-primary-600);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex}.community-stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.community-stat-card__value{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800}.community-stat-card__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.community-section__grid{gap:var(--spacing-8);margin-bottom:var(--spacing-10);display:grid}@media (min-width:1024px){.community-section__grid{gap:var(--spacing-12);grid-template-columns:1fr 1fr}}.community-section__features{gap:var(--spacing-4);flex-direction:column;display:flex}.community-feature-card{gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;display:flex}.community-feature-card:hover{box-shadow:var(--shadow-md);transform:translate(4px)}.community-feature-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.community-feature-card__content h4{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:600}.community-feature-card__content p{font-size:var(--text-sm);color:var(--color-neutral-500);line-height:1.5}.community-section__preview{position:relative}.community-feed-preview{gap:var(--spacing-4);flex-direction:column;display:flex}.community-post-preview{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff}.community-post-preview__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.community-post-preview__avatar{color:#fff;width:40px;height:40px;font-size:var(--text-sm);border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#a855f7);justify-content:center;align-items:center;font-weight:600;display:flex}.community-post-preview__author{flex-direction:column;display:flex}.community-post-preview__name{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600;display:flex}.community-post-preview__name svg{color:#2563eb}.community-post-preview__role{font-size:var(--text-xs);color:var(--color-neutral-500)}.community-post-preview__content{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);line-height:1.5}.community-post-preview__actions{gap:var(--spacing-4);display:flex}.community-post-preview__actions span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.community-online-badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);box-shadow:var(--shadow-md);font-size:var(--text-sm);color:var(--color-neutral-700);background:#fff;display:flex;position:absolute;top:-15px;right:20px}.community-online-badge__dot{border-radius:var(--radius-full);background:#16a34a;width:10px;height:10px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.community-section__cta{text-align:center}.community-section__cta .btn{align-items:center;gap:var(--spacing-2);display:inline-flex}.testimonials{padding:var(--spacing-24)0;background:var(--bg-primary)}.testimonials__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-16)}.testimonials__label{padding:var(--spacing-2)var(--spacing-4);background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);font-weight:600;display:inline-block}.testimonials__title{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}@media (min-width:768px){.testimonials__title{font-size:var(--text-4xl)}}.testimonials__description{font-size:var(--text-lg);color:var(--color-neutral-600)}.testimonials__grid{gap:var(--spacing-6);display:grid}@media (min-width:640px){.testimonials__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials__grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--spacing-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-slow);cursor:pointer;background:#fff;position:relative}.testimonial-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.testimonial-card__quote{top:var(--spacing-4);right:var(--spacing-4);color:var(--color-primary-200);position:absolute}.testimonial-card__rating{gap:var(--spacing-1);margin-bottom:var(--spacing-4);display:flex}.testimonial-card__star{color:#fbbf24;fill:#fbbf24}.testimonial-card__content{font-size:var(--text-base);color:var(--color-neutral-700);margin-bottom:var(--spacing-6);line-height:1.7}.testimonial-card__author{align-items:center;gap:var(--spacing-3);display:flex}.testimonial-card__avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:48px;height:48px;font-size:var(--text-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.testimonial-card__info{flex-direction:column;display:flex}.testimonial-card__name{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:700}.testimonial-card__role{font-size:var(--text-xs);color:var(--color-neutral-500)}.testimonials__logos{text-align:center;margin-top:var(--spacing-20);padding-top:var(--spacing-12);border-top:1px solid var(--color-neutral-200)}.testimonials__logos-title{font-size:var(--text-sm);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-8);font-weight:500}.testimonials__logos-grid{justify-content:center;align-items:center;gap:var(--spacing-8);flex-wrap:wrap;display:flex}.testimonials__logo{font-size:var(--text-xl);color:var(--color-neutral-300);transition:color var(--transition-fast);cursor:pointer;font-weight:800}.testimonials__logo:hover{color:var(--color-neutral-500)}.pricing{padding:var(--spacing-24)0}.pricing__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-16)}.pricing__label{padding:var(--spacing-2)var(--spacing-4);color:var(--color-primary-700);font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-sm);background:#fff;font-weight:600;display:inline-block}.pricing__title{font-size:var(--text-3xl);margin-bottom:var(--spacing-4)}@media (min-width:768px){.pricing__title{font-size:var(--text-4xl)}}.pricing__description{font-size:var(--text-lg);color:var(--color-neutral-600)}.pricing__grid{gap:var(--spacing-6);align-items:start;display:grid}@media (min-width:768px){.pricing__grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{padding:var(--spacing-8);border:2px solid var(--color-neutral-200);border-radius:var(--radius-2xl);transition:all var(--transition-slow);background:#fff;position:relative}.pricing-card:hover{box-shadow:var(--shadow-xl)}.pricing-card--popular{border-color:var(--color-primary-500);box-shadow:0 0 0 4px #0d94881a,var(--shadow-xl);transform:scale(1.02)}@media (min-width:768px){.pricing-card--popular{z-index:1;transform:scale(1.05)}}.pricing-card__badge{padding:var(--spacing-2)var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);white-space:nowrap;font-weight:700;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.pricing-card__header{text-align:center;margin-bottom:var(--spacing-6)}.pricing-card__icon{border-radius:var(--radius-xl);width:52px;height:52px;margin-bottom:var(--spacing-4);justify-content:center;align-items:center;display:inline-flex}.pricing-card__icon--neutral{background:var(--color-neutral-100);color:var(--color-neutral-600)}.pricing-card__icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.pricing-card__icon--dark{background:var(--color-neutral-900);color:#fff}.pricing-card__name{font-size:var(--text-xl);margin-bottom:var(--spacing-2);font-weight:700}.pricing-card__description{font-size:var(--text-sm);color:var(--color-neutral-500)}.pricing-card__price{text-align:center;margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200)}.pricing-card__amount{font-size:var(--text-4xl);color:var(--color-neutral-900);font-weight:800}.pricing-card__currency{font-size:var(--text-xl);font-weight:600}.pricing-card__period{font-size:var(--text-base);color:var(--color-neutral-500);font-weight:500}.pricing-card__features{gap:var(--spacing-3);margin-bottom:var(--spacing-8);flex-direction:column;list-style:none;display:flex}.pricing-card__feature{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.pricing-card__check{color:var(--color-primary-500);flex-shrink:0}.pricing-card__cta{width:100%;padding:var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:block}.pricing-card__cta--neutral{background:var(--color-neutral-100);color:var(--color-neutral-700)}.pricing-card__cta--neutral:hover{background:var(--color-neutral-200)}.pricing-card__cta--primary{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;box-shadow:0 4px 14px #0d948866}.pricing-card__cta--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d948880}.pricing-card__cta--dark{background:var(--color-neutral-900);color:#fff}.pricing-card__cta--dark:hover{background:var(--color-neutral-800)}.pricing__note{text-align:center;margin-top:var(--spacing-12);font-size:var(--text-sm);color:var(--color-neutral-500)}.pricing__note a{color:var(--color-primary-600);font-weight:500}.pricing__note a:hover{text-decoration:underline}.cta{padding:var(--spacing-24)0;background:var(--bg-primary)}.cta__card{padding:var(--spacing-12)var(--spacing-6);background:linear-gradient(135deg,var(--color-primary-600)0%,var(--color-primary-800)100%);border-radius:var(--radius-2xl);position:relative;overflow:hidden}@media (min-width:768px){.cta__card{padding:var(--spacing-16)var(--spacing-12)}}.cta__decoration{border-radius:var(--radius-full);opacity:.1;position:absolute}.cta__decoration--1{background:#fff;width:400px;height:400px;top:-100px;right:-100px}.cta__decoration--2{background:#fff;width:200px;height:200px;bottom:-50px;left:-50px}.cta__content{z-index:1;text-align:center;max-width:700px;margin:0 auto;position:relative}.cta__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-6);background:#fff3;font-weight:500;display:inline-flex}.cta__title{font-size:var(--text-3xl);color:#fff;margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.cta__title{font-size:var(--text-4xl)}}.cta__description{font-size:var(--text-lg);color:#ffffffd9;margin-bottom:var(--spacing-8);line-height:1.7}.cta__actions{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}@media (min-width:640px){.cta__actions{flex-direction:row;justify-content:center}}.cta__demo-btn{color:#fff;background:0 0;border-color:#ffffff80}.cta__demo-btn:hover{color:var(--color-primary-700);background:#fff;border-color:#fff}.cta__trust{align-items:center;gap:var(--spacing-3);flex-direction:column;display:flex}@media (min-width:640px){.cta__trust{flex-direction:row;justify-content:center}}.cta__trust-avatars{display:flex}.cta__trust-avatar{background:linear-gradient(135deg,var(--color-cta-400),var(--color-cta-500));color:#fff;width:36px;height:36px;font-size:var(--text-xs);border-radius:var(--radius-full);border:2px solid var(--color-primary-600);justify-content:center;align-items:center;margin-left:-10px;font-weight:700;display:flex}.cta__trust-avatar:first-child{margin-left:0}.cta__trust-text{font-size:var(--text-sm);color:#fffc}.cta__trust-text strong{color:#fff}.rewards-section{padding:var(--spacing-20)0;background:linear-gradient(135deg,#fefce8 0%,#fef3c7 50%,#fde68a 100%);position:relative;overflow:hidden}.rewards-section:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23fbbf24' fill-opacity='0.1'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.rewards-section__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-12);z-index:1;position:relative}.rewards-section__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:600;display:inline-flex}.rewards-section__title{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.rewards-section__title{font-size:var(--text-4xl)}}.rewards-section__title .gradient-text{background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.rewards-section__description{font-size:var(--text-lg);color:var(--color-neutral-600);line-height:1.6}.rewards-stats{gap:var(--spacing-4);max-width:800px;margin:0 auto var(--spacing-12);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}@media (max-width:768px){.rewards-stats{grid-template-columns:1fr}}.rewards-stat{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#fffc;border:1px solid #fbbf244d;display:flex}.rewards-stat svg{color:#f59e0b}.rewards-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.rewards-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.rewards-grid{gap:var(--spacing-5);margin-bottom:var(--spacing-10);z-index:1;grid-template-columns:repeat(4,1fr);display:grid;position:relative}@media (max-width:1024px){.rewards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.rewards-grid{grid-template-columns:1fr}}.reward-card{border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-200);transition:all var(--transition-normal);cursor:pointer;background:#fff;overflow:hidden}.reward-card__image{background:linear-gradient(135deg,#fef3c7,#fde68a);justify-content:center;align-items:center;height:140px;display:flex;position:relative}.reward-card__category{top:var(--spacing-3);right:var(--spacing-3);font-size:var(--text-xs);color:#d97706;border-radius:var(--radius-full);background:#fff;padding:2px 10px;font-weight:600;position:absolute}.reward-card__meta{justify-content:space-between;align-items:center;display:flex}.rewards-section__cta{text-align:center;z-index:1;position:relative}.rewards-section__cta .btn{align-items:center;gap:var(--spacing-2);background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#0000;display:inline-flex}.rewards-section__cta .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #f59e0b66}.competition-section{padding:var(--spacing-20)0;background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);position:relative;overflow:hidden}.competition-section:before{content:"";pointer-events:none;background:radial-gradient(#6366f14d 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;left:-20%}.competition-section:after{content:"";pointer-events:none;background:radial-gradient(#a855f733 0%,#0000 70%);width:50%;height:150%;position:absolute;bottom:-30%;right:-20%}.competition-section__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-12);z-index:1;position:relative}.competition-section__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:#ffffff26;border:1px solid #fff3;font-weight:600;display:inline-flex}.competition-section__title{font-size:var(--text-3xl);color:#fff;margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.competition-section__title{font-size:var(--text-4xl)}}.competition-section__title .gradient-text{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.competition-section__description{font-size:var(--text-lg);color:#ffffffb3;line-height:1.6}.competition-stats{gap:var(--spacing-4);max-width:900px;margin:0 auto var(--spacing-12);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}@media (max-width:768px){.competition-stats{grid-template-columns:1fr}}.competition-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);background:#ffffff1a;border:1px solid #ffffff26;display:flex}.competition-stat svg{color:#a78bfa}.competition-stat__value{font-size:var(--text-2xl);color:#fff;font-weight:800;display:block}.competition-stat__label{font-size:var(--text-sm);color:#fff9}.contests-grid{gap:var(--spacing-6);margin-bottom:var(--spacing-10);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}@media (max-width:1024px){.contests-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.contests-grid{grid-template-columns:1fr}}.contest-card{border-radius:var(--radius-2xl);padding:var(--spacing-5);transition:all var(--transition-normal);background:#fffffff2}.contest-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.contest-card__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.contest-card__icon{font-size:40px}.contest-card__status{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 10px;font-weight:600;display:inline-flex}.contest-card__status--registering{color:#16a34a;background:#dcfce7}.contest-card__status--upcoming{color:#2563eb;background:#dbeafe}.contest-card__name{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.contest-card__subject{background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);padding:2px 8px;font-weight:600;display:inline-block}.contest-card__info{gap:var(--spacing-4);margin-bottom:var(--spacing-3);display:flex}.contest-card__info-item{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.contest-card__prize{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:#92400e;margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex}.contest-card__prize strong{color:#78350f}.contest-card__btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;font-family:var(--font-primary);font-size:var(--text-sm);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:none;font-weight:600;text-decoration:none;display:flex}.contest-card__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.competition-section__cta{text-align:center;z-index:1;position:relative}.competition-section__cta .btn{align-items:center;gap:var(--spacing-2);color:var(--color-primary-600);background:#fff;border-color:#fff;display:inline-flex}.competition-section__cta .btn:hover{background:#ffffffe6;transform:translateY(-2px);box-shadow:0 10px 30px #ffffff4d}.leaderboard-section{padding:var(--spacing-20)0;background:linear-gradient(#f8fafc 0%,#e2e8f0 100%)}.leaderboard-section__header{text-align:center;max-width:700px;margin:0 auto var(--spacing-12)}.leaderboard-section__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:600;display:inline-flex}.leaderboard-section__title{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}@media (min-width:768px){.leaderboard-section__title{font-size:var(--text-4xl)}}.leaderboard-section__title .gradient-text{background:linear-gradient(135deg,#fbbf24,#ea580c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.leaderboard-section__description{font-size:var(--text-lg);color:var(--color-neutral-600);line-height:1.6}.leaderboard-layout{gap:var(--spacing-8);margin-bottom:var(--spacing-10);grid-template-columns:1fr 1fr;display:grid}@media (max-width:1024px){.leaderboard-layout{grid-template-columns:1fr}}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:var(--spacing-4);padding:var(--spacing-8);border-radius:var(--radius-2xl);background:linear-gradient(135deg,#1e1b4b,#312e81);display:flex}.podium-item{text-align:center;flex-direction:column;align-items:center;display:flex}.podium-avatar{border-radius:var(--radius-full);object-fit:cover;width:60px;height:60px;margin-bottom:var(--spacing-2);border:3px solid #fff}.podium-avatar--gold{border-color:#fbbf24;width:80px;height:80px;box-shadow:0 0 30px #fbbf2480}.podium-crown{color:#fbbf24;margin-bottom:var(--spacing-1);filter:drop-shadow(0 0 10px #fbbf2480)}.podium-medal--silver{color:#94a3b8}.podium-medal--bronze{color:#b45309}.podium-name{font-size:var(--text-sm);color:#fff;margin-bottom:var(--spacing-1);white-space:nowrap;text-overflow:ellipsis;max-width:100px;font-weight:700;overflow:hidden}.podium-points{font-size:var(--text-xs);color:#ffffffb3;margin-bottom:var(--spacing-3)}.podium-stand{width:80px;font-size:var(--text-2xl);color:#fff;border-radius:var(--radius-lg)var(--radius-lg)0 0;justify-content:center;align-items:center;font-weight:800;display:flex}.leaderboard-list{border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-200);background:#fff;overflow:hidden}.leaderboard-list__header{padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.leaderboard-list__header h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700;display:flex}.leaderboard-list__link{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-primary-600);font-weight:500;text-decoration:none;display:flex}.leaderboard-list__link:hover{color:var(--color-primary-700)}.leaderboard-items{padding:var(--spacing-3)}.leaderboard-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.leaderboard-item:hover{background:var(--color-neutral-50)}.leaderboard-item--top1{background:linear-gradient(135deg,#fbbf241a,#fbbf240d)}.leaderboard-item--top2{background:linear-gradient(135deg,#94a3b81a,#94a3b80d)}.leaderboard-item--top3{background:linear-gradient(135deg,#d977061a,#d977060d)}.leaderboard-item__rank{flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.leaderboard-item__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:40px;height:40px}.leaderboard-item__info{flex:1;min-width:0}.leaderboard-item__name{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600;display:block}.leaderboard-item__school{font-size:var(--text-xs);color:var(--color-neutral-500)}.leaderboard-item__stats{align-items:center;gap:var(--spacing-3);display:flex}.leaderboard-item__points{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:700;display:flex}.leaderboard-item__change{align-items:center;display:flex}.leaderboard-item__change--up{color:#16a34a}.leaderboard-item__change--down{color:#dc2626}.leaderboard-section__cta{text-align:center}.leaderboard-section__cta .btn{align-items:center;gap:var(--spacing-2);display:inline-flex}.auth{background:var(--bg-primary);min-height:100vh;display:flex}.auth__container{width:100%;display:flex}.auth__branding{background:linear-gradient(135deg,var(--color-primary-600)0%,var(--color-primary-800)100%);width:50%;padding:var(--spacing-12);display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth__branding{justify-content:center;align-items:center;display:flex}}.auth__branding-content{z-index:1;max-width:480px;position:relative}.auth__logo{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-12);text-decoration:none;display:inline-flex}.auth__logo-icon{color:#fff;border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.auth__logo-text{font-size:var(--text-2xl);color:#fff;font-weight:700}.auth__branding-text h1{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--spacing-4);font-weight:800;line-height:1.2}.auth__branding-text p{font-size:var(--text-lg);color:#ffffffd9;margin-bottom:var(--spacing-10);line-height:1.7}.auth__features{gap:var(--spacing-4);flex-direction:column;display:flex}.auth__feature{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;display:flex}.auth__feature-icon{font-size:var(--text-2xl)}.auth__feature-title{font-size:var(--text-base);color:#fff;font-weight:600;display:block}.auth__feature-desc{font-size:var(--text-sm);color:#ffffffb3;display:block}.auth__benefits{gap:var(--spacing-4);flex-direction:column;display:flex}.auth__benefit{align-items:center;gap:var(--spacing-3);color:#ffffffe6;font-size:var(--text-base);display:flex}.auth__benefit-check{border-radius:var(--radius-full);color:#fff;background:#fff3;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.auth__branding-decoration{pointer-events:none;position:absolute;inset:0}.auth__decoration-circle{border-radius:var(--radius-full);background:#ffffff0d;position:absolute}.auth__decoration-circle--1{width:400px;height:400px;top:-100px;right:-100px}.auth__decoration-circle--2{width:300px;height:300px;bottom:-50px;left:-50px}.auth__form-container{padding:var(--spacing-8);flex:1;justify-content:center;align-items:center;display:flex}@media (min-width:1024px){.auth__form-container{width:50%}}.auth__form-wrapper{width:100%;max-width:440px}.auth__form-header{margin-bottom:var(--spacing-8)}.auth__form-header h2{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:800}.auth__form-header p{font-size:var(--text-base);color:var(--color-neutral-500)}.auth__form{gap:var(--spacing-5);flex-direction:column;display:flex}.auth__field{gap:var(--spacing-2);flex-direction:column;display:flex}.auth__label{font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:600}.auth__input-wrapper{align-items:center;display:flex;position:relative}.auth__input-icon{left:var(--spacing-4);color:var(--color-neutral-400);pointer-events:none;position:absolute}.auth__input{width:100%;padding:var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-900);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast)}.auth__input::placeholder{color:var(--color-neutral-400)}.auth__input:hover{border-color:var(--color-neutral-300)}.auth__input:focus{border-color:var(--color-primary-500);background:#fff;outline:none;box-shadow:0 0 0 4px #0d94881a}.auth__input-toggle{right:var(--spacing-4);padding:var(--spacing-1);color:var(--color-neutral-400);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.auth__input-toggle:hover{color:var(--color-neutral-600)}.auth__password-requirements{gap:var(--spacing-2);margin-top:var(--spacing-2);flex-wrap:wrap;display:flex}.auth__password-req{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400);padding:var(--spacing-1)var(--spacing-2);background:var(--color-neutral-100);border-radius:var(--radius-full);transition:all var(--transition-fast);display:inline-flex}.auth__password-req--met{color:var(--color-success-500);background:#dcfce7}.auth__password-req-dot{background:var(--color-neutral-300);border-radius:var(--radius-full);width:6px;height:6px}.auth__error{font-size:var(--text-xs);color:var(--color-error-500);margin-top:var(--spacing-1)}.auth__options{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.auth__checkbox{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer;display:flex}.auth__checkbox input{opacity:0;width:0;height:0;position:absolute}.auth__checkbox-mark{background:var(--color-neutral-100);border:2px solid var(--color-neutral-300);border-radius:var(--radius-md);width:20px;height:20px;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.auth__checkbox input:checked+.auth__checkbox-mark{background:var(--color-primary-600);border-color:var(--color-primary-600)}.auth__checkbox input:checked+.auth__checkbox-mark:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:6px;height:10px;transform:rotate(45deg)translateY(-1px)}.auth__checkbox--terms{margin-top:var(--spacing-2)}.auth__link{font-size:var(--text-sm);color:var(--color-primary-600);cursor:pointer;font-weight:500;text-decoration:none}.auth__link:hover{color:var(--color-primary-700);text-decoration:underline}.auth__link--highlight{font-weight:600}.auth__submit{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:#fff;background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:none;font-weight:600;display:flex;box-shadow:0 4px 14px #0d948866}.auth__submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #0d948880}.auth__submit:disabled{opacity:.7;cursor:not-allowed}.auth__spinner{border-radius:var(--radius-full);border:2px solid #ffffff4d;border-top-color:#fff;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth__divider{align-items:center;gap:var(--spacing-4);color:var(--color-neutral-400);font-size:var(--text-sm);display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--color-neutral-200);flex:1;height:1px}.auth__social{gap:var(--spacing-3);display:flex}.auth__social-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);background:#fff;flex:1;font-weight:500;display:flex}.auth__social-btn:hover{border-color:var(--color-neutral-300);background:var(--color-neutral-50)}.auth__footer{margin-top:var(--spacing-8);text-align:center;font-size:var(--text-sm);color:var(--color-neutral-500)}@media (max-width:1023px){.auth__form-wrapper:before{content:"";width:56px;height:56px;margin:0 auto var(--spacing-8);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));border-radius:var(--radius-xl);display:block}}.dashboard{background:var(--color-neutral-50);min-height:100vh;display:flex}.dashboard--collapsed .sidebar{width:80px}.dashboard--collapsed .dashboard__main{margin-left:80px}.sidebar{border-right:1px solid var(--color-neutral-200);z-index:100;width:280px;transition:all var(--transition-base);background:#fff;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}@media (max-width:1023px){.sidebar{box-shadow:var(--shadow-2xl);transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.sidebar__overlay{z-index:99;background:#00000080;display:none;position:fixed;inset:0}@media (max-width:1023px){.sidebar__overlay{display:block}}.sidebar__header{padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.sidebar__logo{align-items:center;gap:var(--spacing-3);text-decoration:none;display:flex;overflow:hidden}.sidebar__logo-icon{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.sidebar__logo-text{font-size:var(--text-lg);color:var(--color-neutral-900);white-space:nowrap;font-weight:700}.sidebar__collapse{background:var(--color-neutral-100);border-radius:var(--radius-lg);width:32px;height:32px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:none}.sidebar__collapse:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}@media (min-width:1024px){.sidebar__collapse{display:flex}}.dashboard--collapsed .sidebar__collapse{transform:rotate(180deg)}.sidebar__nav{padding:var(--spacing-4)0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__nav-section{padding:0 var(--spacing-3)}.sidebar__nav-section--bottom{padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-100);margin-top:auto}.sidebar__nav-label{padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-xs);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:block}.sidebar__nav-list{gap:var(--spacing-1);flex-direction:column;list-style:none;display:flex}.sidebar__nav-link{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.sidebar__nav-link:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.sidebar__nav-link--active{background:var(--color-primary-50);color:var(--color-primary-700)}.sidebar__nav-link--active .sidebar__nav-icon{color:var(--color-primary-600)}.sidebar__nav-link--logout{color:var(--color-error-500)}.sidebar__nav-link--logout:hover{color:var(--color-error-500);background:#fef2f2}.sidebar__nav-icon{color:var(--color-neutral-400);transition:color var(--transition-fast);flex-shrink:0}.sidebar__nav-text{text-align:left;white-space:nowrap;flex:1}.sidebar__nav-badge{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);color:#fff;background:var(--color-cta-500);border-radius:var(--radius-full);text-align:center;min-width:20px;font-weight:600}.sidebar__nav-badge--collapsed{min-width:16px;padding:2px 5px;font-size:10px;position:absolute;top:2px;right:2px}.dashboard--collapsed .sidebar__nav-link{padding:var(--spacing-3);justify-content:center;position:relative}.sidebar__user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-neutral-100);background:var(--color-neutral-50);display:flex}.sidebar__user-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:40px;height:40px;font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar__user-info{flex-direction:column;display:flex;overflow:hidden}.sidebar__user-name{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar__user-role{font-size:var(--text-xs);color:var(--color-neutral-500)}.dashboard__main{min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;margin-left:280px;display:flex}@media (max-width:1023px){.dashboard__main{margin-left:0}}.dashboard__header{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);z-index:50;background:#fff;display:flex;position:sticky;top:0}.dashboard__header-left{align-items:center;gap:var(--spacing-4);flex:1;display:flex}.dashboard__mobile-toggle{width:40px;height:40px;color:var(--color-neutral-600);cursor:pointer;border-radius:var(--radius-lg);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.dashboard__mobile-toggle:hover{background:var(--color-neutral-100)}@media (min-width:1024px){.dashboard__mobile-toggle{display:none}}.dashboard__search{flex:1;max-width:400px;position:relative}.dashboard__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.dashboard__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-800);background:var(--color-neutral-100);border-radius:var(--radius-xl);transition:all var(--transition-fast);border:2px solid #0000}.dashboard__search-input::placeholder{color:var(--color-neutral-400)}.dashboard__search-input:focus{border-color:var(--color-primary-500);background:#fff;outline:none;box-shadow:0 0 0 4px #0d94881a}.dashboard__header-right{align-items:center;gap:var(--spacing-4);display:flex}.dashboard__notification{background:var(--color-neutral-100);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex;position:relative}.dashboard__notification:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.dashboard__notification-badge{color:#fff;background:var(--color-cta-500);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:4px;right:4px}.dashboard__header-user{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex}.dashboard__header-user:hover{background:var(--color-neutral-100)}.dashboard__header-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:36px;height:36px;font-size:var(--text-xs);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.dashboard__header-user-info{flex-direction:column;display:none}@media (min-width:768px){.dashboard__header-user-info{display:flex}}.dashboard__header-user-name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.dashboard__header-user-role{font-size:var(--text-xs);color:var(--color-neutral-500)}.dashboard__content{padding:var(--spacing-6);flex:1}@media (min-width:768px){.dashboard__content{padding:var(--spacing-8)}}.sidebar__nav-item,.sidebar__nav-link--expandable{position:relative}.sidebar__nav-chevron{transition:transform var(--transition-fast);color:var(--color-neutral-400);margin-left:auto}.sidebar__nav-chevron--expanded{transform:rotate(180deg)}.sidebar__submenu{max-height:0;transition:max-height var(--transition-base),opacity var(--transition-base);opacity:0;margin-left:var(--spacing-6);padding-left:var(--spacing-4);border-left:2px solid var(--color-neutral-200);list-style:none;overflow:hidden}.sidebar__submenu--expanded{opacity:1;max-height:500px;margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.sidebar__submenu-link{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-500);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;font-weight:500;text-decoration:none;display:flex}.sidebar__submenu-link:hover{color:var(--color-neutral-800);background:var(--color-neutral-100)}.sidebar__submenu-link--active{color:var(--color-primary-700);background:var(--color-primary-50)}.sidebar__submenu-link--active .sidebar__submenu-icon{color:var(--color-primary-600)}.sidebar__submenu-icon{color:var(--color-neutral-400);flex-shrink:0}.dashboard-home{max-width:1400px;margin:0 auto}.dashboard-home__header{gap:var(--spacing-4);margin-bottom:var(--spacing-8);flex-direction:column;display:flex}@media (min-width:768px){.dashboard-home__header{flex-direction:row;justify-content:space-between;align-items:center}}.dashboard-home__title{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}@media (min-width:768px){.dashboard-home__title{font-size:var(--text-3xl)}}.dashboard-home__subtitle{font-size:var(--text-base);color:var(--color-neutral-500)}.dashboard-home__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-8);display:grid}@media (min-width:640px){.dashboard-home__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.dashboard-home__stats{grid-template-columns:repeat(4,1fr)}}.stat-card{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);transition:all var(--transition-fast);cursor:pointer;background:#fff;display:flex}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card__icon--primary{background:var(--color-primary-100);color:var(--color-primary-600)}.stat-card__icon--blue{color:#2563eb;background:#dbeafe}.stat-card__icon--green{color:#16a34a;background:#dcfce7}.stat-card__icon--orange{color:#ea580c;background:#ffedd5}.stat-card__content{flex:1;min-width:0}.stat-card__label{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-1);font-weight:500;display:block}.stat-card__value-row{align-items:baseline;gap:var(--spacing-2);display:flex}.stat-card__value{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800}.stat-card__change{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 6px;font-weight:600;display:inline-flex}.stat-card__change--up{color:#16a34a;background:#dcfce7}.stat-card__change--down{color:#dc2626;background:#fef2f2}.dashboard-home__grid{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.dashboard-home__grid{grid-template-columns:2fr 1fr}}.dashboard-card{border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);background:#fff;overflow:hidden}.dashboard-card__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.dashboard-card__title{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.dashboard-card__link{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-primary-600);cursor:pointer;font-weight:500;text-decoration:none;display:inline-flex}.dashboard-card__link:hover{color:var(--color-primary-700)}.dashboard-card__content{padding:var(--spacing-5)}.dashboard-card--actions{grid-column:1/-1}@media (min-width:1024px){.dashboard-card--actions{grid-column:auto}}.course-item{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;display:flex}.course-item:hover{background:var(--color-neutral-100)}.course-item__info{flex:1;min-width:0}.course-item__title{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.course-item__meta{align-items:center;gap:var(--spacing-3);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.course-item__meta span{align-items:center;gap:var(--spacing-1);display:inline-flex}.course-item__status{border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.course-item__status--active{color:#16a34a;background:#dcfce7}.course-item__status--completed{color:#2563eb;background:#dbeafe}.course-item__status--draft{background:var(--color-neutral-200);color:var(--color-neutral-600)}.course-item__progress{align-items:center;gap:var(--spacing-3);flex-shrink:0;width:120px;display:flex}.course-item__progress-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.course-item__progress-fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.course-item__progress-text{font-size:var(--text-xs);color:var(--color-neutral-600);text-align:right;min-width:32px;font-weight:600}.schedule-list{gap:var(--spacing-3);flex-direction:column;display:flex}.schedule-item{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;display:flex}.schedule-item:hover{background:var(--color-neutral-50)}.schedule-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.schedule-item__icon--live{color:#dc2626;background:#fef2f2}.schedule-item__icon--workshop{color:#2563eb;background:#dbeafe}.schedule-item__icon--review{color:#ca8a04;background:#fefce8}.schedule-item__info{flex:1}.schedule-item__title{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);font-weight:600}.schedule-item__meta{align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.quick-actions{gap:var(--spacing-3);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:1024px){.quick-actions{grid-template-columns:repeat(4,1fr)}}.quick-action{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-5);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;font-weight:500;display:flex}.quick-action:hover{border-color:var(--color-primary-300);color:var(--color-primary-600);background:#fff}.quick-action--primary{background:var(--color-primary-50);border-color:var(--color-primary-200);color:var(--color-primary-700);border-style:solid}.quick-action--primary:hover{background:var(--color-primary-100)}.courses-page{max-width:1400px;margin:0 auto}.courses-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.courses-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.courses-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.courses-page__subtitle{font-size:var(--text-base);color:var(--color-neutral-500)}.courses-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.courses-page__stats{grid-template-columns:repeat(4,1fr)}}.courses-stat{padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}.courses-stat__value{font-size:var(--text-2xl);color:var(--color-primary-600);font-weight:800}.courses-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.courses-page__filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.courses-page__filters{flex-direction:row;justify-content:space-between;align-items:center}}.courses-page__search{flex:1;max-width:400px;position:relative}.courses-page__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.courses-page__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-800);background:var(--color-neutral-100);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:2px solid #0000}.courses-page__search-input:focus{border-color:var(--color-primary-500);background:#fff;outline:none}.courses-page__filter-group{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.courses-page__filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.courses-page__select{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.courses-page__select:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}.courses-page__view-toggle{background:var(--color-neutral-100);border-radius:var(--radius-lg);padding:2px;display:flex}.courses-page__view-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.courses-page__view-btn:hover{color:var(--color-neutral-600)}.courses-page__view-btn--active{color:var(--color-primary-600);box-shadow:var(--shadow-sm);background:#fff}.courses-page__content{gap:var(--spacing-5);display:grid}@media (min-width:640px){.courses-page__content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.courses-page__content{grid-template-columns:repeat(3,1fr)}}.courses-page__content--list{grid-template-columns:1fr}.courses-page__empty{padding:var(--spacing-16);color:var(--color-neutral-500);grid-column:1/-1;justify-content:center;align-items:center;display:flex}.course-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);cursor:pointer;background:#fff;flex-direction:column;display:flex;overflow:hidden}.course-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.course-card--list{flex-direction:row}.course-card__thumbnail{justify-content:center;align-items:center;height:160px;display:flex;position:relative}.course-card--list .course-card__thumbnail{flex-shrink:0;width:240px;height:auto;min-height:160px}.course-card__status{top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600;position:absolute}.course-card__status--published{color:#16a34a;background:#dcfce7}.course-card__status--draft{color:#d97706;background:#fef3c7}.course-card__status--archived{background:var(--color-neutral-200);color:var(--color-neutral-600)}.course-card__body{padding:var(--spacing-5);flex-direction:column;flex:1;display:flex}.course-card__category{font-size:var(--text-xs);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-2);font-weight:600;display:inline-block}.course-card__title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.course-card__instructor{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-4)}.course-card__meta{gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-100);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.course-card__meta span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:inline-flex}.course-card__meta svg{color:var(--color-neutral-400)}.course-card__rating{color:var(--color-cta-500)!important}.course-card__rating svg{fill:var(--color-cta-500);color:var(--color-cta-500)!important}.course-card__footer{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.course-card__price{font-size:var(--text-lg);color:var(--color-primary-600);font-weight:800}.course-card__actions{position:relative}.course-card__action-btn{background:var(--color-neutral-100);border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.course-card__action-btn:hover{background:var(--color-neutral-200)}.course-card__dropdown{margin-top:var(--spacing-2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.course-card__dropdown-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.course-card__dropdown-item:hover{background:var(--color-neutral-100)}.course-card__dropdown-item--danger{color:var(--color-error-500)}.course-card__dropdown-item--danger:hover{background:#fef2f2}.create-course{max-width:1200px;margin:0 auto}.create-course__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);flex-direction:column;display:flex}@media (min-width:768px){.create-course__header{flex-direction:row;justify-content:space-between;align-items:center}}.create-course__header-left{align-items:center;gap:var(--spacing-4);display:flex}.create-course__back{background:var(--color-neutral-100);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-neutral-600);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.create-course__back:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.create-course__title{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.create-course__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.create-course__actions{gap:var(--spacing-3);display:flex}.create-course__tabs{gap:var(--spacing-1);margin-bottom:var(--spacing-6);padding:var(--spacing-1);background:var(--color-neutral-100);border-radius:var(--radius-xl);display:flex;overflow-x:auto}.create-course__tab{min-width:120px;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;font-weight:500}.create-course__tab:hover{color:var(--color-neutral-800)}.create-course__tab--active{color:var(--color-primary-700);box-shadow:var(--shadow-sm);background:#fff}.create-course__content{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.create-course__content{grid-template-columns:2fr 1fr}}.create-course__main,.create-course__sidebar{gap:var(--spacing-6);flex-direction:column;display:flex}.form-section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.form-section__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-5);font-weight:700}.form-section__desc{font-size:var(--text-sm);color:var(--color-neutral-500)}@media (min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.form-required{color:var(--color-error-500)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-500);background:#fff;outline:none;box-shadow:0 0 0 4px #0d94881a}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:var(--spacing-1);display:block}.upload-area{padding:var(--spacing-8);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.upload-area:hover{border-color:var(--color-primary-500);background:var(--color-primary-50)}.upload-area__icon{color:var(--color-neutral-400);margin-bottom:var(--spacing-3)}.upload-area__text{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-1);font-weight:500}.upload-area__hint{font-size:var(--text-xs);color:var(--color-neutral-400)}.upload-area__input{opacity:0;cursor:pointer;position:absolute;inset:0}.create-course__curriculum,.create-course__pricing,.create-course__settings{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.curriculum-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.curriculum-section{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.curriculum-section__header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);background:#fff;display:flex}.curriculum-section__drag{color:var(--color-neutral-400);cursor:grab}.curriculum-section__number{font-size:var(--text-sm);color:var(--color-primary-600);min-width:60px;font-weight:700}.curriculum-section__input{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-800);border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;flex:1;font-weight:600}.curriculum-section__input:hover,.curriculum-section__input:focus{background:var(--color-neutral-100);border-color:var(--color-neutral-300);outline:none}.curriculum-section__delete{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.curriculum-section__delete:hover{color:var(--color-error-500);background:#fef2f2}.curriculum-lessons{padding:var(--spacing-2)}.curriculum-lesson{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-2);background:#fff;display:flex}.curriculum-lesson__drag{color:var(--color-neutral-300);cursor:grab}.curriculum-lesson__number{font-size:var(--text-xs);color:var(--color-neutral-500);min-width:32px;font-weight:600}.curriculum-lesson__icon{background:var(--color-primary-100);width:28px;height:28px;color:var(--color-primary-600);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.curriculum-lesson__input{padding:var(--spacing-1)var(--spacing-2);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);background:0 0;border:none;flex:1}.curriculum-lesson__duration{font-size:var(--text-xs);color:var(--color-neutral-400)}.curriculum-lesson__delete{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-300);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.curriculum-lesson__delete:hover{color:var(--color-error-500);background:#fef2f2}.curriculum-section__actions{gap:var(--spacing-2);padding:var(--spacing-3);border-top:1px solid var(--color-neutral-200);display:flex}.curriculum-add-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-neutral-600);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500;display:inline-flex}.curriculum-add-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.curriculum-empty{padding:var(--spacing-12);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.curriculum-empty__icon{color:var(--color-neutral-300);margin-bottom:var(--spacing-4)}.curriculum-empty p{font-size:var(--text-base);color:var(--color-neutral-500);margin-bottom:var(--spacing-4)}.pricing-preview{margin-top:var(--spacing-6);padding:var(--spacing-5);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.pricing-preview h3{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-3);font-weight:600}.pricing-preview__card{align-items:baseline;gap:var(--spacing-3);display:flex}.pricing-preview__original{font-size:var(--text-2xl);color:var(--color-neutral-400);font-weight:800;text-decoration:line-through}.pricing-preview__discount{font-size:var(--text-3xl);color:var(--color-primary-600);font-weight:800}.settings-option{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)0;border-bottom:1px solid var(--color-neutral-100);display:flex}.settings-option:last-child{border-bottom:none}.settings-option__label{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);font-weight:600;display:block}.categories-page{max-width:1200px;margin:0 auto}.categories-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.categories-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.categories-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.categories-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.categories-page__toolbar{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.categories-page__toolbar{flex-direction:row;justify-content:space-between;align-items:center}}.categories-page__search{flex:1;max-width:320px;position:relative}.categories-page__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.categories-page__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);border:none}.categories-page__search-input:focus{outline:2px solid var(--color-primary-500)}.categories-page__stats{gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.categories-list{gap:var(--spacing-3);flex-direction:column;display:flex}.category-item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.category-item__main{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);display:flex}.category-item__icon{width:48px;height:48px;font-size:var(--text-xl);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.category-item__info{flex:1;min-width:0}.category-item__name{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.category-item__description{font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.category-item__meta{align-items:flex-end;gap:var(--spacing-1);flex-direction:column;display:flex}.category-item__count{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:600}.category-item__slug{font-size:var(--text-xs);color:var(--color-neutral-400);font-family:monospace}.category-item__actions{gap:var(--spacing-2);display:flex}.category-item__btn{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.category-item__btn:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.category-item__btn--delete:hover{color:var(--color-error-500);background:#fef2f2}.category-item__expand{background:var(--color-primary-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-primary-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.category-item__expand svg{transition:transform var(--transition-fast)}.category-item__expand--active svg{transform:rotate(90deg)}.category-item__subcategories{padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 48px + var(--spacing-4));background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200)}.subcategory-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);background:#fff;display:flex}.subcategory-item__icon{font-size:var(--text-lg)}.subcategory-item__info{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.subcategory-item__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.subcategory-item__count{font-size:var(--text-xs);color:var(--color-neutral-400)}.subcategory-item__actions{gap:var(--spacing-1);display:flex}.add-subcategory-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-500);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.add-subcategory-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.categories-empty{padding:var(--spacing-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.categories-empty__icon{color:var(--color-neutral-300);margin-bottom:var(--spacing-4)}.categories-empty p{color:var(--color-neutral-500)}.modal{border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-2xl);background:#fff;overflow:hidden}.modal__close{width:32px;height:32px;font-size:var(--text-xl);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.modal__footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50);display:flex}.curriculum-page{max-width:1200px;margin:0 auto}.curriculum-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.curriculum-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.curriculum-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.curriculum-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.curriculum-page__select{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);background:#fff;min-width:300px}@media (min-width:768px){.curriculum-stats{grid-template-columns:repeat(4,1fr)}}.curriculum-stat{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center;background:#fff;flex-direction:column;align-items:center;display:flex}.curriculum-stat__value{font-size:var(--text-2xl);color:var(--color-primary-600);font-weight:800}.curriculum-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.curriculum-sections{gap:var(--spacing-4);flex-direction:column;display:flex}.curriculum-section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.section-header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);display:flex}.section-header__drag{color:var(--color-neutral-400);cursor:grab}.section-header__toggle{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-600);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex}.section-header__info{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.section-header__number{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-md);font-weight:600}.section-header__title{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600}.section-header__count{font-size:var(--text-sm);color:var(--color-neutral-500)}.section-header__actions{gap:var(--spacing-1);display:flex}.section-action{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.section-action:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.section-action--danger:hover{color:#dc2626;background:#fef2f2}.section-lessons{padding:var(--spacing-2)}.lesson-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);margin-bottom:var(--spacing-1);background:var(--color-neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.lesson-item:hover{background:var(--color-neutral-100)}.lesson-item__drag{color:var(--color-neutral-400);cursor:grab}.lesson-item__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lesson-item__icon--video{color:#2563eb;background:#dbeafe}.lesson-item__icon--document{color:#16a34a;background:#dcfce7}.lesson-item__icon--quiz{color:#7c3aed;background:#ede9fe}.lesson-item__info{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.lesson-item__number{font-size:var(--text-xs);color:var(--color-neutral-400);min-width:30px}.lesson-item__title{font-size:var(--text-sm);color:var(--color-neutral-800)}.lesson-item__meta{align-items:center;gap:var(--spacing-3);display:flex}.lesson-item__duration{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:inline-flex}.lesson-item__preview{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:#16a34a;border-radius:var(--radius-full);background:#dcfce7;padding:2px 8px;font-weight:500;display:inline-flex}.lesson-item__actions{gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.lesson-item:hover .lesson-item__actions{opacity:1}.lesson-action{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-500);cursor:pointer;background:#fff;justify-content:center;align-items:center;display:flex}.lesson-action:hover{background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.lesson-action--danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.add-lesson-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-500);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.add-lesson-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.add-section-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-primary-600);background:var(--color-primary-50);border:2px dashed var(--color-primary-300);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);font-weight:600;display:flex}.add-section-btn:hover{background:var(--color-primary-100);border-color:var(--color-primary-500)}.add-section-form{gap:var(--spacing-3);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.add-section-form input{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);flex:1}.add-section-form input:focus{outline:2px solid var(--color-primary-500);border-color:#0000}.course-detail-page{max-width:1400px;margin:0 auto}.course-detail-header{margin-bottom:var(--spacing-6)}.course-detail-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.course-detail-layout{grid-template-columns:1fr 380px;align-items:start}}.course-detail-main{gap:var(--spacing-6);flex-direction:column;display:flex}.course-hero{background:linear-gradient(135deg,var(--color-primary-50),#ede9fe);border:1px solid var(--color-primary-200);border-radius:var(--radius-2xl);padding:var(--spacing-8)}.course-hero__emoji{margin-bottom:var(--spacing-4);font-size:48px;display:block}.course-hero__title{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:800}.course-hero__subtitle{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}.course-hero__meta{gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.course-meta-item{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.course-hero__instructor{align-items:center;gap:var(--spacing-3);display:flex}.instructor-avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex}.instructor-name{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600;display:block}.instructor-role{font-size:var(--text-sm);color:var(--color-neutral-500)}.course-section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.course-section__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.course-section__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:700}.course-section__header .course-section__title{margin-bottom:0}.course-section__info{font-size:var(--text-sm);color:var(--color-neutral-500)}.learn-grid{gap:var(--spacing-3);display:grid}@media (min-width:640px){.learn-grid{grid-template-columns:repeat(2,1fr)}}.learn-item{align-items:flex-start;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.learn-item svg{color:#16a34a;flex-shrink:0;margin-top:2px}.course-chapters{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.course-chapter{border-bottom:1px solid var(--color-neutral-200)}.course-chapter:last-child{border-bottom:none}.course-chapter__header{width:100%;padding:var(--spacing-4);font-family:var(--font-primary);background:var(--color-neutral-50);cursor:pointer;text-align:left;border:none;justify-content:space-between;align-items:center;display:flex}.course-chapter__header:hover{background:var(--color-neutral-100)}.course-chapter__info{align-items:center;gap:var(--spacing-2);display:flex}.course-chapter__title{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.course-chapter__duration{font-size:var(--text-sm);color:var(--color-neutral-500)}.course-chapter__lessons{border-top:1px solid var(--color-neutral-200)}.course-lesson{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);display:flex}.course-lesson:last-child{border-bottom:none}.course-lesson__icon{color:var(--color-neutral-400)}.course-lesson__title{font-size:var(--text-sm);color:var(--color-neutral-700);flex:1}.course-lesson__duration{font-size:var(--text-sm);color:var(--color-neutral-500)}.course-lesson__free{font-size:var(--text-xs);color:var(--color-primary-600);background:var(--color-primary-50);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.requirements-list{padding-left:var(--spacing-5);list-style:outside}.requirements-list li{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.course-description p{font-size:var(--text-base);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);line-height:1.7}.instructor-card{gap:var(--spacing-5);display:flex}.instructor-card__avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:80px;height:80px;font-size:var(--text-xl);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.instructor-card__info h3{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.instructor-card__role{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3)}.instructor-card__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-3);display:flex}.instructor-card__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);display:flex}.instructor-card__bio{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6}.course-detail-sidebar{top:var(--spacing-4);position:sticky}.course-purchase-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.course-purchase-card__preview{aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#334155)}.preview-placeholder{color:#fff;opacity:.8;justify-content:center;align-items:center;height:100%;display:flex}.course-purchase-card__content{padding:var(--spacing-5)}.course-price{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.course-price__current{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800}.course-price__original{font-size:var(--text-base);color:var(--color-neutral-400);text-decoration:line-through}.course-price__discount{font-size:var(--text-sm);color:#fff;border-radius:var(--radius-md);background:#dc2626;padding:4px 8px;font-weight:600}.course-purchase-btn{width:100%;margin-bottom:var(--spacing-3)}.course-wishlist-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;margin-bottom:var(--spacing-5);display:flex}.course-features{gap:var(--spacing-3);padding-bottom:var(--spacing-5);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.course-feature{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.course-feature svg{color:var(--color-neutral-400)}.course-share{gap:var(--spacing-2);display:flex}.course-share .btn{justify-content:center;align-items:center;gap:var(--spacing-1);flex:1;display:flex}.lessons-page{max-width:1400px;margin:0 auto}.lessons-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.lessons-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.lessons-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.lessons-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.lessons-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.lessons-page__stats{grid-template-columns:repeat(4,1fr)}}.lesson-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.lesson-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lesson-stat__icon--video{color:#16a34a;background:#dcfce7}.lesson-stat__icon--document{color:#2563eb;background:#dbeafe}.lesson-stat__icon--quiz{color:#7c3aed;background:#ede9fe}.lesson-stat__icon--views{color:#ea580c;background:#ffedd5}.lesson-stat__content{flex-direction:column;display:flex}.lesson-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800}.lesson-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.lessons-page__filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.lessons-page__filters{flex-direction:row;justify-content:space-between;align-items:center}}.lessons-page__search{flex:1;max-width:400px;position:relative}.lessons-page__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.lessons-page__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);border:none}.lessons-page__search-input:focus{outline:2px solid var(--color-primary-500)}.lessons-page__filter-group{gap:var(--spacing-3);display:flex}.lessons-page__filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.lessons-page__select{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.lessons-table{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.lessons-table__header{padding:var(--spacing-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600;display:none}@media (min-width:1024px){.lessons-table__header{gap:var(--spacing-4);grid-template-columns:2fr 1.5fr 100px 120px 100px 120px 60px;display:grid}}.lessons-table__body{flex-direction:column;display:flex}.lessons-table__row{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);cursor:pointer;transition:background var(--transition-fast);flex-direction:column;display:flex}.lessons-table__row:hover{background:var(--color-neutral-50)}.lessons-table__row:last-child{border-bottom:none}@media (min-width:1024px){.lessons-table__row{gap:var(--spacing-4);grid-template-columns:2fr 1.5fr 100px 120px 100px 120px 60px;align-items:center;display:grid}}.lessons-table__cell{align-items:center;gap:var(--spacing-3);display:flex}.lessons-table__cell--title{min-width:0}.lessons-table__cell--actions{justify-content:flex-end;position:relative}.lesson-thumbnail{border-radius:var(--radius-md);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:36px;display:flex}.lesson-title{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.lesson-course{font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.lesson-type{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:500;display:inline-flex}.lesson-type--video{color:#16a34a;background:#dcfce7}.lesson-type--document{color:#2563eb;background:#dbeafe}.lesson-type--quiz{color:#7c3aed;background:#ede9fe}.lesson-duration{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:inline-flex}.lesson-views{font-size:var(--text-sm);color:var(--color-neutral-600)}.lesson-status{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600}.lesson-status--published{color:#16a34a;background:#dcfce7}.lesson-status--draft{color:#d97706;background:#fef3c7}.lesson-status--processing{color:#2563eb;background:#dbeafe}.lesson-action-btn{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.lesson-action-btn:hover{background:var(--color-neutral-200)}.lesson-dropdown{margin-top:var(--spacing-2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.lesson-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.lesson-dropdown__item:hover{background:var(--color-neutral-100)}.lesson-dropdown__item--danger{color:var(--color-error-500)}.lesson-dropdown__item--danger:hover{background:#fef2f2}.create-lesson-page{max-width:1200px;margin:0 auto}.create-lesson-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.create-lesson-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.create-lesson-page__header-left{align-items:center;gap:var(--spacing-4);display:flex}.create-lesson-page__back{background:var(--color-neutral-100);width:40px;height:40px;color:var(--color-neutral-600);border-radius:var(--radius-lg);justify-content:center;align-items:center;text-decoration:none;display:flex}.create-lesson-page__back:hover{background:var(--color-neutral-200)}.create-lesson-page__title{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.create-lesson-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.create-lesson-page__actions{gap:var(--spacing-3);display:flex}.lesson-type-section{margin-bottom:var(--spacing-6)}.lesson-type-section h2{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.lesson-types{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.lesson-types{grid-template-columns:1fr}}.lesson-type-card{align-items:center;gap:var(--spacing-2);padding:var(--spacing-5);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:center;background:#fff;flex-direction:column;display:flex}.lesson-type-card:hover{border-color:var(--color-primary-300)}.lesson-type-card--active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.lesson-type-card__icon{background:var(--color-neutral-100);width:56px;height:56px;color:var(--color-neutral-600);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.lesson-type-card--active .lesson-type-card__icon{background:var(--color-primary-100);color:var(--color-primary-600)}.lesson-type-card__label{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.lesson-type-card__desc{font-size:var(--text-xs);color:var(--color-neutral-500)}.lesson-form-grid{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.lesson-form-grid{grid-template-columns:1fr 350px}}.lesson-form-main,.lesson-form-sidebar{gap:var(--spacing-5);flex-direction:column;display:flex}.form-section__hint a{color:var(--color-primary-600)}.upload-method-toggle{gap:var(--spacing-2);margin-bottom:var(--spacing-4);padding:var(--spacing-1);background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex}.upload-method-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;font-weight:500;display:flex}.upload-method-btn--active{color:var(--color-primary-700);box-shadow:var(--shadow-sm);background:#fff}.upload-zone__content:hover{background:var(--color-neutral-50);color:var(--color-primary-500);border-color:var(--color-primary-300)}.uploaded-file__icon{background:var(--color-primary-100);width:48px;height:48px;color:var(--color-primary-600);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.uploaded-file__info{flex-direction:column;flex:1;display:flex}.uploaded-file__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.video-preview{justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-8);background:var(--color-neutral-900);border-radius:var(--radius-xl);color:#fff;flex-direction:column;display:flex}.duration-input{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-500);display:flex}.duration-input input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.duration-input input:focus{outline:none}.upload-modal{flex-direction:column;width:90%;max-width:600px;max-height:90vh;display:flex}.upload-modal__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.upload-modal__header h2{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.upload-modal__body{padding:var(--spacing-5);flex:1;overflow-y:auto}.upload-modal__footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--color-neutral-200);display:flex}.upload-modal__footer .btn{align-items:center;gap:var(--spacing-2);display:flex}.upload-dropzone{padding:var(--spacing-8);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-5);flex-direction:column;justify-content:center;align-items:center;display:flex}.upload-dropzone:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.upload-dropzone--active{border-color:var(--color-primary-500);background:var(--color-primary-50)}.upload-dropzone__icon{border-radius:var(--radius-full);width:64px;height:64px;color:var(--color-primary-500);margin-bottom:var(--spacing-4);box-shadow:var(--shadow-md);background:#fff;justify-content:center;align-items:center;display:flex}.upload-dropzone__text{font-size:var(--text-base);color:var(--color-neutral-700);text-align:center;margin-bottom:var(--spacing-2)}.upload-dropzone__text span{color:var(--color-primary-600);font-weight:600}.upload-dropzone__hint{font-size:var(--text-sm);color:var(--color-neutral-500);text-align:center}.form-label{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);font-weight:600;display:block}.form-select{width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;background:#fff}.form-select:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.form-textarea{width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);resize:vertical;background:#fff}.form-textarea:focus{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.upload-files-list{margin-top:var(--spacing-4)}.upload-files-list h4{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);font-weight:600}.files-list{gap:var(--spacing-2);flex-direction:column;max-height:200px;display:flex;overflow-y:auto}.upload-file-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.upload-file-item__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.upload-file-item__info{flex:1;min-width:0}.upload-file-item__name{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.upload-file-item__size{font-size:var(--text-xs);color:var(--color-neutral-500)}.upload-file-item__progress{background:var(--color-neutral-200);border-radius:var(--radius-full);height:4px;margin-top:var(--spacing-2);overflow:hidden}.upload-file-item__progress-bar{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-full);height:100%;transition:width .2s}.upload-file-item__status{flex-shrink:0}.remove-file-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.remove-file-btn:hover{color:#dc2626;background:#fee2e2}.spin{animation:1s linear infinite spin}.text-error{color:#dc2626}.documents-page{max-width:1400px;margin:0 auto}.documents-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.documents-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.documents-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.documents-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.storage-info{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);background:#fff;display:flex}.storage-info__icon{background:var(--color-primary-100);width:48px;height:48px;color:var(--color-primary-600);border-radius:var(--radius-lg);justify-content:center;align-items:center;display:flex}.storage-info__content{flex:1}.storage-info__header{margin-bottom:var(--spacing-2);justify-content:space-between;display:flex}.storage-info__label{font-size:var(--text-sm);color:var(--color-neutral-600)}.storage-info__value{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.storage-info__bar{background:var(--color-neutral-200);border-radius:var(--radius-full);height:8px;overflow:hidden}.storage-info__fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);height:100%}.documents-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.documents-layout{grid-template-columns:280px 1fr}}.documents-sidebar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.documents-sidebar__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.documents-sidebar__header h3{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.documents-sidebar__add{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.documents-sidebar__add:hover{background:var(--color-neutral-100)}.folder-list{gap:var(--spacing-1);flex-direction:column;display:flex}.folder-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.folder-item:hover{background:var(--color-neutral-100)}.folder-item--active{background:var(--color-primary-50)}.folder-item__icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.folder-item__name{color:var(--color-neutral-700);flex:1}.folder-item--active .folder-item__name{color:var(--color-primary-700);font-weight:600}.folder-item__count{font-size:var(--text-xs);color:var(--color-neutral-400)}.documents-main{gap:var(--spacing-4);flex-direction:column;display:flex}.documents-toolbar{gap:var(--spacing-4);align-items:center;display:flex}.documents-toolbar__search{align-items:center;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#fff;flex:1;display:flex}.documents-toolbar__search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.documents-toolbar__search input:focus{outline:none}.documents-toolbar__actions{gap:var(--spacing-1);padding:var(--spacing-1);background:var(--color-neutral-100);border-radius:var(--radius-lg);display:flex}.view-toggle{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.view-toggle--active{color:var(--color-primary-600);box-shadow:var(--shadow-sm);background:#fff}.documents-selected-actions{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);display:flex}.documents-selected-actions span{font-size:var(--text-sm);color:var(--color-primary-700)}.documents-container--grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.documents-container--list{gap:var(--spacing-2);flex-direction:column;display:flex}.documents-container--grid .document-card{align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;position:relative}.documents-container--grid .document-card:hover{box-shadow:var(--shadow-lg)}.documents-container--grid .document-card__select{top:var(--spacing-3);left:var(--spacing-3);opacity:0;position:absolute}.documents-container--grid .document-card:hover .document-card__select{opacity:1}.documents-container--grid .document-card__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:64px;height:64px;display:flex}.documents-container--grid .document-card__info{width:100%}.documents-container--grid .document-card__name{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.documents-container--grid .document-card__meta{justify-content:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.documents-container--grid .document-card__stats{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400);display:flex}.documents-container--grid .document-card__actions{gap:var(--spacing-1);opacity:0;top:var(--spacing-3);right:var(--spacing-3);display:flex;position:absolute}.documents-container--grid .document-card:hover .document-card__actions{opacity:1}.documents-container--list .document-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);background:#fff;display:flex}.documents-container--list .document-card:hover{background:var(--color-neutral-50)}.documents-container--list .document-card__select{display:flex}.documents-container--list .document-card__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.documents-container--list .document-card__info{flex:1;min-width:0}.documents-container--list .document-card__name{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.documents-container--list .document-card__meta{gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.documents-container--list .document-card__course{font-size:var(--text-xs);color:var(--color-primary-600)}.documents-container--list .document-card__stats{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400);min-width:60px;display:flex}.documents-container--list .document-card__actions{gap:var(--spacing-1);display:flex}.doc-action{background:var(--color-neutral-100);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.doc-action:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.doc-action--danger:hover{color:#dc2626;background:#fef2f2}.lesson-detail-page{max-width:1200px;margin:0 auto}.lesson-detail-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.lesson-detail-header__actions{gap:var(--spacing-2);display:flex}.lesson-detail-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.lesson-detail-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.lesson-detail-layout{grid-template-columns:1fr 300px;align-items:start}}.lesson-detail-main{gap:var(--spacing-5);flex-direction:column;display:flex}.lesson-video-preview{aspect-ratio:16/9;border-radius:var(--radius-xl);background:linear-gradient(135deg,#1e293b,#334155);position:relative;overflow:hidden}.video-preview-content{justify-content:center;align-items:center;height:100%;display:flex}.video-preview-info{bottom:var(--spacing-4);right:var(--spacing-4);position:absolute}.video-preview-duration{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-md);background:#000000b3;display:flex}.lesson-title-section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.lesson-type-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-700);font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-3);font-weight:600;display:inline-flex}.lesson-title{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:700}.lesson-meta{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.lesson-meta span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.lesson-status--published{color:#16a34a}.lesson-tabs{gap:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-1);background:#fff;display:flex}.lesson-tab{padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500}.lesson-tab:hover{background:var(--color-neutral-100)}.lesson-tab--active{background:var(--color-primary-600);color:#fff}.lesson-tab-content{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.lesson-tab-content h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.lesson-description p{font-size:var(--text-base);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);line-height:1.7}.lesson-course-info{margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-neutral-200)}.course-info-card{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.course-info-card__name{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600;display:block}.course-info-card__chapter{font-size:var(--text-sm);color:var(--color-neutral-500)}.course-info-card .btn{align-items:center;gap:var(--spacing-1);display:flex}.attachments-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.attachments-list-detail{gap:var(--spacing-3);flex-direction:column;display:flex}.attachment-item-detail{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.attachment-item-detail__icon{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-primary-500);background:#fff;justify-content:center;align-items:center;display:flex}.attachment-item-detail__info{flex:1}.attachment-item-detail__name{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:500;display:block}.attachment-item-detail__size{font-size:var(--text-sm);color:var(--color-neutral-500)}.attachment-item-detail__actions{gap:var(--spacing-2);display:flex}.transcript-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.transcript-header .btn{align-items:center;gap:var(--spacing-1);display:flex}.transcript-content{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);max-height:400px;overflow-y:auto}.transcript-content p{font-size:var(--text-base);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);line-height:1.8}.analytics-grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.analytics-card{align-items:center;gap:var(--spacing-2);padding:var(--spacing-5);background:var(--color-neutral-50);border-radius:var(--radius-lg);text-align:center;flex-direction:column;display:flex}.analytics-card svg{color:var(--color-primary-500)}.analytics-card__value{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800}.analytics-card__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.lesson-detail-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.info-list{gap:var(--spacing-3);flex-direction:column;display:flex}.info-item{justify-content:space-between;display:flex}.info-item__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.info-item__value{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500}.status-published{color:#16a34a}.btn-block{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;margin-bottom:var(--spacing-2);display:flex}.delete-modal{text-align:center;max-width:400px}.delete-modal__icon{width:64px;height:64px;margin:0 auto var(--spacing-4);color:#dc2626;border-radius:var(--radius-full);background:#fee2e2;justify-content:center;align-items:center;display:flex}.delete-modal h2{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.delete-modal p{font-size:var(--text-base);color:var(--color-neutral-600)}.delete-modal__actions{gap:var(--spacing-3);margin-top:var(--spacing-5);display:flex}.delete-modal__actions .btn{flex:1}.btn.btn-danger:not(.btn-outline){color:#fff;background:#dc2626;border-color:#dc2626}.btn.btn-danger:not(.btn-outline):hover{background:#b91c1c}.students-page{max-width:1400px;margin:0 auto}.students-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.students-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.students-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.students-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.students-page__actions{gap:var(--spacing-3);display:flex}.students-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.students-page__stats{grid-template-columns:repeat(4,1fr)}}.student-stat{padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}.student-stat__value{font-size:var(--text-2xl);color:var(--color-primary-600);font-weight:800}.student-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.students-page__filters{gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.students-page__filters{flex-direction:row;justify-content:space-between;align-items:center}}.students-page__search{flex:1;max-width:400px;position:relative}.students-page__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.students-page__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);border:none}.students-page__search-input:focus{outline:2px solid var(--color-primary-500)}.students-page__filter-group{gap:var(--spacing-3);display:flex}.students-page__filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.students-page__select{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.students-page__bulk-actions{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-primary-700);display:flex}.btn-sm{padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-xs)}.students-table{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.students-table__header{padding:var(--spacing-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;font-weight:600;display:none}@media (min-width:1024px){.students-table__header{gap:var(--spacing-4);grid-template-columns:40px 2fr 1.5fr 1fr 80px 140px 60px;align-items:center;display:grid}}.students-table__body{flex-direction:column;display:flex}.students-table__row{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);transition:background var(--transition-fast);flex-direction:column;display:flex}.students-table__row:hover{background:var(--color-neutral-50)}.students-table__row--selected{background:var(--color-primary-50)}.students-table__row:last-child{border-bottom:none}@media (min-width:1024px){.students-table__row{gap:var(--spacing-4);grid-template-columns:40px 2fr 1.5fr 1fr 80px 140px 60px;align-items:center;display:grid}}.students-table__cell{align-items:center;gap:var(--spacing-3);display:flex}.students-table__cell--checkbox{justify-content:center;width:40px}.students-table__cell--checkbox input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--color-primary-600)}.students-table__cell--name{min-width:0}.students-table__cell--actions{justify-content:flex-end;position:relative}.student-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:40px;height:40px;font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.student-info{flex-direction:column;min-width:0;display:flex}.student-name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.student-date{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400);display:inline-flex}.student-contact{gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);flex-direction:column;display:flex}.student-contact span{align-items:center;gap:var(--spacing-1);display:inline-flex}.student-courses{gap:var(--spacing-1);flex-direction:column;display:flex}.student-courses__enrolled{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:500;display:inline-flex}.student-courses__completed{font-size:var(--text-xs);color:var(--color-neutral-400)}.student-certificates{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-cta-500);font-weight:600;display:inline-flex}.student-status-wrapper{gap:var(--spacing-1);flex-direction:column;display:flex}.student-status{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);border-radius:var(--radius-full);text-align:center;font-weight:600}.student-status--active{color:#16a34a;background:#dcfce7}.student-status--inactive{color:#d97706;background:#fef3c7}.student-status--suspended{color:#dc2626;background:#fef2f2}.student-last-active{font-size:var(--text-xs);color:var(--color-neutral-400)}.student-action-btn{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.student-action-btn:hover{background:var(--color-neutral-200)}.student-dropdown{margin-top:var(--spacing-2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.student-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;display:flex}.student-dropdown__item:hover{background:var(--color-neutral-100)}.student-dropdown__item--danger{color:var(--color-error-500)}.student-dropdown__item--danger:hover{background:#fef2f2}.create-student-page{max-width:900px;margin:0 auto}.create-student-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.create-student-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.create-student-page__header-left{align-items:center;gap:var(--spacing-4);display:flex}.create-student-page__back{background:var(--color-neutral-100);width:40px;height:40px;color:var(--color-neutral-600);border-radius:var(--radius-lg);justify-content:center;align-items:center;text-decoration:none;display:flex}.create-student-page__back:hover{background:var(--color-neutral-200)}.create-student-page__title{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.create-student-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.add-method-toggle{gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-neutral-100);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);display:flex}.add-method-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500;display:flex}.add-method-btn--active{color:var(--color-primary-700);box-shadow:var(--shadow-sm);background:#fff}.student-form-grid{gap:var(--spacing-5);flex-direction:column;display:flex}.form-section{padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff}.form-section h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-neutral-100);font-weight:600}.form-section__hint{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-4)}.form-row{gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:grid}@media (min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.input-with-icon{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-500);display:flex}.input-with-icon input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.input-with-icon input:focus{outline:none}.gender-options{gap:var(--spacing-4);display:flex}.gender-option{align-items:center;gap:var(--spacing-2);cursor:pointer;display:flex}.gender-option input{accent-color:var(--color-primary-600)}.gender-option span{font-size:var(--text-sm);color:var(--color-neutral-700)}.course-selection{gap:var(--spacing-2);flex-direction:column;display:flex}.course-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);display:flex}.course-option:hover{background:var(--color-neutral-100)}.course-option input{accent-color:var(--color-primary-600)}.course-option svg{color:var(--color-primary-500)}.course-option span{font-size:var(--text-sm);color:var(--color-neutral-700)}.settings-toggle{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.settings-toggle:last-child{margin-bottom:0}.settings-toggle__info{flex:1}.settings-toggle__label{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:block}.settings-toggle__desc{font-size:var(--text-xs);color:var(--color-neutral-500)}.bulk-upload-section{gap:var(--spacing-5);flex-direction:column;display:flex}.template-download{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);color:var(--color-primary-600);display:flex}.template-download__info{flex:1}.template-download__title{font-size:var(--text-sm);color:var(--color-primary-700);font-weight:600;display:block}.template-download__desc{font-size:var(--text-xs);color:var(--color-primary-600)}.upload-zone{border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);overflow:hidden}.upload-zone__content{align-items:center;gap:var(--spacing-2);padding:var(--spacing-8);cursor:pointer;color:var(--color-neutral-400);transition:all var(--transition-fast);flex-direction:column;display:flex}.upload-zone__content:hover{background:var(--color-neutral-50);color:var(--color-primary-500)}.upload-zone__title{font-size:var(--text-base);color:var(--color-neutral-700);font-weight:600}.upload-zone__hint{font-size:var(--text-sm);color:var(--color-neutral-500)}.uploaded-file{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);display:flex}.uploaded-file__icon{color:#16a34a;border-radius:var(--radius-lg);background:#dcfce7;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.uploaded-file__info{flex:1}.uploaded-file__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:block}.uploaded-file__size{font-size:var(--text-xs);color:var(--color-neutral-500)}.uploaded-file__remove{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.uploaded-file__remove:hover{color:#dc2626;background:#fef2f2}.preview-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.preview-stat{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-sm);border-radius:var(--radius-lg);font-weight:500;display:inline-flex}.preview-stat--success{color:#16a34a;background:#dcfce7}.preview-stat--error{color:#dc2626;background:#fef2f2}.preview-table{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.preview-table__header{gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);font-size:var(--text-sm);color:var(--color-neutral-600);grid-template-columns:60px 1fr 1fr 140px;font-weight:600;display:grid}.preview-table__row{gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border-top:1px solid var(--color-neutral-100);font-size:var(--text-sm);color:var(--color-neutral-700);grid-template-columns:60px 1fr 1fr 140px;display:grid}.preview-table__row--invalid{background:#fef2f2}.preview-status{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);font-weight:500;display:inline-flex}.preview-status--valid{color:#16a34a}.preview-status--invalid{color:#dc2626}.groups-page{max-width:1400px;margin:0 auto}.groups-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.groups-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.groups-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.groups-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.groups-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.group-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.group-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.group-stat__icon--groups{color:#2563eb;background:#dbeafe}.group-stat__icon--members{color:#16a34a;background:#dcfce7}.group-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.group-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.groups-toolbar{margin-bottom:var(--spacing-6)}.groups-search{align-items:center;gap:var(--spacing-3);max-width:400px;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#fff;display:flex}.groups-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.groups-search input:focus{outline:none}.groups-grid{gap:var(--spacing-5);display:grid}@media (min-width:640px){.groups-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.groups-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1280px){.groups-grid{grid-template-columns:repeat(4,1fr)}}.group-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;overflow:hidden}.group-card:hover{box-shadow:var(--shadow-lg)}.group-card__header{padding:var(--spacing-3)var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.group-card__color{border-radius:var(--radius-full);width:24px;height:24px}.group-card__actions{position:relative}.group-card__action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.group-card__action-btn:hover{background:var(--color-neutral-100)}.group-dropdown{margin-top:var(--spacing-2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.group-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.group-dropdown__item:hover{background:var(--color-neutral-100)}.group-dropdown__item--danger{color:#dc2626}.group-dropdown__item--danger:hover{background:#fef2f2}.group-card__content{padding:0 var(--spacing-4)var(--spacing-4);flex:1}.group-card__name{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.group-card__description{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3);line-height:1.4}.group-card__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-4);display:flex}.group-card__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);display:inline-flex}.group-card__members{justify-content:space-between;align-items:center;display:flex}.members-avatars{margin-left:8px;display:flex}.member-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:32px;height:32px;font-size:var(--text-xs);border-radius:var(--radius-full);border:2px solid #fff;justify-content:center;align-items:center;margin-left:-8px;font-weight:600;display:flex}.member-avatar--more{background:var(--color-neutral-200);color:var(--color-neutral-600)}.group-card__add-member{background:var(--color-primary-50);border:1px dashed var(--color-primary-300);border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-primary-500);cursor:pointer;justify-content:center;align-items:center;display:flex}.group-card__add-member:hover{background:var(--color-primary-100)}.group-card__footer{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.group-card__date{font-size:var(--text-xs);color:var(--color-neutral-400)}.group-card__settings{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.group-card__settings:hover{background:var(--color-neutral-200)}.add-group-card{justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);min-height:220px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.add-group-card:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.add-group-card span{font-size:var(--text-sm);font-weight:600}.modal-overlay{padding:var(--spacing-4);z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:480px;overflow:hidden}.modal__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.modal__header h2{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:24px;display:flex}.modal__close:hover{background:var(--color-neutral-100)}.modal__body{padding:var(--spacing-5)}.modal__footer{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4)var(--spacing-5);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);display:flex}.color-picker{gap:var(--spacing-2);display:flex}.color-option{border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border:2px solid #0000}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-neutral-900)}.student-detail-page{max-width:1400px;margin:0 auto}.student-detail-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.student-detail-header__actions{gap:var(--spacing-2);display:flex}.student-detail-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.student-detail-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.student-detail-layout{grid-template-columns:320px 1fr;align-items:start}}.student-profile-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);text-align:center;background:#fff}.student-profile-card__avatar{width:100px;height:100px;margin:0 auto var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;font-size:var(--text-2xl);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.student-profile-card__name{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.student-profile-card__status{padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);font-weight:600;display:inline-block}.student-profile-card__status--active{color:#16a34a;background:#dcfce7}.student-profile-card__status--inactive{color:#dc2626;background:#fee2e2}.student-profile-card__group{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-5)}.student-profile-card__info{text-align:left;padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.info-row{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)0;font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.info-row svg{color:var(--color-neutral-400);flex-shrink:0}.student-profile-card__meta{gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-200);grid-template-columns:repeat(2,1fr);display:grid}.meta-item{text-align:left}.meta-item__label{font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:var(--spacing-1);display:block}.meta-item__value{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.student-detail-main{gap:var(--spacing-5);flex-direction:column;display:flex}.student-stats-grid{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.student-stats-grid{grid-template-columns:repeat(5,1fr)}}.student-stat-card{align-items:center;gap:var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff;display:flex}.student-stat-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.student-stat-card__icon--courses{color:#2563eb;background:#dbeafe}.student-stat-card__icon--completed{color:#16a34a;background:#dcfce7}.student-stat-card__icon--hours{color:#d97706;background:#fef3c7}.student-stat-card__icon--score{color:#7c3aed;background:#ede9fe}.student-stat-card__icon--certificates{color:#dc2626;background:#fee2e2}.student-stat-card__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.student-stat-card__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.student-tabs{gap:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-1);background:#fff;display:flex}.student-tab{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500;display:flex}.student-tab:hover{background:var(--color-neutral-100)}.student-tab--active{background:var(--color-primary-600);color:#fff}.student-tab-content{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.enrolled-courses{gap:var(--spacing-3);flex-direction:column;display:flex}.enrolled-course-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.enrolled-course-item__emoji{font-size:32px}.enrolled-course-item__info{flex:1}.enrolled-course-item__info h4{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:600}.enrolled-course-item__info span{font-size:var(--text-sm);color:var(--color-neutral-500)}.enrolled-course-item__progress{align-items:center;gap:var(--spacing-3);width:150px;display:flex}.progress-bar-mini{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.progress-bar-mini__fill{background:linear-gradient(90deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-full);height:100%}.enrolled-course-item__progress span{font-size:var(--text-sm);color:var(--color-neutral-700);min-width:40px;font-weight:600}.status-badge--completed{color:#16a34a;background:#dcfce7}.status-badge--progress{color:#2563eb;background:#dbeafe}.enrolled-course-item__grade{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);color:#d97706;font-size:var(--text-sm);border-radius:var(--radius-md);background:#fef3c7;font-weight:600;display:flex}.recent-activities{gap:var(--spacing-3);flex-direction:column;display:flex}.activity-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.activity-item__icon--lesson{color:#2563eb;background:#dbeafe}.activity-item__icon--exam{color:#7c3aed;background:#ede9fe}.activity-item__icon--certificate{color:#d97706;background:#fef3c7}.activity-item__icon--course{color:#16a34a;background:#dcfce7}.activity-item__content{flex:1}.activity-item__action{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:block}.activity-item__detail{font-size:var(--text-sm);color:var(--color-neutral-500)}.activity-item__time{font-size:var(--text-sm);color:var(--color-neutral-400)}.exam-results-table{border-collapse:collapse;width:100%}.exam-results-table th,.exam-results-table td{padding:var(--spacing-3)var(--spacing-4);text-align:left;font-size:var(--text-sm)}.exam-results-table th{background:var(--color-neutral-50);color:var(--color-neutral-700);font-weight:600}.exam-results-table td{border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.text-success{color:#16a34a;font-weight:600}.text-danger{color:#dc2626;font-weight:600}.schedule-page{max-width:1400px;margin:0 auto}.schedule-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.schedule-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.schedule-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.schedule-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.schedule-page__content{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.schedule-page__content{grid-template-columns:1fr 360px}}.schedule-calendar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.schedule-calendar__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.schedule-calendar__nav{background:var(--color-neutral-100);border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.schedule-calendar__nav:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.schedule-calendar__title{font-size:var(--text-lg);color:var(--color-neutral-900);text-transform:capitalize;font-weight:700}.schedule-calendar__view-toggle{gap:var(--spacing-1);margin-bottom:var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);padding:2px;display:flex}.schedule-calendar__view-btn{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500}.schedule-calendar__view-btn--active{color:var(--color-primary-700);box-shadow:var(--shadow-sm);background:#fff}.schedule-calendar__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.schedule-calendar__day-name{padding:var(--spacing-2);text-align:center;font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;font-weight:600}.schedule-calendar__day{min-height:80px;padding:var(--spacing-2);background:var(--color-neutral-50);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.schedule-calendar__day:hover{background:var(--color-neutral-100)}.schedule-calendar__day--empty{cursor:default;background:0 0}.schedule-calendar__day--today{background:var(--color-primary-50);border:2px solid var(--color-primary-500)}.schedule-calendar__day--selected{background:var(--color-primary-100)}.schedule-calendar__day-number{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-1);font-weight:600;display:block}.schedule-calendar__day--today .schedule-calendar__day-number{color:var(--color-primary-700)}.schedule-calendar__events{flex-direction:column;gap:2px;display:flex}.schedule-calendar__event{border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;font-size:10px;font-weight:500;overflow:hidden}.schedule-calendar__more{color:var(--color-neutral-500);font-size:10px}.schedule-sidebar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.schedule-sidebar__header{padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-neutral-200)}.schedule-sidebar__header h3{font-size:var(--text-base);color:var(--color-neutral-900);text-transform:capitalize;font-weight:700}.schedule-sidebar__events{padding:var(--spacing-4);max-height:500px;overflow-y:auto}.schedule-sidebar__empty{padding:var(--spacing-8);text-align:center;color:var(--color-neutral-400);flex-direction:column;justify-content:center;align-items:center;display:flex}.schedule-sidebar__empty p{margin-top:var(--spacing-2)}.schedule-event{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);border-left:4px solid}.schedule-event:last-child{margin-bottom:0}.schedule-event__header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.schedule-event__type{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.schedule-event__time{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:inline-flex}.schedule-event__title{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);font-weight:600}.schedule-event__course{font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:var(--spacing-3)}.schedule-event__meta{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.schedule-event__meta span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:inline-flex}.reports-page{max-width:1400px;margin:0 auto}.reports-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.reports-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.reports-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.reports-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.reports-page__actions{gap:var(--spacing-3);display:flex}.reports-page__filter{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-500);display:flex}.reports-page__select{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none}.reports-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:1024px){.reports-page__stats{grid-template-columns:repeat(4,1fr)}}.report-stat{gap:var(--spacing-4);padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.report-stat__icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.report-stat__content{flex:1}.report-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:var(--spacing-1);display:block}.report-stat__value-row{align-items:baseline;gap:var(--spacing-2);display:flex}.report-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800}.report-stat__change{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;gap:2px;padding:2px 6px;font-weight:600;display:inline-flex}.report-stat__change--up{color:#16a34a;background:#dcfce7}.report-stat__change--down{color:#dc2626;background:#fef2f2}.reports-page__grid{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.reports-page__grid{grid-template-columns:repeat(2,1fr)}}.report-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.report-card--chart{grid-column:1/-1}@media (min-width:1024px){.report-card--chart{grid-column:span 1}}.report-card__header{margin-bottom:var(--spacing-5);justify-content:space-between;align-items:center;display:flex}.report-card__title{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:700}.report-card__subtitle{font-size:var(--text-xs);color:var(--color-neutral-400)}.revenue-chart{height:200px}.revenue-chart__bars{height:100%;padding-top:var(--spacing-6);justify-content:space-around;align-items:flex-end;display:flex}.revenue-chart__bar-wrapper{flex-direction:column;flex:1;align-items:center;max-width:60px;height:100%;display:flex}.revenue-chart__bar{background:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-md)var(--radius-md)0 0;width:100%;max-width:40px;min-height:20px;position:relative}.revenue-chart__value{font-size:var(--text-xs);color:var(--color-neutral-600);white-space:nowrap;font-weight:600;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.revenue-chart__label{margin-top:var(--spacing-2);font-size:var(--text-xs);color:var(--color-neutral-500)}.top-courses{gap:var(--spacing-3);flex-direction:column;display:flex}.top-course{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.top-course__rank{width:28px;height:28px;font-size:var(--text-sm);color:var(--color-primary-600);background:var(--color-primary-100);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.top-course__info{flex:1;min-width:0}.top-course__name{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.top-course__meta{font-size:var(--text-xs);color:var(--color-neutral-400)}.top-course__growth{font-size:var(--text-xs);align-items:center;gap:2px;font-weight:600;display:inline-flex}.top-course__growth--up{color:#16a34a}.top-course__growth--down{color:#dc2626}.student-progress{align-items:center;gap:var(--spacing-5);flex-direction:column;display:flex}@media (min-width:640px){.student-progress{flex-direction:row}}.student-progress__chart{flex-shrink:0;width:160px;height:160px;position:relative}.student-progress__donut{width:100%;height:100%}.student-progress__center{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.student-progress__total{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800;display:block}.student-progress__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.student-progress__legend{gap:var(--spacing-3);flex-direction:column;flex:1;display:flex}.student-progress__item{align-items:center;gap:var(--spacing-3);display:flex}.student-progress__dot{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.student-progress__status{font-size:var(--text-sm);color:var(--color-neutral-600);flex:1}.student-progress__percent{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.quick-stats{gap:var(--spacing-4);flex-direction:column;display:flex}.quick-stat{align-items:center;gap:var(--spacing-3);display:flex}.quick-stat__label{width:140px;font-size:var(--text-sm);color:var(--color-neutral-600);flex-shrink:0}.quick-stat__bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.quick-stat__fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%;transition:width .5s}.quick-stat__fill--yellow{background:#f59e0b}.quick-stat__fill--purple{background:#7c3aed}.quick-stat__fill--red{background:#dc2626}.quick-stat__value{width:50px;font-size:var(--text-sm);color:var(--color-neutral-800);text-align:right;font-weight:600}.settings-page{max-width:1200px;margin:0 auto}.settings-page__header{margin-bottom:var(--spacing-6)}.settings-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.settings-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.settings-page__content{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.settings-page__content{grid-template-columns:240px 1fr}}.settings-tabs{gap:var(--spacing-2);padding-bottom:var(--spacing-2);display:flex;overflow-x:auto}@media (min-width:1024px){.settings-tabs{flex-direction:column;padding-bottom:0}}.settings-tab{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;font-weight:500;display:flex}.settings-tab:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.settings-tab--active{background:var(--color-primary-50);color:var(--color-primary-700)}.settings-panel{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.settings-section__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.settings-section__desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-6)}.settings-avatar{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);display:flex}.settings-avatar__image{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:80px;height:80px;font-size:var(--text-2xl);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.settings-avatar__actions{gap:var(--spacing-2);display:flex}.btn-ghost{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none}.btn-ghost:hover{color:var(--color-neutral-700)}.settings-form{gap:var(--spacing-5);flex-direction:column;display:flex}.settings-form__row{gap:var(--spacing-4);display:grid}@media (min-width:640px){.settings-form__row{grid-template-columns:repeat(2,1fr)}}.settings-form__actions{padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-200);justify-content:flex-end;display:flex}.security-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);display:flex}.security-card__icon{background:var(--color-primary-100);width:48px;height:48px;color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-card__icon--danger{color:#dc2626;background:#fef2f2}.security-card__info{flex:1}.security-card__info h3{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.security-card__info p{font-size:var(--text-xs);color:var(--color-neutral-500)}.notification-group h3{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.notification-option{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.notification-option__info{flex:1}.notification-option__label{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:block}.notification-option__desc{font-size:var(--text-xs);color:var(--color-neutral-500)}.appearance-option{margin-bottom:var(--spacing-6)}.appearance-option__label{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);font-weight:600;display:block}.appearance-themes{gap:var(--spacing-3);display:flex}.appearance-theme{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-direction:column;display:flex}.appearance-theme:hover{border-color:var(--color-neutral-300)}.appearance-theme--active{border-color:var(--color-primary-500);color:var(--color-primary-700)}.appearance-theme__preview{border-radius:var(--radius-md);width:80px;height:50px}.appearance-theme__preview--light{border:1px solid var(--color-neutral-200);background:linear-gradient(#f0fdfa 0%,#ccfbf1 100%)}.appearance-theme__preview--dark{background:linear-gradient(#1f2937 0%,#111827 100%)}.appearance-theme__preview--system{border:1px solid var(--color-neutral-200);background:linear-gradient(135deg,#f0fdfa 50%,#1f2937 50%)}.billing-plan{padding:var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.billing-plan__badge{font-size:var(--text-xs);color:var(--color-primary-700);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);background:#ffffffe6;padding:2px 8px;font-weight:600;display:inline-block}.billing-plan__name{font-size:var(--text-xl);color:#fff;font-weight:700}.billing-plan__price{font-size:var(--text-sm);color:#fffc}.billing-plan__price span{font-size:var(--text-lg);color:#fff;font-weight:700}.billing-section{margin-bottom:var(--spacing-6)}.billing-section h3{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-4);font-weight:700}.payment-method{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.payment-method__card{align-items:center;gap:var(--spacing-3);display:flex}.payment-method__type{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);color:#fff;border-radius:var(--radius-md);background:#1a1f36;font-weight:700}.payment-method__number{font-size:var(--text-sm);color:var(--color-neutral-600);font-family:monospace}.payment-method__actions{gap:var(--spacing-2);display:flex}.transaction-list{gap:var(--spacing-2);flex-direction:column;display:flex}.transaction{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);justify-content:space-between;align-items:center;display:flex}.transaction__info{flex-direction:column;display:flex}.transaction__desc{font-size:var(--text-sm);color:var(--color-neutral-800)}.transaction__date{font-size:var(--text-xs);color:var(--color-neutral-400)}.transaction__amount{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.toggle{flex-shrink:0;width:48px;height:26px;display:inline-block;position:relative}.toggle__slider{background:var(--color-neutral-300);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);position:absolute;inset:0}.toggle__slider:before{content:"";border-radius:var(--radius-full);width:20px;height:20px;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);background:#fff;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle__slider{background:var(--color-primary-600)}.certificates-page{max-width:1400px;margin:0 auto}.certificates-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.certificates-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.certificates-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.certificates-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.certificates-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.certificates-page__stats{grid-template-columns:repeat(4,1fr)}}.cert-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.cert-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.cert-stat__icon--total{color:#d97706;background:linear-gradient(135deg,#fef3c7,#fde68a)}.cert-stat__icon--issued{color:#16a34a;background:#dcfce7}.cert-stat__icon--pending{color:#2563eb;background:#dbeafe}.cert-stat__icon--courses{color:#7c3aed;background:#ede9fe}.cert-stat__content{flex-direction:column;display:flex}.cert-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800}.cert-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.certificates-page__filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.certificates-page__filters{flex-direction:row;justify-content:space-between;align-items:center}}.certificates-page__search{flex:1;max-width:400px;position:relative}.certificates-page__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.certificates-page__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);border:none}.certificates-page__search-input:focus{outline:2px solid var(--color-primary-500)}.certificates-page__filter-group{gap:var(--spacing-3);display:flex}.certificates-page__filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.certificates-page__select{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.certificates-grid{gap:var(--spacing-5);display:grid}@media (min-width:640px){.certificates-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.certificates-grid{grid-template-columns:repeat(3,1fr)}}.certificate-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);cursor:pointer;transition:all var(--transition-fast);background:#fff}.certificate-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.certificate-card--revoked{opacity:.6}.certificate-card__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.certificate-card__badge{color:#d97706;border-radius:var(--radius-lg);background:linear-gradient(135deg,#fef3c7,#fde68a);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.certificate-card__status{padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600}.certificate-card__status--issued{color:#16a34a;background:#dcfce7}.certificate-card__status--pending{color:#2563eb;background:#dbeafe}.certificate-card__status--revoked{color:#dc2626;background:#fef2f2}.certificate-card__content{margin-bottom:var(--spacing-4)}.certificate-card__course{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:700;line-height:1.4}.certificate-card__info{gap:var(--spacing-2);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.certificate-card__info span{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);display:inline-flex}.certificate-card__id{font-size:var(--text-xs);color:var(--color-neutral-400);font-family:monospace}.certificate-card__footer{padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.certificate-card__grade{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:600}.certificate-card__actions{gap:var(--spacing-2);display:flex}.certificate-card__action{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.certificate-card__action:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.certificate-modal{padding:var(--spacing-4);z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.certificate-modal__content{border-radius:var(--radius-xl);background:#fff;width:100%;max-width:700px;overflow:hidden}.certificate-preview{padding:var(--spacing-8);text-align:center;background:linear-gradient(135deg,#f0fdfa 0%,#ccfbf1 50%,#f0fdfa 100%);border:8px solid;border-image:linear-gradient(135deg,#d97706,#f59e0b) 1}.certificate-preview__logo{padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-2xl);color:var(--color-primary-600);margin-bottom:var(--spacing-4);font-weight:800;display:inline-block}.certificate-preview__header h2{font-size:var(--text-xl);color:var(--color-neutral-900);letter-spacing:.1em;margin-bottom:var(--spacing-1);font-weight:700}.certificate-preview__header p{font-size:var(--text-sm);color:var(--color-neutral-500);font-style:italic}.certificate-preview__body>p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-2)}.certificate-preview__body h3{font-size:var(--text-2xl);color:var(--color-primary-700);margin-bottom:var(--spacing-4);font-weight:700}.certificate-preview__body h4{font-size:var(--text-lg);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.certificate-preview__details{justify-content:center;gap:var(--spacing-6);font-size:var(--text-sm);color:var(--color-neutral-600);display:flex}.certificate-preview__footer{padding-top:var(--spacing-4);border-top:2px dashed var(--color-neutral-300);justify-content:space-between;display:flex}.certificate-preview__date,.certificate-preview__id{font-size:var(--text-xs);color:var(--color-neutral-500)}.certificate-modal__actions{justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);display:flex}.certificate-detail-page{max-width:1000px;margin:0 auto}.certificate-detail-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.certificate-detail-header__actions{gap:var(--spacing-2);display:flex}.certificate-detail-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.certificate-preview{margin-bottom:var(--spacing-6)}.certificate-preview__border{padding:var(--spacing-6);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#fef3c7,#fde68a)}.certificate-preview__inner{border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;background:#fff;border:3px solid #d97706;position:relative}.certificate-preview__inner:before{content:"";border-radius:var(--radius-lg);pointer-events:none;border:1px solid #fed7aa;position:absolute;inset:8px}.certificate-preview__header{margin-bottom:var(--spacing-6)}.certificate-preview__logo{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:60px;height:60px;font-size:var(--text-xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);justify-content:center;align-items:center;font-weight:800;display:inline-flex}.certificate-preview__type{font-size:var(--text-lg);color:#d97706;letter-spacing:4px;text-transform:uppercase;font-weight:600;display:block}.certificate-preview__body{margin-bottom:var(--spacing-6)}.certificate-preview__label{font-size:var(--text-base);color:var(--color-neutral-500);margin-bottom:var(--spacing-2)}.certificate-preview__name{font-size:var(--text-3xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-family:Georgia,serif;font-weight:800}.certificate-preview__text{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-2)}.certificate-preview__course{font-size:var(--text-xl);color:var(--color-primary-600);font-weight:700}.certificate-preview__footer{margin-top:var(--spacing-8);padding-top:var(--spacing-6);justify-content:space-between;align-items:flex-end;display:flex}.certificate-preview__signature,.certificate-preview__date{text-align:center;flex:1}.signature-line{background:var(--color-neutral-300);width:120px;height:1px;margin:0 auto var(--spacing-2)}.certificate-preview__signature span,.certificate-preview__date span{font-size:var(--text-sm);color:var(--color-neutral-500);display:block}.certificate-preview__signature strong,.certificate-preview__date strong{font-size:var(--text-base);color:var(--color-neutral-800);margin-top:var(--spacing-1);display:block}.certificate-preview__award{color:#d97706}.certificate-preview__number{margin-top:var(--spacing-6);padding-top:var(--spacing-4);border-top:1px dashed var(--color-neutral-200);font-size:var(--text-sm);color:var(--color-neutral-500);font-family:monospace}.certificate-details{gap:var(--spacing-5);display:grid}@media (min-width:768px){.certificate-details{grid-template-columns:1fr 1fr}}.certificate-info-card,.certificate-skills-card,.certificate-verify-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.certificate-info-card h3,.certificate-skills-card h3,.certificate-verify-card h3{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:700}.certificate-info-list{gap:var(--spacing-3);flex-direction:column;display:flex}.certificate-info-item{align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.certificate-info-item svg{color:var(--color-primary-500);flex-shrink:0;margin-top:2px}.certificate-info-item .label{font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:2px;display:block}.certificate-info-item .value{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.certificate-info-item .value--highlight{color:var(--color-primary-600)}.certificate-skills{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.certificate-skill-tag{padding:var(--spacing-2)var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-sm);border-radius:var(--radius-full);font-weight:500}.certificate-verify-card{grid-column:1/-1}.certificate-verify-card p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}.certificate-verify-link{gap:var(--spacing-2);display:flex}.certificate-verify-link input{padding:var(--spacing-3);font-family:monospace;font-size:var(--text-sm);color:var(--color-neutral-700);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);flex:1}.certificate-verify-link .btn{align-items:center;gap:var(--spacing-1);display:flex}.messages-page{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;height:calc(100vh - 200px);min-height:500px;display:flex;overflow:hidden}.messages-sidebar{border-right:1px solid var(--color-neutral-200);background:#fff;flex-direction:column;width:100%;max-width:360px;display:flex}@media (max-width:768px){.messages-sidebar{z-index:10;max-width:none;transition:transform var(--transition-base);position:absolute;inset:0;transform:translate(-100%)}.messages-sidebar--active{transform:translate(0)}}.messages-sidebar__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.messages-sidebar__header h2{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.messages-sidebar__count{padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);color:#fff;background:var(--color-cta-500);border-radius:var(--radius-full);font-weight:600}.messages-sidebar__search{padding:var(--spacing-3)var(--spacing-4);position:relative}.messages-sidebar__search-icon{left:calc(var(--spacing-4) + var(--spacing-3));color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.messages-sidebar__search input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 18px + var(--spacing-2));font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);border:none}.messages-sidebar__search input:focus{outline:2px solid var(--color-primary-500)}.messages-sidebar__list{flex:1;overflow-y:auto}.conversation-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);cursor:pointer;transition:background var(--transition-fast);border-bottom:1px solid var(--color-neutral-50);display:flex}.conversation-item:hover{background:var(--color-neutral-50)}.conversation-item--active{background:var(--color-primary-50)}.conversation-item--unread .conversation-item__name{font-weight:700}.conversation-item--unread .conversation-item__message{color:var(--color-neutral-800);font-weight:500}.conversation-item__avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:48px;height:48px;font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.conversation-item__online{border-radius:var(--radius-full);background:#22c55e;border:2px solid #fff;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.conversation-item__content{flex:1;min-width:0}.conversation-item__header{margin-bottom:var(--spacing-1);justify-content:space-between;display:flex}.conversation-item__name{font-size:var(--text-sm);color:var(--color-neutral-800)}.conversation-item__time{font-size:var(--text-xs);color:var(--color-neutral-400)}.conversation-item__message{font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conversation-item__badge{color:#fff;background:var(--color-cta-500);border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.messages-chat{background:var(--color-neutral-50);flex-direction:column;flex:1;display:flex}.messages-chat__header{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-neutral-200);background:#fff;display:flex}.messages-chat__back{width:36px;height:36px;font-size:var(--text-lg);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none;justify-content:center;align-items:center;display:none}@media (max-width:768px){.messages-chat__back{display:flex}}.messages-chat__user{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.messages-chat__avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:44px;height:44px;font-size:var(--text-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.online-indicator{border-radius:var(--radius-full);background:#22c55e;border:2px solid #fff;width:10px;height:10px;position:absolute;bottom:2px;right:2px}.messages-chat__user-info{flex-direction:column;display:flex}.messages-chat__user-name{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600}.messages-chat__user-status{font-size:var(--text-xs);color:var(--color-neutral-500)}.messages-chat__actions{gap:var(--spacing-2);display:flex}.messages-chat__action{background:var(--color-neutral-100);border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.messages-chat__action:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.messages-chat__messages{padding:var(--spacing-5);gap:var(--spacing-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.message{max-width:70%;display:flex}.message--sent{align-self:flex-end}.message--received{align-self:flex-start}.message__bubble{padding:var(--spacing-3)var(--spacing-4);border-radius:var(--radius-xl);max-width:100%}.message--sent .message__bubble{background:var(--color-primary-600);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message--received .message__bubble{color:var(--color-neutral-800);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);background:#fff}.message__bubble p{font-size:var(--text-sm);margin-bottom:var(--spacing-1);line-height:1.5}.message__bubble--file{align-items:center;gap:var(--spacing-2);display:flex}.message__meta{justify-content:flex-end;align-items:center;gap:var(--spacing-1);display:flex}.message__time{opacity:.7;font-size:10px}.message__status{opacity:.7}.message--sent .message__status svg{color:#a5f3fc}.messages-chat__input{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border-top:1px solid var(--color-neutral-200);background:#fff;display:flex}.messages-chat__input input{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-xl);border:none;flex:1}.messages-chat__input input:focus{outline:2px solid var(--color-primary-500)}.messages-input__action{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.messages-input__action:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.messages-input__send{background:var(--color-primary-600);border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.messages-input__send:hover{background:var(--color-primary-700)}.messages-input__send:disabled{background:var(--color-neutral-300);cursor:not-allowed}.message-detail-page{flex-direction:column;max-width:900px;height:calc(100vh - 140px);margin:0 auto;display:flex}.message-detail-header{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);background:#fff;justify-content:space-between;align-items:center;display:flex}.message-detail-header__left{align-items:center;gap:var(--spacing-4);display:flex}.back-link{width:40px;height:40px;color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-lg);justify-content:center;align-items:center;text-decoration:none;display:flex}.message-detail-header__user{align-items:center;gap:var(--spacing-3);display:flex}.message-avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:48px;height:48px;font-size:var(--text-base);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.message-avatar--online:after{content:"";border-radius:var(--radius-full);background:#16a34a;border:2px solid #fff;width:12px;height:12px;position:absolute;bottom:2px;right:2px}.message-detail-header__user h2{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600}.message-detail-header__role{font-size:var(--text-sm);color:var(--color-neutral-500)}.message-detail-header__actions{gap:var(--spacing-1);display:flex}.message-action-btn{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.message-action-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.message-action-btn--active{color:#d97706;background:#fef3c7;border-color:#fde68a}.message-action-btn--danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.message-subject{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.message-subject h3{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.message-list{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);background:#fff;flex:1;overflow-y:auto}.message-bubble-wrapper{gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.message-bubble-wrapper--own{justify-content:flex-end}.message-bubble-avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:36px;height:36px;font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:flex-end;font-weight:700;display:flex}.message-bubble-spacer{flex-shrink:0;width:36px}.message-bubble{max-width:70%;padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-sm)}.message-bubble--own{background:var(--color-primary-500);color:#fff;border-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-sm)}.message-bubble__content{font-size:var(--text-base);white-space:pre-wrap;margin-bottom:var(--spacing-2);line-height:1.6}.message-bubble--own .message-bubble__content{color:#fff}.message-bubble__time{font-size:var(--text-xs);color:var(--color-neutral-400)}.message-bubble--own .message-bubble__time{color:#ffffffb3}.message-attachments{gap:var(--spacing-2);margin-top:var(--spacing-3);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}.message-attachment{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);border-radius:var(--radius-lg);background:#ffffffe6;display:flex}.message-bubble--own .message-attachment{background:#fff3}.message-attachment__icon{background:var(--color-primary-100);width:36px;height:36px;color:var(--color-primary-600);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.message-bubble--own .message-attachment__icon{color:#fff;background:#ffffff4d}.message-attachment__info{flex:1}.message-attachment__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500;display:block}.message-bubble--own .message-attachment__name{color:#fff}.message-attachment__size{font-size:var(--text-xs);color:var(--color-neutral-500)}.message-bubble--own .message-attachment__size{color:#ffffffb3}.message-attachment__download{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.message-bubble--own .message-attachment__download{color:#fff;border-color:#ffffff4d}.message-quick-actions{gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.message-quick-actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.message-compose{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-3);background:#fff}.message-compose__input-wrapper{align-items:flex-end;gap:var(--spacing-3);display:flex}.message-compose__attach{width:40px;height:40px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.message-compose__attach:hover{color:var(--color-primary-600)}.message-compose__input-wrapper textarea{padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);resize:none;flex:1;min-height:44px;max-height:120px}.message-compose__input-wrapper textarea:focus{border-color:var(--color-primary-500);outline:none}.message-compose__send{background:var(--color-primary-500);border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.message-compose__send:hover:not(:disabled){background:var(--color-primary-600)}.message-compose__send:disabled{background:var(--color-neutral-300);cursor:not-allowed}.help-page{max-width:1200px;margin:0 auto}.help-page__header{margin-bottom:var(--spacing-8)}.help-page__hero{text-align:center;padding:var(--spacing-8);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border-radius:var(--radius-2xl)}.help-page__hero-icon{color:var(--color-primary-600);margin-bottom:var(--spacing-4)}.help-page__hero h1{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.help-page__hero p{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-6)}.help-page__search{max-width:500px;margin:0 auto;position:relative}.help-page__search-icon{left:var(--spacing-5);color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.help-page__search input{width:100%;padding:var(--spacing-4)var(--spacing-5);padding-left:calc(var(--spacing-5) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-base);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-fast);background:#fff;border:2px solid #0000}.help-page__search input:focus{border-color:var(--color-primary-500);outline:none}.help-resources{gap:var(--spacing-4);margin-bottom:var(--spacing-8);display:grid}@media (min-width:640px){.help-resources{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.help-resources{grid-template-columns:repeat(4,1fr)}}.help-resource{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;text-decoration:none;display:flex}.help-resource:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.help-resource__icon{background:var(--color-primary-100);width:48px;height:48px;color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.help-resource__content{flex:1}.help-resource__content h3{font-size:var(--text-sm);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:600}.help-resource__content p{font-size:var(--text-xs);color:var(--color-neutral-500)}.help-resource__arrow{color:var(--color-neutral-400)}.help-faq{margin-bottom:var(--spacing-8)}.help-faq__title{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-5);font-weight:700}.help-faq__content{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.help-faq__content{grid-template-columns:240px 1fr}}.help-faq__categories{gap:var(--spacing-2);padding-bottom:var(--spacing-2);display:flex;overflow-x:auto}@media (min-width:1024px){.help-faq__categories{flex-direction:column;padding-bottom:0;overflow-x:visible}}.help-category{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:#fff;font-weight:500;display:flex}.help-category:hover{background:var(--color-neutral-50)}.help-category--active{background:var(--color-primary-50);border-color:var(--color-primary-500);color:var(--color-primary-700)}.help-category__arrow{margin-left:auto;display:none}@media (min-width:1024px){.help-category__arrow{display:block}}.help-faq__list{gap:var(--spacing-3);flex-direction:column;display:flex}.help-faq__empty{padding:var(--spacing-12);text-align:center;color:var(--color-neutral-400);flex-direction:column;justify-content:center;align-items:center;display:flex}.help-faq__empty p{margin-top:var(--spacing-3)}.help-faq__item{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;overflow:hidden}.help-faq__item--expanded{border-color:var(--color-primary-300)}.help-faq__question{width:100%;padding:var(--spacing-4)var(--spacing-5);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:600;display:flex}.help-faq__question:hover{background:var(--color-neutral-50)}.help-faq__chevron{color:var(--color-neutral-400);transition:transform var(--transition-fast)}.help-faq__item--expanded .help-faq__chevron{color:var(--color-primary-600);transform:rotate(180deg)}.help-faq__answer{padding:0 var(--spacing-5)var(--spacing-5);overflow:hidden}.help-faq__answer p{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.7}.help-contact{text-align:center;padding:var(--spacing-8);background:var(--color-neutral-50);border-radius:var(--radius-2xl)}.help-contact h2{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.help-contact>p{font-size:var(--text-base);color:var(--color-neutral-500);margin-bottom:var(--spacing-6)}.help-contact__options{gap:var(--spacing-4);display:grid}@media (min-width:768px){.help-contact__options{grid-template-columns:repeat(3,1fr)}}.help-contact__option{padding:var(--spacing-6);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff}.help-contact__icon{width:56px;height:56px;margin:0 auto var(--spacing-4);background:var(--color-primary-100);color:var(--color-primary-600);border-radius:var(--radius-full);justify-content:center;align-items:center;display:flex}.help-contact__option h3{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:600}.help-contact__option p{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-4)}.exams-page{max-width:1400px;margin:0 auto}.exams-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.exams-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.exams-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.exams-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.exams-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.exams-page__stats{grid-template-columns:repeat(4,1fr)}}.exam-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.exam-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.exam-stat__icon--total{color:#7c3aed;background:#ede9fe}.exam-stat__icon--active{color:#16a34a;background:#dcfce7}.exam-stat__icon--participants{color:#2563eb;background:#dbeafe}.exam-stat__icon--rate{color:#d97706;background:#fef3c7}.exam-stat__content{flex-direction:column;display:flex}.exam-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800}.exam-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.exams-page__filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.exams-page__filters{flex-direction:row;justify-content:space-between;align-items:center}}.exams-page__search{flex:1;max-width:400px;position:relative}.exams-page__search-icon{left:var(--spacing-4);color:var(--color-neutral-400);position:absolute;top:50%;transform:translateY(-50%)}.exams-page__search-input{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-left:calc(var(--spacing-4) + 20px + var(--spacing-3));font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);border:none}.exams-page__search-input:focus{outline:2px solid var(--color-primary-500)}.exams-page__filter-group{gap:var(--spacing-3);display:flex}.exams-page__filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.exams-page__select{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.exams-grid{gap:var(--spacing-5);display:grid}@media (min-width:768px){.exams-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.exams-grid{grid-template-columns:repeat(3,1fr)}}.exam-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;overflow:hidden}.exam-card:hover{box-shadow:var(--shadow-lg)}.exam-card__header{padding:var(--spacing-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.exam-card__status{padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600}.exam-card__status--published{color:#16a34a;background:#dcfce7}.exam-card__status--draft{color:#d97706;background:#fef3c7}.exam-card__status--closed{color:#6b7280;background:#f3f4f6}.exam-card__actions{position:relative}.exam-card__action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.exam-card__action-btn:hover{background:var(--color-neutral-200)}.exam-dropdown{margin-top:var(--spacing-2);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.exam-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;text-decoration:none;display:flex}.exam-dropdown__item:hover{background:var(--color-neutral-100)}.exam-dropdown__item--danger{color:var(--color-error-500)}.exam-dropdown__item--danger:hover{background:#fef2f2}.exam-card__content{padding:var(--spacing-5);flex:1}.exam-card__title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700;line-height:1.4}.exam-card__course{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-4)}.exam-card__info{gap:var(--spacing-4);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.exam-card__info span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);display:inline-flex}.exam-card__dates{align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-neutral-400);display:inline-flex}.exam-card__footer{padding:var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100)}.exam-card__stats{text-align:center;grid-template-columns:repeat(3,1fr);display:grid}.exam-card__stat{flex-direction:column;display:flex}.exam-card__stat-value{font-size:var(--text-lg);color:var(--color-primary-600);font-weight:700}.exam-card__stat-label{font-size:var(--text-xs);color:var(--color-neutral-500)}.create-exam-page{max-width:1000px;margin:0 auto}.create-exam-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.create-exam-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.create-exam-page__header-left{align-items:center;gap:var(--spacing-4);display:flex}.create-exam-page__back{background:var(--color-neutral-100);width:40px;height:40px;color:var(--color-neutral-600);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:center;align-items:center;text-decoration:none;display:flex}.create-exam-page__back:hover{background:var(--color-neutral-200)}.create-exam-page__title{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.create-exam-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.create-exam-page__actions{gap:var(--spacing-3);display:flex}.create-exam-tabs{gap:var(--spacing-2);margin-bottom:var(--spacing-6);padding:var(--spacing-2);background:var(--color-neutral-100);border-radius:var(--radius-xl);display:flex;overflow-x:auto}.create-exam-tab{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-5);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.create-exam-tab:hover{color:var(--color-neutral-800)}.create-exam-tab--active{color:var(--color-primary-700);box-shadow:var(--shadow-sm);background:#fff}.create-exam-content{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.form-section{margin-bottom:var(--spacing-6)}.form-section:last-child{margin-bottom:0}.form-section__title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-neutral-200);font-weight:700}.form-row{gap:var(--spacing-4);display:grid}@media (min-width:640px){.form-row{grid-template-columns:repeat(3,1fr)}}.add-question-bar{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-5);display:flex;overflow-x:auto}.add-question-bar span{font-size:var(--text-sm);color:var(--color-neutral-600);white-space:nowrap}.add-question-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-primary-700);border:1px solid var(--color-primary-300);border-radius:var(--radius-lg);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#fff;font-weight:500;display:flex}.add-question-btn:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}.question-card{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);overflow:hidden}.question-card__header{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);background:#fff;display:flex}.question-card__drag{color:var(--color-neutral-400);cursor:grab}.question-card__type{font-size:var(--text-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.question-card__points{align-items:center;gap:var(--spacing-2);margin-left:auto;display:flex}.question-card__points input{width:50px;padding:var(--spacing-1)var(--spacing-2);font-family:var(--font-primary);font-size:var(--text-sm);text-align:center;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md)}.question-card__points span{font-size:var(--text-sm);color:var(--color-neutral-500)}.question-card__delete{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.question-card__delete:hover{color:var(--color-error-500);background:#fef2f2}.question-card__question{margin-bottom:var(--spacing-4);position:relative}.question-card__question textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);padding-right:calc(var(--spacing-4) + 32px);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);resize:vertical;background:#fff}.question-card__question textarea:focus{outline:2px solid var(--color-primary-500);border-color:#0000}.question-card__add-image{right:var(--spacing-3);top:var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.question-card__add-image:hover{background:var(--color-neutral-200)}.question-card__options{gap:var(--spacing-2);flex-direction:column;display:flex}.question-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;display:flex}.question-option input[type=radio],.question-option input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary-600);cursor:pointer}.question-option input[type=text]{padding:var(--spacing-2);font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.question-option input[type=text]:focus{outline:none}.add-option-btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-500);border:1px dashed var(--color-neutral-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.add-option-btn:hover{border-color:var(--color-primary-500);color:var(--color-primary-600)}.question-card__text-hint input{width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-300);border-radius:var(--radius-lg);background:#fff}.exam-settings .form-section{padding:var(--spacing-5);background:var(--color-neutral-50);border-radius:var(--radius-xl);margin-bottom:var(--spacing-4)}.settings-option{padding:var(--spacing-4);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);background:#fff;justify-content:space-between;align-items:center;display:flex}.settings-option:last-child{margin-bottom:0}.settings-option__info{flex:1}.settings-option__label{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:block}.settings-option__desc{font-size:var(--text-xs);color:var(--color-neutral-500)}.exam-results-page{max-width:1200px;margin:0 auto}.exam-results-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.exam-results-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.exam-results-page__header-left{align-items:center;gap:var(--spacing-4);display:flex}.exam-results-page__back{background:var(--color-neutral-100);width:40px;height:40px;color:var(--color-neutral-600);border-radius:var(--radius-lg);justify-content:center;align-items:center;text-decoration:none;display:flex}.exam-results-page__back:hover{background:var(--color-neutral-200)}.exam-results-page__title{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.exam-results-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.exam-results-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.exam-results-stats{grid-template-columns:repeat(4,1fr)}}.result-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.result-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.result-stat__icon--participants{color:#2563eb;background:#dbeafe}.result-stat__icon--avg{color:#7c3aed;background:#ede9fe}.result-stat__icon--pass{color:#16a34a;background:#dcfce7}.result-stat__icon--highest{color:#d97706;background:#fef3c7}.result-stat__content{flex-direction:column;display:flex}.result-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800}.result-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.exam-results-content{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.exam-results-content{grid-template-columns:300px 1fr}}.score-distribution{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.score-distribution h3{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-5);font-weight:700}.score-chart{gap:var(--spacing-3);flex-direction:column;display:flex}.score-bar{align-items:center;gap:var(--spacing-3);display:flex}.score-bar__label{width:60px;font-size:var(--text-sm);color:var(--color-neutral-600)}.score-bar__track{background:var(--color-neutral-100);border-radius:var(--radius-md);flex:1;height:24px;overflow:hidden}.score-bar__fill{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-md);height:100%}.score-bar__value{width:30px;font-size:var(--text-sm);color:var(--color-neutral-700);text-align:right;font-weight:600}.results-table-wrapper{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.results-table__filters{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);display:flex}.results-table__search{align-items:center;gap:var(--spacing-2);max-width:300px;padding:var(--spacing-2)var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-400);flex:1;display:flex}.results-table__search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.results-table__search input:focus{outline:none}.results-table__filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.results-table__filter select{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.results-table{overflow-x:auto}.results-table__header{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-xs);color:var(--color-neutral-500);text-transform:uppercase;font-weight:600;display:none}@media (min-width:768px){.results-table__header{gap:var(--spacing-4);grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px;align-items:center;display:grid}}.results-table__body{flex-direction:column;display:flex}.results-table__row{gap:var(--spacing-2);padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);flex-direction:column;display:flex}.results-table__row:last-child{border-bottom:none}@media (min-width:768px){.results-table__row{gap:var(--spacing-4);grid-template-columns:2fr 1fr 1fr 1fr 1fr 60px;align-items:center;display:grid}}.results-table__cell{align-items:center;gap:var(--spacing-2);display:flex}.results-table__cell--student{gap:var(--spacing-3)}.result-student__avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:40px;height:40px;font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.result-student__info{flex-direction:column;display:flex}.result-student__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.result-student__email{font-size:var(--text-xs);color:var(--color-neutral-400)}.result-score{font-size:var(--text-base);font-weight:700}.result-score--high{color:#16a34a}.result-score--medium{color:#d97706}.result-score--low{color:#dc2626}.result-percentage{font-size:var(--text-xs);color:var(--color-neutral-400)}.result-answers{font-size:var(--text-sm);color:var(--color-neutral-600)}.result-duration{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:inline-flex}.result-status{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600;display:inline-flex}.result-status--passed{color:#16a34a;background:#dcfce7}.result-status--failed{color:#dc2626;background:#fef2f2}.results-table__cell--actions{justify-content:flex-end}.result-view-btn{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.result-view-btn:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.question-bank-page{max-width:1200px;margin:0 auto}.question-bank-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.question-bank-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.question-bank-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.question-bank-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.qb-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.qb-stats{grid-template-columns:repeat(4,1fr)}}.qb-stat{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center;background:#fff;flex-direction:column;align-items:center;display:flex}.qb-stat__value{font-size:var(--text-2xl);color:var(--color-primary-600);font-weight:800}.qb-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.qb-filters{gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.qb-filters{flex-direction:row;justify-content:space-between;align-items:center}}.qb-search{align-items:center;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-400);flex:1;display:flex}.qb-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.qb-search input:focus{outline:none}.qb-filter-group{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.qb-filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.qb-filter select{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.qb-selected-actions{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);display:flex}.qb-selected-actions span{font-size:var(--text-sm);color:var(--color-primary-700)}.questions-list{gap:var(--spacing-3);flex-direction:column;display:flex}.question-item{align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;display:flex}.question-item:hover{box-shadow:var(--shadow-md)}.question-item__select input{width:18px;height:18px;accent-color:var(--color-primary-600);margin-top:2px}.question-item__type{background:var(--color-primary-100);width:40px;height:40px;color:var(--color-primary-600);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.question-item__content{flex:1;min-width:0}.question-item__text{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:500;line-height:1.4}.question-item__meta{gap:var(--spacing-3);flex-wrap:wrap;align-items:center;display:flex}.question-item__category{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-600);display:inline-flex}.question-item__difficulty{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.question-item__difficulty--easy{color:#16a34a;background:#dcfce7}.question-item__difficulty--medium{color:#d97706;background:#fef3c7}.question-item__difficulty--hard{color:#dc2626;background:#fef2f2}.question-item__type-label{font-size:var(--text-xs);color:var(--color-neutral-500)}.question-item__points{font-size:var(--text-xs);color:var(--color-primary-600);font-weight:600}.question-item__used{font-size:var(--text-xs);color:var(--color-neutral-400)}.question-item__actions{gap:var(--spacing-1);opacity:0;transition:opacity var(--transition-fast);display:flex}.question-item:hover .question-item__actions{opacity:1}.question-action{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.question-action:hover{background:var(--color-primary-100);color:var(--color-primary-600)}.question-action--danger:hover{color:#dc2626;background:#fef2f2}.exam-detail-page{max-width:1200px;margin:0 auto}.exam-detail-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.exam-detail-header__actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.exam-detail-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.exam-info-hero{background:linear-gradient(135deg,var(--color-primary-50),#ede9fe);border:1px solid var(--color-primary-200);border-radius:var(--radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6)}.exam-info-hero__header{align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-5);display:flex}.exam-info-hero__emoji{font-size:48px}.exam-info-hero__header h1{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:800}.exam-info-hero__course{font-size:var(--text-sm);color:var(--color-neutral-600)}.exam-status-badge{padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm);border-radius:var(--radius-full);margin-left:auto;font-weight:600}.exam-status-badge--active{color:#16a34a;background:#dcfce7}.exam-status-badge--inactive{color:#dc2626;background:#fee2e2}.exam-info-hero__meta{gap:var(--spacing-5);flex-wrap:wrap;display:flex}.meta-item-hero{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.meta-item-hero svg{color:var(--color-primary-600)}.exam-stats-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.exam-stats-grid{grid-template-columns:repeat(4,1fr)}}.exam-stat-card{align-items:center;gap:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff;display:flex}.exam-stat-card__icon{border-radius:var(--radius-xl);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.exam-stat-card__icon--submissions{color:#2563eb;background:#dbeafe}.exam-stat-card__icon--average{color:#7c3aed;background:#ede9fe}.exam-stat-card__icon--passrate{color:#16a34a;background:#dcfce7}.exam-stat-card__icon--highest{color:#d97706;background:#fef3c7}.exam-stat-card__value{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800;display:block}.exam-stat-card__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.exam-detail-tabs{gap:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-1);margin-bottom:var(--spacing-5);background:#fff;display:flex}.exam-detail-tab{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;flex:1;font-weight:500;display:flex}.exam-detail-tab:hover{background:var(--color-neutral-100)}.exam-detail-tab--active{background:var(--color-primary-600);color:#fff}.exam-tab-content{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.exam-overview-section{margin-bottom:var(--spacing-6)}.exam-overview-section:last-child{margin-bottom:0}.exam-overview-section h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-3);font-weight:600}.exam-overview-section p{font-size:var(--text-base);color:var(--color-neutral-700);line-height:1.7}.exam-settings-grid{gap:var(--spacing-3);display:grid}@media (min-width:640px){.exam-settings-grid{grid-template-columns:repeat(2,1fr)}}.exam-setting-item{padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);justify-content:space-between;display:flex}.exam-setting-item__label{font-size:var(--text-sm);color:var(--color-neutral-600)}.exam-setting-item__value{font-size:var(--text-sm);font-weight:600}.text-success{color:#16a34a}.text-danger{color:#dc2626}.text-muted{color:var(--color-neutral-400)}.exam-submissions-header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.exam-submissions-header h3{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.exam-submissions-header .btn{align-items:center;gap:var(--spacing-1);display:flex}.submissions-table{border-collapse:collapse;width:100%}.submissions-table th,.submissions-table td{padding:var(--spacing-3)var(--spacing-4);text-align:left;font-size:var(--text-sm)}.submissions-table th{background:var(--color-neutral-50);color:var(--color-neutral-700);font-weight:600}.submissions-table td{border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-700)}.student-cell{align-items:center;gap:var(--spacing-3);display:flex}.student-cell__avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:32px;height:32px;font-size:var(--text-xs);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.result-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:600;display:inline-flex}.result-badge--pass{color:#16a34a;background:#dcfce7}.result-badge--fail{color:#dc2626;background:#fee2e2}.exam-analytics h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-2);font-weight:600}.analytics-desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-5)}.question-stats-list{gap:var(--spacing-4);flex-direction:column;display:flex}.question-stat-item{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg)}.question-stat-item__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.question-stat-item__number{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:600}.difficulty-badge{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.difficulty-badge--easy{color:#16a34a;background:#dcfce7}.difficulty-badge--medium{color:#d97706;background:#fef3c7}.difficulty-badge--hard{color:#dc2626;background:#fee2e2}.question-stat-item__text{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3)}.question-stat-item__bar{align-items:center;gap:var(--spacing-3);display:flex}.correctness-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.correctness-bar__fill{border-radius:var(--radius-full);height:100%}.correctness-bar__fill--good{background:#16a34a}.correctness-bar__fill--medium{background:#d97706}.correctness-bar__fill--poor{background:#dc2626}.correctness-rate{font-size:var(--text-sm);color:var(--color-neutral-700);min-width:80px;font-weight:600}.question-stat-item__warning{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);padding:var(--spacing-2)var(--spacing-3);color:#d97706;font-size:var(--text-sm);border-radius:var(--radius-md);background:#fef3c7;display:flex}.question-detail-page{max-width:1200px}.question-detail-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.question-detail-header__actions{gap:var(--spacing-2);display:flex}.question-detail-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.question-detail-layout{gap:var(--spacing-5);display:grid}@media (min-width:1024px){.question-detail-layout{grid-template-columns:1fr 320px}}.question-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-5);background:#fff}.question-card__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.question-card__meta{align-items:center;gap:var(--spacing-3);display:flex}.question-difficulty{padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600}.question-difficulty--easy{color:#16a34a;background:#dcfce7}.question-difficulty--medium{color:#d97706;background:#fef3c7}.question-difficulty--hard{color:#dc2626;background:#fee2e2}.question-type{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:500;display:inline-flex}.question-points{font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:600}.question-id{font-size:var(--text-sm);color:var(--color-neutral-400)}.question-card__content h2{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-5);font-weight:600;line-height:1.6}.question-options{gap:var(--spacing-3);margin-bottom:var(--spacing-5);flex-direction:column;display:flex}.question-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast);display:flex}.question-option--correct{background:#dcfce7;border-color:#86efac}.question-option__letter{border:2px solid var(--color-neutral-300);border-radius:var(--radius-full);width:32px;height:32px;font-size:var(--text-sm);color:var(--color-neutral-700);background:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.question-option--correct .question-option__letter{color:#fff;background:#16a34a;border-color:#16a34a}.question-option__content{font-size:var(--text-base);color:var(--color-neutral-800);flex:1}.question-option__icon--correct{color:#16a34a}.question-option__icon--wrong{color:var(--color-neutral-300)}.question-explanation{border-top:1px solid var(--color-neutral-200);padding-top:var(--spacing-4)}.question-explanation__toggle{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:#d97706;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#fef3c7;border:none;font-weight:500;display:inline-flex}.question-explanation__toggle:hover{background:#fde68a}.question-explanation__content{margin-top:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-700);background:#fffbeb;border:1px solid #fde68a;line-height:1.6}.question-usage{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.question-usage h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:600;display:flex}.question-usage__list{gap:var(--spacing-2);flex-direction:column;display:flex}.question-usage__item{padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-fast);justify-content:space-between;align-items:center;text-decoration:none;display:flex}.question-usage__item:hover{background:var(--color-primary-50)}.question-usage__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500}.question-usage__date{font-size:var(--text-sm);color:var(--color-neutral-500)}.question-usage__empty{font-size:var(--text-sm);color:var(--color-neutral-500);text-align:center;padding:var(--spacing-4)}.question-detail-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.sidebar-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.sidebar-card h3{font-size:var(--text-sm);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:600}.sidebar-stats{gap:var(--spacing-3);flex-direction:column;display:flex}.sidebar-stat{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.sidebar-stat svg{color:var(--color-primary-500)}.sidebar-stat__value{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700;display:block}.sidebar-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.sidebar-info{gap:var(--spacing-3);flex-direction:column;display:flex}.sidebar-info__item{align-items:center;gap:var(--spacing-2);display:flex}.sidebar-info__item svg{color:var(--color-neutral-400)}.sidebar-info__item span{font-size:var(--text-sm);color:var(--color-neutral-500)}.sidebar-info__item strong{font-size:var(--text-sm);color:var(--color-neutral-800);margin-left:auto;font-weight:600}.sidebar-tags{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.sidebar-tag{padding:var(--spacing-1)var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-sm);border-radius:var(--radius-full);font-weight:500}.sidebar-dates{gap:var(--spacing-2);flex-direction:column;display:flex}.sidebar-date{font-size:var(--text-sm);justify-content:space-between;display:flex}.sidebar-date span:first-child{color:var(--color-neutral-500)}.sidebar-date span:last-child{color:var(--color-neutral-700);font-weight:500}.create-question-page{max-width:1100px}.create-question-header{margin-bottom:var(--spacing-6)}.create-question-header .back-link{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-3);font-weight:500;text-decoration:none;display:inline-flex}.create-question-header .back-link:hover{color:var(--color-primary-600)}.create-question-header h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800;display:flex}.create-question-layout{gap:var(--spacing-6);grid-template-columns:1fr 280px;display:grid}@media (max-width:768px){.create-question-layout{grid-template-columns:1fr}}.question-type-selector{gap:var(--spacing-2);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.question-type{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500}.question-type:hover{border-color:var(--color-primary-300)}.question-type--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.question-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-6);background:#fff}.form-group:last-child{margin-bottom:0}.form-group label{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);font-weight:600;display:block}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--color-primary-500)}.form-group textarea{resize:vertical}.upload-image-btn{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer;background:0 0;border:none;display:inline-flex}.upload-image-btn:hover{color:var(--color-primary-600)}.question-options-list{gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.question-option-input{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);display:flex}.question-option-input--correct{background:#dcfce7;border-color:#16a34a}.option-correct-btn{border:2px solid var(--color-neutral-300);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-neutral-400);cursor:pointer;background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-correct-btn:hover{color:#16a34a;border-color:#16a34a}.option-correct-btn--active{color:#fff;background:#16a34a;border-color:#16a34a}.option-letter{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-600);background:#fff;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.question-option-input--correct .option-letter{color:#fff;background:#16a34a;border-color:#16a34a}.question-option-input input{background:0 0;border:none;outline:none;flex:1}.option-remove-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.option-remove-btn:hover{color:#dc2626;background:#fee2e2}.add-option-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-primary-600);background:var(--color-primary-50);border:1px dashed var(--color-primary-300);border-radius:var(--radius-lg);cursor:pointer;font-weight:500;display:flex}.add-option-btn:hover{background:var(--color-primary-100)}.truefalse-options{gap:var(--spacing-3);display:flex}.truefalse-btn{padding:var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-lg);color:var(--color-neutral-600);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;flex:1;font-weight:600}.truefalse-btn:hover{border-color:var(--color-primary-300)}.truefalse-btn--active{color:#16a34a;background:#dcfce7;border-color:#16a34a}.create-question-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.question-settings-card,.question-actions-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.question-settings-card h4{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:600}.question-actions-card{gap:var(--spacing-2);flex-direction:column;display:flex}.accounts-page{max-width:1400px;margin:0 auto}.accounts-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.accounts-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.accounts-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.accounts-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.accounts-page__actions{gap:var(--spacing-3);display:flex}.accounts-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.accounts-stats{grid-template-columns:repeat(4,1fr)}}.account-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.account-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.account-stat__icon--total{color:#2563eb;background:#dbeafe}.account-stat__icon--active{color:#16a34a;background:#dcfce7}.account-stat__icon--inactive{color:#dc2626;background:#fef2f2}.account-stat__icon--pending{color:#d97706;background:#fef3c7}.account-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.account-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.accounts-filters{gap:var(--spacing-4);margin-bottom:var(--spacing-5);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex}@media (min-width:768px){.accounts-filters{flex-direction:row;justify-content:space-between;align-items:center}}.accounts-search{align-items:center;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-400);flex:1;display:flex}.accounts-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.accounts-search input:focus{outline:none}.accounts-filter-group{gap:var(--spacing-3);display:flex}.accounts-filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.accounts-filter select{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;border:none}.accounts-table-wrapper{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.accounts-table{border-collapse:collapse;width:100%}.accounts-table th,.accounts-table td{padding:var(--spacing-4);text-align:left}.accounts-table th{font-size:var(--text-sm);color:var(--color-neutral-600);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-weight:600}.accounts-table td{font-size:var(--text-sm);color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-100)}.accounts-table tbody tr:hover{background:var(--color-neutral-50)}.account-user{align-items:center;gap:var(--spacing-3);display:flex}.account-user__avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:40px;height:40px;font-size:var(--text-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:600;display:flex}.account-user__info{flex-direction:column;display:flex}.account-user__name{color:var(--color-neutral-900);font-weight:600}.account-user__id{font-size:var(--text-xs);color:var(--color-neutral-400)}.account-contact{gap:var(--spacing-1);flex-direction:column;display:flex}.account-contact span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-600);display:flex}.account-class{font-size:var(--text-xs);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.account-courses{font-size:var(--text-sm);color:var(--color-neutral-600)}.account-status{font-size:var(--text-xs);border-radius:var(--radius-full);align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.account-status--active{color:#16a34a;background:#dcfce7}.account-status--inactive{color:#dc2626;background:#fef2f2}.account-status--pending{color:#d97706;background:#fef3c7}.account-last-active{font-size:var(--text-sm);color:var(--color-neutral-500)}.account-actions{position:relative}.account-action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.account-action-btn:hover{background:var(--color-neutral-100)}.account-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.account-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.account-dropdown__item:hover{background:var(--color-neutral-100)}.account-dropdown__item--danger{color:#dc2626}.account-dropdown__item--danger:hover{background:#fef2f2}.permissions-page{max-width:1400px;margin:0 auto}.permissions-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.permissions-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.permissions-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.permissions-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.permissions-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.permissions-layout{grid-template-columns:360px 1fr}}.roles-panel{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.roles-panel__header{padding:var(--spacing-4);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.roles-panel__header h3{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.roles-panel__count{font-size:var(--text-xs);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.roles-list{padding:var(--spacing-2)}.role-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;border:none;display:flex}.role-item:hover{background:var(--color-neutral-100)}.role-item--active{background:var(--color-primary-50)}.role-item__color{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.role-item__info{flex:1;min-width:0}.role-item__name{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600;display:flex}.role-item__name svg{color:var(--color-neutral-400)}.role-item__desc{font-size:var(--text-xs);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.role-item__users{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-400);display:flex}.permissions-panel{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.permissions-panel__header{gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);flex-direction:column;display:flex}@media (min-width:768px){.permissions-panel__header{flex-direction:row;justify-content:space-between;align-items:center}}.permissions-panel__role{align-items:center;gap:var(--spacing-4);display:flex}.permissions-panel__color{border-radius:var(--radius-lg);width:40px;height:40px}.permissions-panel__role h3{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.permissions-panel__role p{font-size:var(--text-sm);color:var(--color-neutral-500)}.permissions-panel__actions{gap:var(--spacing-2);display:flex}.permissions-list{padding:var(--spacing-4)}.permission-group{margin-bottom:var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);overflow:hidden}.permission-group:last-child{margin-bottom:0}.permission-group__header{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-4);font-family:var(--font-primary);background:var(--color-neutral-50);cursor:pointer;text-align:left;border:none;display:flex}.permission-group__header:hover{background:var(--color-neutral-100)}.permission-group__header svg{color:var(--color-neutral-400)}.permission-group__name{font-size:var(--text-sm);color:var(--color-neutral-800);flex:1;font-weight:600}.permission-group__count{font-size:var(--text-xs);color:var(--color-neutral-500)}.permission-group__items{padding:var(--spacing-2)}.permission-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.permission-item:hover{background:var(--color-neutral-50)}.permission-item__icon{border-radius:var(--radius-md);color:#dc2626;background:#fef2f2;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.permission-item--granted .permission-item__icon{color:#16a34a;background:#dcfce7}.permission-item__info{flex:1}.permission-item__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500;display:block}.permission-item__desc{font-size:var(--text-xs);color:var(--color-neutral-400)}.permission-toggle{cursor:pointer;width:44px;height:24px;display:inline-block;position:relative}.permission-toggle input{opacity:0;width:0;height:0}.permission-toggle__slider{background:var(--color-neutral-300);border-radius:var(--radius-full);transition:all var(--transition-fast);position:absolute;inset:0}.permission-toggle__slider:before{content:"";border-radius:var(--radius-full);width:18px;height:18px;transition:all var(--transition-fast);background:#fff;position:absolute;top:3px;left:3px}.permission-toggle input:checked+.permission-toggle__slider{background:var(--color-primary-500)}.permission-toggle input:checked+.permission-toggle__slider:before{transform:translate(20px)}.permissions-warning{justify-content:center;align-items:center;gap:var(--spacing-2);margin:var(--spacing-4);padding:var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.permissions-empty{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-12);color:var(--color-neutral-400);flex-direction:column;display:flex}.permissions-empty p{font-size:var(--text-sm);color:var(--color-neutral-500)}.classroom-page{max-width:1400px;margin:0 auto}.classroom-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.classroom-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.classroom-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.classroom-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.classroom-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.classroom-stats{grid-template-columns:repeat(4,1fr)}}.classroom-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.classroom-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.classroom-stat__icon--groups{color:#2563eb;background:#dbeafe}.classroom-stat__icon--students{color:#16a34a;background:#dcfce7}.classroom-stat__icon--active{color:#7c3aed;background:#ede9fe}.classroom-stat__icon--upcoming{color:#d97706;background:#fef3c7}.classroom-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.classroom-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.classroom-filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.classroom-search{align-items:center;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#fff;flex:1;display:flex}.classroom-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.classroom-search input:focus{outline:none}.classroom-filter-group select{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff}.study-groups-grid{gap:var(--spacing-5);display:grid}@media (min-width:640px){.study-groups-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.study-groups-grid{grid-template-columns:repeat(3,1fr)}}.study-group-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;overflow:hidden}.study-group-card:hover{box-shadow:var(--shadow-lg)}.study-group-card__header{padding:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.study-group-card__emoji{font-size:32px}.study-group-card__actions{position:relative}.study-group-card__action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;display:flex}.study-group-card__action-btn:hover{color:var(--color-neutral-600)}.study-group-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.study-group-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.study-group-dropdown__item:hover{background:var(--color-neutral-100)}.study-group-dropdown__item--danger{color:#dc2626}.study-group-dropdown__item--danger:hover{background:#fef2f2}.study-group-card__content{padding:0 var(--spacing-4)var(--spacing-4);flex:1}.study-group-card__status{font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);padding:2px 10px;font-weight:600;display:inline-block}.study-group-card__status--active{color:#16a34a;background:#dcfce7}.study-group-card__status--upcoming{color:#d97706;background:#fef3c7}.study-group-card__status--completed{background:var(--color-neutral-200);color:var(--color-neutral-600)}.study-group-card__name{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.study-group-card__desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3);line-height:1.4}.study-group-card__course,.study-group-card__schedule{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-2);display:flex}.study-group-card__course svg,.study-group-card__schedule svg{color:var(--color-neutral-400)}.study-group-card__teacher{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.teacher-avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:28px;height:28px;font-size:var(--text-xs);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:600;display:flex}.study-group-card__footer{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);display:flex}.study-group-card__students{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:600;display:flex}.study-group-card__progress{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.study-group-card__progress-bar{background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600));border-radius:var(--radius-full);height:100%}.add-study-group-card{justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);min-height:320px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.add-study-group-card:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.add-study-group-card span{font-size:var(--text-sm);font-weight:600}.channels-list{gap:var(--spacing-3);flex-direction:column;display:flex}.channel-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;display:flex}.channel-item:hover{box-shadow:var(--shadow-md)}.channel-item--muted{opacity:.7}.channel-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.channel-item__info{flex:1;min-width:0}.channel-item__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-1);display:flex}.channel-item__name{align-items:center;gap:var(--spacing-1);font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600;display:flex}.channel-item__name svg{color:var(--color-neutral-400)}.channel-item__group{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.channel-item__desc{font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.channel-item__meta{align-items:center;gap:var(--spacing-4);display:flex}.channel-item__stat{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.channel-item__type{font-size:var(--text-xs);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.channel-item__activity{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-400);min-width:100px;display:flex}.channel-item__actions{position:relative}.channel-action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.channel-action-btn:hover{background:var(--color-neutral-100)}.channel-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:180px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.channel-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.channel-dropdown__item:hover{background:var(--color-neutral-100)}.channel-dropdown__item--danger{color:#dc2626}.channel-dropdown__item--danger:hover{background:#fef2f2}.linked-students{gap:var(--spacing-1);flex-wrap:wrap;display:flex}.linked-student{font-size:var(--text-xs);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-full);padding:2px 8px;font-weight:500}.teacher-subject{flex-direction:column;display:flex}.teacher-subject__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.teacher-subject__dept{font-size:var(--text-xs);color:var(--color-neutral-500)}.teacher-stats{gap:var(--spacing-1);flex-direction:column;display:flex}.teacher-stats span{font-size:var(--text-sm);color:var(--color-neutral-600)}.teacher-rating{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:inline-flex}.curriculum-list-page{max-width:1400px;margin:0 auto}.curriculum-list-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.curriculum-list-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.curriculum-list-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.curriculum-list-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.curriculum-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.curriculum-stats{grid-template-columns:repeat(4,1fr)}}.curriculum-stat-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.curriculum-stat-card__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.curriculum-stat-card__icon--total{color:#2563eb;background:#dbeafe}.curriculum-stat-card__icon--lessons{color:#16a34a;background:#dcfce7}.curriculum-stat-card__icon--videos{color:#7c3aed;background:#ede9fe}.curriculum-stat-card__icon--quizzes{color:#d97706;background:#fef3c7}.curriculum-stat-card__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.curriculum-stat-card__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.curriculum-filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);display:flex}.curriculum-search{align-items:center;gap:var(--spacing-2);max-width:400px;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#fff;flex:1;display:flex}.curriculum-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.curriculum-search input:focus{outline:none}.curriculum-filter-group{gap:var(--spacing-3);display:flex}.curriculum-filter-group select{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff}.curriculum-grid{gap:var(--spacing-5);display:grid}@media (min-width:640px){.curriculum-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.curriculum-grid{grid-template-columns:repeat(3,1fr)}}.curriculum-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;overflow:hidden}.curriculum-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.curriculum-card__header{padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-50),#ede9fe);justify-content:space-between;align-items:center;display:flex}.curriculum-card__emoji{font-size:40px}.curriculum-card__actions{align-items:center;gap:var(--spacing-2);display:flex;position:relative}.curriculum-card__status{font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 10px;font-weight:600}.curriculum-card__status--published{color:#16a34a;background:#dcfce7}.curriculum-card__status--draft{background:var(--color-neutral-200);color:var(--color-neutral-600)}.curriculum-card__action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;display:flex}.curriculum-card__action-btn:hover{color:var(--color-neutral-700)}.curriculum-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.curriculum-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.curriculum-dropdown__item:hover{background:var(--color-neutral-100)}.curriculum-dropdown__item--danger{color:#dc2626}.curriculum-dropdown__item--danger:hover{background:#fef2f2}.curriculum-card__content{padding:var(--spacing-4);flex:1}.curriculum-card__category{font-size:var(--text-xs);color:var(--color-primary-700);background:var(--color-primary-100);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);padding:2px 8px;font-weight:600;display:inline-block}.curriculum-card__title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700;line-height:1.4}.curriculum-card__desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-4);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.curriculum-card__stats{gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.curriculum-card__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);display:flex}.curriculum-card__meta{justify-content:space-between;align-items:center;display:flex}.curriculum-card__duration,.curriculum-card__rating{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);display:flex}.curriculum-card__rating{color:var(--color-neutral-800);font-weight:600}.curriculum-card__footer{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.curriculum-card__courses{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.curriculum-card__view-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-primary-600);cursor:pointer;background:0 0;border:none;font-weight:600;display:flex}.curriculum-card__view-btn:hover{color:var(--color-primary-700)}.add-curriculum-card{justify-content:center;align-items:center;gap:var(--spacing-3);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-xl);min-height:360px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.add-curriculum-card:hover{border-color:var(--color-primary-500);color:var(--color-primary-600);background:var(--color-primary-50)}.add-curriculum-card span{font-size:var(--text-sm);font-weight:600}.community-page{max-width:1400px;margin:0 auto}.community-page__header{margin-bottom:var(--spacing-6)}.community-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.community-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.community-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.community-layout{grid-template-columns:1fr 320px}}.community-feed{gap:var(--spacing-4);flex-direction:column;display:flex}.create-post-card{gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.create-post-card__avatar{background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;width:44px;height:44px;font-size:var(--text-sm);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.create-post-card__input-wrapper{flex:1}.create-post-card__input-wrapper textarea{width:100%;min-height:80px;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);background:var(--color-neutral-100);border-radius:var(--radius-lg);resize:none;border:none}.create-post-card__input-wrapper textarea:focus{outline:2px solid var(--color-primary-500);background:#fff}.create-post-card__actions{margin-top:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.create-post-card__tools{gap:var(--spacing-2);display:flex}.create-post-card__tool{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.create-post-card__tool:hover{background:var(--color-neutral-100);color:var(--color-primary-600)}.post-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.post-card--pinned{border-color:var(--color-primary-300)}.post-card__pinned{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-xs);color:var(--color-primary-600);background:var(--color-primary-50);font-weight:600;display:flex}.post-card__header{padding:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.post-card__author{align-items:center;gap:var(--spacing-3);display:flex}.post-card__avatar{color:#fff;width:44px;height:44px;font-size:var(--text-sm);border-radius:var(--radius-full);background:linear-gradient(135deg,#7c3aed,#a855f7);justify-content:center;align-items:center;font-weight:600;display:flex}.post-card__author-info{flex-direction:column;display:flex}.post-card__author-name{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600;display:flex}.post-card__verified{color:#2563eb}.post-card__author-meta{font-size:var(--text-xs);color:var(--color-neutral-500)}.post-card__actions-wrapper{position:relative}.post-card__action-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.post-card__action-btn:hover{background:var(--color-neutral-100)}.post-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.post-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.post-dropdown__item:hover{background:var(--color-neutral-100)}.post-dropdown__item--danger{color:#dc2626}.post-card__content{padding:0 var(--spacing-4)var(--spacing-4)}.post-card__content p{font-size:var(--text-sm);color:var(--color-neutral-700);white-space:pre-wrap;line-height:1.6}.post-card__tags{gap:var(--spacing-2);padding:0 var(--spacing-4)var(--spacing-3);flex-wrap:wrap;display:flex}.post-card__tag{font-size:var(--text-xs);color:var(--color-primary-600);cursor:pointer;font-weight:500}.post-card__tag:hover{color:var(--color-primary-700);text-decoration:underline}.post-card__stats{gap:var(--spacing-4);padding:var(--spacing-3)var(--spacing-4);border-top:1px solid var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-100);display:flex}.post-card__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.post-card__footer{padding:var(--spacing-2)var(--spacing-4);display:flex}.post-action{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;flex:1;display:flex}.post-action:hover{background:var(--color-neutral-100)}.post-action--active{color:var(--color-primary-600)}.community-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.community-sidebar__card{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff}.community-sidebar__card h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600;display:flex}.community-mini-stats{gap:var(--spacing-3);flex-direction:column;display:flex}.community-mini-stat{align-items:center;gap:var(--spacing-3);color:var(--color-neutral-400);display:flex}.community-mini-stat__online{border-radius:var(--radius-full);background:#16a34a;width:12px;height:12px;animation:2s infinite pulse}.community-mini-stat__value{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:700;display:block}.community-mini-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.trending-topics{gap:var(--spacing-2);flex-direction:column;display:flex}.trending-topic{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.trending-topic:hover{background:var(--color-neutral-100)}.trending-topic__name{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:500}.trending-topic__count{font-size:var(--text-xs);color:var(--color-neutral-400)}.community-sidebar__search{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);color:var(--color-neutral-400);display:flex}.community-sidebar__search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.community-sidebar__search input:focus{outline:none}.resources-page{max-width:1400px;margin:0 auto}.resources-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.resources-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.resources-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.resources-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.resources-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.resources-stats{grid-template-columns:repeat(4,1fr)}}.resources-stat-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.resources-stat-card__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.resources-stat-card__icon--total{color:#2563eb;background:#dbeafe}.resources-stat-card__icon--downloads{color:#16a34a;background:#dcfce7}.resources-stat-card__icon--views{color:#7c3aed;background:#ede9fe}.resources-stat-card__icon--starred{color:#d97706;background:#fef3c7}.resources-stat-card__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.resources-stat-card__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.resources-filters{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.resources-search{align-items:center;gap:var(--spacing-2);min-width:200px;max-width:400px;padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);color:var(--color-neutral-400);background:#fff;flex:1;display:flex}.resources-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;flex:1}.resources-search input:focus{outline:none}.resources-filter-group{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.resources-filter{align-items:center;gap:var(--spacing-2);color:var(--color-neutral-500);display:flex}.resources-filter select{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff}.resources-starred-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff;display:flex}.resources-starred-btn:hover{border-color:var(--color-primary-400)}.resources-starred-btn--active{color:#d97706;background:#fef3c7;border-color:#d97706}.resources-view-toggle{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;display:flex;overflow:hidden}.resources-view-toggle button{width:40px;height:40px;font-family:var(--font-primary);color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.resources-view-toggle button:hover{color:var(--color-neutral-600)}.resources-view-toggle button.active{background:var(--color-primary-50);color:var(--color-primary-600)}.resources-grid{gap:var(--spacing-4);display:grid}@media (min-width:640px){.resources-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.resources-grid{grid-template-columns:repeat(3,1fr)}}.resources-list{gap:var(--spacing-3);flex-direction:column;display:flex}.resources-list .resource-card{flex-direction:row}.resources-list .resource-card__icon{flex-shrink:0;width:56px;height:56px}.resource-card{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex}.resource-card:hover{box-shadow:var(--shadow-md)}.resource-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--spacing-3);justify-content:center;align-items:center;display:flex}.resource-card__content{flex:1}.resource-card__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.resource-card__name{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600;line-height:1.4}.resource-card__actions{align-items:center;gap:var(--spacing-1);display:flex;position:relative}.resource-star-btn,.resource-action-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.resource-star-btn:hover,.resource-action-btn:hover{background:var(--color-neutral-100)}.resource-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:150px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.resource-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.resource-dropdown__item:hover{background:var(--color-neutral-100)}.resource-dropdown__item--danger{color:#dc2626}.resource-card__category{font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);padding:2px 8px;font-weight:600;display:inline-block}.resource-card__desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.resource-card__meta{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.resource-card__size{font-size:var(--text-xs);color:var(--color-neutral-500);background:var(--color-neutral-100);border-radius:var(--radius-sm);padding:2px 6px;font-weight:500}.resource-card__rating{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:600;display:flex}.resource-card__stats{gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.resource-card__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.resource-card__footer{padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.resource-card__author{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.resource-card__download-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-xs);color:#fff;background:var(--color-primary-600);border-radius:var(--radius-md);cursor:pointer;border:none;font-weight:600;display:flex}.resource-card__download-btn:hover{background:var(--color-primary-700)}.online-learning-page{max-width:1600px;margin:0 auto}.online-learning-page__header{margin-bottom:var(--spacing-6)}.online-learning-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.online-learning-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.learning-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.learning-stats{grid-template-columns:repeat(4,1fr)}}.learning-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.learning-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.learning-stat__icon--courses{color:#2563eb;background:#dbeafe}.learning-stat__icon--progress{color:#7c3aed;background:#ede9fe}.learning-stat__icon--completed{color:#16a34a;background:#dcfce7}.learning-stat__icon--certificates{color:#d97706;background:#fef3c7}.learning-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.learning-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.learning-layout{gap:var(--spacing-6);display:grid}@media (min-width:1200px){.learning-layout{grid-template-columns:280px 1fr 320px}}.learning-courses{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.learning-courses h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.courses-list{gap:var(--spacing-2);flex-direction:column;display:flex}.course-card-mini{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.course-card-mini:hover{border-color:var(--color-neutral-200);background:#fff}.course-card-mini--active{background:var(--color-primary-50);border-color:var(--color-primary-500)}.course-card-mini__emoji{flex-shrink:0;font-size:24px}.course-card-mini__content{flex:1;min-width:0}.course-card-mini__content h4{font-size:var(--text-sm);color:var(--color-neutral-900);white-space:nowrap;text-overflow:ellipsis;margin-bottom:var(--spacing-1);font-weight:600;overflow:hidden}.course-card-mini__progress{align-items:center;gap:var(--spacing-2);display:flex}.progress-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.progress-bar__fill{background:linear-gradient(90deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-full);height:100%}.course-card-mini__progress span{font-size:var(--text-xs);color:var(--color-primary-600);font-weight:600}.learning-main{gap:var(--spacing-6);flex-direction:column;display:flex}.learning-course-header{gap:var(--spacing-4);padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-wrap:wrap;justify-content:space-between;display:flex}.learning-course-header__info{align-items:center;gap:var(--spacing-4);display:flex}.learning-course-header__emoji{font-size:48px}.learning-course-header__info h2{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.learning-course-header__meta{gap:var(--spacing-4);font-size:var(--text-sm);color:var(--color-neutral-500);flex-wrap:wrap;display:flex}.learning-course-header__meta span{align-items:center;gap:var(--spacing-1);display:flex}.learning-course-header__stats{align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.course-progress-circle{width:80px;height:80px;position:relative}.course-progress-circle svg{width:100%;height:100%}.course-progress-circle__text{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.learning-course-header__stats>span{font-size:var(--text-xs);color:var(--color-neutral-500)}.learning-lessons{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.learning-lessons h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.lessons-list{gap:var(--spacing-2);flex-direction:column;display:flex}.lesson-item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.lesson-item:hover:not(.lesson-item--locked){border-color:var(--color-primary-300);background:#fff}.lesson-item--active{background:var(--color-primary-50);border-color:var(--color-primary-500)}.lesson-item--completed .lesson-item__status{color:#16a34a}.lesson-item--locked{opacity:.6;cursor:not-allowed}.lesson-item--locked .lesson-item__status{color:var(--color-neutral-400)}.lesson-item__status{color:var(--color-primary-500)}.lesson-item__icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);background:#fff;justify-content:center;align-items:center;display:flex}.lesson-item__content{flex:1}.lesson-item__title{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:2px;font-weight:500;display:block}.lesson-item__meta{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.learning-preview{top:var(--spacing-4);position:sticky}.lesson-preview-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.lesson-preview-card__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:flex-start;display:flex}.lesson-preview-card__header h3{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600}.lesson-type-badge{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.lesson-type-badge--video{color:#2563eb;background:#dbeafe}.lesson-type-badge--document{color:#16a34a;background:#dcfce7}.lesson-type-badge--quiz{color:#7c3aed;background:#ede9fe}.lesson-preview-card__player{aspect-ratio:16/9;background:var(--color-neutral-900)}.video-placeholder{color:#fff;justify-content:center;align-items:center;gap:var(--spacing-2);flex-direction:column;height:100%;display:flex}.video-placeholder svg{opacity:.8}.video-placeholder span{font-size:var(--text-sm);opacity:.6}.lesson-preview-card__info{padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-100)}.lesson-info-item{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);display:flex}.lesson-start-btn{width:calc(100% - var(--spacing-8));margin:var(--spacing-4);justify-content:center;align-items:center;gap:var(--spacing-2);display:flex}.lesson-preview-empty{padding:var(--spacing-12);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);color:var(--color-neutral-400);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.lesson-preview-empty p{margin-top:var(--spacing-3);font-size:var(--text-sm)}.student-exams-page{max-width:1400px;margin:0 auto}.student-exams-page__header{margin-bottom:var(--spacing-6)}.student-exams-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.student-exams-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.student-exam-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.student-exam-stats{grid-template-columns:repeat(4,1fr)}}.student-exam-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.student-exam-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.student-exam-stat__icon--total{color:#2563eb;background:#dbeafe}.student-exam-stat__icon--completed{color:#16a34a;background:#dcfce7}.student-exam-stat__icon--score{color:#7c3aed;background:#ede9fe}.student-exam-stat__icon--available{color:#d97706;background:#fef3c7}.student-exam-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.student-exam-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.student-exam-filters{gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.student-exam-filter{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500}.student-exam-filter:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.student-exam-filter--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.student-exams-grid{gap:var(--spacing-5);display:grid}@media (min-width:640px){.student-exams-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.student-exams-grid{grid-template-columns:repeat(3,1fr)}}.student-exam-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;display:flex;overflow:hidden}.student-exam-card:hover{box-shadow:var(--shadow-lg)}.student-exam-card--missed{opacity:.7}.student-exam-card__header{padding:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-50),#ede9fe);justify-content:space-between;align-items:center;display:flex}.student-exam-card__emoji{font-size:32px}.student-exam-card__status{font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 12px;font-weight:600}.student-exam-card__status--available{color:#16a34a;background:#dcfce7}.student-exam-card__status--upcoming{color:#2563eb;background:#dbeafe}.student-exam-card__status--completed{background:var(--color-neutral-200);color:var(--color-neutral-600)}.student-exam-card__status--missed{color:#dc2626;background:#fee2e2}.student-exam-card__content{padding:var(--spacing-4);flex:1}.student-exam-card__title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700;line-height:1.4}.student-exam-card__course{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3)}.student-exam-card__info{gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-wrap:wrap;display:flex}.student-exam-card__info span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.student-exam-card__time{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-neutral-600);margin-bottom:var(--spacing-3);display:flex}.student-exam-card__score{margin-top:var(--spacing-3)}.score-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:600;display:inline-flex}.score-badge--pass{color:#16a34a;background:#dcfce7}.score-badge--fail{color:#dc2626;background:#fee2e2}.student-exam-card__footer{padding:var(--spacing-4);border-top:1px solid var(--color-neutral-100)}.student-exam-card__footer .btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex}.exam-taking-page{flex-direction:column;min-height:calc(100vh - 100px);display:flex}.exam-taking-header{padding:var(--spacing-4)var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);margin:calc(var(--spacing-6)*-1);margin-bottom:var(--spacing-6);background:#fff;justify-content:space-between;align-items:center;display:flex}.exam-taking-header__info h1{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.exam-taking-header__course{font-size:var(--text-sm);color:var(--color-neutral-500)}.exam-timer{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-5);background:var(--color-primary-50);color:var(--color-primary-700);font-size:var(--text-xl);border-radius:var(--radius-lg);font-weight:700;display:flex}.exam-timer--warning{color:#d97706;background:#fef3c7}.exam-timer--critical{color:#dc2626;background:#fee2e2;animation:1s infinite pulse-critical}@keyframes pulse-critical{0%,to{opacity:1}50%{opacity:.7}}.exam-taking-layout{gap:var(--spacing-6);flex:1;display:grid}@media (min-width:1024px){.exam-taking-layout{grid-template-columns:1fr 280px}}.exam-taking-main{gap:var(--spacing-4);flex-direction:column;display:flex}.question-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.question-card__header{padding:var(--spacing-4)var(--spacing-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.question-card__number{font-size:var(--text-base);color:var(--color-primary-600);font-weight:600}.question-card__flag{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-500);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;display:flex}.question-card__flag:hover{color:#d97706;border-color:#d97706}.question-card__flag--active{color:#d97706;background:#fef3c7;border-color:#d97706}.question-card__content{padding:var(--spacing-6)}.question-card__text{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:500;line-height:1.6}.question-card__hint{font-size:var(--text-sm);color:var(--color-neutral-500);font-style:italic}.question-card__options{padding:0 var(--spacing-5)var(--spacing-5);gap:var(--spacing-3);flex-direction:column;display:flex}.exam-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);display:flex}.exam-option:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.exam-option--selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.exam-option__marker{color:var(--color-neutral-400)}.exam-option--selected .exam-option__marker{color:var(--color-primary-600)}.exam-option__id{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);width:28px;height:28px;font-size:var(--text-sm);color:var(--color-neutral-600);background:#fff;justify-content:center;align-items:center;font-weight:600;display:flex}.exam-option--selected .exam-option__id{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.exam-option__text{font-size:var(--text-base);color:var(--color-neutral-800);flex:1}.exam-taking-nav{padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;justify-content:space-between;align-items:center;display:flex}.exam-taking-nav .btn{align-items:center;gap:var(--spacing-2);display:flex}.exam-taking-nav__info{font-size:var(--text-sm);color:var(--color-neutral-500)}.exam-taking-sidebar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);height:fit-content;top:var(--spacing-4);background:#fff;position:sticky}.exam-taking-sidebar--hidden{padding:var(--spacing-3)}.sidebar-toggle{top:var(--spacing-2);right:var(--spacing-2);background:var(--color-neutral-100);border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-500);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.exam-taking-sidebar h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.question-nav-grid{gap:var(--spacing-2);margin-bottom:var(--spacing-4);grid-template-columns:repeat(5,1fr);display:grid}.question-nav-item{aspect-ratio:1;font-size:var(--text-sm);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:2px solid #0000;justify-content:center;align-items:center;font-weight:600;display:flex;position:relative}.question-nav-item:hover{background:var(--color-primary-50)}.question-nav-item--current{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.question-nav-item--answered{color:#16a34a;background:#dcfce7}.question-nav-item--flagged{background:#fef3c7}.question-nav-item__flag{color:#d97706;position:absolute;top:2px;right:2px}.question-nav-legend{gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.legend-dot--answered{background:#dcfce7;border:1px solid #16a34a}.legend-dot--unanswered{background:var(--color-neutral-100);border:1px solid var(--color-neutral-300)}.legend-dot--flagged{background:#fef3c7;border:1px solid #d97706}.exam-sidebar-stats{gap:var(--spacing-2);margin-bottom:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}.exam-sidebar-stat{text-align:center;padding:var(--spacing-2);background:var(--color-neutral-50);border-radius:var(--radius-md)}.exam-sidebar-stat__value{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700;display:block}.exam-sidebar-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.sidebar-submit-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex}.submit-modal{text-align:center;max-width:400px}.submit-modal__icon{width:80px;height:80px;margin:0 auto var(--spacing-4);color:#d97706;border-radius:var(--radius-full);background:#fef3c7;justify-content:center;align-items:center;display:flex}.submit-modal h2{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.submit-modal p{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-2)}.submit-modal__warning{color:#dc2626;font-weight:600}.submit-modal__actions{gap:var(--spacing-3);margin-top:var(--spacing-6);display:flex}.submit-modal__actions .btn{flex:1}.exam-result-page{max-width:1000px;margin:0 auto}.exam-result-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.exam-result-header__actions{gap:var(--spacing-2);display:flex}.exam-result-header__actions .btn{align-items:center;gap:var(--spacing-2);display:flex}.score-card{align-items:center;gap:var(--spacing-6);padding:var(--spacing-8);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-6);display:flex}.score-card--passed{color:#fff;background:linear-gradient(135deg,#16a34a,#22c55e)}.score-card--failed{color:#fff;background:linear-gradient(135deg,#dc2626,#f87171)}.score-card__icon{border-radius:var(--radius-full);background:#fff3;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.score-card__content{flex:1}.score-card__title{font-size:var(--text-xl);margin-bottom:var(--spacing-1);font-weight:700}.score-card__course{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--spacing-3)}.score-card__status{display:inline-block}.status-badge{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);font-size:var(--text-sm);border-radius:var(--radius-full);font-weight:600;display:inline-flex}.status-badge--passed,.status-badge--failed{background:#fff3}.score-card__score{flex-direction:column;align-items:center;display:flex}.score-circle{width:100px;height:100px;position:relative}.score-circle svg{width:100%;height:100%}.score-circle__value{font-size:var(--text-2xl);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-card__label{font-size:var(--text-sm);opacity:.9;margin-top:var(--spacing-2)}.result-stats-grid{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:640px){.result-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.result-stats-grid{grid-template-columns:repeat(6,1fr)}}.result-stat-card{align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center;background:#fff;flex-direction:column;display:flex}.result-stat-card__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.result-stat-card__icon--correct{color:#16a34a;background:#dcfce7}.result-stat-card__icon--wrong{color:#dc2626;background:#fee2e2}.result-stat-card__icon--time{color:#2563eb;background:#dbeafe}.result-stat-card__icon--rank{color:#d97706;background:#fef3c7}.result-stat-card__icon--target{color:#7c3aed;background:#ede9fe}.result-stat-card__icon--percentile{color:#db2777;background:#fce7f3}.result-stat-card__value{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:800;display:block}.result-stat-card__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.question-review{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);background:#fff;overflow:hidden}.question-review__header{padding:var(--spacing-4)var(--spacing-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.question-review__header h2{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600;display:flex}.question-review__filters{gap:var(--spacing-2);display:flex}.review-filter{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);cursor:pointer;background:0 0}.review-filter:hover{background:var(--color-neutral-100)}.review-filter--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.question-review__list{padding:var(--spacing-5);gap:var(--spacing-4);flex-direction:column;display:flex}.review-question{padding:var(--spacing-4);border-radius:var(--radius-lg);border-left:4px solid}.review-question--correct{background:#f0fdf4;border-left-color:#16a34a}.review-question--wrong{background:#fef2f2;border-left-color:#dc2626}.review-question__header{margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.review-question__number{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:600}.review-question__status{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);font-weight:600;display:flex}.review-question__status--correct{color:#16a34a}.review-question__status--wrong{color:#dc2626}.review-question__text{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:500}.review-question__options{gap:var(--spacing-2);flex-direction:column;display:flex}.review-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff;display:flex}.review-option--correct{background:#dcfce7;border-color:#16a34a}.review-option--wrong{background:#fee2e2;border-color:#dc2626}.review-option__id{background:var(--color-neutral-100);border-radius:var(--radius-sm);width:24px;height:24px;font-size:var(--text-xs);color:var(--color-neutral-600);justify-content:center;align-items:center;font-weight:600;display:flex}.review-option--correct .review-option__id{color:#fff;background:#16a34a}.review-option--wrong .review-option__id{color:#fff;background:#dc2626}.review-option__text{font-size:var(--text-sm);color:var(--color-neutral-700);flex:1}.review-option__icon{flex-shrink:0}.review-option--correct .review-option__icon{color:#16a34a}.review-option--wrong .review-option__icon{color:#dc2626}.exam-result-actions{justify-content:center;gap:var(--spacing-4);display:flex}.exam-result-actions .btn{min-width:200px}.video-learning-page{gap:var(--spacing-6);margin:calc(var(--spacing-6)*-1);min-height:calc(100vh - 60px);display:flex}.video-main{padding:var(--spacing-6);transition:all var(--transition-fast);flex-direction:column;flex:1;display:flex}.video-main--full{max-width:100%}.video-player{border-radius:var(--radius-xl);margin-bottom:var(--spacing-4);background:#000;position:relative;overflow:hidden}.video-player__content{aspect-ratio:16/9}.video-placeholder{background:linear-gradient(135deg,#1e293b,#334155);justify-content:center;align-items:center;height:100%;display:flex}.play-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;cursor:pointer;width:80px;height:80px;transition:all var(--transition-fast);background:#fff3;border:none;justify-content:center;align-items:center;display:flex}.play-button:hover{background:#ffffff4d;transform:scale(1.1)}.video-controls{padding:var(--spacing-3);background:linear-gradient(#0000,#000c);position:absolute;bottom:0;left:0;right:0}.video-progress{margin-bottom:var(--spacing-2)}.video-progress__bar{border-radius:var(--radius-full);cursor:pointer;background:#ffffff4d;height:4px;position:relative}.video-progress__bar:hover{height:6px}.video-progress__fill{background:var(--color-primary-500);border-radius:var(--radius-full);height:100%}.video-progress__handle{border-radius:var(--radius-full);opacity:0;width:12px;height:12px;transition:opacity var(--transition-fast);background:#fff;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-progress__bar:hover .video-progress__handle{opacity:1}.video-controls__row{justify-content:space-between;align-items:center;display:flex}.video-controls__left,.video-controls__right{align-items:center;gap:var(--spacing-2);display:flex}.video-control-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.video-control-btn:hover{background:#ffffff1a}.video-time{font-size:var(--text-sm);color:#fff;margin-left:var(--spacing-2)}.video-info{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);margin-bottom:var(--spacing-4);background:#fff}.video-info__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.video-info__title{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.video-info__meta{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.video-info__actions{gap:var(--spacing-2);display:flex}.video-info__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.video-info__description{font-size:var(--text-base);color:var(--color-neutral-600);line-height:1.6}.video-attachments{margin-top:var(--spacing-5);padding-top:var(--spacing-5);border-top:1px solid var(--color-neutral-200)}.video-attachments h3{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:var(--spacing-3);font-weight:600}.attachments-list{gap:var(--spacing-2);flex-direction:column;display:flex}.attachment-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.attachment-item svg{color:var(--color-primary-500)}.attachment-item__info{flex:1}.attachment-item__name{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500;display:block}.attachment-item__size{font-size:var(--text-xs);color:var(--color-neutral-500)}.video-navigation{justify-content:space-between;gap:var(--spacing-4);display:flex}.video-navigation .btn{align-items:center;gap:var(--spacing-2);display:flex}.sidebar-toggle-btn{right:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);width:40px;height:40px;box-shadow:var(--shadow-lg);cursor:pointer;z-index:10;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.video-sidebar{border-left:1px solid var(--color-neutral-200);background:#fff;flex-direction:column;width:360px;height:calc(100vh - 60px);display:flex;position:sticky;top:0}.video-sidebar__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.video-sidebar__header h2{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.video-sidebar__progress{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:600}.video-sidebar__tabs{border-bottom:1px solid var(--color-neutral-200);display:flex}.sidebar-tab{padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;font-weight:500}.sidebar-tab:hover{color:var(--color-primary-600)}.sidebar-tab--active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-600)}.chapters-list{flex:1;overflow-y:auto}.chapter-item{border-bottom:1px solid var(--color-neutral-100)}.chapter-item__header{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);justify-content:space-between;align-items:center;display:flex}.chapter-item__header h3{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600}.chapter-item__count{font-size:var(--text-xs);color:var(--color-neutral-500)}.chapter-item__lessons{flex-direction:column;display:flex}.lesson-item-sidebar{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);border:none;border-bottom:1px solid var(--color-neutral-100);cursor:pointer;text-align:left;transition:all var(--transition-fast);background:0 0;display:flex}.lesson-item-sidebar:hover:not(.lesson-item-sidebar--locked){background:var(--color-neutral-50)}.lesson-item-sidebar--current{background:var(--color-primary-50);border-left:3px solid var(--color-primary-500)}.lesson-item-sidebar--completed .lesson-item-sidebar__status{color:#16a34a}.lesson-item-sidebar--locked{opacity:.5;cursor:not-allowed}.lesson-item-sidebar__status{color:var(--color-neutral-400)}.lesson-item-sidebar--current .lesson-item-sidebar__status{color:var(--color-primary-600)}.lesson-item-sidebar__content{flex:1}.lesson-item-sidebar__title{font-size:var(--text-sm);color:var(--color-neutral-800);margin-bottom:2px;display:block}.lesson-item-sidebar__duration{font-size:var(--text-xs);color:var(--color-neutral-500)}.notes-section{padding:var(--spacing-4);gap:var(--spacing-3);flex-direction:column;display:flex}.notes-textarea{width:100%;min-height:200px;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);resize:vertical}.notes-textarea:focus{border-color:var(--color-primary-400);outline:none}.resources-section{padding:var(--spacing-4)}.resources-empty{text-align:center;color:var(--color-neutral-500);font-size:var(--text-sm)}.polls-page{max-width:1200px;margin:0 auto}.polls-page__header{gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}@media (min-width:768px){.polls-page__header{flex-direction:row;justify-content:space-between;align-items:center}}.polls-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.polls-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.polls-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.polls-stats{grid-template-columns:repeat(4,1fr)}}.polls-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.polls-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.polls-stat__icon--total{color:#2563eb;background:#dbeafe}.polls-stat__icon--active{color:#16a34a;background:#dcfce7}.polls-stat__icon--voted{color:#7c3aed;background:#ede9fe}.polls-stat__icon--participants{color:#d97706;background:#fef3c7}.polls-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.polls-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.polls-filters{gap:var(--spacing-2);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.polls-filter{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500}.polls-filter:hover{border-color:var(--color-primary-400);color:var(--color-primary-600)}.polls-filter--active{background:var(--color-primary-600);border-color:var(--color-primary-600);color:#fff}.polls-list{gap:var(--spacing-5);flex-direction:column;display:flex}.poll-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.poll-card--ended{opacity:.8}.poll-card__header{padding:var(--spacing-5);border-bottom:1px solid var(--color-neutral-100);justify-content:space-between;align-items:flex-start;display:flex}.poll-card__info{flex:1}.poll-card__meta{gap:var(--spacing-2);margin-bottom:var(--spacing-2);display:flex}.poll-card__status{font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600}.poll-card__status--active{color:#16a34a;background:#dcfce7}.poll-card__status--ended{background:var(--color-neutral-200);color:var(--color-neutral-600)}.poll-card__anonymous{font-size:var(--text-xs);color:#2563eb;border-radius:var(--radius-full);background:#dbeafe;padding:2px 8px;font-weight:500}.poll-card__title{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.poll-card__description{font-size:var(--text-sm);color:var(--color-neutral-500)}.poll-card__actions{position:relative}.poll-card__action-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.poll-card__action-btn:hover{background:var(--color-neutral-100)}.poll-dropdown{margin-top:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);min-width:160px;box-shadow:var(--shadow-xl);z-index:10;background:#fff;position:absolute;top:100%;right:0;overflow:hidden}.poll-dropdown__item{align-items:center;gap:var(--spacing-3);width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;text-align:left;background:0 0;border:none;display:flex}.poll-dropdown__item:hover{background:var(--color-neutral-100)}.poll-card__options{padding:var(--spacing-5);gap:var(--spacing-3);flex-direction:column;display:flex}.poll-option{padding:var(--spacing-4);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:all var(--transition-fast);flex-direction:column;display:flex;position:relative;overflow:hidden}.poll-option:hover:not(.poll-option--voted){border-color:var(--color-primary-400);background:var(--color-primary-50)}.poll-option__content{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.poll-option__text{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500}.poll-option__percentage{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:700}.poll-option__bar{pointer-events:none;width:100%;position:absolute;top:0;bottom:0;left:0}.poll-option__bar-fill{background:linear-gradient(90deg,var(--color-primary-100),var(--color-primary-50));border-radius:var(--radius-lg);height:100%;transition:width .5s}.poll-option__check{right:var(--spacing-4);color:var(--color-primary-600);z-index:2;position:absolute;top:50%;transform:translateY(-50%)}.poll-card__footer{justify-content:space-between;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4)var(--spacing-5);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-100);flex-wrap:wrap;display:flex}.poll-card__stats{gap:var(--spacing-4);display:flex}.poll-card__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.poll-card__creator{font-size:var(--text-xs);color:var(--color-neutral-500)}.poll-modal{width:90%;max-width:500px}.form-checkbox{align-items:center;gap:var(--spacing-2);cursor:pointer;display:flex}.form-checkbox input{width:18px;height:18px;accent-color:var(--color-primary-600)}.form-checkbox span{font-size:var(--text-sm);color:var(--color-neutral-700)}.poll-detail-page{max-width:1200px}.poll-detail-header{margin-bottom:var(--spacing-6);justify-content:space-between;align-items:center;display:flex}.poll-detail-actions{gap:var(--spacing-2);display:flex}.poll-detail-actions .btn{align-items:center;gap:var(--spacing-2);display:flex}.poll-detail-layout{gap:var(--spacing-6);grid-template-columns:1fr 320px;display:grid}@media (max-width:1024px){.poll-detail-layout{grid-template-columns:1fr}}.poll-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-6);margin-bottom:var(--spacing-6);background:#fff}.poll-card__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:flex-start;display:flex}.poll-creator{align-items:center;gap:var(--spacing-3);display:flex}.poll-creator img{border-radius:var(--radius-full);object-fit:cover;width:48px;height:48px}.poll-creator__name{color:var(--color-neutral-900);font-weight:600;display:block}.poll-creator__date{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.poll-status{padding:var(--spacing-1)var(--spacing-3);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:600}.poll-status--active{color:#16a34a;background:#dcfce7}.poll-status--ended{background:var(--color-neutral-100);color:var(--color-neutral-600)}.poll-title{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:800}.poll-description{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-6);line-height:1.6}.poll-options{gap:var(--spacing-3);margin-bottom:var(--spacing-6);flex-direction:column;display:flex}.poll-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative;overflow:hidden}.poll-option:hover:not(.poll-option--voted){border-color:var(--color-primary-300)}.poll-option--selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.poll-option--voted{cursor:default}.poll-option__radio{border:2px solid var(--color-neutral-300);border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.poll-option__radio--checked{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.poll-option__text{color:var(--color-neutral-800);z-index:1;flex:1;font-weight:500;position:relative}.poll-option__bar{background:var(--color-primary-100);border-radius:var(--radius-xl);z-index:0;transition:width .5s;position:absolute;top:0;bottom:0;left:0}.poll-option--selected .poll-option__bar{background:var(--color-primary-200)}.poll-option__percentage{color:var(--color-primary-600);z-index:1;font-weight:700;position:relative}.poll-option__votes{font-size:var(--text-sm);color:var(--color-neutral-500);z-index:1;position:relative}.poll-vote-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex}.poll-voted-message{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);color:#16a34a;border-radius:var(--radius-xl);background:#dcfce7;font-weight:600;display:flex}.poll-comments{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-6);background:#fff}.poll-comments h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:600;display:flex}.poll-comment-form{gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.poll-comment-form textarea{padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);resize:none;flex:1;min-height:80px}.poll-comments-list{gap:var(--spacing-4);flex-direction:column;display:flex}.poll-comment{gap:var(--spacing-3);display:flex}.poll-comment__avatar{border-radius:var(--radius-full);object-fit:cover;flex-shrink:0;width:40px;height:40px}.poll-comment__content{flex:1}.poll-comment__header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.poll-comment__user{color:var(--color-neutral-900);font-weight:600}.poll-comment__time{font-size:var(--text-sm);color:var(--color-neutral-500)}.poll-comment__text{font-size:var(--text-base);color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.poll-comment__like{align-items:center;gap:var(--spacing-1);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;display:flex}.poll-comment__like:hover{color:var(--color-primary-600)}.poll-detail-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.poll-stats-card,.poll-chart-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.poll-stats-card h4,.poll-chart-card h4{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:600;display:flex}.poll-stat-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)0;border-bottom:1px solid var(--color-neutral-100);display:flex}.poll-stat-item:last-child{border-bottom:none}.poll-stat-item svg{color:var(--color-primary-500)}.poll-stat-value{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700;display:block}.poll-stat-label{font-size:var(--text-sm);color:var(--color-neutral-500)}.poll-chart{gap:var(--spacing-3);flex-direction:column;display:flex}.poll-chart-item{align-items:center;gap:var(--spacing-2);display:flex}.poll-chart-label{width:80px;font-size:var(--text-sm);color:var(--color-neutral-600);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.poll-chart-bar-container{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.poll-chart-bar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-full);height:100%}.poll-chart-value{width:40px;font-size:var(--text-sm);color:var(--color-neutral-700);text-align:right;font-weight:600}.create-poll-page{max-width:1000px}.create-poll-header{margin-bottom:var(--spacing-6)}.create-poll-header .back-link{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-3);font-weight:500;text-decoration:none;display:inline-flex}.create-poll-header .back-link:hover{color:var(--color-primary-600)}.create-poll-header h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800;display:flex}.create-poll-layout{gap:var(--spacing-6);grid-template-columns:1fr 300px;display:grid}@media (max-width:768px){.create-poll-layout{grid-template-columns:1fr}}.create-poll-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-6);background:#fff}.form-group{margin-bottom:var(--spacing-5)}.form-group input[type=text],.form-group input[type=datetime-local],.form-group textarea{width:100%;padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:border-color var(--transition-fast);outline:none}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary-500)}.form-group textarea{resize:vertical;min-height:100px}.poll-options-list{gap:var(--spacing-3);margin-bottom:var(--spacing-3);flex-direction:column;display:flex}.poll-option-input{align-items:center;gap:var(--spacing-3);display:flex}.poll-option-number{background:var(--color-primary-100);width:32px;height:32px;color:var(--color-primary-700);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.poll-option-input input{padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);outline:none;flex:1}.poll-option-input input:focus{border-color:var(--color-primary-500)}.poll-option-remove{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.poll-option-remove:hover{color:#dc2626;background:#fee2e2}.add-option-btn{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-primary-600);background:var(--color-primary-50);border:1px dashed var(--color-primary-300);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);font-weight:500;display:flex}.add-option-btn:hover{background:var(--color-primary-100);border-color:var(--color-primary-400)}.create-poll-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.poll-settings-card,.poll-actions-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.poll-settings-card h4{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:600;display:flex}.poll-setting{padding:var(--spacing-3)0;border-bottom:1px solid var(--color-neutral-100)}.poll-setting:last-child{border-bottom:none}.poll-setting-checkbox{align-items:flex-start;gap:var(--spacing-3);cursor:pointer;display:flex}.poll-setting-checkbox input{accent-color:var(--color-primary-500);margin-top:3px}.poll-setting-label{font-size:var(--text-sm);color:var(--color-neutral-700)}.poll-actions-card{gap:var(--spacing-2);flex-direction:column;display:flex}.attendance-page{max-width:1400px;margin:0 auto}.attendance-page__header{margin-bottom:var(--spacing-6)}.attendance-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.attendance-page__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.checkin-alert{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-50),#ede9fe);border:1px solid var(--color-primary-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.checkin-alert__content{align-items:center;gap:var(--spacing-4);display:flex}.checkin-alert__emoji{font-size:36px}.checkin-alert__info h4{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600}.checkin-alert__info p{font-size:var(--text-sm);color:var(--color-neutral-600)}.checkin-btn{align-items:center;gap:var(--spacing-2);display:flex}.attendance-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.attendance-stats{grid-template-columns:repeat(4,1fr)}}.attendance-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.attendance-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.attendance-stat__icon--rate{color:#2563eb;background:#dbeafe}.attendance-stat__icon--present{color:#16a34a;background:#dcfce7}.attendance-stat__icon--late{color:#d97706;background:#fef3c7}.attendance-stat__icon--absent{color:#dc2626;background:#fee2e2}.attendance-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.attendance-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.attendance-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.attendance-layout{grid-template-columns:340px 1fr}}.attendance-calendar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.attendance-calendar__header{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.attendance-calendar__header h3{font-size:var(--text-base);color:var(--color-neutral-800);font-weight:600}.attendance-calendar__nav{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.attendance-calendar__nav:hover{background:var(--color-neutral-100)}.attendance-calendar__weekdays{gap:var(--spacing-1);margin-bottom:var(--spacing-2);grid-template-columns:repeat(7,1fr);display:grid}.attendance-calendar__weekdays span{text-align:center;font-size:var(--text-xs);color:var(--color-neutral-500);padding:var(--spacing-2);font-weight:600}.attendance-calendar__days{gap:var(--spacing-1);grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{aspect-ratio:1;font-size:var(--text-sm);color:var(--color-neutral-700);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;display:flex}.calendar-day:hover:not(:disabled){background:var(--color-neutral-100)}.calendar-day:disabled{color:#0000;cursor:default}.calendar-day--selected{background:var(--color-primary-500);color:#fff}.calendar-day--present{color:#16a34a;background:#dcfce7}.calendar-day--late{color:#d97706;background:#fef3c7}.calendar-day--absent{color:#dc2626;background:#fee2e2}.calendar-day--excused{color:#2563eb;background:#dbeafe}.attendance-calendar__legend{gap:var(--spacing-3);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-100);flex-wrap:wrap;display:flex}.legend-item{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-600);display:flex}.legend-dot{border-radius:var(--radius-full);width:10px;height:10px}.legend-item--present .legend-dot{background:#16a34a}.legend-item--late .legend-dot{background:#d97706}.legend-item--absent .legend-dot{background:#dc2626}.legend-item--excused .legend-dot{background:#2563eb}.attendance-history{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.attendance-history h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.attendance-list{gap:var(--spacing-3);flex-direction:column;display:flex}.attendance-item{gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);border-left:4px solid var(--color-neutral-300);display:flex}.attendance-item--present{border-left-color:#16a34a}.attendance-item--late{border-left-color:#d97706}.attendance-item--absent{border-left-color:#dc2626}.attendance-item--excused{border-left-color:#2563eb}.attendance-item--pending{border-left-color:var(--color-primary-500);background:var(--color-primary-50)}.attendance-item__date{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:50px;display:flex}.attendance-item__day{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800}.attendance-item__dayname{font-size:var(--text-xs);color:var(--color-neutral-500)}.attendance-item__content{flex:1}.attendance-item__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.attendance-item__emoji{font-size:24px}.attendance-item__info h4{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600}.attendance-item__info p{font-size:var(--text-xs);color:var(--color-neutral-500)}.attendance-item__meta{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.attendance-status{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);border-radius:var(--radius-full);padding:2px 8px;font-weight:600;display:flex}.attendance-status--present{color:#16a34a;background:#dcfce7}.attendance-status--late{color:#d97706;background:#fef3c7}.attendance-status--absent{color:#dc2626;background:#fee2e2}.attendance-status--excused{color:#2563eb;background:#dbeafe}.attendance-status--pending{background:var(--color-primary-100);color:var(--color-primary-700)}.attendance-item__checkin{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);color:var(--color-neutral-500);display:flex}.parent-dashboard{max-width:1400px;margin:0 auto}.parent-dashboard__header{margin-bottom:var(--spacing-6)}.parent-dashboard__title{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:700}.parent-dashboard__subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.child-profile-card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);background:linear-gradient(135deg,var(--color-primary-50),#ede9fe);border:1px solid var(--color-primary-200);border-radius:var(--radius-xl);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.child-profile-card__avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:64px;height:64px;font-size:var(--text-xl);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.child-profile-card__info{flex:1}.child-profile-card__info h2{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.child-profile-card__info p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-1)}.child-profile-card__active{align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:#16a34a;display:flex}.active-dot{border-radius:var(--radius-full);background:#16a34a;width:8px;height:8px;animation:2s infinite pulse}.child-profile-card__actions{gap:var(--spacing-2);display:flex}.child-profile-card__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.parent-stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.parent-stats{grid-template-columns:repeat(4,1fr)}}.parent-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.parent-stat__icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.parent-stat__icon--score{color:#d97706;background:#fef3c7}.parent-stat__icon--attendance{color:#16a34a;background:#dcfce7}.parent-stat__icon--courses{color:#2563eb;background:#dbeafe}.parent-stat__icon--completed{color:#7c3aed;background:#ede9fe}.parent-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:800;display:block}.parent-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.parent-dashboard__layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.parent-dashboard__layout{grid-template-columns:1fr 380px}}.parent-courses{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.parent-courses h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.parent-courses__list{gap:var(--spacing-4);flex-direction:column;display:flex}.parent-course-card{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.parent-course-card:hover{box-shadow:var(--shadow-md);background:#fff}.parent-course-card__header{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.parent-course-card__emoji{font-size:28px}.parent-course-card__info{flex:1}.parent-course-card__info h4{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600}.parent-course-card__info p{font-size:var(--text-xs);color:var(--color-neutral-500)}.parent-course-card__status{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 10px;font-weight:600;display:flex}.parent-course-card__status--on-track{color:#16a34a;background:#dcfce7}.parent-course-card__status--behind{color:#dc2626;background:#fee2e2}.parent-course-card__status--completed{color:#2563eb;background:#dbeafe}.parent-course-card__progress{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-3);display:flex}.parent-progress-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.parent-progress-bar__fill{background:linear-gradient(90deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-full);height:100%}.parent-course-card__percent{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:700}.parent-course-card__footer{justify-content:space-between;gap:var(--spacing-2);flex-wrap:wrap;display:flex}.parent-course-card__score{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:flex}.parent-course-card__lesson{font-size:var(--text-xs);color:var(--color-neutral-500)}.parent-sidebar{gap:var(--spacing-5);flex-direction:column;display:flex}.parent-widget{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.parent-widget h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600;display:flex}.weekly-chart{height:120px;padding:var(--spacing-4)0;justify-content:space-between;align-items:flex-end;display:flex}.weekly-chart__bar-wrapper{align-items:center;gap:var(--spacing-2);flex-direction:column;flex:1;display:flex}.weekly-chart__bar{background:linear-gradient(180deg,var(--color-primary-500),var(--color-primary-400));border-radius:var(--radius-md)var(--radius-md)0 0;width:24px;min-height:10px;position:relative}.weekly-chart__value{font-size:var(--text-xs);color:var(--color-primary-600);white-space:nowrap;margin-bottom:4px;font-weight:600;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.weekly-chart__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.weekly-chart__total{justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-100);font-size:var(--text-sm);color:var(--color-primary-600);font-weight:600;display:flex}.activities-list{gap:var(--spacing-3);flex-direction:column;display:flex}.activity-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.activity-item__icon{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-primary-500);background:#fff;justify-content:center;align-items:center;display:flex}.activity-item__content{align-items:center;gap:var(--spacing-2);flex:1;display:flex}.activity-item__emoji{font-size:18px}.activity-item__details{flex:1;min-width:0}.activity-item__title{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.activity-item__result{font-size:var(--text-xs);color:var(--color-neutral-500)}.activity-item__date{font-size:var(--text-xs);color:var(--color-neutral-400);white-space:nowrap}.user-profile-page{max-width:1000px;margin:0 auto}.profile-header{margin-bottom:var(--spacing-6)}.profile-header h1{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:800}.profile-header p{font-size:var(--text-base);color:var(--color-neutral-500)}.profile-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);margin-bottom:var(--spacing-6);background:#fff;overflow:hidden}.profile-card__banner{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);height:120px}.profile-card__content{padding:var(--spacing-5);gap:var(--spacing-5);flex-wrap:wrap;align-items:flex-start;display:flex}.profile-card__avatar-wrapper{margin-top:-60px;position:relative}.profile-card__avatar{background:linear-gradient(135deg,var(--color-primary-600),#7c3aed);color:#fff;width:100px;height:100px;font-size:var(--text-2xl);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);border:4px solid #fff;justify-content:center;align-items:center;font-weight:700;display:flex}.profile-card__avatar-edit{border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;width:32px;height:32px;color:var(--color-neutral-600);transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;display:flex;position:absolute;bottom:4px;right:4px}.profile-card__avatar-edit:hover{background:var(--color-neutral-100);color:var(--color-primary-600)}.profile-card__info{flex:1;min-width:200px}.profile-card__info h2{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.profile-card__role{padding:var(--spacing-1)var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);font-weight:600;display:inline-block}.profile-card__bio{font-size:var(--text-sm);color:var(--color-neutral-600);line-height:1.6}.profile-card__stats{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.profile-stat{align-items:center;gap:var(--spacing-1);padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);flex-direction:column;min-width:80px;display:flex}.profile-stat svg{color:var(--color-primary-500)}.profile-stat__value{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.profile-stat__label{font-size:var(--text-xs);color:var(--color-neutral-500)}.profile-tabs{gap:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-1);margin-bottom:var(--spacing-5);background:#fff;display:flex;overflow-x:auto}.profile-tab{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;flex:1;font-weight:500;display:flex}.profile-tab:hover{background:var(--color-neutral-100)}.profile-tab--active{background:var(--color-primary-600);color:#fff}.profile-content{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.profile-section__header{margin-bottom:var(--spacing-5);justify-content:space-between;align-items:center;display:flex}.profile-section h3{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.profile-section__header .btn{align-items:center;gap:var(--spacing-1);display:flex}.profile-form{gap:var(--spacing-4);flex-direction:column;display:flex}.profile-form__row{gap:var(--spacing-4);display:grid}@media (min-width:640px){.profile-form__row{grid-template-columns:repeat(2,1fr)}}.profile-form__group{gap:var(--spacing-2);flex-direction:column;display:flex}.profile-form__group label{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:500;display:flex}.profile-form__group input,.profile-form__group select,.profile-form__group textarea{padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.profile-form__group input:focus,.profile-form__group select:focus,.profile-form__group textarea:focus{border-color:var(--color-primary-500);background:#fff;outline:none}.profile-form__group input:disabled,.profile-form__group select:disabled,.profile-form__group textarea:disabled{background:var(--color-neutral-100);cursor:not-allowed}.profile-form__group textarea{resize:vertical;min-height:100px}.security-item{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.security-item__info{align-items:center;gap:var(--spacing-4);display:flex}.security-item__info svg{color:var(--color-primary-500)}.security-item__info h4{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);font-weight:600}.security-item__info p{font-size:var(--text-sm);color:var(--color-neutral-500)}.security-sessions{margin-top:var(--spacing-6)}.security-sessions h4{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.session-item{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);display:flex}.session-item--current{border:1px solid var(--color-primary-200);background:var(--color-primary-50)}.session-item__icon{font-size:24px}.session-item__info{flex:1}.session-item__info span:first-child{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:block}.session-item__meta{font-size:var(--text-xs);color:var(--color-neutral-500)}.session-item__badge{padding:var(--spacing-1)var(--spacing-2);background:var(--color-primary-500);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:600}.notification-settings{gap:var(--spacing-6);flex-direction:column;display:flex}.notification-group h4{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.notification-item{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);justify-content:space-between;align-items:center;display:flex}.notification-item__info{align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);color:var(--color-neutral-700);display:flex}.notification-item__info svg{color:var(--color-neutral-400)}.notification-item select{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fff}.toggle{width:48px;height:26px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle__slider{cursor:pointer;background-color:var(--color-neutral-300);transition:all var(--transition-fast);border-radius:var(--radius-full);position:absolute;inset:0}.toggle__slider:before{content:"";width:20px;height:20px;transition:all var(--transition-fast);border-radius:var(--radius-full);background-color:#fff;position:absolute;bottom:3px;left:3px}.toggle input:checked+.toggle__slider{background-color:var(--color-primary-500)}.toggle input:checked+.toggle__slider:before{transform:translate(22px)}.achievements-desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-5)}.achievements-grid{gap:var(--spacing-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.achievement-card{text-align:center;padding:var(--spacing-5);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;flex-direction:column;align-items:center;display:flex}.achievement-card--earned{border-color:var(--color-primary-200);background:var(--color-primary-50)}.achievement-card--locked{opacity:.6;filter:grayscale()}.achievement-card__icon{margin-bottom:var(--spacing-3);font-size:48px}.achievement-card h4{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-1);font-weight:600}.achievement-card p{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-2)}.achievement-card__date{font-size:var(--text-xs);color:var(--color-primary-600)}.achievement-card__locked{font-size:var(--text-xs);color:var(--color-neutral-400);padding:var(--spacing-1)var(--spacing-2);background:var(--color-neutral-200);border-radius:var(--radius-md)}.notifications-page{max-width:900px;margin:0 auto}.notifications-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.notifications-header__info{align-items:center;gap:var(--spacing-3);display:flex}.notifications-header__info h1{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800}.notifications-header__badge{padding:var(--spacing-1)var(--spacing-3);background:var(--color-primary-500);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);font-weight:600}.notifications-header__actions{gap:var(--spacing-2);display:flex}.notifications-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.notifications-filters{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.notifications-tabs{gap:var(--spacing-1);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);padding:var(--spacing-1);background:#fff;display:flex}.notifications-tab{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;font-weight:500}.notifications-tab:hover{background:var(--color-neutral-100)}.notifications-tab--active{background:var(--color-primary-600);color:#fff}.notifications-type-filter{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;display:flex}.notifications-type-filter svg{color:var(--color-neutral-400)}.notifications-type-filter select{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;outline:none}.notifications-list{gap:var(--spacing-3);flex-direction:column;display:flex}.notifications-empty{padding:var(--spacing-12);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.notifications-empty svg{color:var(--color-neutral-300);margin-bottom:var(--spacing-4)}.notifications-empty h3{font-size:var(--text-lg);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);font-weight:600}.notifications-empty p{font-size:var(--text-sm);color:var(--color-neutral-500);max-width:300px}.notification-item{gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;display:flex}.notification-item:not(.notification-item--read){border-color:var(--color-primary-200);background:var(--color-primary-50)}.notification-item:hover{box-shadow:var(--shadow-sm)}.notification-item__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notification-item__content{flex:1;min-width:0}.notification-item__header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-1);display:flex}.notification-item__header h4{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600}.notification-item__unread-dot{background:var(--color-primary-500);border-radius:var(--radius-full);width:8px;height:8px;display:inline-block}.notification-item__content p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-2);line-height:1.5}.notification-item__footer{align-items:center;gap:var(--spacing-4);display:flex}.notification-item__time{font-size:var(--text-sm);color:var(--color-neutral-400)}.notification-item__action{font-size:var(--text-sm);color:var(--color-primary-600);font-weight:500;text-decoration:none}.notification-item__action:hover{text-decoration:underline}.notification-item__actions{gap:var(--spacing-2);flex-direction:column;display:flex}.notification-action-btn{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;display:flex}.notification-action-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.notification-action-btn--danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.news-page{max-width:1200px}.news-page__header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.news-page__title{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:800}.news-page__subtitle{font-size:var(--text-base);color:var(--color-neutral-500)}.news-page__header .btn{align-items:center;gap:var(--spacing-2);display:flex}.news-page__stats{gap:var(--spacing-4);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.news-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.news-stat svg{color:var(--color-primary-500)}.news-stat__value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700;display:block}.news-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.news-page__filters{justify-content:space-between;gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.news-page__search{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;flex:1;max-width:400px;display:flex}.news-page__search svg{color:var(--color-neutral-400)}.news-page__search input{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);background:0 0;border:none;outline:none;flex:1}.news-page__filter-group{gap:var(--spacing-3);display:flex}.news-page__filter{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;display:flex}.news-page__filter svg{color:var(--color-neutral-400)}.news-page__filter select{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;outline:none}.news-list{gap:var(--spacing-4);flex-direction:column;display:flex}.news-card{gap:var(--spacing-4);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;display:flex}.news-card:hover{box-shadow:var(--shadow-sm)}.news-card--featured{border-color:var(--color-primary-200);background:linear-gradient(to right,var(--color-primary-50),white)}.news-card__thumbnail{background:var(--color-neutral-100);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:36px;display:flex}.news-card__content{flex:1;min-width:0}.news-card__meta{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);display:flex}.news-card__category{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-2);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:500;display:inline-flex}.news-card__status{font-size:var(--text-xs);padding:var(--spacing-1)var(--spacing-2);border-radius:var(--radius-md);font-weight:500}.news-card__status--published{color:#16a34a;background:#dcfce7}.news-card__status--draft{background:var(--color-neutral-100);color:var(--color-neutral-600)}.news-card__status--scheduled{color:#d97706;background:#fef3c7}.news-card__title{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:600}.news-card__excerpt{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.news-card__info{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.news-card__info span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:inline-flex}.news-card__actions{gap:var(--spacing-2);flex-direction:column;display:flex}.news-action{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:flex}.news-action:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.news-action--danger:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}@media (max-width:640px){.news-card{flex-direction:column}.news-card__thumbnail{width:100%;height:120px}.news-card__actions{flex-direction:row}}.news-detail-page{max-width:1200px}.news-detail-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.news-detail-header__actions{gap:var(--spacing-2);display:flex}.news-detail-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.btn-danger{color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fee2e2}.news-detail-layout{gap:var(--spacing-6);display:grid}@media (min-width:1024px){.news-detail-layout{grid-template-columns:1fr 300px}}.news-detail-article{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-6);background:#fff}.news-detail-article__meta{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.news-detail-article__category{align-items:center;gap:var(--spacing-1);padding:var(--spacing-1)var(--spacing-3);background:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-sm);border-radius:var(--radius-full);font-weight:500;display:inline-flex}.news-detail-article__featured{padding:var(--spacing-1)var(--spacing-3);color:#d97706;font-size:var(--text-sm);border-radius:var(--radius-full);background:#fef3c7;font-weight:500}.news-detail-article__title{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:800;line-height:1.3}.news-detail-article__info{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding-bottom:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.news-detail-author{align-items:center;gap:var(--spacing-3);display:flex}.news-detail-author__avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff;width:44px;height:44px;font-size:var(--text-sm);border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:700;display:flex}.news-detail-author__name{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:600;display:block}.news-detail-author__role{font-size:var(--text-sm);color:var(--color-neutral-500)}.news-detail-article__stats{gap:var(--spacing-4);display:flex}.news-detail-article__stats span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:inline-flex}.news-detail-article__thumbnail{background:linear-gradient(135deg,var(--color-primary-50),#f5f3ff);border-radius:var(--radius-xl);height:200px;margin-bottom:var(--spacing-5);justify-content:center;align-items:center;font-size:80px;display:flex}.news-detail-article__content{color:var(--color-neutral-700);line-height:1.8}.news-detail-article__content h2{font-size:var(--text-xl);color:var(--color-neutral-900);margin-top:var(--spacing-6);margin-bottom:var(--spacing-3);font-weight:700}.news-detail-article__content p{margin-bottom:var(--spacing-3)}.news-detail-article__content .content-heading{color:var(--color-neutral-800);font-weight:600}.news-detail-article__content li{margin-left:var(--spacing-5);margin-bottom:var(--spacing-2)}.news-detail-article__content li.nested{margin-left:var(--spacing-8);color:var(--color-neutral-600)}.news-detail-article__actions{gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-neutral-200);display:flex}.article-action{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:flex}.article-action:hover{background:var(--color-primary-50);color:var(--color-primary-600)}.news-detail-sidebar__section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.news-detail-sidebar__section h3{font-size:var(--text-base);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:600}.related-article{padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-2);transition:all var(--transition-fast);text-decoration:none;display:block}.related-article:hover{background:var(--color-primary-50)}.related-article__category{font-size:var(--text-xs);color:var(--color-primary-600);margin-bottom:var(--spacing-1);display:block}.related-article__title{font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:500;display:block}.create-news-page{max-width:1200px}.create-news-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.create-news-header__left{align-items:center;gap:var(--spacing-4);display:flex}.create-news-header__left h1{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700}.create-news-header__left p{font-size:var(--text-sm);color:var(--color-neutral-500)}.back-link{width:40px;height:40px;color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;justify-content:center;align-items:center;text-decoration:none;display:flex}.back-link:hover{background:var(--color-neutral-100)}.create-news-header__actions{gap:var(--spacing-2);display:flex}.create-news-header__actions .btn{align-items:center;gap:var(--spacing-1);display:flex}.create-news-layout{gap:var(--spacing-5);display:grid}@media (min-width:1024px){.create-news-layout{grid-template-columns:1fr 320px}}.create-news-editor{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.create-news-editor__title{width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-2xl);color:var(--color-neutral-900);border:none;border-bottom:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-4);outline:none;font-weight:700}.create-news-editor__title::placeholder{color:var(--color-neutral-400)}.create-news-editor__excerpt{width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);resize:none;margin-bottom:var(--spacing-4);outline:none}.create-news-editor__excerpt:focus{border-color:var(--color-primary-500)}.editor-toolbar{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);display:flex}.editor-toolbar__btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.editor-toolbar__btn:hover{color:var(--color-primary-600);background:#fff}.editor-toolbar__divider{background:var(--color-neutral-200);width:1px;height:24px;margin:0 var(--spacing-2)}.create-news-editor__content{width:100%;min-height:400px;padding:var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);resize:vertical;outline:none;line-height:1.8}.create-news-editor__content:focus{border-color:var(--color-primary-500)}.create-news-sidebar{gap:var(--spacing-4);flex-direction:column;display:flex}.sidebar-section{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.sidebar-section h3{font-size:var(--text-sm);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:600}.sidebar-section select,.sidebar-section input[type=datetime-local]{width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);outline:none}.sidebar-section select:focus,.sidebar-section input:focus{border-color:var(--color-primary-500)}.radio-group{gap:var(--spacing-2);flex-direction:column;display:flex}.radio-item{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;display:flex}.radio-item input{accent-color:var(--color-primary-500)}.checkbox-item{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;display:flex}.checkbox-item input{accent-color:var(--color-primary-500);width:18px;height:18px}.form-group{margin-top:var(--spacing-3)}.form-group label{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);font-weight:500;display:flex}.thumbnail-upload{padding:var(--spacing-6);background:var(--color-neutral-50);border:2px dashed var(--color-neutral-300);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex}.thumbnail-upload:hover{border-color:var(--color-primary-400);background:var(--color-primary-50)}.thumbnail-upload svg{color:var(--color-neutral-400);margin-bottom:var(--spacing-2)}.thumbnail-upload p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-1)}.thumbnail-upload span{font-size:var(--text-xs);color:var(--color-neutral-400)}.ai-assistant-page{height:calc(100vh - 100px);margin:calc(var(--spacing-4)*-1);background:var(--color-neutral-50);display:flex}.ai-sidebar{border-right:1px solid var(--color-neutral-200);background:#fff;flex-direction:column;flex-shrink:0;width:280px;display:flex}.ai-sidebar__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200)}.ai-logo{align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:700;display:flex}.ai-logo svg{color:var(--color-primary-500)}.ai-sidebar__new{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:#fff;background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500;display:flex}.ai-sidebar__new:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-sidebar__section{padding:var(--spacing-4);flex:1;overflow-y:auto}.ai-sidebar__section h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3);font-weight:600;display:flex}.ai-history-list{gap:var(--spacing-1);flex-direction:column;display:flex}.ai-history-item{padding:var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:0 0;flex-direction:column;display:flex}.ai-history-item:hover{background:var(--color-neutral-100)}.ai-history-item--active{background:var(--color-primary-50)}.ai-history-item span:first-child{font-size:var(--text-sm);color:var(--color-neutral-800);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.ai-history-time{font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:var(--spacing-1)}.ai-sidebar__footer{padding:var(--spacing-4);border-top:1px solid var(--color-neutral-200)}.ai-sidebar__settings{align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;background:0 0;font-weight:500;display:flex}.ai-sidebar__settings:hover{background:var(--color-neutral-100)}.ai-main{flex-direction:column;flex:1;min-width:0;display:flex}.ai-messages{padding:var(--spacing-6);flex:1;overflow-y:auto}.ai-message{gap:var(--spacing-3);margin-bottom:var(--spacing-4);max-width:800px;margin-left:auto;margin-right:auto;display:flex}.ai-message--user{flex-direction:row-reverse}.ai-message__avatar{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ai-message--assistant .ai-message__avatar{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);color:#fff}.ai-message--user .ai-message__avatar{background:var(--color-neutral-200);color:var(--color-neutral-600)}.ai-message__content{flex:1;min-width:0}.ai-message__text{padding:var(--spacing-4);border-radius:var(--radius-xl);line-height:1.7}.ai-message--assistant .ai-message__text{border:1px solid var(--color-neutral-200);color:var(--color-neutral-800);background:#fff}.ai-message--user .ai-message__text{background:var(--color-primary-500);color:#fff}.ai-message__text p{margin-bottom:var(--spacing-2)}.ai-message__text p:last-child{margin-bottom:0}.ai-message__actions{gap:var(--spacing-1);margin-top:var(--spacing-2);padding-left:var(--spacing-2);display:flex}.ai-message__actions button{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-400);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-message__actions button:hover{background:var(--color-neutral-100);color:var(--color-neutral-600)}.ai-typing{gap:var(--spacing-1);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.ai-typing span{background:var(--color-neutral-400);border-radius:var(--radius-full);width:8px;height:8px;animation:1.4s infinite typing}.ai-typing span:nth-child(2){animation-delay:.2s}.ai-typing span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.ai-quick-prompts{justify-content:center;gap:var(--spacing-3);padding:0 var(--spacing-6)var(--spacing-4);flex-wrap:wrap;max-width:800px;margin:0 auto;display:flex}.ai-quick-prompt{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500;display:flex}.ai-quick-prompt:hover{border-color:var(--color-primary-400);background:var(--color-primary-50);color:var(--color-primary-600)}.ai-quick-prompt svg{color:var(--color-primary-500)}.ai-input-area{padding:var(--spacing-4)var(--spacing-6);border-top:1px solid var(--color-neutral-200);background:#fff}.ai-input-wrapper{align-items:flex-end;gap:var(--spacing-2);max-width:800px;padding:var(--spacing-2);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);margin:0 auto;display:flex}.ai-input-action{border-radius:var(--radius-lg);width:40px;height:40px;color:var(--color-neutral-500);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ai-input-action:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.ai-input-wrapper textarea{padding:var(--spacing-2);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);resize:none;background:0 0;border:none;outline:none;flex:1;min-height:40px;max-height:150px}.ai-send-btn{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-lg);color:#fff;cursor:pointer;width:40px;height:40px;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.ai-send-btn:hover:not(:disabled){transform:scale(1.05)}.ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-disclaimer{text-align:center;font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:var(--spacing-2)}@media (max-width:768px){.ai-sidebar{display:none}}.practice-games-page{max-width:1400px}.games-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-6);margin-bottom:var(--spacing-6);padding:var(--spacing-6);background:linear-gradient(135deg,#7c3aed,var(--color-primary-500));border-radius:var(--radius-2xl);color:#fff;flex-wrap:wrap;display:flex}.games-header__info h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);margin-bottom:var(--spacing-2);font-weight:800;display:flex}.games-header__info p{font-size:var(--text-base);opacity:.9}.games-header__stats{gap:var(--spacing-4);display:flex}.game-stat{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;display:flex}.game-stat__value{font-size:var(--text-xl);font-weight:700;display:block}.game-stat__label{font-size:var(--text-sm);opacity:.8}.games-filters{margin-bottom:var(--spacing-6)}.games-search{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);background:#fff;max-width:400px;display:flex}.games-search svg{color:var(--color-neutral-400)}.games-search input{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:none;outline:none;flex:1}.games-filter-group{justify-content:space-between;align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.games-categories{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.category-btn{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500}.category-btn:hover{background:var(--color-neutral-100)}.category-btn--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.games-difficulty-filter{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);background:#fff;display:flex}.games-difficulty-filter svg{color:var(--color-neutral-400)}.games-difficulty-filter select{font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;background:0 0;border:none;outline:none}.games-grid{gap:var(--spacing-5);margin-bottom:var(--spacing-8);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.game-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);transition:all var(--transition-fast);background:#fff;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.game-card--locked{opacity:.7}.game-card__new{top:var(--spacing-3);right:var(--spacing-3);padding:var(--spacing-1)var(--spacing-3);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);z-index:1;background:#dc2626;font-weight:700;position:absolute}.game-card__lock{justify-content:center;align-items:center;gap:var(--spacing-2);color:#fff;z-index:2;background:#0009;flex-direction:column;display:flex;position:absolute;inset:0}.game-card__lock span{font-size:var(--text-sm);font-weight:500}.game-card__icon{background:linear-gradient(135deg,var(--color-primary-50),#f5f3ff);justify-content:center;align-items:center;height:100px;font-size:48px;display:flex}.game-card__content{padding:var(--spacing-4)}.game-card__content h3{font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700}.game-card__content p{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3)}.game-card__meta{gap:var(--spacing-2);margin-bottom:var(--spacing-3);display:flex}.game-difficulty{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);border-radius:var(--radius-md);font-weight:600}.game-difficulty--easy{color:#16a34a;background:#dcfce7}.game-difficulty--medium{color:#d97706;background:#fef3c7}.game-difficulty--hard{color:#dc2626;background:#fee2e2}.game-category{padding:var(--spacing-1)var(--spacing-2);font-size:var(--text-xs);background:var(--color-primary-50);color:var(--color-primary-600);border-radius:var(--radius-md);font-weight:500}.game-card__info{gap:var(--spacing-4);margin-bottom:var(--spacing-3);display:flex}.game-card__info span{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:inline-flex}.game-card__footer{padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-100);justify-content:space-between;align-items:center;display:flex}.game-rating{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-800);font-weight:600;display:flex}.game-plays{color:var(--color-neutral-400);font-weight:400}.game-play-btn{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-4);font-size:var(--text-sm);color:#fff;background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-lg);transition:all var(--transition-fast);font-weight:600;text-decoration:none;display:inline-flex}.game-play-btn:hover{transform:scale(1.05)}.game-play-btn--disabled{opacity:.5;pointer-events:none}.games-featured{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-5);background:#fff}.games-featured h2{align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:700;display:flex}.featured-challenge{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-xl);background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex}.featured-challenge__icon{font-size:48px}.featured-challenge__content{flex:1}.featured-challenge__content h3{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:600}.featured-challenge__content p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-3)}.featured-challenge__progress{align-items:center;gap:var(--spacing-3);display:flex}.progress-bar{border-radius:var(--radius-full);background:#0000001a;flex:1;height:8px;overflow:hidden}.progress-bar__fill{border-radius:var(--radius-full);background:#d97706;height:100%}.featured-challenge__progress span{font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:600}.featured-challenge .btn{align-items:center;gap:var(--spacing-2);display:flex}@media (max-width:768px){.games-header{flex-direction:column}.games-header__stats{justify-content:space-between;width:100%}.featured-challenge{text-align:center;flex-direction:column}}.game-play-page{flex-direction:column;max-width:900px;min-height:calc(100vh - 150px);margin:0 auto;display:flex}.game-play-header{align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);padding:var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;display:flex}.back-link{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:500;text-decoration:none;display:flex}.back-link:hover{color:var(--color-primary-600)}.game-play-stats{align-items:center;gap:var(--spacing-4);margin-left:auto;display:flex}.game-stat-item{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:600;display:flex}.game-stat-item svg{color:#fbbf24}.game-stat-item--lives{gap:var(--spacing-1)}.game-stat-item--time svg{color:var(--color-neutral-500)}.game-stat-item--danger{color:#dc2626;background:#fee2e2;animation:1s infinite pulse}.game-stat-item--danger svg{color:#dc2626}.game-streak{align-items:center;gap:var(--spacing-1);padding:var(--spacing-2)var(--spacing-3);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:700;display:flex}.game-play-content{gap:var(--spacing-5);flex-direction:column;flex:1;display:flex}.game-progress{align-items:center;gap:var(--spacing-3);display:flex}.game-progress-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.game-progress-fill{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-full);height:100%;transition:width .3s}.game-progress-text{font-size:var(--text-sm);color:var(--color-neutral-500);white-space:nowrap;font-weight:500}.game-question-card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);padding:var(--spacing-8);background:#fff}.game-question{font-size:var(--text-xl);color:var(--color-neutral-900);text-align:center;margin-bottom:var(--spacing-8);font-weight:700}.game-options{gap:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:640px){.game-options{grid-template-columns:1fr}}.game-option{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);text-align:left;font-weight:500;display:flex}.game-option:hover:not(:disabled){border-color:var(--color-primary-400);background:var(--color-primary-50)}.game-option--selected{border-color:var(--color-primary-500);background:var(--color-primary-50)}.game-option--correct{color:#16a34a;background:#dcfce7;border-color:#16a34a}.game-option--wrong{color:#dc2626;background:#fee2e2;border-color:#dc2626}.game-option-letter{border:2px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:700;display:flex}.game-option--correct .game-option-letter{color:#fff;background:#16a34a;border-color:#16a34a}.game-option--wrong .game-option-letter{color:#fff;background:#dc2626;border-color:#dc2626}.game-option-text{flex:1}.game-option-icon{flex-shrink:0}.game-feedback{justify-content:center;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--radius-xl);font-size:var(--text-lg);font-weight:600;display:flex}.game-feedback--correct{color:#16a34a;background:#dcfce7}.game-feedback--wrong{color:#dc2626;background:#fee2e2}.game-end-screen{text-align:center;padding:var(--spacing-8);border:1px solid var(--color-neutral-200);border-radius:var(--radius-2xl);background:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.game-end-icon{border-radius:var(--radius-full);width:120px;height:120px;margin-bottom:var(--spacing-6);justify-content:center;align-items:center;display:flex}.game-end-icon--success{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.game-end-icon--fail{background:var(--color-neutral-200);color:var(--color-neutral-500)}.game-end-screen h2{font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:800}.game-end-screen>p{font-size:var(--text-base);color:var(--color-neutral-500);margin-bottom:var(--spacing-6)}.game-end-stats{gap:var(--spacing-6);margin-bottom:var(--spacing-8);display:flex}.game-end-stat{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4)var(--spacing-6);background:var(--color-neutral-50);border-radius:var(--radius-xl);display:flex}.game-end-stat svg{color:var(--color-primary-500)}.game-end-stat-value{font-size:var(--text-xl);color:var(--color-neutral-900);font-weight:700;display:block}.game-end-stat-label{font-size:var(--text-sm);color:var(--color-neutral-500)}.game-end-actions{gap:var(--spacing-3);display:flex}.game-end-actions .btn{align-items:center;gap:var(--spacing-2);display:flex}.simulation-lab-page{max-width:1400px}.lab-header{margin-bottom:var(--spacing-6);padding:var(--spacing-6);border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(135deg,#059669,#10b981)}.lab-header__info h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);margin-bottom:var(--spacing-2);font-weight:800;display:flex}.lab-header__info p{font-size:var(--text-base);opacity:.9}.lab-layout{gap:var(--spacing-5);grid-template-columns:320px 1fr;display:grid}@media (max-width:1024px){.lab-layout{grid-template-columns:1fr}}.lab-sidebar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff;height:fit-content}.lab-sidebar h3{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-4);font-weight:700}.experiment-list{gap:var(--spacing-2);flex-direction:column;display:flex}.experiment-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;display:flex}.experiment-item:hover{border-color:var(--color-primary-200);background:var(--color-primary-50)}.experiment-item--active{border-color:var(--color-primary-400);background:var(--color-primary-50)}.experiment-item__icon{color:#fff;border-radius:var(--radius-lg);background:linear-gradient(135deg,#059669,#10b981);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.experiment-item__content{flex:1;min-width:0}.experiment-item__content h4{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600;display:flex}.experiment-new{color:#fff;font-size:var(--text-xs);border-radius:var(--radius-sm);background:#dc2626;padding:2px 6px;font-weight:600}.experiment-subject{font-size:var(--text-xs);color:var(--color-neutral-500)}.experiment-item svg:last-child{color:var(--color-neutral-400)}.lab-main{gap:var(--spacing-5);flex-direction:column;display:flex}.lab-empty{padding:var(--spacing-12);border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);text-align:center;background:#fff;flex-direction:column;justify-content:center;align-items:center;display:flex}.lab-empty svg{color:var(--color-neutral-300);margin-bottom:var(--spacing-4)}.lab-empty h2{font-size:var(--text-xl);color:var(--color-neutral-700);margin-bottom:var(--spacing-2);font-weight:600}.lab-empty p{font-size:var(--text-base);color:var(--color-neutral-500)}.lab-viewer{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;overflow:hidden}.lab-viewer__header{padding:var(--spacing-4);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.lab-viewer__header h2{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:600}.lab-viewer__actions{gap:var(--spacing-2);display:flex}.lab-action{background:var(--color-neutral-100);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.lab-action:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.lab-canvas{background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;height:400px;display:flex}.lab-canvas__placeholder{align-items:center;gap:var(--spacing-3);color:#fff;text-align:center;flex-direction:column;display:flex}.lab-canvas__placeholder svg{opacity:.5}.lab-canvas__placeholder p{font-size:var(--text-lg);font-weight:600}.lab-canvas__placeholder span{font-size:var(--text-sm);opacity:.6}.lab-controls{align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);display:flex}.lab-control{border-radius:var(--radius-full);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.lab-control--reset{width:40px;height:40px}.lab-control--reset:hover{color:var(--color-primary-600)}.lab-control--play{color:#fff;background:linear-gradient(135deg,#059669,#10b981);width:56px;height:56px}.lab-control--play:hover{transform:scale(1.05)}.lab-control--playing{background:#dc2626}.lab-timeline{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.lab-timeline__track{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:6px;overflow:hidden}.lab-timeline__progress{border-radius:var(--radius-full);background:linear-gradient(135deg,#059669,#10b981);height:100%}.lab-timeline span{font-size:var(--text-sm);color:var(--color-neutral-600);white-space:nowrap;font-weight:500}.lab-info{gap:var(--spacing-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.lab-info__card{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.lab-info__card h3{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:600}.lab-info__card p{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-3);line-height:1.6}.lab-info__meta{gap:var(--spacing-3);flex-wrap:wrap;display:flex}.lab-meta{font-size:var(--text-sm);color:var(--color-neutral-600)}.lab-meta strong{color:var(--color-neutral-800)}.lab-instructions{padding-left:var(--spacing-4)}.lab-instructions li{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-2)}.lab-actions{gap:var(--spacing-2);display:flex}.lab-actions .btn{align-items:center;gap:var(--spacing-2);display:flex}.periodic-table-page{max-width:1400px}.pt-header{margin-bottom:var(--spacing-6);padding:var(--spacing-6);border-radius:var(--radius-2xl);color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.pt-header__info h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);margin-bottom:var(--spacing-2);font-weight:800;display:flex}.pt-header__info p{font-size:var(--text-base);opacity:.9}.pt-controls{margin-bottom:var(--spacing-6)}.pt-search{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3)var(--spacing-4);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4);background:#fff;max-width:400px;display:flex}.pt-search svg{color:var(--color-neutral-400)}.pt-search input{font-family:var(--font-primary);font-size:var(--text-base);color:var(--color-neutral-800);border:none;outline:none;flex:1}.pt-categories{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.pt-category{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);border:1px solid var(--color-neutral-200);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:#fff;font-weight:500;display:flex}.pt-category:hover{border-color:var(--cat-color)}.pt-category--active{background:var(--cat-color);border-color:var(--cat-color);color:#1e293b}.pt-category__dot{border-radius:var(--radius-full);width:10px;height:10px}.pt-grid{gap:var(--spacing-3);margin-bottom:var(--spacing-6);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));display:grid}.pt-element{padding:var(--spacing-3);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center;flex-direction:column;align-items:center;display:flex}.pt-element:hover{box-shadow:var(--shadow-lg);z-index:1;transform:scale(1.1)}.pt-element__number{font-size:var(--text-xs);color:#00000080;align-self:flex-start;font-weight:500}.pt-element__symbol{font-size:var(--text-2xl);color:#1e293b;font-weight:800}.pt-element__name{font-size:var(--text-xs);color:#1e293b;margin-bottom:2px;font-weight:500}.pt-element__mass{font-size:var(--text-xs);color:#00000080}.pt-legend{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);background:#fff}.pt-legend h4{font-size:var(--text-sm);color:var(--color-neutral-900);margin-bottom:var(--spacing-3);font-weight:600}.pt-legend__items{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.pt-legend__item{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-600);display:flex}.pt-modal{z-index:1000;padding:var(--spacing-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pt-modal__content{border-radius:var(--radius-2xl);background:#fff;width:100%;max-width:400px;position:relative;overflow:hidden}.pt-modal__close{top:var(--spacing-3);right:var(--spacing-3);border-radius:var(--radius-full);color:#fff;cursor:pointer;z-index:1;background:#fff3;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute}.pt-modal__header{padding:var(--spacing-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.pt-modal__number{font-size:var(--text-base);color:#00000080;font-weight:600}.pt-modal__symbol{color:#1e293b;font-size:72px;font-weight:800}.pt-modal__body{padding:var(--spacing-5)}.pt-modal__body h2{font-size:var(--text-xl);color:var(--color-neutral-900);text-align:center;font-weight:700}.pt-modal__english{font-size:var(--text-base);color:var(--color-neutral-500);text-align:center;margin-bottom:var(--spacing-4)}.pt-modal__info{gap:var(--spacing-2);flex-direction:column;display:flex}.pt-modal__row{padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);justify-content:space-between;display:flex}.pt-modal__row span{font-size:var(--text-sm);color:var(--color-neutral-600)}.pt-modal__row strong{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600}.geometry-draw-page{max-width:1400px}.geo-header{margin-bottom:var(--spacing-5)}.geo-header h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:800;display:flex}.geo-header p{font-size:var(--text-base);color:var(--color-neutral-500)}.geo-layout{gap:var(--spacing-5);grid-template-columns:220px 1fr;height:calc(100vh - 250px);min-height:500px;display:grid}@media (max-width:768px){.geo-layout{grid-template-columns:1fr;height:auto}}.geo-toolbar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);gap:var(--spacing-4);background:#fff;flex-direction:column;display:flex}.geo-toolbar__section h4{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);font-weight:600;display:flex}.geo-tools{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.geo-tool{aspect-ratio:1;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);width:100%;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.geo-tool:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.geo-tool--active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.geo-colors{gap:var(--spacing-2);display:flex}.geo-color{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);border:2px solid #0000}.geo-color:hover{transform:scale(1.1)}.geo-color--active{border-color:var(--color-neutral-900);box-shadow:inset 0 0 0 2px #fff}.geo-stroke-slider{width:100%;accent-color:var(--color-primary-500)}.geo-stroke-value{font-size:var(--text-sm);color:var(--color-neutral-500)}.geo-option{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;display:flex}.geo-option input{accent-color:var(--color-primary-500)}.geo-toolbar__actions{justify-content:center;gap:var(--spacing-2);padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-200);display:flex}.geo-action{background:var(--color-neutral-100);border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.geo-action:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.geo-toolbar__footer{gap:var(--spacing-2);flex-direction:column;margin-top:auto;display:flex}.geo-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex}.geo-canvas-container{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex;overflow:hidden}.geo-canvas{cursor:crosshair;flex:1;width:100%}.geo-canvas__info{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);font-size:var(--text-sm);color:var(--color-neutral-600);justify-content:space-between;display:flex}.geo-color-preview{border-radius:var(--radius-sm);vertical-align:middle;width:16px;height:16px;display:inline-block}.graph-plotter-page{max-width:1400px}.graph-header{margin-bottom:var(--spacing-5)}.graph-header h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:800;display:flex}.graph-header p{font-size:var(--text-base);color:var(--color-neutral-500)}.graph-layout{gap:var(--spacing-5);grid-template-columns:300px 1fr;height:calc(100vh - 250px);min-height:500px;display:grid}@media (max-width:768px){.graph-layout{grid-template-columns:1fr;height:auto}}.graph-sidebar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);gap:var(--spacing-4);background:#fff;flex-direction:column;display:flex;overflow-y:auto}.graph-section h4{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);font-weight:600;display:flex}.graph-add-form{align-items:center;gap:var(--spacing-2);display:flex}.graph-add-label{font-size:var(--text-base);color:var(--color-neutral-700);font-weight:600}.graph-add-form input{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);outline:none;flex:1}.graph-add-form input:focus{border-color:var(--color-primary-500)}.graph-add-btn{background:var(--color-primary-500);border-radius:var(--radius-lg);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.graph-add-btn:hover{background:var(--color-primary-600)}.graph-presets{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.graph-preset{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-700);background:var(--color-neutral-100);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none}.graph-preset:hover{background:var(--color-primary-100);color:var(--color-primary-700)}.graph-functions{gap:var(--spacing-2);flex-direction:column;display:flex}.graph-function{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);background:var(--color-neutral-50);border-radius:var(--radius-lg);display:flex}.graph-function__color{border-radius:var(--radius-full);flex-shrink:0;width:12px;height:12px}.graph-function__expr{font-size:var(--text-sm);color:var(--color-neutral-800);flex:1;font-family:monospace}.graph-function__toggle,.graph-function__remove{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.graph-function__toggle:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.graph-function__remove:hover{color:#dc2626;background:#fee2e2}.graph-option{align-items:center;gap:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;display:flex}.graph-option input{accent-color:var(--color-primary-500)}.graph-actions{gap:var(--spacing-2);flex-direction:column;margin-top:auto;display:flex}.graph-btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex}.graph-canvas-container{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;flex-direction:column;display:flex;position:relative;overflow:hidden}.graph-controls{top:var(--spacing-3);right:var(--spacing-3);align-items:center;gap:var(--spacing-2);z-index:10;display:flex;position:absolute}.graph-control{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);width:36px;height:36px;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);background:#fff;justify-content:center;align-items:center;display:flex}.graph-control:hover{background:var(--color-neutral-100);color:var(--color-neutral-800)}.graph-zoom{padding:var(--spacing-2)var(--spacing-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-neutral-700);background:#fff;font-weight:500}.graph-canvas{flex:1;justify-content:center;align-items:center;min-height:400px;display:flex;position:relative;overflow:hidden}.graph-grid{width:100%;height:100%;position:absolute;inset:0}.graph-placeholder{align-items:center;gap:var(--spacing-3);color:var(--color-neutral-400);z-index:1;flex-direction:column;display:flex}.graph-placeholder p{font-size:var(--text-base)}.graph-info{padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);font-size:var(--text-sm);color:var(--color-neutral-500);text-align:center}.mind-map-page{max-width:1400px}.mind-header{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.mind-header__info h1{align-items:center;gap:var(--spacing-3);font-size:var(--text-2xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:800;display:flex}.mind-header__info p{font-size:var(--text-base);color:var(--color-neutral-500)}.mind-header__actions{gap:var(--spacing-2);display:flex}.mind-header__actions .btn{align-items:center;gap:var(--spacing-2);display:flex}.mind-layout{gap:var(--spacing-5);grid-template-columns:220px 1fr;height:calc(100vh - 250px);min-height:500px;display:grid}@media (max-width:768px){.mind-layout{grid-template-columns:1fr;height:auto}}.mind-toolbar{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);padding:var(--spacing-4);gap:var(--spacing-4);background:#fff;flex-direction:column;display:flex}.mind-toolbar__section h4{font-size:var(--text-sm);color:var(--color-neutral-700);margin-bottom:var(--spacing-3);font-weight:600}.mind-tools{gap:var(--spacing-2);grid-template-columns:repeat(3,1fr);display:grid}.mind-tool{aspect-ratio:1;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);width:100%;color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.mind-tool:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-600)}.mind-tool:disabled{opacity:.5;cursor:not-allowed}.mind-colors{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.mind-color{border-radius:var(--radius-full);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);border:2px solid #0000}.mind-color:hover{transform:scale(1.1)}.mind-zoom-controls{justify-content:space-between;align-items:center;gap:var(--spacing-2);display:flex}.mind-zoom-controls button{background:var(--color-neutral-100);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-neutral-600);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.mind-zoom-controls button:hover{background:var(--color-neutral-200)}.mind-zoom-controls span{font-size:var(--text-sm);color:var(--color-neutral-700);font-weight:500}.mind-tips{padding-left:var(--spacing-4)}.mind-tips li{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-1)}.mind-canvas-container{border:1px solid var(--color-neutral-200);border-radius:var(--radius-xl);background:#fff;justify-content:center;align-items:center;display:flex;overflow:hidden}.mind-canvas{transition:transform .2s}.mind-tree{flex-direction:column;align-items:center;display:flex}.mind-node-wrapper{align-items:flex-start;gap:var(--spacing-6);display:flex}.mind-node{min-width:120px;padding:var(--spacing-3)var(--spacing-4);background:var(--node-color);color:#fff;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.mind-node:hover{transform:scale(1.05)}.mind-node--selected{box-shadow:0 0 0 3px white,0 0 0 5px var(--node-color)}.mind-node--level-0{font-size:var(--text-lg);min-width:160px;padding:var(--spacing-4)var(--spacing-6)}.mind-node--level-1{font-size:var(--text-base)}.mind-node--level-2{font-size:var(--text-sm);min-width:100px}.mind-node__text{text-align:center}.mind-node__input{color:#fff;font-family:var(--font-primary);font-size:inherit;font-weight:inherit;text-align:center;background:0 0;border:none;outline:none;width:100%}.mind-children{gap:var(--spacing-3);padding-left:var(--spacing-8);margin-top:var(--spacing-3);border-left:2px solid var(--color-neutral-200);flex-direction:column;display:flex;position:relative}.mind-children:before{content:"";width:var(--spacing-6);background:var(--color-neutral-200);height:2px;position:absolute;top:0;left:-2px}.mind-children .mind-node-wrapper{position:relative}.mind-children .mind-node-wrapper:before{content:"";top:50%;left:calc(var(--spacing-8)*-1);width:var(--spacing-6);background:var(--color-neutral-200);height:2px;position:absolute}.rewards-page{background:var(--color-neutral-50);min-height:100vh}.rewards-hero{padding:var(--spacing-16)0 var(--spacing-10);background:linear-gradient(135deg,#fef3c7 0%,#fde68a 50%,#fbbf24 100%)}.rewards-hero__content{text-align:center}.rewards-hero__content h1{justify-content:center;align-items:center;gap:var(--spacing-3);font-size:var(--text-4xl);color:#78350f;margin-bottom:var(--spacing-3);font-weight:800;display:flex}.rewards-hero__content p{font-size:var(--text-lg);color:#92400e;margin-bottom:var(--spacing-4)}.rewards-hero__points{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3)var(--spacing-6);border-radius:var(--radius-full);font-size:var(--text-lg);color:var(--color-neutral-700);box-shadow:var(--shadow-lg);background:#fff;display:inline-flex}.rewards-hero__points strong{color:#d97706;font-size:var(--text-2xl)}.rewards-info{margin-top:calc(-1*var(--spacing-6));padding-bottom:var(--spacing-8)}.rewards-info__grid{gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:768px){.rewards-info__grid{grid-template-columns:1fr}}.rewards-info__card{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);background:#fff;display:flex}.rewards-info__card svg{color:#f59e0b}.rewards-info__card h4{font-size:var(--text-base);color:var(--color-neutral-900);font-weight:700}.rewards-info__card p{font-size:var(--text-sm);color:var(--color-neutral-500)}.rewards-filters{padding:var(--spacing-6)0;border-bottom:1px solid var(--color-neutral-200);z-index:50;background:#fff;position:sticky;top:0}.rewards-filters__row{align-items:center;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.rewards-search{align-items:center;gap:var(--spacing-2);min-width:250px;padding:var(--spacing-3)var(--spacing-4);background:var(--color-neutral-100);border-radius:var(--radius-lg);flex:1;display:flex}.rewards-search svg{color:var(--color-neutral-400)}.rewards-search input{font-family:var(--font-primary);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1}.rewards-categories{gap:var(--spacing-2);display:flex;overflow-x:auto}.rewards-category{padding:var(--spacing-2)var(--spacing-4);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-full);white-space:nowrap;cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.rewards-category:hover{background:var(--color-neutral-200)}.rewards-category--active{color:#fff;background:#fbbf24}.rewards-sort{align-items:center;gap:var(--spacing-2);display:flex}.rewards-sort svg{color:var(--color-neutral-500)}.rewards-sort select{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);outline:none}.rewards-content{padding:var(--spacing-8)0 var(--spacing-16)}.rewards-grid{gap:var(--spacing-5);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1200px){.rewards-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.rewards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.rewards-grid{grid-template-columns:1fr}}.reward-card{border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-200);transition:all var(--transition-normal);background:#fff;position:relative;overflow:hidden}.reward-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #fbbf2433}.reward-card__badge{top:var(--spacing-3);left:var(--spacing-3);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full);z-index:1;background:linear-gradient(135deg,#ef4444,#dc2626);align-items:center;gap:4px;padding:4px 10px;font-weight:700;display:flex;position:absolute}.reward-card__image{background:linear-gradient(135deg,#fef3c7,#fde68a);justify-content:center;align-items:center;height:160px;display:flex}.reward-card__emoji{font-size:64px}.reward-card__content{padding:var(--spacing-4)}.reward-card__category{background:var(--color-neutral-100);color:var(--color-neutral-600);font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-2);padding:2px 8px;font-weight:600;display:inline-block}.reward-card__name{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.reward-card__desc{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-3);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reward-card__footer{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.reward-card__points{align-items:center;gap:var(--spacing-1);font-size:var(--text-lg);color:#f59e0b;font-weight:700;display:flex}.reward-card__stock{font-size:var(--text-xs);color:var(--color-neutral-500)}.reward-card__btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:#fff;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;font-weight:600;display:flex}.reward-card__btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #f59e0b66}.reward-card__btn:disabled{background:var(--color-neutral-300);cursor:not-allowed}.cart-fab{bottom:var(--spacing-8);right:var(--spacing-8);color:#fff;border-radius:var(--radius-full);cursor:pointer;z-index:100;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:fixed;box-shadow:0 10px 30px #f59e0b66}.cart-fab__count{color:#fff;min-width:24px;height:24px;font-size:var(--text-xs);border-radius:var(--radius-full);background:#dc2626;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.cart-modal-overlay{z-index:200;background:#00000080;position:fixed;inset:0}.cart-modal{background:#fff;flex-direction:column;width:400px;max-width:100%;display:flex;position:fixed;top:0;bottom:0;right:0}.cart-modal__header{padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-neutral-200);justify-content:space-between;align-items:center;display:flex}.cart-modal__header h3{align-items:center;gap:var(--spacing-2);font-size:var(--text-lg);font-weight:700;display:flex}.cart-modal__header button{color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none}.cart-modal__content{padding:var(--spacing-4);flex:1;overflow-y:auto}.cart-empty{text-align:center;color:var(--color-neutral-500);padding:var(--spacing-8)}.cart-item{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3);display:flex}.cart-item__emoji{font-size:32px}.cart-item__info{flex:1}.cart-item__name{font-size:var(--text-sm);color:var(--color-neutral-900);font-weight:600;display:block}.cart-item__points{font-size:var(--text-xs);color:#f59e0b}.cart-item__qty{align-items:center;gap:var(--spacing-2);display:flex}.cart-item__qty button{border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.cart-item__remove{color:var(--color-neutral-400);cursor:pointer;background:0 0;border:none}.cart-item__remove:hover{color:#dc2626}.cart-modal__footer{padding:var(--spacing-4)var(--spacing-5);border-top:1px solid var(--color-neutral-200)}.cart-total{margin-bottom:var(--spacing-4);font-size:var(--text-lg);justify-content:space-between;align-items:center;display:flex}.cart-total strong{color:#f59e0b}.btn-block{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;display:flex}.competitions-page{background:var(--color-neutral-50);min-height:100vh}.competitions-hero{padding:var(--spacing-16)0 var(--spacing-10);background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%);position:relative;overflow:hidden}.competitions-hero:before{content:"";background:radial-gradient(#a855f74d 0%,#0000 70%);width:60%;height:200%;position:absolute;top:-50%;right:-20%}.competitions-hero__content{text-align:center;z-index:1;position:relative}.competitions-hero__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:#ffffff26;font-weight:600;display:inline-flex}.competitions-hero__content h1{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--spacing-3);font-weight:800}.competitions-hero__content h1 span{background:linear-gradient(135deg,#a78bfa,#f472b6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.competitions-hero__content p{font-size:var(--text-lg);color:#ffffffb3}.competitions-stats{margin-top:calc(-1*var(--spacing-6));padding-bottom:var(--spacing-8)}.competitions-stats__grid{gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.competitions-stats__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.competitions-stats__grid{grid-template-columns:1fr}}.competitions-stat{align-items:center;gap:var(--spacing-4);padding:var(--spacing-5);border-radius:var(--radius-xl);border:1px solid var(--color-neutral-200);box-shadow:var(--shadow-lg);background:#fff;display:flex}.competitions-stat svg{color:var(--color-primary-500)}.competitions-stat__value{font-size:var(--text-2xl);color:var(--color-neutral-900);font-weight:800;display:block}.competitions-stat__label{font-size:var(--text-sm);color:var(--color-neutral-500)}.competitions-filters{padding:var(--spacing-6)0;border-bottom:1px solid var(--color-neutral-200);background:#fff}.competitions-filters__row{gap:var(--spacing-6);flex-wrap:wrap;display:flex}.filter-group label{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-600);white-space:nowrap;font-weight:600;display:flex}.filter-options{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.competitions-list{padding:var(--spacing-8)0 var(--spacing-16)}.competitions-grid{gap:var(--spacing-6);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:768px){.competitions-grid{grid-template-columns:1fr}}.competition-card{border-radius:var(--radius-2xl);padding:var(--spacing-6);border:1px solid var(--color-neutral-200);transition:all var(--transition-normal);background:#fff}.competition-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a}.competition-card--ended{opacity:.7}.competition-card__header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.competition-card__icon{font-size:48px}.competition-card__status{align-items:center;gap:var(--spacing-1);font-size:var(--text-xs);border-radius:var(--radius-full);padding:4px 12px;font-weight:600;display:inline-flex}.competition-card__status--registering{color:#16a34a;background:#dcfce7}.competition-card__status--upcoming{color:#2563eb;background:#dbeafe}.competition-card__status--ongoing{color:#d97706;background:#fef3c7}.competition-card__status--ended{background:var(--color-neutral-200);color:var(--color-neutral-600)}.competition-card__name{font-size:var(--text-xl);color:var(--color-neutral-900);margin-bottom:var(--spacing-1);font-weight:700}.competition-card__subject{background:var(--color-primary-100);color:var(--color-primary-700);font-size:var(--text-xs);border-radius:var(--radius-full);margin-bottom:var(--spacing-3);padding:2px 10px;font-weight:600;display:inline-block}.competition-card__desc{font-size:var(--text-sm);color:var(--color-neutral-600);margin-bottom:var(--spacing-4);line-height:1.6}.competition-card__details{gap:var(--spacing-4);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.competition-card__detail{align-items:center;gap:var(--spacing-1);font-size:var(--text-sm);color:var(--color-neutral-500);display:flex}.competition-card__prize{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);border-radius:var(--radius-lg);font-size:var(--text-sm);color:#92400e;margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#fef3c7,#fde68a);display:flex}.competition-card__prize strong{color:#78350f}.competition-card__progress{align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-4);display:flex}.competition-card__progress-bar{background:var(--color-neutral-200);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.competition-card__progress-fill{background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-full);height:100%}.competition-card__progress span{font-size:var(--text-xs);color:var(--color-neutral-500);white-space:nowrap}.competition-card__btn{justify-content:center;align-items:center;gap:var(--spacing-2);width:100%;padding:var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:#fff;background:linear-gradient(135deg,var(--color-primary-500),#7c3aed);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:none;font-weight:600;text-decoration:none;display:flex}.competition-card__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.competitions-empty{text-align:center;padding:var(--spacing-12);color:var(--color-neutral-400)}.competitions-empty svg{margin-bottom:var(--spacing-4)}.competitions-empty h3{font-size:var(--text-lg);color:var(--color-neutral-600);margin-bottom:var(--spacing-2);font-weight:600}.leaderboard-page{background:var(--color-neutral-50);min-height:100vh}.leaderboard-hero{padding:var(--spacing-16)0 var(--spacing-10);background:linear-gradient(135deg,#1e1b4b 0%,#312e81 50%,#4338ca 100%)}.leaderboard-hero__content{text-align:center}.leaderboard-hero__badge{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2)var(--spacing-4);color:#fff;font-size:var(--text-sm);border-radius:var(--radius-full);margin-bottom:var(--spacing-4);background:linear-gradient(135deg,#fbbf24,#f59e0b);font-weight:600;display:inline-flex}.leaderboard-hero__content h1{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--spacing-3);font-weight:800}.leaderboard-hero__content h1 span{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.leaderboard-hero__content p{font-size:var(--text-lg);color:#ffffffb3}.leaderboard-podium-section{margin-top:calc(-1*var(--spacing-6));padding-bottom:var(--spacing-8)}.leaderboard-podium{justify-content:center;align-items:flex-end;gap:var(--spacing-4);padding:var(--spacing-8);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);background:#fff;display:flex}.podium-item{text-align:center;flex-direction:column;align-items:center;width:200px;display:flex}.podium-crown{color:#fbbf24;margin-bottom:var(--spacing-2);animation:2s ease-in-out infinite float}.podium-avatar-wrap{margin-bottom:var(--spacing-3);position:relative}.podium-avatar{border-radius:var(--radius-full);object-fit:cover;width:80px;height:80px;box-shadow:var(--shadow-lg);border:4px solid #fff}.podium-avatar-wrap--gold .podium-avatar{border-color:#fbbf24;width:100px;height:100px;box-shadow:0 0 30px #fbbf2466}.podium-badge{width:28px;height:28px;font-size:var(--text-sm);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;font-weight:800;display:flex;position:absolute;bottom:-5px;right:-5px}.podium-badge--gold{background:linear-gradient(135deg,#fbbf24,#d97706)}.podium-badge--silver{background:linear-gradient(135deg,#94a3b8,#64748b)}.podium-badge--bronze{background:linear-gradient(135deg,#d97706,#92400e)}.podium-name{font-size:var(--text-base);color:var(--color-neutral-900);margin-bottom:2px;font-weight:700}.podium-school{font-size:var(--text-xs);color:var(--color-neutral-500);margin-bottom:var(--spacing-2);white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.podium-points{align-items:center;gap:var(--spacing-1);font-size:var(--text-lg);color:var(--color-neutral-900);margin-bottom:var(--spacing-2);font-weight:700;display:flex}.podium-medals{gap:var(--spacing-2);font-size:var(--text-sm);margin-bottom:var(--spacing-3);display:flex}.podium-stand{border-radius:var(--radius-lg)var(--radius-lg)0 0;width:100%}.podium-stand--gold{background:linear-gradient(#fbbf24,#d97706);height:120px}.podium-stand--silver{background:linear-gradient(#94a3b8,#64748b);height:80px}.podium-stand--bronze{background:linear-gradient(#d97706,#92400e);height:50px}.leaderboard-filters{padding:var(--spacing-6)0;border-bottom:1px solid var(--color-neutral-200);background:#fff}.leaderboard-filters__row{align-items:center;gap:var(--spacing-6);flex-wrap:wrap;display:flex}.filter-group{align-items:center;gap:var(--spacing-2);display:flex}.filter-group svg{color:var(--color-neutral-500)}.filter-btn{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);color:var(--color-neutral-600);background:var(--color-neutral-100);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:500}.filter-btn:hover{background:var(--color-neutral-200)}.filter-btn--active{background:var(--color-primary-500);color:#fff}.filter-group select{padding:var(--spacing-2)var(--spacing-3);font-family:var(--font-primary);font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);outline:none}.leaderboard-search{align-items:center;gap:var(--spacing-2);min-width:200px;padding:var(--spacing-2)var(--spacing-3);background:var(--color-neutral-100);border-radius:var(--radius-lg);flex:1;margin-left:auto;display:flex}.leaderboard-search svg{color:var(--color-neutral-400)}.leaderboard-search input{font-family:var(--font-primary);font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:1}.leaderboard-table-section{padding:var(--spacing-8)0 var(--spacing-16)}.leaderboard-table{border-radius:var(--radius-2xl);border:1px solid var(--color-neutral-200);margin-bottom:var(--spacing-6);background:#fff;overflow:hidden}.leaderboard-table__header{gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);background:var(--color-neutral-100);font-size:var(--text-sm);color:var(--color-neutral-600);grid-template-columns:80px 2fr 150px 200px 100px;font-weight:600;display:grid}@media (max-width:1024px){.leaderboard-table__header{display:none}}.leaderboard-row{gap:var(--spacing-4);padding:var(--spacing-4)var(--spacing-5);border-bottom:1px solid var(--color-neutral-100);transition:all var(--transition-fast);grid-template-columns:80px 2fr 150px 200px 100px;align-items:center;display:grid}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--color-neutral-50)}.leaderboard-row--top1{background:linear-gradient(90deg,#fbbf241a,#0000)}.leaderboard-row--top2{background:linear-gradient(90deg,#94a3b81a,#0000)}.leaderboard-row--top3{background:linear-gradient(90deg,#d977061a,#0000)}@media (max-width:1024px){.leaderboard-row{grid-template-columns:60px 1fr auto}.col-medals,.col-change{display:none}}.col-rank{justify-content:center;align-items:center;display:flex}.rank-icon--gold{color:#fbbf24}.rank-icon--silver{color:#94a3b8}.rank-icon--bronze{color:#d97706}.rank-number{font-size:var(--text-xl);color:var(--color-neutral-400);font-weight:700}.col-user{align-items:center;gap:var(--spacing-3);display:flex}.col-user img{border-radius:var(--radius-full);object-fit:cover;width:48px;height:48px}.user-name{color:var(--color-neutral-900);font-weight:600;display:block}.user-school{font-size:var(--text-sm);color:var(--color-neutral-500)}.col-points{align-items:center;gap:var(--spacing-1);display:flex}.col-points strong{font-size:var(--text-lg);color:var(--color-neutral-900)}.col-medals{gap:var(--spacing-2);display:flex}.medal{font-size:var(--text-sm)}.change{font-size:var(--text-sm);align-items:center;gap:2px;font-weight:600;display:flex}.change--up{color:#16a34a}.change--down{color:#dc2626}.change--same{color:var(--color-neutral-400)}.leaderboard-pagination{justify-content:center;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-8);display:flex}.leaderboard-pagination button{border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg);cursor:pointer;background:#fff;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.leaderboard-pagination button:disabled{opacity:.5;cursor:not-allowed}.leaderboard-pagination span{font-size:var(--text-sm);color:var(--color-neutral-600)}.my-ranking{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border:2px solid var(--color-primary-200);border-radius:var(--radius-2xl);padding:var(--spacing-5)}.my-ranking__header{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);display:flex}.my-ranking__header h3{font-size:var(--text-lg);color:var(--color-neutral-900);font-weight:700}.my-ranking__content{align-items:center;gap:var(--spacing-4);display:flex}.my-ranking__rank{justify-content:center;align-items:center;width:60px;display:flex}.my-ranking__rank .rank-number{font-size:var(--text-2xl)}.my-ranking__content>img{border-radius:var(--radius-full);object-fit:cover;width:56px;height:56px}.my-ranking__info{flex:1}.my-ranking__name{color:var(--color-neutral-900);font-weight:700;display:block}.my-ranking__school{font-size:var(--text-sm);color:var(--color-neutral-500)}.my-ranking__points{align-items:center;gap:var(--spacing-1);display:flex}.my-ranking__points strong{font-size:var(--text-xl);color:var(--color-neutral-900)}.app{flex-direction:column;min-height:100vh;display:flex}.main{flex:1}section{scroll-margin-top:100px}.placeholder-page{text-align:center;min-height:400px;padding:var(--spacing-8);flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-page h1{font-size:var(--text-3xl);color:var(--color-neutral-800);margin-bottom:var(--spacing-4);font-weight:700}.placeholder-page p{font-size:var(--text-lg);color:var(--color-neutral-500)}