@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:"Inter",system-ui,sans-serif;color:#1a1a2e;background:#f7f5f0;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh;margin-top:0 !important}#wpadminbar{display:none !important;visibility:hidden !important;opacity:0 !important}html{margin-top:0 !important}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}::selection{background:rgba(61,175,106,.3);color:#0b3d2e}@font-face{font-family:"Fatimah Arabic";src:url("../fonts/FatimahArabicITF-Light.ttf") format("truetype");font-weight:300;font-style:normal}@font-face{font-family:"Fatimah Arabic";src:url("../fonts/FatimahArabicITF-Medium.ttf") format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Fatimah Arabic";src:url("../fonts/FatimahArabicITF-Black.ttf") format("truetype");font-weight:900;font-style:normal}h1,h2,h3,h4,h5,h6{font-family:"Outfit",sans-serif;font-weight:700;line-height:1.2;color:#1a1a2e;letter-spacing:-0.02em}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}h2{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:700}h3{font-size:clamp(1.2rem,2.5vw,1.5rem);font-weight:700}h4{font-size:1.15rem;font-weight:600}p{color:#5a5a72;line-height:1.8;font-size:1.05rem}small{font-size:.85rem;color:#9a9ab0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] p,[dir=rtl] a,[dir=rtl] span,[dir=rtl] label,[dir=rtl] div{font-family:"Fatimah Arabic","Segoe UI",sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;font-family:"Outfit",sans-serif;font-weight:600;font-size:.95rem;border-radius:20px;border:none;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;letter-spacing:-0.01em;white-space:nowrap}.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);transition:left .5s ease}.btn:hover::before{left:100%}.btn-primary{background:linear-gradient(135deg, #0B3D2E 0%, #1A5C3A 50%, #2D8B55 100%);color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04),inset 0 1px 0 hsla(0,0%,100%,.1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06),0 0 30px rgba(45,139,85,.25)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%);color:#0b3d2e;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06),0 0 30px rgba(212,160,23,.3)}.btn-outline{background:rgba(0,0,0,0);color:#1a5c3a;border:2px solid rgba(26,92,58,.2)}.btn-outline:hover{background:rgba(26,92,58,.06);border-color:#1a5c3a;transform:translateY(-2px)}.btn-lg{padding:18px 40px;font-size:1.1rem;border-radius:28px}.btn-icon{width:48px;height:48px;padding:0;border-radius:9999px;display:flex;align-items:center;justify-content:center}.card,.feature-card{background:linear-gradient(180deg, #FFFFFF 0%, #FAFAF7 100%);border-radius:28px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.card::before,.feature-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%);opacity:0;transition:opacity .3s ease}.card:hover,.feature-card:hover{transform:translateY(-6px);box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06)}.card:hover::before,.feature-card:hover::before{opacity:1}.card h3,.feature-card h3{margin-bottom:8px}.card p,.feature-card p{font-size:.95rem;margin-bottom:16px}.feature-card{text-align:center;padding:40px 24px}.feature-card .card-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:2rem}.feature-card.card-green .card-icon{background:rgba(45,139,85,.1)}.feature-card.card-gold .card-icon{background:rgba(212,160,23,.1)}.feature-card.card-sky .card-icon{background:rgba(78,155,222,.1)}.feature-card.card-purple .card-icon{background:rgba(124,92,191,.1)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}@media(min-width: 1200px){.container{padding:0 40px}}.container-narrow{max-width:800px;margin:0 auto;padding:0 24px}.site-header{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;background:hsla(0,0%,100%,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);border-bottom:1px solid rgba(0,0,0,.06);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.site-header .container{height:100%;display:flex;align-items:center;gap:24px}.site-logo{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.5rem;color:#0b3d2e;letter-spacing:-0.03em;flex-shrink:0}.site-logo span{color:#d4a017;font-size:1.8rem}.site-logo:hover{transform:scale(1.03)}.main-navigation{display:none;flex:1;justify-content:center;gap:4px}@media(min-width: 768px){.main-navigation{display:flex}}.main-navigation .nav-link{display:flex;align-items:center;gap:6px;padding:8px 14px;font-weight:500;font-size:.88rem;color:#5a5a72;border-radius:9999px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap}.main-navigation .nav-link svg{opacity:.6;transition:opacity .2s;flex-shrink:0}.main-navigation .nav-link:hover{color:#0b3d2e;background:rgba(45,139,85,.06)}.main-navigation .nav-link:hover svg{opacity:1}.main-navigation .nav-link.active{color:#0b3d2e;background:rgba(45,139,85,.08);font-weight:600}.main-navigation .nav-link.active svg{opacity:1;color:#2d8b55}.main-navigation .nav-link.nav-link-teacher{color:#b8860b}.main-navigation .nav-link.nav-link-teacher:hover,.main-navigation .nav-link.nav-link-teacher.active{background:rgba(212,160,23,.08);color:#b8860b}.header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.lang-switch{display:flex;gap:2px;background:rgba(0,0,0,.04);padding:3px;border-radius:9999px}.lang-switch a{display:block;padding:5px 12px;font-size:.75rem;font-weight:700;border-radius:9999px;color:#5a5a72;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);letter-spacing:.05em}.lang-switch a.active{background:#0b3d2e;color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.lang-switch a:hover:not(.active){background:rgba(0,0,0,.06)}.header-login-btn{padding:8px 20px !important;font-size:.85rem !important;border-radius:9999px !important}.header-user-menu{position:relative}.header-avatar-btn{width:38px;height:38px;border-radius:50%;border:2px solid rgba(45,139,85,.2);padding:0;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);background:none}.header-avatar-btn img{width:100%;height:100%;border-radius:50%;display:block}.header-avatar-btn:hover{border-color:#2d8b55;transform:scale(1.05)}.header-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:240px;background:#fff;border-radius:20px;box-shadow:0 16px 48px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.06);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);z-index:200;overflow:hidden}.header-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}[dir=rtl] .header-dropdown{right:auto;left:0}.dropdown-user-info{padding:14px 16px}.dropdown-user-info strong{display:block;font-size:.9rem;color:#1a1a2e;margin-bottom:2px}.dropdown-user-info span{font-size:.75rem;color:#9a9ab0}.dropdown-divider{height:1px;background:rgba(0,0,0,.06)}.dropdown-item{display:block;padding:10px 16px;font-size:.85rem;color:#5a5a72;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.dropdown-item:hover{background:rgba(45,139,85,.04);color:#0b3d2e}.dropdown-item.dropdown-item-logout{color:#e07b5d}.dropdown-item.dropdown-item-logout:hover{background:rgba(224,123,93,.06)}body{padding-top:72px}@media(max-width: 767px){.main-navigation{display:none}}.site-footer{background:#0b3d2e;color:#f0f0f0;padding:64px 0 40px;margin-top:96px;position:relative;overflow:hidden}.site-footer::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:120px;height:120px;background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%);border-radius:50%;opacity:.1;filter:blur(40px)}.site-footer .container{text-align:center}.site-footer .footer-logo{font-family:"Outfit",sans-serif;font-weight:900;font-size:1.4rem;margin-bottom:16px}.site-footer .footer-logo span{color:#f0c75e}.site-footer p{color:hsla(0,0%,100%,.5);font-size:.85rem}.system-overview{padding:96px 0;background:#f8f9fa;min-height:80vh}.system-overview .container{max-width:1100px}.overview-banner{background:linear-gradient(135deg, #0B3D2E 0%, #1A5C3A 100%);border-radius:28px;padding:64px;display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:64px;box-shadow:0 20px 40px rgba(11,61,46,.15);position:relative;overflow:hidden}.overview-banner::after{content:"";position:absolute;top:-50%;right:-10%;width:300px;height:300px;background:radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);border-radius:50%}@media(max-width: 767px){.overview-banner{flex-direction:column;text-align:center;gap:24px;padding:40px}}.banner-title{font-size:2.5rem;font-weight:800;margin-bottom:4px;letter-spacing:-0.02em;color:#fff}.banner-tag{font-size:1.1rem;font-weight:500;color:hsla(0,0%,100%,.9)}.banner-actions .btn{background:#fff;color:#0b3d2e;border:none;box-shadow:0 4px 15px rgba(0,0,0,.1)}.banner-actions .btn:hover{background:#f0f4f8;color:#1a5c3a;transform:translateY(-2px)}.stats-grid-compact{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;margin-bottom:96px}@media(max-width: 767px){.stats-grid-compact{grid-template-columns:repeat(2, 1fr)}}.stat-box{background:#fff;padding:40px;border-radius:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 12px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.03);transition:transform .3s ease}.stat-box:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.06)}.stat-icon{font-size:2rem;background:#f0f4f8;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:14px}.stat-value{display:block;font-size:1.8rem;font-weight:800;color:#1a1a2e;line-height:1.1}.stat-label{font-size:.85rem;font-weight:600;color:#9a9ab0;text-transform:uppercase;letter-spacing:.05em}.pillars-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:40px}@media(max-width: 767px){.pillars-grid{grid-template-columns:1fr}}.pillar-item h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:#1a1a2e}.pillar-item p{font-size:.92rem;line-height:1.6;color:#5a5a72}.passport-page{padding-bottom:96px}.passport-hero{text-align:center;padding:64px 0}.passport-hero .passport-hero-badge{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(45,139,85,.08);border-radius:20px;margin:0 auto 24px}.passport-hero h1{margin-bottom:8px}.passport-hero p{max-width:480px;margin:0 auto}.passport-book{max-width:880px;margin:0 auto}.passport-cover{background:linear-gradient(160deg, #0B3D2E 0%, #163832 40%, #1A5C3A 100%);border-radius:28px;padding:64px 40px;text-align:center;color:#f0f0f0;position:relative;overflow:hidden;box-shadow:0 16px 48px rgba(0,0,0,.12),0 4px 16px rgba(0,0,0,.06)}.passport-cover::before{content:"";position:absolute;inset:12px;border:1px solid hsla(0,0%,100%,.12);border-radius:22px;pointer-events:none}.passport-cover::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);background-size:20px 20px;pointer-events:none}.passport-cover .cover-emblem{font-size:3.5rem;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3))}.passport-cover .cover-title{font-family:"Outfit",sans-serif;font-size:clamp(1.2rem,3vw,1.8rem);font-weight:800;text-transform:uppercase;letter-spacing:.15em;margin-bottom:4px}.passport-cover .cover-subtitle{font-size:.85rem;color:#f0c75e;font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:24px}.passport-cover .cover-divider{width:80px;height:2px;background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%);margin:0 auto 24px;border-radius:2px}.passport-cover .cover-name{font-family:"Outfit",sans-serif;font-size:1.4rem;font-weight:600;color:#ffe08a}.passport-cover .cover-progress{margin-top:24px;max-width:200px;margin-left:auto;margin-right:auto}.passport-cover .cover-progress .cover-progress-bar{height:6px;background:hsla(0,0%,100%,.15);border-radius:9999px;overflow:hidden;margin-bottom:4px}.passport-cover .cover-progress .cover-progress-fill{height:100%;background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%);border-radius:9999px;transition:width 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.passport-cover .cover-progress span{font-size:.8rem;color:hsla(0,0%,100%,.6)}.passport-stats-row{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px;margin:calc(-40px) 24px 0;position:relative;z-index:2}@media(max-width: 767px){.passport-stats-row{grid-template-columns:1fr;margin:calc(-24px) 8px 0}}.stat-card{background:hsla(0,0%,100%,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;padding:24px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.stat-card .stat-icon{font-size:1.6rem;margin-bottom:8px}.stat-card .stat-number{font-family:"Outfit",sans-serif;font-size:2.2rem;font-weight:800;color:#1a1a2e}.stat-card .stat-number span{font-size:1rem;font-weight:500;color:#9a9ab0}.stat-card .stat-label{font-size:.8rem;color:#9a9ab0;font-weight:500;text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.stat-card .stat-progress{height:6px;background:rgba(0,0,0,.05);border-radius:9999px;overflow:hidden}.stat-card .stat-progress-bar{height:100%;border-radius:9999px;transition:width 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stat-card.stat-stamps .stat-progress-bar{background:linear-gradient(135deg, #0B3D2E 0%, #1A5C3A 50%, #2D8B55 100%)}.stat-card.stat-visas .stat-progress-bar{background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%)}.stamps-section{margin-top:64px;padding:40px;background:#fff;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.stamps-section h2{text-align:center;margin-bottom:40px;font-size:1.4rem}.stamps-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(100px, 1fr));gap:24px;justify-items:center}@media(max-width: 767px){.stamps-grid{grid-template-columns:repeat(3, 1fr);gap:16px}}.stamp-item{display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.stamp-item:hover{transform:scale(1.08)}.stamp-circle{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.stamp-label{font-size:.75rem;font-weight:600;color:#5a5a72;text-align:center}.stamp-earned .stamp-circle{background:rgba(212,160,23,.1);border:3px solid #d4a017;box-shadow:0 0 30px rgba(212,160,23,.3);animation:stampPop .6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.stamp-earned .stamp-label{color:#b8860b;font-weight:700}.stamp-locked{opacity:.45;filter:grayscale(0.5)}.stamp-locked .stamp-circle{background:rgba(0,0,0,.03);border:2px dashed rgba(0,0,0,.1)}.stamp-locked .stamp-emoji{filter:grayscale(1)}@keyframes stampPop{0%{transform:scale(0.5) rotate(-15deg);opacity:0}60%{transform:scale(1.15) rotate(3deg)}100%{transform:scale(1) rotate(0deg);opacity:1}}.visas-section{margin-top:64px;padding:40px;background:#fff;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.visas-section h2{text-align:center;margin-bottom:8px;font-size:1.4rem}.visas-section .visas-subtitle{text-align:center;color:#9a9ab0;font-size:.9rem;margin-bottom:40px}.visas-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px}@media(max-width: 767px){.visas-grid{grid-template-columns:1fr}}.visa-card{position:relative;background:#fff;border-radius:20px;padding:40px;text-align:center;border:2px solid rgba(0,0,0,.06);transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.visa-card .visa-badge{font-size:3rem;margin-bottom:16px}.visa-card .visa-info h3{font-family:"Outfit",sans-serif;font-size:1.3rem;font-weight:700;margin-bottom:4px}.visa-card .visa-info .visa-country{display:block;font-size:.85rem;color:#5a5a72;margin-bottom:4px}.visa-card .visa-info .visa-term{display:inline-block;font-size:.75rem;background:rgba(0,0,0,.04);padding:4px 12px;border-radius:9999px;color:#9a9ab0;font-weight:600}.visa-card .visa-stamp-mark{position:absolute;top:12px;right:12px;font-size:1.2rem}.visa-card.visa-earned{border-color:var(--visa-color);box-shadow:0 8px 30px -8px rgba(0,0,0,.1)}.visa-card.visa-earned .visa-badge{animation:float 3s ease-in-out infinite}.visa-card.visa-earned:hover{transform:translateY(-6px);box-shadow:0 16px 40px -10px rgba(0,0,0,.15)}.visa-card.visa-locked{opacity:.5;filter:grayscale(0.6)}.visa-card.visa-locked .visa-badge{filter:grayscale(1)}.journey-page{padding-bottom:96px}.journey-page .journey-hero{text-align:center;padding:64px 0}.journey-page .journey-hero .journey-hero-badge{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:rgba(78,155,222,.08);border-radius:20px;margin:0 auto 24px}.journey-page .journey-hero h1{margin-bottom:8px}.journey-page .journey-hero p{max-width:480px;margin:0 auto}.journey-map-container{max-width:700px;margin:0 auto;padding:40px;position:relative}.journey-svg{width:100%;height:auto;overflow:visible}.journey-path{fill:none;stroke:rgba(26,92,58,.1);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.journey-path.path-curvy{stroke-dasharray:15 15;stroke:rgba(45,139,85,.2);stroke-width:10;filter:drop-shadow(0 0 5px rgba(45, 139, 85, 0.1))}.journey-page.level-1{background:linear-gradient(180deg, #f0fdf4 0%, #ffffff 100%)}.journey-page.level-1 .journey-hero-badge{background:#dcfce7;animation:float 3s ease-in-out infinite}.module-node rect{filter:drop-shadow(0 8px 15px rgba(0, 0, 0, 0.12));transition:transform .3s ease}.module-node text{font-family:"Outfit",sans-serif;font-weight:800;text-transform:uppercase;pointer-events:none}.module-node:hover rect{transform:translateY(-2px)}.journey-node{cursor:pointer;transition:transform .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.journey-node:hover{transform:scale(1.15) rotate(5deg)}.journey-node circle{fill:#fff;stroke:rgba(0,0,0,.05);stroke-width:4;transition:all .3s ease;filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.05))}.journey-node text{pointer-events:none;user-select:none}.journey-node.completed circle{fill:#2d8b55;stroke:#3daf6a;stroke-width:4;filter:drop-shadow(0 6px 12px rgba(45, 139, 85, 0.3))}.journey-node.open circle{fill:#fff;stroke:#f0c75e;stroke-width:5;filter:drop-shadow(0 8px 20px rgba(212, 160, 23, 0.25));animation:nodeGlow 2.5s ease-in-out infinite}.journey-node.locked{cursor:not-allowed;opacity:.4;filter:grayscale(1)}.journey-node.locked:hover{transform:none}.journey-node.locked circle{fill:#f3f4f6;stroke:#e5e7eb;stroke-width:2}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes nodeGlow{0%,100%{filter:drop-shadow(0 0 6px rgba(212, 160, 23, 0.3))}50%{filter:drop-shadow(0 0 18px rgba(212, 160, 23, 0.6))}}.journey-empty{text-align:center;padding:96px 40px;background:#fff;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.journey-empty .empty-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.journey-empty h3{margin-bottom:8px;color:#5a5a72}.journey-empty p{color:#9a9ab0;max-width:400px;margin:0 auto 40px}body.lesson-standalone{padding-top:0 !important;margin-top:0 !important}.lesson-topbar{background:#fff;border-bottom:1px solid rgba(0,0,0,.06);padding:8px 40px;position:sticky;top:0;z-index:100}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1400px;margin:0 auto}.topbar-back{display:flex;align-items:center;gap:4px;color:#5a5a72;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);flex-shrink:0}.topbar-back:hover{color:#1a5c3a}@media(max-width: 767px){.topbar-back .topbar-back-text{display:none}}.topbar-center{flex:1;text-align:center;min-width:0}.topbar-center .topbar-lesson-title{font-size:.9rem;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}@media(max-width: 767px){.topbar-center .topbar-lesson-title{font-size:.8rem}}.topbar-steps-indicator{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:160px}.topbar-steps-indicator #step-counter{font-size:.78rem;font-weight:600;color:#9a9ab0;white-space:nowrap}.topbar-steps-indicator .topbar-progress-bar{flex:1;height:6px;background:rgba(0,0,0,.06);border-radius:9999px;overflow:hidden}.topbar-steps-indicator .topbar-progress-fill{height:100%;background:#2d8b55;border-radius:9999px;transition:width .6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.lesson-stepped-body{display:flex;min-height:calc(100vh - 52px)}.steps-sidebar{width:260px;flex-shrink:0;background:#fff;padding:40px 24px;display:flex;flex-direction:column;position:sticky;top:52px;height:calc(100vh - 52px);overflow-y:auto;order:2;border-left:1px solid rgba(0,0,0,.06)}@media(max-width: 767px){.steps-sidebar{display:none}}[dir=rtl] .steps-sidebar{border-left:none;border-right:1px solid rgba(0,0,0,.06)}.steps-sidebar-title{margin-bottom:40px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.06)}.steps-sidebar-title h2{font-size:1.05rem;font-weight:700;margin-bottom:4px;color:#1a1a2e}.steps-sidebar-title .steps-label{font-size:.75rem;color:#9a9ab0}.steps-list{list-style:none;padding:0;margin:0;flex:1}.step-item{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:14px;margin-bottom:4px;font-size:.88rem;font-weight:500;color:#9a9ab0;cursor:default;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.step-item .step-indicator{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;flex-shrink:0;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.step-item .step-icon-done{display:none}.step-item.step-locked{opacity:.45}.step-item.step-locked .step-indicator{background:rgba(0,0,0,.04)}.step-item.step-active{opacity:1;color:#0b3d2e;background:rgba(45,139,85,.06);font-weight:600}.step-item.step-active .step-indicator{background:#2d8b55;color:#fff;box-shadow:0 0 0 3px rgba(45,139,85,.15)}.step-item.step-done{opacity:1;color:#5a5a72;cursor:pointer}.step-item.step-done .step-indicator{background:#2d8b55;color:#fff}.step-item.step-done .step-icon-default{display:none}.step-item.step-done .step-icon-done{display:flex;font-weight:800;font-size:.75rem}.step-item.step-done:hover{background:rgba(0,0,0,.02)}.steps-sidebar-nav{display:flex;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(0,0,0,.06);margin-top:auto}.step-lesson-nav{font-size:.8rem;font-weight:600;color:#1a5c3a;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.step-lesson-nav:hover{color:#0b3d2e}.steps-content{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:64px;background:#f7f5f0}@media(max-width: 767px){.steps-content{padding:24px 16px}}.step-panel{display:none;width:100%;max-width:680px;animation:stepFadeIn .4s ease-out}.step-panel.step-panel-active{display:block}@keyframes stepFadeIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.step-header{margin-bottom:40px}.step-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:rgba(45,139,85,.08);color:#1a5c3a;border-radius:9999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.step-video{margin-bottom:40px;border-radius:28px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.video-frame{position:relative;padding-bottom:56.25%;height:0;background:#000}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%}.step-content-body{background:#fff;border-radius:28px;padding:40px 64px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:40px;font-size:1.05rem;line-height:2;color:#1a1a2e}.step-content-body h3{font-size:1.1rem;margin:24px 0 16px;color:#0b3d2e}.step-content-body ul{list-style:none;padding:0}.step-content-body ul li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.03)}.step-content-body ul li:last-child{border-bottom:none}.step-content-body ul li strong{color:#1a5c3a}.word-step-card{background:#fff;border-radius:28px;padding:96px 64px;text-align:center;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);margin-bottom:40px;position:relative;overflow:hidden}.word-step-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:5px;background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%)}.word-step-fr{font-family:"Outfit",sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;color:#1a5c3a;margin-bottom:8px}.word-step-divider{font-size:1.5rem;opacity:.15;margin-bottom:8px}.word-step-ar{font-family:"Fatimah Arabic","Segoe UI",sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;color:#1a1a2e;margin-bottom:40px}.btn-tts-big{display:inline-flex;align-items:center;gap:8px;padding:16px 40px;background:rgba(78,155,222,.08);border:2px solid rgba(78,155,222,.15);border-radius:9999px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.btn-tts-big span:first-child{font-size:1.5rem}.btn-tts-big:hover{background:rgba(78,155,222,.15);transform:scale(1.05)}.btn-tts-big:active{transform:scale(0.95)}.exercise-step{background:#fff;border-radius:28px;padding:40px 64px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:40px}.exercise-question{font-size:1.2rem;font-weight:700;text-align:center;margin-bottom:40px;color:#1a1a2e;line-height:1.6}.quiz-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px}@media(max-width: 767px){.quiz-grid{grid-template-columns:1fr}}.tf-grid{display:flex;justify-content:center;gap:40px}.opt-btn{padding:24px 40px;border:2px solid rgba(0,0,0,.08);border-radius:20px;background:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.opt-btn:hover{border-color:#76b5eb;background:rgba(118,181,235,.04);transform:translateY(-2px)}.opt-btn.opt-correct{background:#d4f1e1 !important;border-color:#2d8b55 !important;color:#0b3d2e !important;pointer-events:none}.opt-btn.opt-correct::after{content:" ✓";font-weight:800}.opt-btn.opt-wrong{background:#fee2e2 !important;border-color:#ef4444 !important;animation:shake .4s}.opt-btn.opt-disabled{opacity:.4;pointer-events:none}.tf-btn{min-width:140px;text-align:center;border-radius:9999px}.exercise-matching{display:flex;justify-content:center;gap:24px}@media(max-width: 767px){.exercise-matching{gap:8px}}.match-col{display:flex;flex-direction:column;gap:8px;flex:1;max-width:240px}.match-item{padding:16px 24px;border:2px solid rgba(0,0,0,.08);border-radius:14px;background:#fff;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);text-align:center}.match-item:hover{border-color:#76b5eb;transform:translateY(-2px)}.match-item.selected{border-color:#4e9bde;background:rgba(118,181,235,.08);box-shadow:0 0 0 3px rgba(78,155,222,.12)}.match-item.matched{background:#d4f1e1 !important;border-color:#2d8b55 !important;opacity:.7;pointer-events:none}.match-item.matched::after{content:" ✓";color:#227447}.match-item.wrong-match{background:#fee2e2 !important;border-color:#ef4444 !important;animation:shake .3s}.order-list{display:flex;flex-direction:column;gap:8px;margin-bottom:40px;padding:16px;background:rgba(0,0,0,.02);border-radius:20px;min-height:100px}.order-list.order-solved{pointer-events:none}.order-list.order-solved .order-item{background:#d4f1e1 !important;border-color:#2d8b55 !important;color:#0b3d2e}.order-item{padding:16px 24px;background:#fff;border:2px solid rgba(0,0,0,.08);border-radius:14px;font-weight:600;cursor:grab;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:8px}.order-item::before{content:"☰";opacity:.3;font-size:.8rem}.order-item:hover{border-color:#76b5eb;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.order-item:active{cursor:grabbing}.order-item-ghost{opacity:.4;background:rgba(78,155,222,.05) !important;border:2px dashed #4e9bde !important}.btn-check-order{display:block;width:200px;margin:0 auto;padding:16px;background:#4e9bde;color:#fff;border:none;border-radius:9999px;font-weight:700;cursor:pointer;transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.btn-check-order:hover{background:#3a83c2;transform:translateY(-2px)}.btn-check-order.btn-wrong-shake{background:#ef4444;animation:shake .5s}.exercise-feedback{margin-top:24px;text-align:center;font-weight:800;font-size:1.15rem;padding:16px;border-radius:20px;animation:stepFadeIn .5s}.exercise-feedback.feedback-correct{color:#1a5c3a;background:rgba(45,139,85,.06)}.exercise-feedback.feedback-wrong{color:#dc2626;background:rgba(239,68,68,.06)}.btn-step-next{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:24px;background:#2d8b55;color:#fff;border:none;border-radius:20px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1);margin-top:16px}.btn-step-next:hover{background:#1a5c3a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,139,85,.3)}.btn-step-next.btn-step-locked{background:rgba(0,0,0,.06);color:#9a9ab0;cursor:not-allowed}.btn-step-next.btn-step-locked:hover{transform:none;box-shadow:none}.assignment-step{background:#fff;border-radius:28px;padding:40px 64px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:40px;border:2px solid rgba(212,160,23,.15)}.assignment-step h3{font-size:1.15rem;font-weight:700;margin-bottom:16px}.assignment-step .assignment-instructions{font-size:.95rem;color:#5a5a72;line-height:1.8;margin-bottom:40px;padding:16px;background:rgba(212,160,23,.04);border-radius:14px;border-left:3px solid #d4a017}.upload-zone{display:flex;flex-direction:column;align-items:center;gap:8px;padding:64px;border:2px dashed rgba(0,0,0,.12);border-radius:28px;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);text-align:center}.upload-zone:hover{border-color:#2d8b55;background:rgba(45,139,85,.02)}.upload-zone .upload-zone-icon{font-size:2.5rem}.upload-zone strong{font-size:.95rem;color:#1a1a2e}.upload-zone .upload-zone-hint{font-size:.8rem;color:#9a9ab0}.upload-preview{max-width:280px;margin:24px auto;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);display:none}.upload-preview img{width:100%;display:block}.upload-status{text-align:center;font-weight:600;font-size:.95rem;margin:16px 0}.upload-status .success{color:#2d8b55}.upload-status .error{color:#dc2626}.lesson-complete-screen{text-align:center;padding:96px 40px}.lesson-complete-screen .complete-emoji{font-size:5rem;margin-bottom:24px;animation:bounceIn .8s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.lesson-complete-screen h2{font-family:"Outfit",sans-serif;font-size:1.8rem;font-weight:800;color:#0b3d2e;margin-bottom:8px}.lesson-complete-screen p{color:#9a9ab0;font-size:1rem;margin-bottom:64px}.complete-actions{display:flex;flex-direction:column;gap:16px;max-width:320px;margin:0 auto}.btn-complete-primary{display:block;padding:24px;background:#2d8b55;color:#fff;border-radius:20px;font-weight:700;text-align:center;transition:all .5s cubic-bezier(0.34, 1.56, 0.64, 1)}.btn-complete-primary:hover{background:#1a5c3a;transform:translateY(-2px);box-shadow:0 8px 24px rgba(45,139,85,.3)}.btn-complete-secondary{display:block;padding:16px;color:#5a5a72;border:1px solid rgba(0,0,0,.08);border-radius:20px;font-weight:600;text-align:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.btn-complete-secondary:hover{background:rgba(0,0,0,.02)}.confetti-particle{pointer-events:none;z-index:10;position:absolute}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes bounceIn{0%{transform:scale(0.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(0.9)}100%{transform:scale(1);opacity:1}}.teacher-dashboard{display:flex;min-height:100vh;background:#f3f1ec;margin-top:-72px;position:relative;z-index:101}.teacher-dashboard[dir=ltr]{text-align:left}.teacher-dashboard[dir=ltr] *{text-align:inherit}.teacher-dashboard::before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 1px 1px, rgba(0, 0, 0, 0.03) 1px, transparent 0);background-size:24px 24px;pointer-events:none;z-index:0}html.td-active-page{margin-top:0 !important}body.teacher-dashboard-active,body:has(#content-editor-page){padding-top:0 !important;margin-top:0 !important}body.teacher-dashboard-active #wpadminbar,body.teacher-dashboard-active .site-header,body.teacher-dashboard-active .site-footer,body:has(#content-editor-page) #wpadminbar,body:has(#content-editor-page) .site-header,body:has(#content-editor-page) .site-footer{display:none !important}body.teacher-dashboard-active.admin-bar,body:has(#content-editor-page).admin-bar{margin-top:0 !important}.td-sidebar{width:260px;min-height:100vh;background:linear-gradient(180deg, #0B3D2E 0%, rgb(7.8833333333, 43.7166666667, 32.9666666667) 60%, rgb(4.7666666667, 26.4333333333, 19.9333333333) 100%);color:#f0f0f0;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:120;transition:transform .35s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.td-sidebar::before{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;background:radial-gradient(circle, rgba(212, 160, 23, 0.08) 0%, transparent 70%);pointer-events:none;z-index:0}.td-sidebar::after{content:"";position:absolute;bottom:-80px;left:-40px;width:200px;height:200px;background:radial-gradient(circle, rgba(111, 207, 151, 0.06) 0%, transparent 70%);pointer-events:none;z-index:0}@media(max-width: 767px){.td-sidebar{transform:translateX(-100%);width:280px;box-shadow:none}.td-sidebar.open{transform:translateX(0);box-shadow:10px 0 40px rgba(0,0,0,.3)}}.td-main{padding-top:0}.td-main .td-tab-content{padding-top:85px}@media(max-width: 767px){.td-main .td-tab-content{padding-top:24px}}[dir=rtl] .td-sidebar{left:auto;right:0}[dir=rtl] .td-sidebar::before{right:auto;left:-60px}[dir=rtl] .td-sidebar::after{left:auto;right:-40px}@media(max-width: 767px){[dir=rtl] .td-sidebar{transform:translateX(100%)}[dir=rtl] .td-sidebar.open{transform:translateX(0)}}.td-sidebar-brand{padding:40px 24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid hsla(0,0%,100%,.06);position:relative;z-index:1}.td-sidebar-logo{font-size:1.8rem;filter:drop-shadow(0 2px 6px rgba(0, 0, 0, 0.3))}.td-sidebar-title{font-family:"Outfit",sans-serif;font-weight:700;font-size:1.1rem;letter-spacing:-0.02em;background:linear-gradient(135deg, #FFFFFF 0%, #FFE08A 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.td-sidebar-nav{flex:1;padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:relative;z-index:1}.td-nav-item{display:flex;align-items:center;gap:16px;padding:12px 16px;border-radius:14px;font-size:.92rem;font-weight:500;color:hsla(0,0%,100%,.55);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);position:relative}.td-nav-item:hover{color:hsla(0,0%,100%,.85);background:hsla(0,0%,100%,.04)}.td-nav-item.active{color:#fff;background:hsla(0,0%,100%,.08);font-weight:600}.td-nav-item.active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:linear-gradient(135deg, #D4A017 0%, #F0C75E 100%)}[dir=rtl] .td-nav-item.active::before{left:auto;right:0;border-radius:3px 0 0 3px}.td-nav-icon{font-size:1.15rem;width:24px;text-align:center}.td-nav-badge{margin-inline-start:auto;background:#e07b5d;color:#fff;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:9999px;min-width:20px;text-align:center;animation:gentlePulse 2s ease-in-out infinite}@keyframes gentlePulse{0%,100%{opacity:1}50%{opacity:.7}}.td-sidebar-footer{padding:24px;border-top:1px solid hsla(0,0%,100%,.06);position:relative;z-index:1}.td-teacher-info{display:flex;align-items:center;gap:8px;margin-bottom:16px}.td-teacher-avatar{width:36px;height:36px;border-radius:50%;border:2px solid hsla(0,0%,100%,.15)}.td-teacher-name{display:block;font-weight:600;font-size:.85rem}.td-teacher-role{display:block;font-size:.7rem;color:#f0c75e;text-transform:uppercase;letter-spacing:.08em}.td-back-link{display:block;font-size:.8rem;color:hsla(0,0%,100%,.35);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-back-link:hover{color:hsla(0,0%,100%,.7)}.td-footer-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.td-logout-link{font-size:.8rem;font-weight:600;color:rgba(240,147,111,.8);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none}.td-logout-link:hover{color:#e07b5d;transform:translateY(-1px)}.td-main{flex:1;margin-inline-start:260px;padding:0;min-height:100vh;position:relative;z-index:1}@media(max-width: 767px){.td-main{margin-inline-start:0}}.td-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:#fff;border-bottom:2px solid rgba(0,0,0,.04);position:sticky;top:0;height:72px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.02)}@media(max-width: 767px){.td-topbar{padding:8px 16px;height:60px}}.td-topbar-left{display:flex;align-items:center;gap:16px}.td-page-title{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.td-mobile-toggle{display:none;width:32px;height:32px;flex-direction:column;justify-content:center;gap:4px;align-items:center;cursor:pointer;background:none;border:none;padding:4px}.td-mobile-toggle span{display:block;width:20px;height:2px;background:#1a1a2e;border-radius:2px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 767px){.td-mobile-toggle{display:flex}}.td-topbar-right{display:flex;align-items:center;gap:16px}.td-search{display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.03);padding:8px 16px;border-radius:9999px;border:1px solid rgba(0,0,0,.04);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-search:focus-within{background:#fff;border-color:rgba(26,92,58,.15);box-shadow:0 0 0 3px rgba(45,139,85,.06)}.td-search input{border:none;background:rgba(0,0,0,0);outline:none;font-size:.85rem;width:160px;color:#1a1a2e;padding-inline-start:24px}.td-search input::placeholder{color:#9a9ab0}.td-search .td-search-icon{position:absolute;inset-inline-start:16px;font-size:14px;color:#9a9ab0;pointer-events:none}@media(max-width: 767px){.td-search{display:none}}.lang-switch{display:flex;gap:5px;background:rgba(0,0,0,.05);padding:4px;border-radius:8px;margin-right:15px}.lang-switch a{display:block;padding:4px 10px;font-size:12px;font-weight:600;color:#1a5c3a;text-decoration:none;border-radius:6px;transition:all .2s}.lang-switch a.active{background:#1a5c3a;color:#fff}.lang-switch a:hover:not(.active){background:rgba(0,0,0,.05)}.td-notif-bell{position:relative;font-size:1.3rem;cursor:pointer;padding:6px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-notif-bell:hover{transform:scale(1.15)}.td-notif-count{position:absolute;top:-2px;right:-4px;background:#e07b5d;color:#fff;font-size:.6rem;font-weight:800;padding:1px 5px;border-radius:9999px;line-height:1.3}[dir=rtl] .td-notif-count{right:auto;left:-4px}.td-score-badge{padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:700;display:inline-block}.td-score-badge.score-high{background:rgba(45,139,85,.1);color:#1a5c3a}.td-score-badge.score-mid{background:rgba(212,160,23,.1);color:#b8860b}.td-score-badge.score-low{background:rgba(224,123,93,.1);color:#e07b5d}.badge-interactive{background:rgba(124,92,191,.1);color:#7c5cbf}.td-tab-content{display:none;padding:40px;animation:fadeSlideUp .4s cubic-bezier(0.4, 0, 0.2, 1)}.td-tab-content.active{display:block}@media(max-width: 767px){.td-tab-content{padding:16px}}@keyframes fadeSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.td-welcome-banner{background:linear-gradient(135deg, #0B3D2E 0%, #1A5C3A 50%, #2D8B55 100%);border-radius:28px;padding:40px 64px;margin-bottom:40px;color:#fff;position:relative;overflow:hidden}.td-welcome-banner::before{content:"";position:absolute;top:-40px;right:-30px;width:160px;height:160px;background:hsla(0,0%,100%,.06);border-radius:50%;pointer-events:none}.td-welcome-banner::after{content:"";position:absolute;bottom:-60px;right:80px;width:120px;height:120px;background:hsla(0,0%,100%,.04);border-radius:50%;pointer-events:none}@media(max-width: 767px){.td-welcome-banner{padding:24px}}.td-welcome-content{position:relative;z-index:1}.td-welcome-greeting{font-size:.9rem;font-weight:500;color:hsla(0,0%,100%,.95);margin-bottom:6px;display:block}.td-welcome-title{font-family:"Outfit",sans-serif;font-size:2.2rem;font-weight:800;color:#fff;margin:0 0 8px;line-height:1.2;letter-spacing:-0.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media(max-width: 767px){.td-welcome-title{font-size:1.6rem}}.td-welcome-subtitle{font-size:.95rem;color:hsla(0,0%,100%,.9);margin:0;max-width:480px;line-height:1.6}.td-welcome-date{position:absolute;top:40px;right:64px;text-align:right;z-index:1;color:#fff}.td-welcome-date .td-welcome-day-name{display:block;font-size:.85rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.05em;margin-bottom:-4px}.td-welcome-date .td-welcome-day{font-size:2.5rem;font-weight:800;display:block;line-height:1}.td-welcome-date .td-welcome-month{font-size:.8rem;font-weight:500;opacity:.85}@media(max-width: 767px){.td-welcome-date{position:static;text-align:left;margin-top:16px}}[dir=rtl] .td-welcome-date{right:auto;left:64px;text-align:left}@media(max-width: 767px){[dir=rtl] .td-welcome-date{text-align:right}}.td-welcome-day{display:block;font-family:"Outfit",sans-serif;font-size:2.4rem;font-weight:800;line-height:1}.td-welcome-month{font-size:.82rem;opacity:.7}.td-stats-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px;margin-bottom:40px}@media(max-width: 767px){.td-stats-grid{grid-template-columns:repeat(2, 1fr);gap:16px}}.td-stat-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden}.td-stat-card::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.td-stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.td-stat-pending::after{background:#d4a017}.td-stat-approved::after{background:#2d8b55}.td-stat-students::after{background:#4e9bde}.td-stat-redo::after{background:#e07b5d}.td-stat-icon{font-size:1.6rem;margin-bottom:8px}.td-stat-number{display:block;font-family:"Outfit",sans-serif;font-size:2.4rem;font-weight:800;color:#1a1a2e;line-height:1;margin-bottom:4px}.td-stat-label{font-size:.8rem;color:#9a9ab0;font-weight:500}.td-stat-trend{margin-top:8px;font-size:.72rem;font-weight:600;color:#9a9ab0;padding-top:8px;border-top:1px solid rgba(0,0,0,.04)}.td-stat-trend--warn{color:#b8860b}.td-stat-trend--good{color:#2d8b55}.td-overview-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:40px}@media(max-width: 767px){.td-overview-grid{grid-template-columns:1fr}}.td-panel{background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03);overflow:hidden}.td-panel-header{padding:24px 40px;border-bottom:1px solid rgba(0,0,0,.04)}.td-panel-header h3{font-size:1rem;font-weight:700;margin:0}.td-panel-body{padding:24px 40px}.td-activity-list{list-style:none;margin:0;padding:0}.td-activity-item{display:flex;align-items:flex-start;gap:16px;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.03);transition:background .2s ease}.td-activity-item:last-child{border-bottom:none}.td-activity-item:hover{background:rgba(0,0,0,.008);margin-inline:-16px;padding-inline:16px;border-radius:8px}.td-activity-icon{font-size:1.3rem;padding-top:2px;flex-shrink:0}.td-activity-body{flex:1;min-width:0}.td-activity-text{font-size:.85rem;color:#1a1a2e;line-height:1.5;margin:0}.td-activity-time{font-size:.72rem;color:#9a9ab0}.td-badge{display:inline-block;padding:3px 10px;border-radius:9999px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.badge-pending{background:rgba(212,160,23,.12);color:#b8860b}.badge-approved{background:rgba(45,139,85,.1);color:#1a5c3a}.badge-redo{background:rgba(224,123,93,.1);color:#e07b5d}.td-quick-stat{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.03)}.td-quick-stat:last-of-type{border-bottom:none}.td-quick-label{font-size:.85rem;color:#5a5a72}.td-quick-value{font-family:"Outfit",sans-serif;font-weight:700;font-size:1.1rem;color:#1a1a2e}.td-quick-divider{margin:24px 0;border:0;height:1px;background:rgba(0,0,0,.04)}.td-completion-ring-wrapper{text-align:center}.td-completion-ring-wrapper h4{font-size:.85rem;color:#5a5a72;margin-bottom:16px;font-weight:600}.td-completion-ring{position:relative;width:120px;height:120px;margin:0 auto}.td-completion-ring svg{transform:rotate(-90deg);width:100%;height:100%}.td-ring-bg{fill:none;stroke:rgba(0,0,0,.04);stroke-width:10}.td-ring-fill{fill:none;stroke:#2d8b55;stroke-width:10;stroke-linecap:round;transition:stroke-dasharray 1.5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.td-ring-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Outfit",sans-serif;font-weight:800;font-size:1.6rem;color:#1a1a2e}.td-filter-bar{display:flex;gap:8px;margin-bottom:40px;flex-wrap:wrap}.td-filter-btn{padding:10px 20px;border-radius:9999px;font-size:.82rem;font-weight:600;color:#5a5a72;background:#fff;border:1px solid rgba(0,0,0,.06);cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-filter-btn:hover{background:rgba(26,92,58,.04);color:#1a5c3a}.td-filter-btn.active{background:#0b3d2e;color:#fff;border-color:#0b3d2e}.td-filter-btn .count{opacity:.6;font-weight:400}.td-submissions-list{display:flex;flex-direction:column;gap:16px}.td-submission-card{display:grid;grid-template-columns:100px 1fr auto;gap:24px;align-items:start;background:#fff;border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.td-submission-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}@media(max-width: 767px){.td-submission-card{grid-template-columns:1fr;gap:16px}}.td-sub-preview img{width:100px;height:100px;object-fit:cover;border-radius:14px;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);border:2px solid rgba(0,0,0,.04)}.td-sub-preview img:hover{transform:scale(1.05);box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}@media(max-width: 767px){.td-sub-preview img{width:100%;height:180px}}.td-sub-info{flex:1}.td-sub-header{display:flex;align-items:center;gap:16px;margin-bottom:4px}.td-sub-student{font-size:1rem;font-weight:700;margin:0}.td-sub-assignment{font-size:.88rem;color:#5a5a72;margin:4px 0 2px}.td-sub-lesson{font-size:.78rem;color:#9a9ab0;margin:0}.td-sub-time{font-size:.72rem;color:#9a9ab0;margin-top:4px;display:block}.td-sub-feedback-display{margin-top:8px;padding:8px 16px;background:rgba(78,155,222,.06);border-radius:8px;font-size:.8rem;color:#5a5a72;border-left:3px solid #76b5eb}.td-sub-feedback-display strong{color:#1a1a2e}[dir=rtl] .td-sub-feedback-display{border-left:none;border-right:3px solid #76b5eb}.td-sub-actions{display:flex;flex-direction:column;gap:8px;min-width:200px}@media(max-width: 767px){.td-sub-actions{min-width:auto}}.td-feedback-input textarea{width:100%;border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:8px;font-size:.82rem;resize:vertical;background:rgba(0,0,0,.01);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);font-family:"Inter",system-ui,sans-serif}.td-feedback-input textarea:focus{outline:none;border-color:rgba(26,92,58,.2);box-shadow:0 0 0 3px rgba(45,139,85,.06)}.td-action-buttons{display:flex;gap:8px}.btn-approve{flex:1;padding:10px 16px;font-size:.82rem;font-weight:600;border-radius:14px;background:#2d8b55;color:#fff;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);border:none}.btn-approve:hover{background:#1a5c3a;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.btn-approve:disabled{opacity:.6;cursor:not-allowed}.btn-redo{flex:1;padding:10px 16px;font-size:.82rem;font-weight:600;border-radius:14px;background:rgba(224,123,93,.1);color:#e07b5d;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(224,123,93,.2)}.btn-redo:hover{background:#e07b5d;color:#fff;transform:translateY(-1px)}.btn-redo:disabled{opacity:.6;cursor:not-allowed}.td-action-result{text-align:center;animation:fadeSlideUp .5s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.td-action-result p{font-size:.82rem;margin-top:8px}.td-sub-approved-animate{border-left:3px solid #2d8b55;animation:cardApproved .6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.td-sub-redo-animate{border-left:3px solid #e07b5d;animation:cardRedo .6s cubic-bezier(0.175, 0.885, 0.32, 1.275)}[dir=rtl] .td-sub-approved-animate{border-left:none;border-right:3px solid #2d8b55}[dir=rtl] .td-sub-redo-animate{border-left:none;border-right:3px solid #e07b5d}@keyframes cardApproved{0%{background:rgba(45,139,85,.08)}100%{background:#fff}}@keyframes cardRedo{0%{background:rgba(224,123,93,.08)}100%{background:#fff}}.td-students-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:24px}.td-student-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.td-student-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.td-student-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.td-student-avatar{width:48px;height:48px;border-radius:50%;border:2px solid rgba(45,139,85,.15)}.td-student-name{font-size:1rem;font-weight:700;margin:0}.td-student-email{font-size:.75rem;color:#9a9ab0}.td-student-stats{display:grid;grid-template-columns:repeat(3, 1fr);gap:8px;margin-bottom:24px}.td-mini-stat{text-align:center;padding:8px;background:rgba(0,0,0,.015);border-radius:8px}.td-mini-icon{display:block;font-size:1.1rem;margin-bottom:2px}.td-mini-value{display:block;font-family:"Outfit",sans-serif;font-weight:800;font-size:1.3rem;color:#1a1a2e}.td-mini-label{display:block;font-size:.65rem;color:#9a9ab0;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.td-student-progress{margin-bottom:16px}.td-student-progress-header{display:flex;justify-content:space-between;font-size:.78rem;color:#5a5a72;margin-bottom:6px;font-weight:500}.td-progress-bar{height:6px;background:rgba(0,0,0,.04);border-radius:9999px;overflow:hidden}.td-progress-fill{height:100%;background:linear-gradient(135deg, #0B3D2E 0%, #1A5C3A 50%, #2D8B55 100%);border-radius:9999px;transition:width 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.td-student-footer{display:flex;justify-content:space-between;font-size:.7rem;color:#9a9ab0;padding-top:8px;border-top:1px solid rgba(0,0,0,.03)}.td-content-overview{display:grid;grid-template-columns:repeat(4, 1fr);gap:24px}@media(max-width: 767px){.td-content-overview{grid-template-columns:repeat(2, 1fr)}}.td-content-card{background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.03);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.td-content-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.td-content-card h3{font-size:2.2rem;font-weight:800;margin:8px 0 4px}.td-content-card p{font-size:.82rem;color:#9a9ab0;margin-bottom:16px}.td-content-icon{width:56px;height:56px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-size:1.6rem}.btn-sm{padding:8px 16px;font-size:.78rem;border-radius:14px}.td-quick-links{display:flex;gap:16px;flex-wrap:wrap}.td-quick-link{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:rgba(26,92,58,.04);border-radius:14px;font-size:.88rem;font-weight:600;color:#1a5c3a;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-quick-link:hover{background:#1a5c3a;color:#fff;transform:translateY(-2px);box-shadow:0 2px 8px rgba(0,0,0,.06)}.td-quick-link span{font-size:1.2rem}.td-empty-state{text-align:center;padding:64px 40px}.td-empty-state .td-empty-icon{font-size:3rem;display:block;margin-bottom:16px;opacity:.5}.td-empty-state h3{font-size:1.1rem;color:#5a5a72;margin-bottom:8px}.td-empty-state p{color:#9a9ab0;font-size:.9rem}.td-modal{display:none;position:fixed;inset:0;z-index:300}.td-modal.active{display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.td-modal-overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(8px)}.td-modal-content{position:relative;z-index:2;max-width:90vw;max-height:90vh}.td-modal-content img{max-width:100%;max-height:85vh;border-radius:20px;box-shadow:0 16px 60px rgba(0,0,0,.4)}.td-modal-x{position:absolute;top:-12px;right:-12px;width:36px;height:36px;border-radius:50%;background:#fff;color:#1a1a2e;font-size:1.2rem;border:none;cursor:pointer;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-modal-x:hover{background:#e07b5d;color:#fff;transform:scale(1.1)}[dir=rtl] .td-modal-x{right:auto;left:-12px}.td-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:110;backdrop-filter:blur(4px)}.td-sidebar-overlay.active{display:block}.td-tree-root{margin-top:16px}.td-tree-root .td-tree-item{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;margin-bottom:4px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-tree-root .td-tree-item .td-tree-children{min-height:10px;padding-inline-start:40px;padding-top:4px;padding-bottom:4px;padding-inline-end:4px;background:rgba(0,0,0,.015);border-top:1px dashed rgba(0,0,0,.06)}@media(max-width: 767px){.td-tree-root .td-tree-item .td-tree-children{padding-inline-start:20px}}.td-tree-root .td-tree-header{display:flex;align-items:center;padding:12px 16px;gap:8px;background:#fff;border-radius:14px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-tree-root .td-tree-header.td-tree-header-clickable{cursor:pointer}.td-tree-root .td-tree-header.td-tree-header-clickable:hover{background:rgba(0,0,0,.02)}.td-tree-root .td-drag-handle{cursor:grab;color:#9a9ab0;font-size:1.2rem;line-height:1;padding:4px;display:flex;align-items:center;opacity:.5;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-tree-root .td-drag-handle:hover{opacity:1;color:#227447}.td-tree-root .td-drag-handle:active{cursor:grabbing}.td-tree-root .td-tree-info{flex:1;display:flex;align-items:center;gap:8px}.td-tree-root .td-tree-info .td-tree-icon{font-size:1.2rem}.td-tree-root .td-tree-info .td-tree-title{font-weight:600;color:#1a1a2e;font-size:.95rem}.td-tree-root .td-tree-chevron{display:flex;align-items:center;justify-content:center;color:#5a5a72;transition:transform .2s ease;margin-inline-end:4px}.td-tree-root .td-tree-chevron svg{width:18px;height:18px}.td-tree-root .td-tree-chevron.collapsed{transform:rotate(-90deg)}[dir=rtl] .td-tree-root .td-tree-chevron.collapsed{transform:rotate(90deg)}.td-tree-root .td-tree-actions{display:flex;align-items:center;gap:6px;opacity:0;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}@media(max-width: 767px){.td-tree-root .td-tree-actions{opacity:1}}.td-tree-root .td-tree-actions .btn{padding:4px 8px;font-size:.75rem;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.td-tree-root .td-tree-actions .td-icon-btn{padding:4px;width:28px;height:28px;justify-content:center;border-radius:14px;color:#5a5a72;border-color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.td-tree-root .td-tree-actions .td-icon-btn:hover{background:rgba(0,0,0,.05);color:#1a5c3a}.td-tree-root .td-tree-actions .td-add-btn{border-radius:20px;padding:4px 10px;font-weight:500;background:rgba(45,139,85,.1);color:#1a5c3a;border:none;transition:all .3s ease}.td-tree-root .td-tree-actions .td-add-btn span{max-width:0;overflow:hidden;opacity:0;transition:max-width .3s ease,opacity .3s ease,margin .3s ease}.td-tree-root .td-tree-actions .td-add-btn:hover{background:#227447;color:#fff}.td-tree-root .td-tree-actions .td-add-btn:hover span{max-width:80px;opacity:1;margin-inline-start:4px}.td-tree-root .td-tree-actions .td-add-assignment,.td-tree-root .td-tree-actions .td-add-quiz{background:rgba(212,160,23,.1);color:rgb(135.8769230769,98.9538461538,8.1230769231)}.td-tree-root .td-tree-actions .td-add-assignment:hover,.td-tree-root .td-tree-actions .td-add-quiz:hover{background:#b8860b;color:#fff}.td-tree-root .td-tree-header:hover .td-tree-actions{opacity:1}.td-tree-root .td-tree-type-module>.td-tree-header{border-inline-start:4px solid #2d8b55}.td-tree-root .td-tree-type-lesson>.td-tree-header{border-inline-start:3px solid #4e9bde;background:#f9fafc}.td-tree-root .td-tree-type-assignment>.td-tree-header,.td-tree-root .td-tree-type-quiz>.td-tree-header{border-inline-start:2px solid #d4a017;background:#fffcf5}.td-tree-root .td-tree-type-assignment>.td-tree-header .td-tree-title,.td-tree-root .td-tree-type-quiz>.td-tree-header .td-tree-title{font-size:.9rem;font-weight:500}.td-tree-root .td-tree-orphan-group{margin-top:40px;border:1px dashed #f0936f;background:rgba(224,123,93,.02)}.td-tree-root .td-tree-orphan-group>.td-tree-header{border-inline-start:none;background:rgba(0,0,0,0)}.td-tree-root .td-tree-orphan-group>.td-tree-header .td-tree-title{color:rgb(215.8082901554,88.1191709845,50.1917098446);font-family:"Outfit",sans-serif}.td-tree-root .td-tree-ghost{opacity:.4;background:rgba(45,139,85,.1) !important;border:2px dashed #2d8b55 !important;transform:scale(0.98);border-radius:14px}.td-tree-root .td-tree-ghost>*{visibility:hidden}@keyframes pulseSave{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(45,139,85,.6)}50%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(45,139,85,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(45,139,85,0)}}.td-pulse-btn{animation:pulseSave 1.5s infinite}.td-modal--form .td-modal-content{background:#fff;border-radius:20px;padding:28px 32px;max-width:520px;width:90vw;box-shadow:0 24px 80px rgba(0,0,0,.25);max-height:90vh;overflow-y:auto}@media(max-width: 767px){.td-modal--form .td-modal-content{padding:22px 18px;width:95vw}}.td-modal--form .td-modal-x{top:16px !important;right:16px !important;left:auto !important;width:32px;height:32px;background:rgba(0,0,0,.06);box-shadow:none;font-size:1.1rem;color:#5a5a72}.td-modal--form .td-modal-x:hover{background:#e07b5d;color:#fff}[dir=rtl] .td-modal--form .td-modal-x{right:auto !important;left:16px !important}.td-modal--form .td-modal-title{font-size:1.15rem;font-weight:700;color:#1a1a2e;margin:0 0 20px;padding-bottom:14px;border-bottom:1.5px solid rgba(0,0,0,.1);display:flex;align-items:center;gap:8px}.td-modal--form .td-form-group{margin-bottom:18px}.td-modal--form .td-form-label{display:block;font-weight:600;font-size:.82rem;color:#5a5a72;margin-bottom:6px;letter-spacing:-0.01em}.td-modal--form .td-form-input,.td-modal--form .td-form-select{width:100%;border:1.5px solid rgba(0,0,0,.1);border-radius:10px;padding:10px 14px;font-size:.9rem;font-family:"Inter",system-ui,sans-serif;color:#1a1a2e;background:#fafbfc;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);-webkit-appearance:none;appearance:none}.td-modal--form .td-form-input:focus,.td-modal--form .td-form-select:focus{outline:none;border-color:#2d8b55;box-shadow:0 0 0 3px rgba(45,139,85,.1);background:#fff}.td-modal--form .td-form-input::placeholder,.td-modal--form .td-form-select::placeholder{color:rgba(0,0,0,.3)}.td-modal--form .td-form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:left 12px center;background-repeat:no-repeat;background-size:18px 18px;padding-inline-start:14px;padding-inline-end:36px}[dir=ltr] .td-modal--form .td-form-select{background-position:right 12px center}.td-modal--form .td-form-checklist{max-height:220px;overflow-y:auto;border:1.5px solid rgba(0,0,0,.08);border-radius:10px;padding:6px;background:#fafbfc}.td-modal--form .td-form-check-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:.88rem;color:#1a1a2e;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-modal--form .td-form-check-item:hover{background:rgba(45,139,85,.04)}.td-modal--form .td-form-check-item input[type=checkbox]{width:16px;height:16px;accent-color:#227447;cursor:pointer;flex-shrink:0}.td-modal--form .td-form-check-item .td-check-meta{margin-inline-start:auto;font-size:.72rem;color:#9a9ab0;font-weight:500}.td-modal--form .td-form-toolbar{display:flex;gap:4px;padding:8px 12px;background:#eef0f4;border:1.5px solid rgba(0,0,0,.08);border-bottom:1px solid rgba(0,0,0,.06);border-radius:10px 10px 0 0}.td-modal--form .td-toolbar-btn{padding:5px 10px;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,.08);border-radius:6px;cursor:pointer;font-size:.82rem;font-weight:600;color:#5a5a72;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.td-modal--form .td-toolbar-btn:hover{background:#fff;border-color:rgba(0,0,0,.15);color:#1a1a2e}.td-modal--form .td-form-richtext{border:1.5px solid rgba(0,0,0,.08);border-radius:0 0 10px 10px;min-height:140px;padding:14px;background:#fff;font-size:.9rem;font-family:"Inter",system-ui,sans-serif;outline:none;color:#1a1a2e;line-height:1.6}.td-modal--form .td-form-richtext:focus{border-color:#2d8b55;box-shadow:0 0 0 3px rgba(45,139,85,.08)}.td-modal--form .td-form-richtext:empty::before{content:attr(data-placeholder);color:rgba(0,0,0,.3)}.td-modal--form .td-form-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06)}.td-modal--form .btn{padding:10px 20px;font-size:.85rem;border-radius:10px}.td-modal--form .btn::before{display:none}.td-modal--form .btn-outline{padding:10px 20px;border-width:1.5px}html.td-active-page{margin-top:0 !important}body.teacher-dashboard-active,body:has(#content-editor-page){padding-top:0 !important;margin-top:0 !important}body.teacher-dashboard-active #wpadminbar,body.teacher-dashboard-active .site-header,body.teacher-dashboard-active .site-footer,body:has(#content-editor-page) #wpadminbar,body:has(#content-editor-page) .site-header,body:has(#content-editor-page) .site-footer{display:none !important}body.teacher-dashboard-active.admin-bar,body:has(#content-editor-page).admin-bar{margin-top:0 !important}#content-editor-page.content-editor-page{display:block;min-height:100vh;background:#f5f3ee;margin-top:0;position:relative;z-index:9999;text-align:left}#content-editor-page.content-editor-page[dir=rtl]{text-align:right}#content-editor-page.content-editor-page[dir=rtl] .ce-body{flex-direction:row-reverse}.ce-topbar{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;background:hsla(0,0%,100%,.88);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:100;gap:16px}@media(max-width: 767px){.ce-topbar{flex-wrap:wrap;padding:8px 16px}}.ce-topbar-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.ce-back-btn{display:inline-flex;align-items:center;gap:4px;color:#5a5a72;font-size:.85rem;font-weight:500;text-decoration:none;padding:4px 8px;border-radius:8px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.ce-back-btn:hover{background:rgba(0,0,0,.04);color:#1a1a2e}.ce-breadcrumb{display:flex;align-items:center;gap:8px}.ce-type-badge{background:rgba(26,92,58,.08);color:#1a5c3a;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600}.ce-status-badge{font-size:.78rem;color:#5a5a72;padding:3px 10px;background:rgba(0,0,0,.03);border-radius:12px}.ce-topbar-right{display:flex;align-items:center;gap:8px}.ce-topbar-right .lang-switch{display:flex;gap:4px;background:rgba(0,0,0,.05);padding:4px;border-radius:8px;margin-right:10px}.ce-topbar-right .lang-switch a{display:block;padding:4px 10px;font-size:11px;font-weight:700;color:#5a5a72;text-decoration:none;border-radius:6px;transition:all .2s}.ce-topbar-right .lang-switch a.active{background:#1a5c3a;color:#fff}.ce-topbar-right .lang-switch a:hover:not(.active){background:rgba(0,0,0,.05)}.ce-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:14px;font-size:.85rem;font-weight:600;cursor:pointer;border:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);white-space:nowrap}.ce-btn:disabled{opacity:.5;cursor:not-allowed}.ce-btn-ghost{background:rgba(0,0,0,0);border:1.5px solid rgba(0,0,0,.1);color:#5a5a72}.ce-btn-ghost:hover{background:rgba(0,0,0,.03);border-color:rgba(0,0,0,.2);color:#1a1a2e}.ce-btn-primary{background:#1a5c3a;color:#fff;box-shadow:0 2px 8px rgba(26,92,58,.25)}.ce-btn-primary:hover{background:rgb(20.3813559322,72.1186440678,45.4661016949);box-shadow:0 4px 16px rgba(26,92,58,.35);transform:translateY(-1px)}.ce-btn-delete{width:100%;margin-top:16px;padding:8px;background:rgba(224,123,93,.05);color:#e07b5d;border:1px solid rgba(224,123,93,.1);border-radius:14px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.ce-btn-delete:hover{background:#e07b5d;color:#fff;border-color:#e07b5d;box-shadow:0 2px 8px rgba(0,0,0,.06);transform:translateY(-1px)}.ce-body{display:flex;gap:40px;max-width:1280px;margin:0 auto;padding:40px}@media(max-width: 767px){.ce-body{flex-direction:column !important;padding:16px;gap:24px}}.ce-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}.ce-field-group{background:#fff;border-radius:20px;box-shadow:0 1px 4px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.02);overflow:hidden}.ce-title-group{border:2px solid rgba(0,0,0,0);transition:border-color .2s ease}.ce-title-group:focus-within{border-color:#2d8b55}.ce-title-input{width:100%;padding:24px 40px;font-size:1.6rem;font-weight:700;color:#1a1a2e;border:none;outline:none;background:rgba(0,0,0,0);font-family:inherit}.ce-title-input::placeholder{color:rgba(0,0,0,.2);font-weight:400}@media(max-width: 767px){.ce-title-input{font-size:1.2rem;padding:16px}}.ce-label{display:block;padding:16px 40px 0;font-size:.82rem;font-weight:600;color:#5a5a72;text-transform:uppercase;letter-spacing:.04em}.ce-editor-toolbar{display:flex;align-items:center;gap:2px;padding:8px 40px;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.ce-editor-toolbar button{background:none;border:none;padding:6px 10px;border-radius:8px;cursor:pointer;color:#5a5a72;font-size:.85rem;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.ce-editor-toolbar button:hover{background:rgba(0,0,0,.05);color:#1a1a2e}.ce-editor-toolbar button:active{background:rgba(45,139,85,.1);color:#1a5c3a}.ce-toolbar-sep{width:1px;height:20px;background:rgba(0,0,0,.08);margin:0 4px}.ce-richtext{min-height:200px;padding:24px 40px;outline:none;font-size:.95rem;line-height:1.75;color:#1a1a2e}.ce-richtext.is-empty::before{content:attr(data-placeholder);color:rgba(0,0,0,.2);pointer-events:none}.ce-richtext:focus{background:rgba(212,241,225,.3)}.ce-richtext h2,.ce-richtext h3{margin:16px 0 8px;color:#1a1a2e}.ce-richtext ul,.ce-richtext ol{padding-inline-start:24px}.ce-richtext a{color:#2d8b55;text-decoration:underline}.ce-richtext-sm{min-height:120px}.ce-activities-builder{margin-top:24px;display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:24px;padding:0 40px;counter-reset:canvas-card-count}.ce-canvas-card{background:#fff;border:1.5px solid rgba(0,0,0,.06);border-radius:20px;padding:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:grab;position:relative;box-shadow:0 4px 12px rgba(0,0,0,.02);transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);min-height:160px;counter-increment:canvas-card-count}.ce-canvas-card::before{content:counter(canvas-card-count);position:absolute;top:12px;right:12px;width:26px;height:26px;background:rgba(0,0,0,.04);color:#5a5a72;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;z-index:5;transition:all .3s ease}[dir=rtl] .ce-canvas-card::before{right:auto;left:12px}.ce-canvas-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(26,92,58,.08);border-color:rgba(45,139,85,.3)}.ce-canvas-card:hover::before{background:rgba(45,139,85,.1);color:#1a5c3a}.ce-canvas-card:hover .ce-card-header{opacity:1}.ce-canvas-card:active{cursor:grabbing}.ce-canvas-card.ce-canvas-add{border:2px dashed rgba(0,0,0,.1);background:rgba(0,0,0,.01);box-shadow:none;cursor:pointer;counter-increment:none}.ce-canvas-card.ce-canvas-add::before{display:none !important}.ce-canvas-card.ce-canvas-add .ce-card-icon-wrap{color:#5a5a72;background:rgba(0,0,0,.05);font-size:1.5rem}.ce-canvas-card.ce-canvas-add .ce-card-title{color:#5a5a72}.ce-canvas-card.ce-canvas-add:hover{border-color:#2d8b55;background:rgba(45,139,85,.02)}.ce-canvas-card.ce-canvas-add:hover .ce-card-icon-wrap{color:#1a5c3a;background:rgba(45,139,85,.1)}.ce-canvas-card.ce-canvas-add:hover .ce-card-title{color:#1a5c3a}.ce-card-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:8px;opacity:0;transition:opacity .2s}.ce-card-handle{cursor:grab;color:rgba(0,0,0,.2);padding:4px;border-radius:4px}.ce-card-handle:hover{background:rgba(0,0,0,.05);color:#1a1a2e}.ce-card-handle:active{cursor:grabbing}.ce-card-remove{background:none;border:none;color:#e07b5d;cursor:pointer;padding:4px 8px;border-radius:4px;opacity:.6;transition:all .2s}.ce-card-remove:hover{background:rgba(224,123,93,.1);opacity:1}[dir=rtl] .ce-card-remove{margin-right:auto}.ce-card-icon-wrap{width:48px;height:48px;border-radius:50%;background:rgba(45,139,85,.08);color:#1a5c3a;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:8px;transition:all .2s}.ce-card-title{font-size:.9rem;font-weight:700;color:#1a1a2e}.ce-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(0.16, 1, 0.3, 1)}.ce-modal.active{opacity:1;visibility:visible}.ce-modal.active .ce-modal-content{transform:scale(1) translateY(0);opacity:1}.ce-modal-overlay{position:absolute;inset:0;background:rgba(4,18,5,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.ce-modal-content{position:relative;background:#fff;width:90%;max-width:500px;border-radius:28px;box-shadow:0 20px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;transform:scale(0.95) translateY(10px);opacity:0;transition:all .4s cubic-bezier(0.16, 1, 0.3, 1);max-height:90vh}.ce-modal-content.ce-modal-lg{max-width:700px}.ce-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;border-bottom:1px solid rgba(0,0,0,.05)}.ce-modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#1a1a2e}.ce-modal-close{background:none;border:none;font-size:1rem;color:#5a5a72;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.ce-modal-close:hover{background:rgba(0,0,0,.05);color:#e07b5d}.ce-modal-body{padding:40px;overflow-y:auto;flex:1}.ce-modal-footer{padding:16px 40px;border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:flex-end;gap:16px;background:rgba(0,0,0,.01);border-radius:0 0 28px 28px}.ce-type-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:16px}.ce-btn-type{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border:1.5px solid rgba(0,0,0,.06);border-radius:20px;background:#fff;cursor:pointer;font-weight:600;font-size:.9rem;color:#1a1a2e;transition:all .2s}.ce-btn-type:hover{border-color:#2d8b55;background:rgba(45,139,85,.02);color:#1a5c3a;transform:translateY(-2px)}.ce-pair-row,.ce-option-row,.ce-order-row{display:grid;grid-template-columns:1fr 1fr 40px;gap:8px;margin-bottom:8px;align-items:center}.ce-pair-row input[type=text],.ce-option-row input[type=text],.ce-order-row input[type=text]{padding:8px 12px;font-size:.85rem}.ce-option-row{grid-template-columns:40px 1fr 40px}.ce-order-row{grid-template-columns:30px 1fr 40px}.order-handle{cursor:move;color:rgba(0,0,0,.2);font-size:1.2rem;text-align:center}.option-correct{width:20px;height:20px;cursor:pointer;accent-color:#1a5c3a}.ce-btn-add-pair{background:rgba(26,92,58,.05);color:#1a5c3a;border:1px dashed rgba(26,92,58,.3);width:100%;padding:8px;border-radius:14px;font-size:.8rem;font-weight:600;cursor:pointer;margin-top:8px;transition:all .2s}.ce-btn-add-pair:hover{background:rgba(26,92,58,.1);border-style:solid}.ce-remove-item{background:rgba(0,0,0,0);border:none;color:#e07b5d;cursor:pointer;font-size:1rem;opacity:.5;transition:opacity .2s}.ce-remove-item:hover{opacity:1}.ce-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;gap:24px}@media(max-width: 767px){.ce-sidebar{width:100%}}.ce-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 1px 4px rgba(0,0,0,.04),0 4px 16px rgba(0,0,0,.02)}.ce-card-title{font-size:.9rem;font-weight:700;color:#1a1a2e;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(0,0,0,.05)}.ce-card-meta{background:rgba(0,0,0,.02);font-size:.82rem}.ce-card-meta p{margin:4px 0;color:#5a5a72}.ce-field{margin-bottom:16px}.ce-field:last-child{margin-bottom:0}.ce-field-label{display:block;font-size:.8rem;font-weight:600;color:#5a5a72;margin-bottom:4px}.ce-field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 767px){.ce-field-row{grid-template-columns:1fr}}.ce-input,.ce-select,.ce-textarea{width:100%;padding:10px 14px;font-size:.88rem;border:1.5px solid rgba(0,0,0,.1);border-radius:14px;background:#fff;color:#1a1a2e;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease}.ce-input:focus,.ce-select:focus,.ce-textarea:focus{outline:none;border-color:#2d8b55;box-shadow:0 0 0 3px rgba(45,139,85,.1)}.ce-input::placeholder,.ce-select::placeholder,.ce-textarea::placeholder{color:rgba(0,0,0,.25)}.ce-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%23666' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px;cursor:pointer}[dir=rtl] .ce-select{background-position:left 12px center;padding-right:14px;padding-left:36px}.ce-textarea{resize:vertical;font-family:"SF Mono","Fira Code",monospace;font-size:.82rem;line-height:1.5}.ce-color-input{width:60px;height:40px;padding:4px;border:1.5px solid rgba(0,0,0,.1);border-radius:14px;cursor:pointer;background:#fff}.ce-file-upload,.ce-image-upload{position:relative;border:2px dashed rgba(0,0,0,.1);border-radius:14px;overflow:hidden;transition:border-color .2s ease;cursor:pointer}.ce-file-upload:hover,.ce-image-upload:hover{border-color:#2d8b55}.ce-file-input{position:absolute;inset:0;opacity:0;cursor:pointer;z-index:2}.ce-file-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.ce-file-placeholder span{font-size:2rem;margin-bottom:4px}.ce-file-placeholder p{font-size:.82rem;color:#5a5a72;margin:0}.ce-file-placeholder small{font-size:.72rem;color:rgba(0,0,0,.3)}.ce-file-existing{padding:8px 16px;background:rgba(212,241,225,.5);border-top:1px solid rgba(0,0,0,.05);font-size:.82rem}.ce-file-existing a{color:#1a5c3a}.ce-image-preview{position:relative}.ce-image-preview img{width:100%;max-height:220px;object-fit:cover;display:block}.ce-image-remove{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);z-index:3}.ce-image-remove:hover{background:rgba(200,0,0,.8)}[dir=rtl] .ce-image-remove{right:auto;left:8px}.ce-toast{position:fixed;bottom:-80px;left:50%;transform:translateX(-50%);padding:14px 28px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;z-index:9999;transition:bottom .4s cubic-bezier(0.4, 0, 0.2, 1);pointer-events:none;box-shadow:0 8px 32px rgba(0,0,0,.2)}.ce-toast.success{background:#1a5c3a}.ce-toast.error{background:#d32f2f}.ce-toast.active{bottom:40px}.course-page{background:#f7f5f0;padding-bottom:96px}.course-hero{background:linear-gradient(135deg, var(--module-color) 0%, rgba(0, 0, 0, 0.15) 100%),var(--module-color);color:#fff;padding:64px 0 96px;position:relative;overflow:hidden}.course-hero::after{content:"";position:absolute;right:-100px;top:-100px;width:300px;height:300px;background:hsla(0,0%,100%,.05);border-radius:50%}.course-hero-inner{display:flex;align-items:center;justify-content:space-between;gap:64px}@media(max-width: 767px){.course-hero-inner{flex-direction:column;text-align:center}}.course-hero-content{flex:1}.course-hero-content .breadcrumb-link{display:inline-flex;align-items:center;color:hsla(0,0%,100%,.7);font-size:.85rem;font-weight:500;margin-bottom:24px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.course-hero-content .breadcrumb-link:hover{color:#fff}.course-hero-content .course-badge{font-size:3rem;margin-bottom:16px}.course-hero-content h1{font-family:"Outfit",sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:8px;color:#fff}.course-hero-content .course-desc{font-size:1rem;opacity:.85;line-height:1.7;max-width:520px;margin-bottom:24px}.course-meta{display:flex;gap:24px;flex-wrap:wrap}.course-meta .meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;opacity:.8}.course-meta .meta-item svg{opacity:.7}.course-hero-progress{text-align:center;flex-shrink:0}.progress-ring-container{position:relative;width:120px;height:120px;margin:0 auto 8px}.progress-ring{width:120px;height:120px;transform:rotate(-90deg)}.progress-ring .progress-ring-bg{fill:none;stroke:hsla(0,0%,100%,.15);stroke-width:8}.progress-ring .progress-ring-fill{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.progress-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.progress-ring-text .progress-number{font-family:"Outfit",sans-serif;font-size:2rem;font-weight:800;color:#fff}.progress-ring-text .progress-unit{font-size:.9rem;opacity:.7}.progress-label{font-size:.8rem;opacity:.7}.course-layout{display:grid;grid-template-columns:1fr 320px;gap:64px;margin-top:calc(-40px);position:relative;z-index:2}@media(max-width: 767px){.course-layout{grid-template-columns:1fr;margin-top:calc(-24px)}}.section-title{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:700;margin-bottom:40px;color:#1a1a2e}.course-main{background:#fff;border-radius:28px;padding:40px;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04)}.lessons-list{display:flex;flex-direction:column}.lesson-row{display:flex;align-items:center;gap:24px;padding:24px;border-radius:20px;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);text-decoration:none;color:inherit}.lesson-row:not(:last-child){margin-bottom:0}.lesson-row.lesson-current{background:rgba(45,139,85,.04);border:2px solid rgba(45,139,85,.15)}.lesson-row.lesson-completed:hover{background:rgba(0,0,0,.02)}.lesson-row.lesson-locked{opacity:.5;cursor:default}.lesson-number{display:flex;flex-direction:column;align-items:center;width:40px;flex-shrink:0;position:relative}.lesson-check{width:36px;height:36px;border-radius:50%;background:#2d8b55;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:800}.lesson-current-dot{width:36px;height:36px;border-radius:50%;background:#fff;border:3px solid #2d8b55;position:relative}.lesson-current-dot::after{content:"";position:absolute;width:12px;height:12px;background:#2d8b55;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);animation:pulse-dot 2s infinite}.lesson-lock{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center;font-size:.75rem}.lesson-connector{width:2px;height:40px;background:rgba(0,0,0,.08);margin-top:4px}.lesson-connector.connector-done{background:#3daf6a}@keyframes pulse-dot{0%,100%{transform:translate(-50%, -50%) scale(1);opacity:1}50%{transform:translate(-50%, -50%) scale(1.3);opacity:.5}}.lesson-info{flex:1;min-width:0}.lesson-info .lesson-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:#9a9ab0;margin-bottom:4px}.lesson-info h3{font-size:1.05rem;font-weight:600;margin-bottom:4px;color:#1a1a2e}.lesson-info .lesson-word{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#5a5a72}.lesson-info .lesson-word .word-tag{font-size:.75rem}.lesson-info .lesson-word .word-divider{opacity:.4}.action-badge{display:inline-flex;align-items:center;padding:6px 14px;border-radius:9999px;font-size:.78rem;font-weight:600;white-space:nowrap}.action-completed{background:rgba(45,139,85,.1);color:#1a5c3a}.action-start{background:#2d8b55;color:#fff;box-shadow:0 4px 12px rgba(45,139,85,.3)}.action-locked{background:rgba(0,0,0,.04);color:#9a9ab0}.course-sidebar{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:#fff;border-radius:28px;padding:40px;box-shadow:0 2px 8px rgba(0,0,0,.06)}.sidebar-card h3{font-size:1rem;font-weight:700;margin-bottom:24px;color:#1a1a2e}.sidebar-card.sidebar-card-dark{background:#0b3d2e;color:#fff}.sidebar-card.sidebar-card-dark h3{color:#fff}.sidebar-btn{display:block;text-align:center;padding:16px;border-radius:14px;font-weight:600;font-size:.95rem;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.sidebar-btn-primary{background:#2d8b55;color:#fff}.sidebar-btn-primary:hover{background:#1a5c3a;transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,139,85,.3)}.sidebar-complete-badge{text-align:center;padding:24px;background:rgba(212,160,23,.1);border-radius:14px;font-weight:700;color:#b8860b}.sidebar-assignment{padding:16px 0;border-bottom:1px solid rgba(0,0,0,.04)}.sidebar-assignment:last-child{border-bottom:none;padding-bottom:0}.sidebar-assignment h4{font-size:.9rem;font-weight:600;margin-bottom:4px}.sidebar-assignment p{font-size:.8rem;color:#9a9ab0;line-height:1.5}.sidebar-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem}.sidebar-info-row span{opacity:.7}.sidebar-info-row strong{font-family:"Outfit",sans-serif}.sidebar-info-row:not(:last-child){border-bottom:1px solid hsla(0,0%,100%,.1)}.student-dashboard{padding-top:64px;padding-bottom:128px;background:#f8fafc}.student-dashboard .dashboard-welcome{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:64px;border-radius:24px;box-shadow:0 2px 8px rgba(0,0,0,.06);margin-bottom:96px;border:1px solid rgba(0,0,0,.02);animation:slideInUp .6s ease-out}.student-dashboard .dashboard-welcome h1{margin-bottom:8px}.student-dashboard .dashboard-welcome p{color:#9a9ab0}.student-dashboard .dashboard-welcome .student-avatar-wrap{position:relative;width:80px;height:80px;flex-shrink:0}.student-dashboard .dashboard-welcome .student-avatar-wrap img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:4px solid #fff;position:relative;z-index:2}.student-dashboard .dashboard-welcome .student-avatar-wrap .avatar-ring{position:absolute;inset:-6px;background:linear-gradient(135deg, #1A5C3A 0%, #2D8B55 100%);border-radius:50%;opacity:.2;animation:rotate 10s linear infinite}.course-library .section-header{margin-bottom:40px}.course-library .section-header h2{font-size:1.8rem}.modules-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}@media(max-width: 767px){.modules-grid{grid-template-columns:1fr}}.modules-grid .module-card{position:relative;background:#fff;border-radius:20px;padding:24px 40px;background:#fff;border-radius:24px;box-shadow:0 10px 40px -10px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.03);overflow:hidden;transition:all .4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.modules-grid .module-card:hover{transform:translateY(-8px);box-shadow:0 20px 50px -15px rgba(0,0,0,.12)}.modules-grid .module-card{text-decoration:none;color:inherit;display:flex;align-items:center;gap:24px;transition:all .3s cubic-bezier(0.175, 0.885, 0.32, 1.275);border:1px solid rgba(0,0,0,.03)}.modules-grid .module-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:var(--module-color)}.modules-grid .module-card .module-card-bg{display:none}.modules-grid .module-card .module-icon{width:56px;height:56px;background:#fff;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;box-shadow:0 4px 12px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);flex-shrink:0;transition:.3s}.modules-grid .module-card:hover .module-icon{transform:scale(1.08) rotate(3deg)}.modules-grid .module-card .module-card-content{display:contents}.modules-grid .module-card .module-info{flex:1;min-width:0}.modules-grid .module-card .module-info h3{margin-bottom:4px;font-size:1.05rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modules-grid .module-card .module-info .module-stats{display:flex;align-items:center;gap:8px;font-size:.82rem;color:#9a9ab0;margin-bottom:10px}.modules-grid .module-card .module-info .module-stats .dot{opacity:.3}.modules-grid .module-card .module-info .progress-bar{height:5px;background:rgba(0,0,0,.05);border-radius:9999px;overflow:hidden}.modules-grid .module-card .module-info .progress-bar .progress-fill{height:100%;background:var(--module-color);border-radius:9999px;transition:width 1s ease-out}.modules-grid .module-card .module-arrow{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.03);display:flex;align-items:center;justify-content:center;color:var(--module-color);font-weight:800;flex-shrink:0;transition:.3s}.modules-grid .module-card:hover .module-arrow{background:var(--module-color);color:#fff}.empty-library{text-align:center;padding:96px;color:#9a9ab0;font-size:1.1rem}.pd-dashboard{padding:30px 0 60px;min-height:80vh}.pd-header{margin-bottom:30px}.pd-header h1{font-family:"Outfit",sans-serif;font-size:1.8rem;font-weight:800;color:#1a1a2e;margin:0 0 6px}.pd-header__subtitle{color:#5a5a72;font-size:.95rem;margin:0}.pd-empty-state{text-align:center;padding:60px 20px;background:rgba(0,0,0,.02);border-radius:20px;margin-top:30px}.pd-empty-state__icon{font-size:48px;margin-bottom:16px}.pd-empty-state h3{margin:0 0 10px;font-weight:700;color:#1a1a2e}.pd-empty-state p{color:#5a5a72;max-width:400px;margin:0 auto}.pd-child-card{display:flex;align-items:center;gap:24px;background:#fff;padding:28px 32px;border-radius:28px;box-shadow:0 8px 30px rgba(0,0,0,.06);margin-bottom:24px}@media(max-width: 767px){.pd-child-card{flex-direction:column;text-align:center;padding:24px 20px}}.pd-child-card__avatar img{width:80px;height:80px;border-radius:50%;border:3px solid #f0c75e}.pd-child-card__info{flex:1}.pd-child-card__info h2{margin:0 0 6px;font-size:1.3rem;font-weight:800;color:#1a1a2e}.pd-child-card__completion{text-align:center}.pd-child-card__completion small{display:block;margin-top:4px;font-size:.72rem;color:#9a9ab0;font-weight:600}.pd-level-badge{display:inline-block;padding:4px 14px;border-radius:20px;background:rgba(34,116,71,.1);color:#1a5c3a;font-weight:700;font-size:.82rem}.pd-ring-progress{position:relative;width:64px;height:64px}.pd-ring-progress svg{width:64px;height:64px;transform:rotate(-90deg)}.pd-ring-bg{fill:none;stroke:rgba(0,0,0,.06);stroke-width:3}.pd-ring-fill{fill:none;stroke:#227447;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray 1s ease}.pd-ring-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:.82rem;font-weight:800;color:#1a5c3a}.pd-stats-row{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;margin-bottom:24px}.pd-stat-card{padding:22px;border-radius:20px;color:#fff;position:relative;overflow:hidden}.pd-stat-card__icon{font-size:28px;margin-bottom:8px}.pd-stat-card__value{font-size:2rem;font-weight:900;line-height:1;margin-bottom:4px}.pd-stat-card__value span{font-size:1rem;opacity:.7;font-weight:600}.pd-stat-card__label{font-size:.82rem;opacity:.85;font-weight:600}.pd-stat--stamps{background:linear-gradient(135deg, #1A5C3A, #227447)}.pd-stat--visas{background:linear-gradient(135deg, #B8860B, #F0C75E)}.pd-stat--modules{background:#fff;color:#1a1a2e;border:2px solid rgba(0,0,0,.06)}.pd-stat--modules .pd-stat-card__value{color:#1a5c3a}.pd-stat--modules .pd-stat-card__label{color:#5a5a72;opacity:1}.pd-stat-bar{height:5px;background:hsla(0,0%,100%,.25);border-radius:3px;margin-top:12px}.pd-stat-bar__fill{height:100%;background:#fff;border-radius:3px;transition:width .8s ease}.pd-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width: 767px){.pd-grid-2col{grid-template-columns:1fr}}.pd-col{display:flex;flex-direction:column;gap:20px}.pd-section{background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.pd-section__title{font-size:.95rem;font-weight:700;color:#1a1a2e;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.pd-week-chart{display:flex;align-items:flex-end;justify-content:space-between;height:120px;gap:8px}.pd-week-day{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.pd-week-day--today .pd-week-label{font-weight:800;color:#1a5c3a}.pd-week-day--today .pd-week-bar{background:#227447 !important}.pd-week-bar{width:100%;max-width:36px;background:rgba(34,116,71,.15);border-radius:6px 6px 0 0;transition:height .6s ease;display:flex;align-items:flex-start;justify-content:center;min-height:8px}.pd-week-count{font-size:.7rem;font-weight:800;color:#fff;margin-top:4px}.pd-week-label{margin-top:6px;font-size:.72rem;font-weight:600;color:#9a9ab0}.pd-mod-item{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.pd-mod-item:last-child{border-bottom:none;padding-bottom:0}.pd-mod-item:first-child{padding-top:0}.pd-mod-item__icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;color:#fff}.pd-mod-item__info{flex:1;min-width:0}.pd-mod-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.pd-mod-item__name{font-weight:600;font-size:.88rem;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-mod-item__pct{font-weight:800;font-size:.82rem;color:#1a5c3a}.pd-mod-item__meta{font-size:.72rem;color:#9a9ab0;margin-top:4px;display:block}.pd-mod-bar{height:6px;background:rgba(0,0,0,.06);border-radius:3px;overflow:hidden}.pd-mod-bar__fill{height:100%;border-radius:3px;transition:width .8s ease}.pd-session-card{padding:14px 16px;border-radius:12px;background:rgba(0,0,0,.02);border-inline-start:4px solid var(--accent, #2D8CFF);margin-bottom:10px}.pd-session-card:last-child{margin-bottom:0}.pd-session-card__meta{display:flex;align-items:center;gap:12px;font-size:.78rem;color:#9a9ab0;margin-bottom:6px}.pd-session-card__date{padding:2px 8px;border-radius:6px;background:rgba(0,0,0,.04);font-weight:600}.pd-session-card__date--today{background:#fff3cd;color:#856404}.pd-session-card h4{margin:0 0 2px;font-size:.9rem;font-weight:700;color:#1a1a2e}.pd-session-card small{font-size:.75rem;color:#9a9ab0}.pd-quiz-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.pd-quiz-row:last-child{border-bottom:none}.pd-quiz-row__info{display:flex;flex-direction:column;gap:2px}.pd-quiz-row__title{font-weight:600;font-size:.85rem;color:#1a1a2e}.pd-quiz-row small{font-size:.72rem;color:#9a9ab0}.pd-quiz-row__score{font-weight:800;font-size:.88rem;padding:4px 12px;border-radius:8px}.pd-score--great{background:rgba(34,116,71,.1);color:#1a5c3a}.pd-score--ok{background:rgba(245,158,11,.1);color:#b45309}.pd-score--low{background:rgba(224,123,93,.1);color:#c46346}.pd-sub-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.pd-sub-row:last-child{border-bottom:none}.pd-sub-row__info{display:flex;flex-direction:column;gap:2px}.pd-sub-row__info span{font-weight:600;font-size:.85rem;color:#1a1a2e}.pd-sub-row__info small{font-size:.72rem;color:#9a9ab0}.pd-status-badge{font-size:.72rem;font-weight:700;padding:4px 10px;border-radius:20px}.pd-status--approved{background:rgba(34,116,71,.1);color:#1a5c3a}.pd-status--redo{background:rgba(245,158,11,.1);color:#b45309}.pd-status--pending{background:rgba(0,0,0,.05);color:#5a5a72}.pd-notif-row{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;gap:3px}.pd-notif-row:last-child{border-bottom:none}.pd-notif-row--unread .pd-notif-row__msg{font-weight:700}.pd-notif-row__msg{font-size:.85rem;color:#1a1a2e;line-height:1.5}.pd-notif-row small{font-size:.7rem;color:#9a9ab0}.pd-empty-text{color:#9a9ab0;font-size:.88rem;text-align:center;padding:10px 0}.aa-dashboard{padding:30px 0 60px;min-height:80vh}.aa-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;flex-wrap:wrap;gap:12px}.aa-header h1{font-family:"Outfit",sans-serif;font-size:1.8rem;font-weight:800;color:#1a1a2e;margin:0 0 4px}.aa-header__sub{color:#5a5a72;font-size:.9rem;margin:0}.aa-header__date{font-size:.85rem;color:#9a9ab0;font-weight:600;background:rgba(0,0,0,.04);padding:6px 14px;border-radius:8px}.aa-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:14px;margin-bottom:24px}.aa-kpi{padding:20px;border-radius:20px;color:#fff;text-align:center;position:relative;overflow:hidden}.aa-kpi::after{content:"";position:absolute;top:-20px;inset-inline-end:-20px;width:80px;height:80px;border-radius:50%;background:hsla(0,0%,100%,.08)}.aa-kpi__icon{font-size:24px;margin-bottom:6px}.aa-kpi__value{font-size:2rem;font-weight:900;line-height:1.1}.aa-kpi__label{font-size:.75rem;opacity:.85;margin-top:4px;font-weight:600}.aa-kpi--green{background:linear-gradient(135deg, #1A5C3A, #2D8B55)}.aa-kpi--gold{background:linear-gradient(135deg, #B8860B, #F0C75E)}.aa-kpi--blue{background:linear-gradient(135deg, #2563eb, #60a5fa)}.aa-kpi--purple{background:linear-gradient(135deg, #7c3aed, #a78bfa)}.aa-kpi--teal{background:linear-gradient(135deg, #0d9488, #5eead4)}.aa-kpi--orange{background:linear-gradient(135deg, #ea580c, #fb923c)}.aa-grid-2col{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}@media(max-width: 767px){.aa-grid-2col{grid-template-columns:1fr}}.aa-col{display:flex;flex-direction:column;gap:20px}.aa-card{background:#fff;border-radius:20px;padding:22px 24px;box-shadow:0 4px 16px rgba(0,0,0,.04)}.aa-card__title{font-size:.95rem;font-weight:700;color:#1a1a2e;margin:0 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.aa-daily-chart{display:flex;align-items:flex-end;height:140px;gap:4px}.aa-daily-bar{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end}.aa-daily-bar__fill{width:100%;max-width:32px;background:linear-gradient(180deg, #2D8B55, #1A5C3A);border-radius:4px 4px 0 0;transition:height .5s ease;display:flex;align-items:flex-start;justify-content:center;min-height:4px}.aa-daily-bar__val{font-size:.65rem;font-weight:800;color:#fff;margin-top:3px}.aa-daily-bar__label{margin-top:6px;font-size:.65rem;font-weight:600;color:#9a9ab0}.aa-level-row{display:flex;align-items:center;gap:12px;margin-bottom:14px}.aa-level-row:last-child{margin-bottom:0}.aa-level-row__name{font-weight:700;font-size:.85rem;color:#1a1a2e;min-width:100px}.aa-level-row__bar{flex:1;height:24px;background:rgba(0,0,0,.04);border-radius:6px;overflow:hidden}.aa-level-row__fill{height:100%;background:linear-gradient(90deg, #227447, #3DAF6A);border-radius:6px;transition:width .6s ease}.aa-level-row__count{font-weight:800;font-size:.9rem;color:#1a5c3a;min-width:32px;text-align:center}.aa-mod-row{display:flex;gap:14px;align-items:flex-start;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.aa-mod-row:last-child{border-bottom:none;padding-bottom:0}.aa-mod-row:first-child{padding-top:0}.aa-mod-row__icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0;color:#fff}.aa-mod-row__info{flex:1;min-width:0}.aa-mod-row__head{display:flex;justify-content:space-between;margin-bottom:6px}.aa-mod-row__head span{font-weight:600;font-size:.85rem;color:#1a1a2e}.aa-mod-row__head strong{font-size:.82rem;color:#1a5c3a}.aa-mod-row__bar{height:6px;background:rgba(0,0,0,.06);border-radius:3px;overflow:hidden;margin-bottom:4px}.aa-mod-row__fill{height:100%;border-radius:3px;transition:width .6s ease}.aa-mod-row small{font-size:.72rem;color:#9a9ab0}.aa-quick-stats{display:flex;flex-direction:column;gap:0}.aa-qs-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.aa-qs-item:last-child{border-bottom:none}.aa-qs-item__label{font-size:.85rem;color:#5a5a72}.aa-qs-item__value{font-weight:800;font-size:.95rem;color:#1a1a2e}.aa-qs-item__value--warn{color:#ea580c;background:rgba(234,88,12,.08);padding:2px 10px;border-radius:6px}.aa-teacher-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.aa-teacher-row:last-child{border-bottom:none}.aa-teacher-row__rank{font-weight:800;font-size:.82rem;color:#9a9ab0;min-width:28px}.aa-teacher-row__name{flex:1;font-weight:600;font-size:.88rem;color:#1a1a2e}.aa-teacher-row__count{font-size:.78rem;color:#1a5c3a;font-weight:700;background:rgba(34,116,71,.08);padding:3px 10px;border-radius:6px}.aa-top-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.aa-top-row:last-child{border-bottom:none}.aa-top-row__medal{font-size:1.3rem;min-width:28px;text-align:center}.aa-top-row__info{display:flex;flex-direction:column;gap:2px}.aa-top-row__info span{font-weight:600;font-size:.88rem;color:#1a1a2e}.aa-top-row__info small{font-size:.72rem;color:#9a9ab0}body.login-standalone{padding-top:0 !important;margin-top:0 !important}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, #0B3D2E 0%, #1a5c40 50%, #2D8B55 100%);padding:0}.login-container{display:flex;width:100%;max-width:1000px;min-height:600px;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.3);margin:40px;animation:slideInUp .6s ease-out}.login-brand-panel{flex:1;background:linear-gradient(145deg, #0B3D2E, #1a5c40);color:#fff;display:flex;align-items:center;justify-content:center;padding:96px;position:relative;overflow:hidden}.login-brand-panel::before{content:"";position:absolute;width:300px;height:300px;background:rgba(212,175,55,.08);border-radius:50%;top:-80px;right:-80px}.login-brand-panel::after{content:"";position:absolute;width:200px;height:200px;background:rgba(212,175,55,.05);border-radius:50%;bottom:-60px;left:-60px}.login-brand-panel .brand-content{position:relative;z-index:2;text-align:center}.login-brand-panel .brand-logo{font-size:3.5rem;margin-bottom:16px;animation:float 4s ease-in-out infinite}.login-brand-panel h1{font-family:"Outfit",sans-serif;font-size:2.8rem;font-weight:800;margin-bottom:8px}.login-brand-panel h1 span{color:#d4a017}.login-brand-panel p{font-size:.95rem;opacity:.85;line-height:1.7;max-width:280px;margin:0 auto 40px}.brand-features{display:flex;flex-direction:column;gap:8px}.brand-features .brand-feature{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.9rem;opacity:.8;background:hsla(0,0%,100%,.06);padding:8px 16px;border-radius:12px}.login-form-panel{flex:1;padding:64px 64px;display:flex;flex-direction:column;justify-content:center}.form-tabs{display:flex;gap:4px;margin-bottom:40px;background:#f1f5f9;padding:4px;border-radius:14px}.form-tab{flex:1;padding:12px;border:none;background:rgba(0,0,0,0);cursor:pointer;font-weight:600;font-size:.95rem;border-radius:12px;color:#9a9ab0;transition:all .3s}.form-tab.active{background:#fff;color:#0b3d2e;box-shadow:0 2px 8px rgba(0,0,0,.06)}.bonjour-form .form-group{margin-bottom:24px}.bonjour-form .form-group label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px;color:#334155}.bonjour-form .form-group input[type=text],.bonjour-form .form-group input[type=password],.bonjour-form .form-group input[type=email]{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:14px;font-size:.95rem;outline:none;transition:border-color .3s;background:#f8fafc}.bonjour-form .form-group input[type=text]:focus,.bonjour-form .form-group input[type=password]:focus,.bonjour-form .form-group input[type=email]:focus{border-color:#0b3d2e;background:#fff}.bonjour-form .form-group-check label{display:flex;align-items:center;gap:8px;font-weight:400;font-size:.85rem;cursor:pointer}.btn-full{width:100%;text-align:center;justify-content:center}.form-alert{padding:12px 16px;border-radius:12px;margin-bottom:24px;font-size:.9rem;font-weight:500}.form-alert-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.form-alert-success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.form-alert-pending{background:#fffbeb;color:#92400e;border:1px solid #fde68a;text-align:center;padding:20px}.form-alert-pending .pending-icon{font-size:2rem;margin-bottom:8px}.form-alert-pending strong{display:block;font-size:1rem;margin-bottom:6px}.form-alert-pending p{font-size:.85rem;line-height:1.6;opacity:.85;margin:0}.demo-accounts{margin-top:40px;padding-top:24px;border-top:1px solid #e2e8f0}.demo-accounts .demo-title{font-size:.8rem;color:#9a9ab0;margin-bottom:8px;text-align:center}.demo-cards{display:flex;gap:8px}.demo-card{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:2px solid #e2e8f0;border-radius:14px;background:#f8fafc;cursor:pointer;transition:all .3s;font-size:.75rem;color:#475569;font-weight:500}.demo-card .demo-icon{font-size:1.5rem}.demo-card:hover{border-color:#0b3d2e;background:#f0fdf4;transform:translateY(-2px)}@media(max-width: 768px){.login-container{flex-direction:column;margin:16px;min-height:auto}.login-brand-panel{padding:40px}.login-brand-panel h1{font-size:2rem}.login-brand-panel p{font-size:.85rem}.login-brand-panel .brand-features{flex-direction:row;flex-wrap:wrap;justify-content:center}.login-brand-panel .brand-features .brand-feature{font-size:.8rem;padding:6px 12px}.login-form-panel{padding:40px}}.classroom-discussion{max-width:900px;margin:0 auto;padding:40px 16px;min-height:70vh}@media(max-width: 767px){.classroom-discussion{padding:16px 8px}}.classroom-breadcrumb{margin-bottom:24px}.classroom-breadcrumb a{display:inline-flex;align-items:center;gap:6px;color:var(--module-color, #2D8B55);text-decoration:none;font-size:.85rem;font-weight:600;padding:6px 14px;border-radius:9999px;background:rgba(0,0,0,.03);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1)}.classroom-breadcrumb a:hover{background:rgba(0,0,0,.06);transform:translateX(-2px)}[dir=rtl] .classroom-breadcrumb a:hover{transform:translateX(2px)}.classroom-chalkboard{background:var(--module-color, #1A5C3A);border-radius:28px;padding:40px 40px 24px;position:relative;overflow:hidden;margin-bottom:40px;box-shadow:0 8px 32px rgba(0,0,0,.15),inset 0 -2px 0 rgba(0,0,0,.1),inset 0 1px 0 hsla(0,0%,100%,.1)}@media(max-width: 767px){.classroom-chalkboard{padding:24px 16px;border-radius:20px}}.classroom-chalkboard::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%, rgba(255, 255, 255, 0.04) 0%, transparent 70%),radial-gradient(ellipse at 80% 20%, rgba(255, 255, 255, 0.03) 0%, transparent 60%);pointer-events:none}.classroom-chalkboard::after{content:"";position:absolute;bottom:12px;left:40px;right:40px;height:1px;background:hsla(0,0%,100%,.12)}.chalkboard-badge{display:inline-flex;align-items:center;gap:6px;background:hsla(0,0%,100%,.15);color:hsla(0,0%,100%,.9);padding:5px 14px;border-radius:9999px;font-size:.78rem;font-weight:600;letter-spacing:.02em;margin-bottom:16px;backdrop-filter:blur(4px)}.chalkboard-title{font-size:1.75rem;font-weight:800;color:#fff;margin:0 0 16px;line-height:1.3;text-shadow:0 1px 3px rgba(0,0,0,.15)}@media(max-width: 767px){.chalkboard-title{font-size:1.3rem}}.chalkboard-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.chalkboard-author{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.85);font-size:.85rem;font-weight:500}.chalkboard-author img{width:32px;height:32px;border-radius:50%;border:2px solid hsla(0,0%,100%,.3)}.chalkboard-date{color:hsla(0,0%,100%,.55);font-size:.8rem}.chalkboard-stats{display:flex;gap:16px;margin-inline-start:auto}@media(max-width: 767px){.chalkboard-stats{margin-inline-start:0;width:100%}}.chalkboard-stat{display:flex;align-items:center;gap:4px;color:hsla(0,0%,100%,.7);font-size:.82rem;font-weight:500}.classroom-section-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#1a1a2e;margin-bottom:24px;padding-bottom:8px;border-bottom:2px solid rgba(0,0,0,.05)}.classroom-section-title svg{color:var(--module-color, #2D8B55)}.teacher-post{background:#fff;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);margin-bottom:40px;overflow:hidden;border:1px solid rgba(0,0,0,.04);position:relative}.teacher-post::before{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:4px;background:var(--module-color, #2D8B55);border-radius:4px 0 0 4px}[dir=rtl] .teacher-post::before{border-radius:0 4px 4px 0}.teacher-post-header{display:flex;align-items:center;gap:16px;padding:24px 24px 8px}@media(max-width: 767px){.teacher-post-header{padding:16px 16px 4px}}.teacher-avatar{width:44px;height:44px;border-radius:50%;border:2px solid var(--module-color, #2D8B55);flex-shrink:0}.teacher-info{flex:1}.teacher-info .teacher-name{font-weight:700;font-size:.95rem;color:#1a1a2e;display:flex;align-items:center;gap:6px}.teacher-info .teacher-badge{display:inline-flex;align-items:center;gap:3px;font-size:.68rem;font-weight:700;color:var(--module-color, #1A5C3A);background:rgba(45,139,85,.08);padding:2px 8px;border-radius:9999px;text-transform:uppercase;letter-spacing:.03em}.teacher-info .teacher-date{font-size:.78rem;color:#9a9ab0;margin-top:2px}.teacher-post-content{padding:16px 24px 24px;font-size:.95rem;line-height:1.85;color:#1a1a2e}@media(max-width: 767px){.teacher-post-content{padding:8px 16px 16px}}.teacher-post-content p{margin:0 0 16px}.teacher-post-content p:last-child{margin-bottom:0}.teacher-post-content ul,.teacher-post-content ol{padding-inline-start:24px;margin-bottom:16px}.teacher-post-content a{color:var(--module-color, #2D8B55);text-decoration:underline;text-underline-offset:2px}.teacher-post-content img{max-width:100%;border-radius:14px;margin:16px 0}.teacher-post-content blockquote{border-inline-start:3px solid var(--module-color, #3DAF6A);padding-inline-start:16px;font-style:italic;color:#5a5a72;margin:16px 0}.replies-section{margin-bottom:40px}.desk-card{background:#fff;border-radius:20px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);position:relative}@media(max-width: 767px){.desk-card{padding:16px}}.desk-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);border-color:rgba(0,0,0,.06)}.desk-card::after{content:"";position:absolute;top:72px;left:24px;right:24px;height:1px;background:rgba(0,0,0,.05)}@media(max-width: 767px){.desk-card::after{top:64px;left:16px;right:16px}}.desk-card-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.desk-card-avatar{width:36px;height:36px;border-radius:50%;border:2px solid rgba(0,0,0,.06);flex-shrink:0}.desk-card-info{flex:1}.desk-card-info .desk-card-name{font-weight:600;font-size:.88rem;color:#1a1a2e}.desk-card-info .desk-card-date{font-size:.75rem;color:#9a9ab0;margin-top:1px}.desk-card-number{width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.04);color:#9a9ab0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.desk-card-content{font-size:.92rem;line-height:1.8;color:#1a1a2e;padding-top:4px}.desk-card-content p{margin:0 0 8px}.desk-card-content p:last-child{margin-bottom:0}.desk-card-content ul,.desk-card-content ol{padding-inline-start:24px;margin-bottom:8px}.desk-card-content a{color:var(--module-color, #2D8B55)}.desk-card-content img{max-width:100%;border-radius:8px}.reply-form-section{margin-top:24px}.notebook-form{background:#fff;border-radius:20px;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);overflow:hidden;border:1px solid rgba(0,0,0,.04);position:relative}.notebook-form-header{display:flex;align-items:center;gap:8px;padding:16px 24px;border-bottom:1px solid rgba(0,0,0,.05);background:rgba(0,0,0,.01)}@media(max-width: 767px){.notebook-form-header{padding:8px 16px}}.notebook-form-header svg{color:var(--module-color, #2D8B55);flex-shrink:0}.notebook-form-header h3{font-size:.95rem;font-weight:700;color:#1a1a2e;margin:0}.notebook-form-body{padding:24px}@media(max-width: 767px){.notebook-form-body{padding:16px}}.notebook-form-body #bbpress-forums{font-size:inherit;font-family:inherit}.notebook-form-body #bbpress-forums fieldset.bbp-form{border:none !important;padding:16px !important;margin:0 !important}.notebook-form-body #bbpress-forums fieldset.bbp-form legend{display:none !important}.notebook-form-body #bbpress-forums fieldset.bbp-form label{font-size:.82rem;font-weight:600;color:#5a5a72;margin-bottom:4px;display:block}.notebook-form-body #bbpress-forums fieldset.bbp-form textarea,.notebook-form-body #bbpress-forums fieldset.bbp-form input[type=text]{width:100% !important;padding:12px 16px !important;border:1.5px solid rgba(0,0,0,.1) !important;border-radius:14px !important;font-size:.92rem !important;font-family:inherit !important;line-height:1.7 !important;color:#1a1a2e !important;background:rgba(0,0,0,.01) !important;transition:all .2s cubic-bezier(0.4, 0, 0.2, 1);resize:vertical;height:auto !important;min-height:auto !important;box-sizing:border-box !important}.notebook-form-body #bbpress-forums fieldset.bbp-form textarea:focus,.notebook-form-body #bbpress-forums fieldset.bbp-form input[type=text]:focus{outline:none !important;border-color:var(--module-color, #2D8B55) !important;box-shadow:0 0 0 3px rgba(45,139,85,.1) !important;background:#fff !important}.notebook-form-body #bbpress-forums fieldset.bbp-form textarea::placeholder,.notebook-form-body #bbpress-forums fieldset.bbp-form input[type=text]::placeholder{color:#9a9ab0}.notebook-form-body #bbpress-forums fieldset.bbp-form textarea{min-height:140px !important;background-image:repeating-linear-gradient(transparent, transparent 31px, rgba(0, 0, 0, 0.03) 31px, rgba(0, 0, 0, 0.03) 32px) !important;line-height:32px !important;padding-top:8px !important}.notebook-form-body div.bbp-submit-wrapper{margin:16px 0 0 !important;padding:0 !important;border:none !important;float:none !important;clear:both !important;text-align:start !important}.notebook-form-body #bbpress-forums #bbp_reply_submit,.notebook-form-body #bbpress-forums button[type=submit],.notebook-form-body #bbpress-forums .bbp-submit-wrapper button,.notebook-form-body #bbpress-forums .bbp-submit-wrapper .button{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px;padding:14px 36px !important;background:var(--module-color, #1A5C3A) !important;color:#fff !important;border:none !important;border-radius:14px !important;font-size:.95rem !important;font-weight:700 !important;font-family:inherit !important;cursor:pointer !important;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);box-shadow:0 4px 14px rgba(0,0,0,.15) !important;min-width:180px;letter-spacing:.02em;text-shadow:none !important;line-height:1.2 !important;height:auto !important;min-height:auto !important;float:none !important}.notebook-form-body #bbpress-forums #bbp_reply_submit:hover,.notebook-form-body #bbpress-forums button[type=submit]:hover,.notebook-form-body #bbpress-forums .bbp-submit-wrapper button:hover,.notebook-form-body #bbpress-forums .bbp-submit-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.2) !important;filter:brightness(1.08)}.notebook-form-body #bbpress-forums #bbp_reply_submit:active,.notebook-form-body #bbpress-forums button[type=submit]:active,.notebook-form-body #bbpress-forums .bbp-submit-wrapper button:active,.notebook-form-body #bbpress-forums .bbp-submit-wrapper .button:active{transform:translateY(0)}.notebook-form-body #bbpress-forums .form-allowed-tags,.notebook-form-body #bbpress-forums .bbp-template-notice,.notebook-form-body #bbpress-forums .form-reply-to,.notebook-form-body #bbpress-forums #bbp_topic_tags,.notebook-form-body #bbpress-forums #bbp_topic_subscription,.notebook-form-body #bbpress-forums label[for=bbp_topic_tags],.notebook-form-body #bbpress-forums label[for=bbp_topic_subscription]{display:none !important}.notebook-form-body #bbpress-forums p:has(#bbp_topic_tags),.notebook-form-body #bbpress-forums p:has(#bbp_topic_subscription){display:none !important}.classroom-empty{text-align:center;padding:64px 24px;color:#5a5a72}.classroom-empty .empty-icon{font-size:3rem;margin-bottom:16px;opacity:.5}.classroom-empty p{font-size:.95rem;margin:0}.classroom-login-prompt{text-align:center;padding:40px;background:rgba(0,0,0,.02);border-radius:20px;border:1px dashed rgba(0,0,0,.1);margin-top:24px}.classroom-login-prompt p{margin:0 0 16px;color:#5a5a72;font-size:.95rem}.classroom-login-prompt a{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:#1a5c3a;color:#fff;border-radius:14px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.classroom-login-prompt a:hover{background:#227447;transform:translateY(-2px)}@keyframes slideInReply{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.desk-card{animation:slideInReply .4s ease-out both}.desk-card:nth-child(1){animation-delay:0.05s}.desk-card:nth-child(2){animation-delay:0.1s}.desk-card:nth-child(3){animation-delay:0.15s}.desk-card:nth-child(4){animation-delay:0.2s}.desk-card:nth-child(5){animation-delay:0.25s}.desk-card:nth-child(6){animation-delay:0.3s}.desk-card:nth-child(7){animation-delay:0.35s}.desk-card:nth-child(8){animation-delay:0.4s}.desk-card:nth-child(9){animation-delay:0.45s}.desk-card:nth-child(10){animation-delay:0.5s}.desk-card:nth-child(11){animation-delay:0.55s}.desk-card:nth-child(12){animation-delay:0.6s}.desk-card:nth-child(13){animation-delay:0.65s}.desk-card:nth-child(14){animation-delay:0.7s}.desk-card:nth-child(15){animation-delay:0.75s}.desk-card:nth-child(16){animation-delay:0.8s}.desk-card:nth-child(17){animation-delay:0.85s}.desk-card:nth-child(18){animation-delay:0.9s}.desk-card:nth-child(19){animation-delay:0.95s}.desk-card:nth-child(20){animation-delay:1s}.classroom-discussion #bbpress-forums{font-family:inherit;font-size:inherit}.classroom-discussion #bbpress-forums div.bbp-forum-header,.classroom-discussion #bbpress-forums div.bbp-topic-header,.classroom-discussion #bbpress-forums div.bbp-reply-header{display:none}.classroom-discussion #bbpress-forums ul.bbp-lead-topic,.classroom-discussion #bbpress-forums ul.bbp-topics,.classroom-discussion #bbpress-forums ul.bbp-forums,.classroom-discussion #bbpress-forums ul.bbp-replies,.classroom-discussion #bbpress-forums ul.bbp-search-results{border:none;list-style:none;margin:0;padding:0}.classroom-discussion #bbpress-forums li.bbp-body{list-style:none}.classroom-discussion #bbpress-forums .bbp-pagination,.classroom-discussion #bbpress-forums .bbp-topic-pagination{padding:16px 0;font-size:.85rem}.profile-page{padding-bottom:96px;background-color:#f8fafc;min-height:calc(100vh - 80px)}.profile-hero{position:relative;border-radius:40px;overflow:hidden;margin-bottom:64px;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06)}.profile-hero__bg{height:180px;background:linear-gradient(135deg, #227447, #0B3D2E);position:relative}.profile-hero__bg::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.83-54.627 54.627-.83-.83z' fill='%23ffffff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E")}.profile-hero__content{padding:0 64px 40px;display:flex;align-items:flex-end;gap:40px;margin-top:-60px;position:relative;z-index:2}@media(max-width: 768px){.profile-hero__content{flex-direction:column;align-items:center;text-align:center;padding:0 24px 24px}}.profile-hero__avatar-wrap{position:relative;width:140px;height:140px;border-radius:50%;background:#fff;padding:6px;box-shadow:0 4px 16px rgba(0,0,0,.08),0 1px 4px rgba(0,0,0,.04);flex-shrink:0}.profile-hero__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background-color:#f1f5f9;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.profile-hero__camera{position:absolute;bottom:5px;inset-inline-end:5px;background:#227447;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:3px solid #fff;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.profile-hero__camera:hover{background:#1a5c3a;transform:scale(1.1)}.profile-hero__camera input{display:none}.profile-hero__camera svg{width:16px;height:16px}.profile-hero__info{flex:1;padding-bottom:8px}.profile-hero__name{font-family:"Outfit",sans-serif;font-size:2rem;color:#0f172a;margin:0 0 4px;line-height:1.2}.profile-hero__role{display:inline-flex;align-items:center;gap:6px;background-color:var(--role-color, #e2e8f0);color:#fff;padding:4px 12px;border-radius:9999px;font-size:.85rem;font-weight:600;margin-inline-end:16px}.profile-hero__meta{font-size:.9rem;color:#64748b;display:inline-flex;align-items:center;gap:4px}.profile-hero__stats{display:grid;grid-template-columns:repeat(4, 1fr);border-top:1px solid #e2e8f0;background:#f8fafc}@media(max-width: 768px){.profile-hero__stats{grid-template-columns:repeat(2, 1fr)}}.profile-hero__stat{padding:24px;text-align:center;border-inline-end:1px solid #e2e8f0}.profile-hero__stat:last-child{border-inline-end:none}@media(max-width: 768px){.profile-hero__stat{border-bottom:1px solid #e2e8f0}.profile-hero__stat:nth-child(even){border-inline-end:none}}.profile-hero__stat-val{display:block;font-size:1.75rem;font-weight:700;color:#1a5c3a;font-family:"Outfit",sans-serif}.profile-hero__stat-lbl{display:block;font-size:.85rem;color:#64748b;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.profile-cards{display:grid;grid-template-columns:1fr;gap:40px;max-width:800px;margin:0 auto}.p-card{background:#fff;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);overflow:hidden}.p-card__header{padding:24px 40px;border-bottom:1px solid #f1f5f9;background:rgba(248,250,252,.5)}.p-card__title{font-size:1.1rem;font-weight:600;margin:0;color:#1e293b;display:flex;align-items:center;gap:8px}.p-card__icon{font-size:1.2rem}.p-card__body{padding:40px}.p-card__note{margin-top:24px;padding:8px 16px;background:#eff6ff;color:#1d4ed8;border-radius:14px;font-size:.9rem;display:flex;align-items:center;gap:8px}.p-info-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px}@media(max-width: 480px){.p-info-grid{grid-template-columns:1fr}}.p-info-item{display:flex;flex-direction:column;gap:4px}.p-info-label{font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.p-info-value{font-size:1.05rem;color:#0f172a;font-weight:500}.p-form__row{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px;margin-bottom:24px}@media(max-width: 480px){.p-form__row{grid-template-columns:1fr}}.p-form__group{display:flex;flex-direction:column;gap:8px}.p-form__label{font-size:.9rem;font-weight:500;color:#334155}.p-form__input{padding:10px 14px;border:1px solid #cbd5e1;border-radius:14px;font-size:1rem;color:#0f172a;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);background:#fff}.p-form__input:focus{outline:none;border-color:#2d8b55;box-shadow:0 0 0 3px rgba(45,139,85,.1)}.p-form__actions{display:flex;align-items:center;gap:24px;margin-top:40px}.p-form__msg{font-size:.95rem;font-weight:500}.p-form__msg--ok{color:#227447}.p-form__msg--err{color:#dc2626}.p-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-size:1rem;font-weight:600;font-family:"Outfit",sans-serif;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1);border:1px solid rgba(0,0,0,0)}.p-btn--primary{background-color:#227447;color:#fff;box-shadow:0 2px 4px rgba(34,116,71,.2)}.p-btn--primary:hover{background-color:#1a5c3a;transform:translateY(-1px)}.p-btn--outline{background-color:rgba(0,0,0,0);color:#334155;border-color:#cbd5e1}.p-btn--outline:hover{background-color:#f8fafc;color:#0f172a;border-color:#94a3b8}.admin-users-page{padding-bottom:96px;background-color:#f8fafc;min-height:calc(100vh - 80px)}.au-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:64px}@media(max-width: 768px){.au-header{flex-direction:column;align-items:stretch;gap:16px}}.au-header__title{font-family:"Outfit",sans-serif;font-size:2rem;color:#0f172a;margin:0 0 8px;display:flex;align-items:center;gap:12px}.au-header__meta{color:#64748b;font-size:.95rem}.au-header__actions{display:flex;gap:16px}@media(max-width: 480px){.au-header__actions{flex-direction:column}}.au-filter{padding:10px 16px;border:1px solid #cbd5e1;border-radius:14px;background-color:#fff;font-size:.95rem;color:#334155;min-width:200px;outline:none;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.au-filter:focus{border-color:#2d8b55;box-shadow:0 0 0 3px rgba(45,139,85,.1)}.au-card{background:#fff;border-radius:28px;box-shadow:0 2px 8px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);overflow:hidden}.au-table-wrapper{overflow-x:auto}.au-table{width:100%;border-collapse:collapse;text-align:start}.au-table th{padding:24px 40px;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:rgba(248,250,252,.5);border-bottom:1px solid #e2e8f0;font-weight:600}.au-table td{padding:24px 40px;vertical-align:middle;border-bottom:1px solid #f1f5f9;color:#1e293b}.au-table tr:last-child td{border-bottom:none}.au-table tr:hover td{background-color:rgba(239,246,255,.3)}.au-user{display:flex;align-items:center;gap:16px}.au-user__avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#f1f5f9}.au-user__name{font-weight:600;color:#0f172a;display:block;margin-bottom:2px}.au-user__email{font-size:.85rem;color:#64748b}.au-role{display:inline-flex;padding:4px 10px;border-radius:9999px;font-size:.8rem;font-weight:600;letter-spacing:.5px;background:#f1f5f9;color:#475569}.au-role--student{background:rgba(45,139,85,.1);color:#1a5c3a}.au-role--teacher{background:rgba(59,130,246,.1);color:#1d4ed8}.au-role--parent{background:rgba(249,115,22,.1);color:#c2410c}.au-role--admin{background:rgba(99,102,241,.1);color:#4338ca}.au-level{font-weight:500;color:#334155}.au-parent-link{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9999px;font-size:.85rem;color:#334155;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.au-parent-link:hover{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.au-actions{display:flex;gap:8px}.au-actions .btn-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .3s cubic-bezier(0.4, 0, 0.2, 1)}.au-actions .btn-icon:hover{background:#f8fafc;color:#2563eb;border-color:#bfdbfe}.au-actions .btn-icon--danger:hover{color:#dc2626;border-color:#fecaca;background:#fef2f2}.au-actions .btn-icon--small{width:26px !important;height:26px !important;font-size:10px !important;padding:0 !important;border-radius:50% !important}.au-parent-link-group{display:flex;align-items:center;gap:10px}.au-modal{position:fixed;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px);z-index:9999;display:none;align-items:center;justify-content:center;padding:16px}.au-modal.active{display:flex;animation:fadeIn .2s ease-out}.au-modal__content{background:#fff;width:100%;max-width:500px;border-radius:28px;box-shadow:0 8px 32px rgba(0,0,0,.1),0 2px 8px rgba(0,0,0,.06);position:relative;animation:slideUp .3s ease-out}.au-modal__header{padding:40px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.au-modal__header h3{margin:0;font-size:1.25rem;color:#0f172a}.au-modal__close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;transition:color .2s}.au-modal__close:hover{color:#334155}.au-modal__body{padding:40px}.au-modal__footer{padding:40px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:16px;background:#f8fafc;border-bottom-left-radius:28px;border-bottom-right-radius:28px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}@keyframes rotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}[dir=rtl]{direction:rtl;text-align:right}[dir=ltr]{direction:ltr;text-align:left}/*# sourceMappingURL=main.min.css.map */