.tnav{grid-gap:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #0f172a14;box-sizing:border-box;display:grid;grid-template-columns:auto 1fr auto;margin:0;min-height:56px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:1000}.tnav,.tnav__left{align-items:center;gap:16px}.tnav__left{display:flex;flex-shrink:0;min-width:0}.tnav__hamburger{align-items:center;background:#fff;border:1px solid #0f172a24;border-radius:10px;color:var(--text);cursor:pointer;display:none;font-size:1.1rem;justify-content:center;padding:10px 12px;transition:all .2s ease}.tnav__hamburger:hover{background:#0f172a0d;border-color:#0f172a33}.tnav__hamburger:active{transform:scale(.95)}.tnav__brand{color:#0f172a;font-weight:800;gap:10px;letter-spacing:.2px;text-decoration:none;white-space:nowrap}.tnav__brand,.tnav__logo{align-items:center;display:flex}.tnav__logo{background:linear-gradient(135deg,#0056ff,#007bff);border-radius:10px;box-shadow:0 8px 16px #0056ff2e;color:#fff;flex:0 0 auto;font-size:12px;font-weight:900;height:32px;justify-content:center;width:32px}.tnav__title{font-size:14px;line-height:1}.tnav__center{color:#0f172a;font-size:13px;font-weight:700;min-width:0;opacity:.95;padding:0 10px;text-align:center}.tnav__welcomeStrong{font-weight:900}.tnav__welcomeText{color:#334155;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnav__userName{color:#0056ff;font-weight:900}.tnav__right{flex-shrink:0;gap:12px;justify-content:flex-end;min-width:0}.tnav__auth,.tnav__right{align-items:center;display:flex}.tnav__auth{gap:10px}.tnav__btn{align-items:center;border:none;border-radius:12px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;gap:8px;justify-content:center;padding:10px 16px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.tnav__btn--ghost{background:#fff;border:1px solid #0f172a24;color:#0f172a}.tnav__btn--ghost:hover{background:#0f172a0d;border-color:#0f172a33;transform:translateY(-1px)}.tnav__btn--ghost i{font-size:14px}.tnav__btn--primary{background:#0f172a;border:1px solid #0f172a;box-shadow:0 10px 18px #0f172a24;color:#fff}.tnav__btn--primary:hover{box-shadow:0 14px 22px #0f172a2e;transform:translateY(-1px)}.tnav__btn--browse{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;box-shadow:0 4px 12px #667eea40;color:#fff;display:flex;font-weight:700;gap:8px;padding:10px 16px;transition:all .3s ease}.tnav__btn--browse:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea59;transform:translateY(-2px)}.tnav__btn--browse.active{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 6px 20px #667eea66}.tnav__btn--browse i.fa-chevron-down{font-size:11px;transition:transform .3s ease}.tnav__btn--browse i.fa-chevron-down.rotated{transform:rotate(180deg)}.tnav__btn--browse i.fa-compass{font-size:14px}.tnav__profile{position:relative}.tnav__iconBtn{align-items:center;background:#fff;border:1px solid #0f172a24;border-radius:12px;cursor:pointer;display:flex;gap:6px;padding:6px 8px;transition:all .15s ease}.tnav__iconBtn:hover{background:#0f172a0d}.tnav__iconCircle{align-items:center;background:#0056ff14;border-radius:10px;color:#0056ff;display:flex;height:32px;justify-content:center;overflow:hidden;position:relative;width:32px}.tnav__avatarImg{border-radius:12px;display:block;height:100%;object-fit:cover;width:100%}.tnav__initials{font-size:12px;font-weight:900;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.tnav__dot{background:#22c55e;border-radius:999px;bottom:4px;box-shadow:0 0 0 2px #fff;height:7px;position:absolute;right:4px;width:7px}.tnav__caret{opacity:.7;transition:transform .15s ease}.tnav__caret.rot{transform:rotate(180deg)}.tnav__menu{animation:tnavDrop .12s ease-out;background:#fff;border:1px solid #0f172a1f;border-radius:16px;box-shadow:0 18px 40px #0f172a2e;max-width:calc(100vw - 20px);min-width:200px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:220px;z-index:1000}@media (max-width:480px){.tnav__menu{left:50%;max-width:280px;right:auto;transform:translateX(-50%);width:calc(100vw - 40px)}.tnav__browseMenu{left:50%!important;max-width:300px!important;right:auto!important;transform:translateX(-50%);width:calc(100vw - 20px)!important}}.tnav__browseMenu{left:0;max-height:500px;max-width:calc(100vw - 40px);overflow-y:auto;right:auto;width:280px}@media (max-width:620px){.tnav__browseMenu{left:auto;max-width:300px;right:0;width:calc(100vw - 20px)}}.tnav__menuHeader{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border-radius:12px;color:#0f172a;display:flex;font-size:14px;font-weight:900;gap:10px;margin-bottom:4px;padding:12px 14px}.tnav__menuHeader i{color:#667eea;font-size:16px}.tnav__menuList{max-height:350px;overflow-y:auto;padding:4px 0}.tnav__menuList::-webkit-scrollbar{width:6px}.tnav__menuList::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.tnav__menuList::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.tnav__menuList::-webkit-scrollbar-thumb:hover{background:#94a3b8}.tnav__menuBtn{align-items:center;background:#0000;border:none;border-radius:10px;color:#0f172a;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:12px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.tnav__menuBtn:hover{background:#667eea14;transform:translateX(4px)}.tnav__menuBtn i{color:#667eea;font-size:14px;text-align:center;width:18px}.tnav__menuBtn--primary{background:linear-gradient(135deg,#667eea1a,#764ba21a);color:#667eea;font-weight:700}.tnav__menuBtn--primary:hover{background:linear-gradient(135deg,#667eea26,#764ba226);transform:translateX(4px)}.tnav__menuBtn--primary i{color:#764ba2}.tnav__menuLoading{align-items:center;color:#64748b;display:flex;font-size:13px;gap:10px;justify-content:center;padding:20px}.tnav__menuLoading i{color:#667eea}.tnav__menuEmpty{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:13px;gap:8px;padding:24px 16px;text-align:center}.tnav__menuEmpty i{color:#cbd5e1;font-size:32px;margin-bottom:4px}.tnav__menuEmpty small{font-size:11px;margin-top:4px;opacity:.8}@keyframes tnavDrop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.tnav__menu a:not(.tnav__menuBtn),.tnav__menuItem{align-items:center;background:#0000;border:none;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;font-size:13px;font-weight:800;gap:10px;padding:10px 14px;text-align:left;text-decoration:none;transition:all .15s ease;width:100%}.tnav__menu a:not(.tnav__menuBtn):hover,.tnav__menuItem:hover{background:#0f172a0f;transform:translateX(2px)}.tnav__menuItem i{color:#64748b;font-size:14px;text-align:center;width:18px}.tnav__menuItem:hover i{color:#0f172a}.tnav__divider{background:#0f172a1a;height:1px;margin:6px 8px}.tnav__logout{align-items:center!important;background:linear-gradient(135deg,#ef4444,#dc2626 50%,#b91c1c)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #ef44444d!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-weight:600!important;gap:8px!important;justify-content:center!important;margin:8px!important;overflow:hidden!important;padding:10px 16px!important;position:relative!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;width:calc(100% - 16px)!important}.tnav__logout:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tnav__logout:hover:before{left:100%}.tnav__logout:hover{background:linear-gradient(135deg,#dc2626,#b91c1c 50%,#991b1b)!important;box-shadow:0 6px 20px #ef444466!important;transform:translateY(-2px) scale(1.02)!important}.tnav__logout:active{box-shadow:0 2px 8px #ef44444d!important;transform:translateY(0) scale(.98)!important}.tnav__logout i{animation:pulse 2s infinite;font-size:16px!important}.tnav__logout i,.tnav__logout:hover i{color:#fff!important}.tnav__mi{align-items:center;display:inline-flex;justify-content:center;text-align:center;width:18px}@media (max-width:768px){.tnav__hamburger{display:flex}}@media (min-width:769px){.tnav__hamburger{display:none!important}}@media (max-width:820px){.tnav{gap:12px;grid-template-columns:auto 1fr auto;padding:10px 12px}.tnav__center{font-size:12px;overflow:hidden;padding:0 8px;text-overflow:ellipsis}.tnav__title{font-size:13px}.tnav__logo{font-size:12px;height:32px;width:32px}.tnav__btn--ghost span{display:none}.tnav__btn--ghost{padding:10px 12px}.tnav__btn--ghost i{margin:0}}@media (max-width:620px){.tnav__center{display:none}.tnav__brand{gap:8px;min-width:0}.tnav__title{font-size:12px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tnav__btn--browse span{display:none}.tnav__btn--browse{min-width:auto;padding:10px 12px}.tnav__iconBtn{padding:6px 8px}.tnav__iconCircle{height:30px;width:30px}.tnav__menu{max-width:calc(100vw - 20px);right:0;width:200px}.tnav__right{gap:8px}}@media (max-width:480px){.tnav{gap:8px;padding:8px 10px}.tnav__title{display:none}.tnav__left{gap:8px}.tnav__btn--browse,.tnav__btn--ghost{padding:8px 10px}.tnav__btn--primary{font-size:12px;padding:8px 14px}.tnav__logo{font-size:11px;height:28px;width:28px}}.bs-footer{background:#2b2f36;color:#ffffffd9;font-family:Poppins,sans-serif;width:100%}.bs-footer-inner{margin:0 auto;max-width:1300px;padding:28px 60px 40px}.bs-featured{display:flex;flex-wrap:wrap;font-size:.85rem;font-weight:700;gap:20px;justify-content:center;opacity:.65}.bs-featured .label{letter-spacing:2px;opacity:.5}.divider{background:#ffffff14;margin:18px 0 28px}.bs-footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1.3fr 1fr 1fr 1fr}.bs-footer h4{color:#fff;font-size:1rem;font-weight:800;margin-bottom:12px}.bs-footer p{font-size:.92rem;line-height:1.6}.hiring span{color:#1aa6b7;cursor:pointer;font-weight:800;text-decoration:underline}.social{margin-top:14px}.icons{display:flex;gap:10px;margin-top:8px}.icons i{background:#ffffff14;border-radius:12px;cursor:pointer;display:grid;height:36px;place-items:center;width:36px}.bs-footer ul{list-style:none;margin:0;padding:0}.bs-footer ul li{cursor:pointer;font-size:.92rem;margin-bottom:10px;opacity:.8}.bs-footer ul li:hover{opacity:1;transform:translateX(2px)}.cta-box{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:22px}.primary-btn{background:#1aa6b7;border:none;border-radius:999px;margin-top:14px}.outline-btn,.primary-btn{cursor:pointer;font-weight:800;padding:12px;width:100%}.outline-btn{background:#0000;border:1px solid #ffffff40;border-radius:999px;color:#fff;margin-top:10px}.bs-footer-bottom{background:#fff;width:100%}.bs-footer-bottom-inner{color:#6b7280;margin:0 auto;max-width:1300px;padding:18px 60px;text-align:center}.bs-footer-bottom button{background:none;border:none;cursor:pointer;font-weight:700;text-decoration:underline}.bs-footer-bottom span{margin:0 8px}@media (max-width:1100px){.bs-footer-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.bs-footer-bottom-inner,.bs-footer-inner{padding:24px 20px}.bs-footer-grid{grid-template-columns:1fr}}body{background:#f8faff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}section{box-sizing:border-box;width:100%}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .8s ease-out forwards}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;display:inline-block}.hero-section{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;margin-top:0;min-height:90vh;overflow:hidden;padding:8rem 2rem 6rem;position:relative}.hero-section:before{background:radial-gradient(circle at 20% 50%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff1a 0,#0000 50%);content:""}.hero-background-elements,.hero-section:before{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-background-elements{overflow:hidden}.floating-shape{animation:float 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:300px;right:-150px;top:-150px;width:300px}.shape-2{animation-delay:2s;bottom:-100px;height:200px;left:-100px;width:200px}.shape-3{animation-delay:4s;height:150px;left:10%;top:50%;width:150px}.hero-container{color:#fff;max-width:1200px;position:relative;text-align:center;width:100%;z-index:1}.hero-content{opacity:0}.hero-content.fade-in-up{opacity:1}.hero-badge{align-items:center;animation:slideInLeft .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50px;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.6rem 1.5rem}.hero-badge i{font-size:1.1rem}.hero-container h1{animation:fadeInUp .8s ease-out .2s both;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.hero-container h1 .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;background-clip:text;display:block;margin-top:.5rem}.hero-container p{animation:fadeInUp .8s ease-out .4s both;color:#fffffff2;font-size:1.25rem;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:700px}.hero-cta{align-items:center;animation:fadeInUp .8s ease-out .6s both;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-bottom:4rem}.cta-primary{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;color:#667eea;display:inline-flex;font-size:1.1rem;font-weight:700;gap:.75rem;overflow:hidden;padding:1rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.cta-primary:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.cta-primary:hover:before{left:100%}.cta-primary:hover{box-shadow:0 6px 30px #0000004d;transform:translateY(-3px)}.cta-primary i{transition:transform .3s ease}.cta-primary:hover i{transform:translateX(4px)}.cta-secondary{align-items:center;background:#0000;border:2px solid #ffffff80;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;padding:1rem 2.5rem;transition:all .3s ease}.cta-secondary:hover{background:#ffffff1a;border-color:#fffc;transform:translateY(-3px)}.cta-secondary i{font-size:.9rem}.hero-stats{animation:fadeInUp .8s ease-out .8s both;display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.stat-item{text-align:center}.stat-number{color:gold;font-size:2.5rem;font-weight:800;line-height:1;margin-bottom:.5rem}.stat-label{color:#ffffffe6;font-size:.95rem;font-weight:500}.features-section{background:linear-gradient(180deg,#fff,#f8faff);padding:6rem 2rem;position:relative}.features-section .section-header{margin:0 auto 4rem;max-width:800px;text-align:center}.features-section .section-header h2{color:#222;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.features-section .section-header p{color:#666;font-size:1.1rem;line-height:1.8}.features-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:20px;opacity:0;overflow:hidden;padding:2.5rem 1.5rem;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card.fade-in-up{opacity:1}.feature-hover-effect{background:linear-gradient(135deg,#667eea0d,#764ba20d);height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%;z-index:0}.feature-card:hover .feature-hover-effect{left:0}.feature-card:hover{border-color:#667eea;box-shadow:0 20px 60px #667eea33;transform:translateY(-12px) scale(1.02)}.feature-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 8px 25px #667eea4d;color:#fff;display:flex;font-size:2.2rem;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;transition:all .4s ease;width:80px;z-index:1}.feature-card:hover .feature-icon{box-shadow:0 12px 35px #667eea66;transform:rotateY(1turn) scale(1.1)}.feature-card h3{color:#222;font-size:1.3rem;font-weight:700;margin-bottom:1rem;position:relative;transition:color .3s ease;z-index:1}.feature-card:hover h3{color:#667eea}.feature-card p{color:#666;font-size:.95rem;line-height:1.6;position:relative;z-index:1}.courses-section{background:#f8faff;padding:5rem 2rem}.section-header{margin:0 auto 4rem;max-width:800px;text-align:center}.section-header h2{color:#222;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem}.section-header h2 .gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.section-header p{color:#666;font-size:1.1rem;line-height:1.8}.courses-container{display:flex;gap:2rem;margin:0 auto;max-width:1400px}.courses-sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:100px;width:280px}.courses-sidebar h3{border-bottom:1px solid #e0e0e0;color:#222;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:1rem}.courses-sidebar ul{list-style:none;margin:0;padding:0}.courses-sidebar li{border-radius:10px;color:#444;cursor:pointer;font-size:.95rem;font-weight:500;margin-bottom:.5rem;padding:1rem;transition:all .3s ease}.courses-sidebar li:hover{background:#f0f4ff;color:#667eea;transform:translateX(4px)}.courses-sidebar li.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600}.sidebar-empty,.sidebar-error,.sidebar-loading{color:#666;font-size:.9rem;padding:1rem 0;text-align:center}.sidebar-error{color:#e74c3c}.courses-main{flex:1 1}.section-subtitle{border-bottom:2px solid #e0e0e0;color:#222;font-size:1.5rem;font-weight:700;margin-bottom:2rem;padding-bottom:1rem}.empty-state,.error-state,.loading-state{color:#666;padding:3rem}.error-state{color:#e74c3c}.empty-state{padding:4rem 2rem}.course-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-card{border:2px solid #0000;border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;opacity:0;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.course-card.fade-in-up{opacity:1}.course-card:hover{border-color:#667eea;box-shadow:0 20px 60px #667eea40;transform:translateY(-12px) scale(1.02)}.course-card.active{border-color:#667eea;box-shadow:0 12px 40px #667eea4d;transform:translateY(-4px)}.course-image-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.course-image-placeholder:before{background:radial-gradient(circle at 30% 30%,#fff3 0,#0000 50%),radial-gradient(circle at 70% 70%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.course-image-placeholder i{animation:pulse 3s ease-in-out infinite;color:#ffffffe6;font-size:4rem;position:relative;z-index:1}.course-card:hover .course-image-placeholder{transform:scale(1.05)}.course-card:hover .course-image-placeholder i{transform:scale(1.1) rotate(5deg)}.badge{background:gold;border-radius:20px;color:#222;display:inline-block;font-weight:700;letter-spacing:.05em;margin-bottom:1rem;padding:.4rem .8rem;text-transform:uppercase}.course-info{display:flex;flex:1 1;flex-direction:column;padding:1.5rem}.course-header{justify-content:space-between;margin-bottom:1rem}.course-header,.rating{align-items:center;display:flex}.rating{color:#666;font-size:.9rem;font-weight:600;gap:.5rem}.rating i{color:gold}.course-meta-info{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.meta-badge{align-items:center;background:#f1f5f9;border-radius:8px;color:#475569;display:inline-flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.meta-badge i{color:#667eea;font-size:.75rem}.course-info h4{color:#222;font-size:1.3rem;font-weight:700;line-height:1.4;margin:0 0 .75rem}.instructor{align-items:center;color:#666;display:flex;flex:1 1;font-size:.95rem;gap:.5rem;margin-bottom:1.5rem}.instructor i{color:#667eea}.view-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:auto;overflow:hidden;padding:1rem 1.5rem;position:relative;transition:all .3s ease}.view-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.view-btn:hover:before{left:100%}.view-btn:hover{box-shadow:0 8px 25px #667eea80;transform:translateY(-3px)}.view-btn:active{transform:translateY(-1px)}.view-btn i{transition:transform .3s ease}.view-btn:hover i{transform:translateX(6px)}@media (max-width:1024px){.hero-section{min-height:80vh;padding:6rem 2rem 4rem}.hero-container h1{font-size:3rem}.hero-container p{font-size:1.15rem}.hero-stats{gap:3rem}.stat-number{font-size:2rem}.features-container{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.section-header h2{font-size:2.2rem}.courses-container{gap:1.5rem}.courses-sidebar{width:250px}.course-cards{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:992px){.hero-section{min-height:75vh;padding:6rem 2rem 4rem}.hero-container h1{font-size:2.5rem}.hero-container p{font-size:1.1rem}.hero-cta{flex-direction:column;gap:1rem}.cta-primary,.cta-secondary{max-width:300px;width:100%}.hero-stats{gap:2rem}.stat-number{font-size:1.75rem}.features-section{padding:4rem 2rem}.features-container{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.feature-card{padding:2rem 1.5rem}.feature-icon{font-size:1.8rem;height:60px;width:60px}.courses-section{padding:4rem 2rem}.section-header{margin-bottom:3rem}.section-header h2{font-size:2rem}.courses-container{flex-direction:column;gap:2rem}.courses-sidebar{position:relative;top:0;width:100%}.courses-sidebar ul{display:flex;flex-wrap:wrap;gap:.5rem}.courses-sidebar li{background:#f5f5f5;border-bottom:none;border-radius:8px;margin-bottom:0;padding:.75rem 1rem}.courses-sidebar li.active{background:linear-gradient(135deg,#667eea,#764ba2)}.course-cards{gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.hero-section{margin-top:70px;min-height:70vh;padding:5rem 1.5rem 3rem}.hero-badge{font-size:.85rem;padding:.5rem 1.2rem}.hero-container h1{font-size:2rem;line-height:1.3}.hero-container p{font-size:1rem;margin-bottom:2rem}.hero-cta{flex-direction:column;gap:1rem;margin-bottom:3rem}.cta-primary,.cta-secondary{font-size:1rem;max-width:280px;padding:.9rem 2rem;width:100%}.hero-stats{gap:2rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.85rem}.floating-shape{display:none}.features-section{padding:3rem 1.5rem}.features-container{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.feature-card{padding:1.5rem 1rem}.feature-icon{font-size:1.5rem;height:50px;margin-bottom:1rem;width:50px}.feature-card h3{font-size:1.1rem;margin-bottom:.75rem}.feature-card p{font-size:.9rem}.courses-section{padding:3rem 1.5rem}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.section-subtitle{font-size:1.3rem;margin-bottom:1.5rem}.course-cards{gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.badge{font-size:.75rem;padding:.4rem .8rem}.course-info{padding:1.25rem}.course-info h4{font-size:1.1rem}}@media (max-width:480px){.hero-section{margin-top:60px;min-height:65vh;padding:4rem 1rem 2.5rem}.hero-badge{font-size:.8rem;margin-bottom:1.5rem;padding:.4rem 1rem}.hero-container h1{font-size:1.75rem}.hero-container p{font-size:.95rem;margin-bottom:1.5rem}.hero-cta{margin-bottom:2.5rem}.cta-primary,.cta-secondary{font-size:.95rem;padding:.85rem 1.5rem}.hero-stats{gap:1.5rem}.stat-number{font-size:1.3rem}.stat-label{font-size:.8rem}.course-image-placeholder{height:150px}.course-image-placeholder i{font-size:3rem}.features-section{padding:2.5rem 1rem}.features-container{gap:1rem;grid-template-columns:1fr}.feature-card{padding:1.5rem 1rem}.feature-icon{font-size:1.5rem;height:50px;width:50px}.feature-card h3{font-size:1rem}.feature-card p{font-size:.85rem}.courses-section{padding:2.5rem 1rem}.section-header{margin-bottom:2rem}.section-header h2{font-size:1.5rem}.section-header p{font-size:.9rem}.section-subtitle{font-size:1.2rem;margin-bottom:1.25rem}.courses-sidebar{padding:1rem}.courses-sidebar h3{font-size:1.1rem;margin-bottom:.75rem;padding-bottom:.75rem}.courses-sidebar li{font-size:.9rem;padding:.6rem .8rem}.course-cards{gap:1rem;grid-template-columns:1fr}.badge{font-size:.7rem;padding:.35rem .7rem}.course-info{padding:1rem}.course-info h4{font-size:1rem}.instructor{font-size:.85rem;margin-bottom:1rem}.view-btn{font-size:.9rem;padding:.75rem 1.25rem}}@media (max-width:360px){.hero-container h1{font-size:1.5rem}.hero-container p{font-size:.9rem}.section-header h2{font-size:1.3rem}.section-subtitle{font-size:1.1rem}.course-info h4{font-size:.95rem}}@media (max-height:500px) and (orientation:landscape){.hero-section{padding:4rem 2rem 3rem}.hero-container h1{font-size:2rem;margin-bottom:1rem}.hero-container p{font-size:1rem;margin-bottom:1.5rem}.courses-section,.features-section{padding:3rem 2rem}}.public-course-detail-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Poppins,sans-serif;min-height:calc(100vh - 200px);padding:3rem 2rem}.public-course-detail-content{animation:fadeInUp .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;margin:0 auto;max-width:900px;padding:3rem}.public-course-loading{padding:4rem 2rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 1.5rem;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.public-course-loading p{color:#64748b;font-size:1rem}.public-course-error{padding:4rem 2rem;text-align:center}.public-course-error i{color:#f87171;font-size:4rem;margin-bottom:1.5rem}.public-course-error h2{color:#1e293b;font-size:2rem;margin-bottom:1rem}.public-course-error p{color:#64748b;margin-bottom:2rem}.back-to-home-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-to-home-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.public-course-header{border-bottom:2px solid #e2e8f0;margin-bottom:3rem;padding-bottom:2rem}.back-link{align-items:center;color:#667eea;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1.5rem;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#764ba2}.course-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;margin-bottom:1.5rem;padding:.5rem 1rem}.course-title{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1.2;margin:0 0 1.5rem}.course-meta{gap:1.5rem;margin-top:1.5rem}.meta-item{display:flex;font-size:.95rem;gap:.5rem}.meta-item i{color:#667eea}.public-course-description{margin-bottom:3rem}.public-course-description h2{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1.5rem}.description-text{color:#475569;font-size:1.1rem;line-height:1.8;margin:0}.description-text.no-description{color:#94a3b8;font-style:italic}.public-course-login-prompt{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #cbd5e1;border-radius:16px;overflow:hidden;padding:3rem;position:relative;text-align:center}.public-course-login-prompt:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle,#667eea0d 0,#0000 70%);content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.login-prompt-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;box-shadow:0 8px 25px #667eea4d;display:flex;height:80px;justify-content:center;margin:0 auto 1.5rem;position:relative;width:80px;z-index:1}.login-prompt-icon i{color:#fff;font-size:2rem}.public-course-login-prompt h3{color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1rem;position:relative;z-index:1}.public-course-login-prompt>p{color:#64748b;font-size:1.1rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;position:relative;z-index:1}.login-redirect-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;display:inline-flex;font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:600;gap:.75rem;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease;z-index:1}.login-redirect-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.login-redirect-btn:hover:before{left:100%}.login-redirect-btn:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.login-redirect-btn:active{transform:translateY(0)}.no-account-text{color:#64748b;font-size:.95rem;margin-top:1.5rem;position:relative;z-index:1}.register-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.register-link:hover{color:#764ba2;text-decoration:underline}@media (max-width:768px){.public-course-detail-container{padding:2rem 1rem}.public-course-detail-content{border-radius:16px;padding:2rem 1.5rem}.course-title{font-size:2rem}.course-meta{flex-direction:column;gap:1rem}.public-course-description h2{font-size:1.5rem}.description-text{font-size:1rem}.public-course-login-prompt{padding:2rem 1.5rem}.public-course-login-prompt h3{font-size:1.5rem}.public-course-login-prompt>p{font-size:1rem}.login-redirect-btn{font-size:1rem;padding:.875rem 2rem}}@media (max-width:480px){.public-course-detail-container{padding:1.5rem 1rem}.public-course-detail-content{padding:1.5rem}.course-title{font-size:1.75rem}.public-course-login-prompt{padding:1.5rem 1rem}.login-prompt-icon{height:60px;width:60px}.login-prompt-icon i{font-size:1.5rem}}.auth-container-new{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-container-new:before{animation:floatBg 20s ease-in-out infinite;background:radial-gradient(circle,#6366f11a 0,#0000 70%);border-radius:50%;content:"";height:600px;position:absolute;right:-300px;top:-300px;width:600px}.auth-container-new:after{animation:floatBg 15s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);border-radius:50%;bottom:-250px;content:"";height:500px;left:-250px;position:absolute;width:500px}@keyframes floatBg{0%,to{transform:translate(0) scale(1)}50%{transform:translate(30px,30px) scale(1.1)}}.login-card-new{animation:cardEntrance .6s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;display:flex;max-height:90vh;max-width:1000px;min-height:600px;overflow:hidden;position:relative;width:100%;z-index:1}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-welcome-panel{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex:0 0 40%;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem;position:relative}.welcome-content{color:#fff;position:relative;z-index:2}.welcome-title{animation:fadeInUp .8s ease-out;font-size:3.5rem;font-weight:800;letter-spacing:2px;margin:0 0 .5rem}.welcome-subtitle{animation:fadeInUp .8s ease-out .2s both;font-size:1.8rem;font-weight:600;margin:0 0 1.5rem;opacity:.95}.welcome-text{animation:fadeInUp .8s ease-out .4s both;font-size:1rem;line-height:1.6;max-width:90%;opacity:.9}.sphere{animation:floatSphere 6s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3,#ffffff0d);border-radius:50%;position:absolute}.sphere-1{animation-delay:0s;height:200px;right:-50px;top:-100px;width:200px}.sphere-2{animation-delay:1s;bottom:50px;height:150px;left:-50px;width:150px}.sphere-3{animation-delay:2s;bottom:-90px;height:180px;right:100px;width:180px}@keyframes floatSphere{0%,to{opacity:.6;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(20px,-20px) scale(1.1)}}.login-form-panel{background:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:flex-start;max-height:100vh;overflow-y:auto;padding:3.5rem}.form-header{margin-bottom:2rem}.form-header h2{color:#1e293b;font-size:2rem;font-weight:700;margin:0 0 .5rem}.form-header p{color:#64748b;font-size:.95rem;margin:0}.error-message{animation:shake .5s ease-in-out;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;color:#dc2626}.error-message,.success-message{font-size:.875rem;margin-bottom:1.5rem;padding:.875rem 1rem}.success-message{animation:fadeInUp .5s ease-out;background:#d1fae5;border:1px solid #a7f3d0;border-radius:12px;color:#059669}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.input-group-new{align-items:center;display:flex;margin-bottom:1.5rem;position:relative}.register-name-row{display:flex;gap:0;margin-bottom:1.5rem}.register-name-row .input-group-new{margin-bottom:0}.input-icon{color:#667eea;font-size:1rem;left:1rem;position:absolute;z-index:1}.input-group-new input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-family:Poppins,sans-serif;font-size:.95rem;padding:.875rem 1rem .875rem 3rem;transition:all .3s ease;width:100%}.input-group-new input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.input-group-new input::placeholder{color:#94a3b8}.input-group-new input.input-error{background:#fef2f2;border-color:#dc2626}.input-group-new input.input-error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.google-signin-btn{align-items:center;display:flex;gap:.75rem;justify-content:center}.google-signin-btn i{font-size:1.1rem}.password-group{position:relative}.show-password-btn{background:#0000;border:none;color:#667eea;cursor:pointer;font-family:Poppins,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem;position:absolute;right:1rem;transition:color .3s ease;z-index:1}.show-password-btn:hover{color:#764ba2}.show-password-btn:disabled{cursor:not-allowed;opacity:.5}.form-options{font-size:.9rem;justify-content:space-between;margin-bottom:2rem}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#475569;cursor:pointer;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.forgot-link{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#764ba2}.signin-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1.5rem;overflow:hidden;padding:.875rem;position:relative;transition:all .3s ease;width:100%}.signin-btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.signin-btn-primary:hover:before{left:100%}.signin-btn-primary:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.signin-btn-primary:active{transform:translateY(0)}.signin-btn-primary:disabled{cursor:not-allowed;opacity:.7;transform:none}.signin-btn-secondary{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#475569;cursor:pointer;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin-bottom:1.5rem;padding:.875rem;transition:all .3s ease;width:100%}.signin-btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.signin-btn-secondary:active{transform:translateY(0)}.signin-btn-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.divider-new{align-items:center;display:flex;justify-content:center;margin:1.5rem 0;position:relative}.divider-new:after,.divider-new:before{background:#e2e8f0;content:"";flex:1 1;height:1px}.divider-new span{background:#fff;color:#94a3b8;font-size:.9rem;padding:0 1rem}.signup-prompt{color:#64748b;font-size:.9rem;margin:0;text-align:center}.signup-link-new{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-link-new:hover{color:#764ba2;text-decoration:underline}@media (max-width:900px){.login-card-new{flex-direction:column;max-width:500px}.login-welcome-panel{flex:0 0 auto;min-height:300px;padding:2rem}.welcome-title{font-size:2.5rem}.welcome-subtitle{font-size:1.5rem}.sphere{display:none}.login-form-panel{padding:2.5rem}}@media (max-width:600px){.auth-container-new{padding:1rem}.login-card-new{border-radius:16px;max-height:95vh}.login-welcome-panel{min-height:250px;padding:1.5rem}.welcome-title{font-size:2rem}.welcome-subtitle{font-size:1.25rem}.login-form-panel{max-height:calc(95vh - 250px);overflow-y:auto;padding:2rem 1.5rem}.form-header h2{font-size:1.75rem}.register-name-row{flex-direction:column;gap:0}.register-name-row .input-group-new{margin-bottom:1.5rem;margin-left:0!important;margin-right:0!important}}.auth-container,.auth-wrapper{background:#f7faff;display:flex;font-family:Poppins,sans-serif;height:100vh;overflow:hidden}.auth-left{background:#fff;box-shadow:4px 0 15px #0000000d;flex:1 1;flex-direction:column;padding:3rem;position:relative}.auth-left,.auth-right{align-items:center;display:flex;justify-content:center}.auth-right{background:linear-gradient(135deg,#fff 60%,#e8f0ff);flex:1 1;padding:2rem}.auth-box,.login-card{background:#fff;border-radius:12px;box-shadow:0 6px 25px #0000001a;max-width:90%;padding:2.5rem;text-align:center;width:400px}.auth-box h2,.login-card h2{color:#003bbf;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.subtitle{font-size:.9rem;margin-bottom:1.5rem}.input-group{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;margin-bottom:1.2rem;padding:.6rem 0;transition:border-color .3s}.input-group i{color:#0056ff;margin-right:.8rem}.input-group input{background:#0000;border:none;color:#333}.auth-box input,.input-group input{font-size:.95rem;outline:none;width:100%}.auth-box input{border:1px solid #d0d8f7;border-radius:10px;margin-bottom:1rem;padding:.9rem 1rem;transition:all .3s ease}.auth-box input:focus{border-color:#0056ff;box-shadow:0 0 0 2px #0056ff1a}.login-options{align-items:center;color:#555;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1.5rem}.login-btn,.primary-btn{background:linear-gradient(90deg,#0056ff,#007bff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem;transition:transform .2s,box-shadow .3s;width:100%}.login-btn:hover,.primary-btn:hover{box-shadow:0 4px 15px #0056ff66;transform:translateY(-2px)}.divider{align-items:center;color:#777;display:flex;font-size:.9rem;justify-content:center;margin:1.5rem 0;position:relative}.divider:after,.divider:before{background:#e0e0e0;content:"";height:1px;position:absolute;width:40%}.divider:before{left:0}.divider:after{right:0}.google-btn{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;color:#444;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.6rem;justify-content:center;padding:.8rem;transition:all .3s ease;width:100%}.google-btn:hover{background:#f7f7f7}.redirect-text,.signup-text{color:#555;font-size:.9rem;margin-top:1.2rem}.link,.signup-link{color:#0056ff;font-weight:600;text-decoration:none}.link:hover,.signup-link:hover{text-decoration:underline}@media (max-width:900px){.auth-container,.auth-wrapper{flex-direction:column;height:auto}.auth-left,.auth-right{flex:none;height:auto;width:100%}.auth-box,.login-card{margin:2rem auto;width:90%}}.about-ui{background:#f6f7fb;font-family:Poppins,sans-serif;min-height:100vh;padding-bottom:50px}.about-ui-hero{padding:90px 16px 24px;text-align:center}.about-ui-hero h1{color:#101828;font-size:44px;font-weight:900;letter-spacing:-.5px;margin:0}.about-ui-hero p{color:#667085;font-size:16px;line-height:1.7;margin:12px auto 0;max-width:820px}.about-ui-layout{grid-gap:22px;display:grid;gap:22px;grid-template-columns:280px 1fr;margin:0 auto;max-width:1200px;padding:0 16px}.about-ui-sidebar{background:#0000}.side-pill{border:none;border-radius:10px;box-shadow:0 10px 24px #1967ff26;color:#fff;cursor:pointer;font-weight:800;padding:14px;width:100%}.side-pill,.side-pill.active{background:#1967ff}.side-list{background:#fff;border:1px solid #eaecf0;border-radius:14px;margin-top:14px;padding:10px}.side-item{background:#0000;border:none;border-radius:10px;color:#101828;cursor:pointer;font-weight:700;padding:12px;text-align:left;width:100%}.side-item:hover{background:#f2f4f7}.side-item.active{background:#eef4ff;color:#1857e0}.about-ui-main{min-width:0}.about-ui-banner{align-items:center;background:#f1efff;border:1px solid #e7e4ff;border-radius:14px;display:flex;gap:14px;justify-content:space-between;padding:18px}.about-ui-banner h3{color:#101828;font-size:16px;font-weight:900;margin:0}.about-ui-banner p{color:#667085;font-size:13px;margin:6px 0 0}.banner-right{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.banner-price{color:#101828;font-weight:800;opacity:.8}.banner-btn{background:#6d4bff;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:900;padding:10px 14px}.banner-btn:hover{filter:brightness(.96)}.about-ui-section-title{margin-top:22px}.about-ui-section-title h2{color:#101828;font-size:28px;font-weight:900;margin:0}.about-ui-section-title .line{background:#eaecf0;height:1px;margin-top:10px}.about-ui-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.a-card{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 12px 30px #1018280f;padding:16px}.a-icon{font-size:22px;margin-bottom:10px}.a-card h4{color:#101828;font-size:16px;font-weight:900;margin:0}.a-card p{color:#667085;font-size:14px;line-height:1.7;margin:8px 0 0}.about-ui-grid2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-top:16px}.grid-box{background:#fff;border:1px solid #eaecf0;border-radius:14px;box-shadow:0 12px 30px #1018280f;padding:16px}.grid-box h3{color:#101828;font-size:16px;font-weight:900;margin:0}.grid-box p{color:#667085;font-size:14px;line-height:1.7;margin:10px 0 0}.muted{opacity:.85}.tick-list{color:#344054;margin:12px 0 0;padding-left:18px}.tick-list li{font-weight:700;margin:8px 0}.contact-row{background:#f9fafb;border:1px solid #eaecf0;border-radius:12px;display:flex;gap:10px;justify-content:space-between;margin-top:12px;padding:10px 12px}.contact-row .label{color:#101828;font-weight:900}.contact-row .value{color:#475467;font-weight:700}.main-cta{background:#1967ff;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;margin-top:14px;padding:12px 14px;width:100%}.main-cta:hover{filter:brightness(.96)}@media (max-width:980px){.about-ui-cards,.about-ui-grid2,.about-ui-layout{grid-template-columns:1fr}.about-ui-hero h1{font-size:34px}}.sd-page{box-sizing:border-box;padding:26px 14px 40px 356px}.sd-container{box-sizing:border-box;margin:0 auto;max-width:1200px;width:100%}.sd-hero{align-items:flex-end;animation:fadeInDown .6s ease-out;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px;position:relative}.sd-hero:after{animation:expandLine 1s ease-out .8s both;background:linear-gradient(90deg,#2563eb,#0000);border-radius:2px;bottom:-10px;content:"";height:3px;left:0;position:absolute;width:100px}@keyframes expandLine{0%{opacity:0;width:0}to{opacity:1;width:100px}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sd-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);-webkit-background-clip:text;background-clip:text;color:#0f172a;font-size:24px;font-weight:1000;margin:0}.sd-subtitle{animation:fadeIn .8s ease-out .2s both;color:#475569;font-weight:650;margin:8px 0 0}.sd-layout{display:block;margin-left:0;padding-left:0;position:relative;width:100%}@media (max-width:980px){.sd-layout{display:block}}.sd-sidebar{border:1px solid #0f172a1a;border-radius:16px;box-shadow:0 12px 28px #0206170f}.sd-sideBtn{align-items:center;background:#94a3b81f;border:0;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;font-weight:950;gap:10px;margin-bottom:12px;overflow:hidden;padding:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.sd-sideBtn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.sd-sideBtn:hover:before{left:100%}.sd-sideBtn:hover{background:#94a3b833;transform:translateX(4px)}.sd-sideBtn.active{background:#2563eb;box-shadow:0 4px 12px #2563eb4d;color:#fff}.sd-sideBtn.active:hover{background:#1d4ed8;transform:translateX(4px)}.sd-sideList{grid-gap:10px;display:grid;list-style:none;margin:0;padding:0}.sd-sideList li{align-items:center;background:#f8fafcb3;border:1px solid #0f172a0f;border-radius:12px;color:#0f172a;cursor:pointer;display:flex;font-weight:850;gap:10px;padding:10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sd-sideList li:before{background:#2563eb;border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%) scaleY(0);transition:all .3s ease;width:3px}.sd-sideList li:hover{background:#f8fafc;border-color:#2563eb33;box-shadow:0 2px 8px #0f172a14;transform:translateX(6px)}.sd-sideList li:hover:before{height:60%;transform:translateY(-50%) scaleY(1)}.sd-sideList li:hover i{color:#2563eb;transform:scale(1.1)}.sd-sideList li.active{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 12px #2563eb40;color:#fff}.sd-sideList li.active:before{background:#ffffff4d;height:60%;transform:translateY(-50%) scaleY(1)}.sd-sideList li.active i{color:#fff}.sd-sideList li.active:hover{background:#1d4ed8;border-color:#1d4ed8}.sd-sideList li i{color:#334155;transition:all .3s ease;width:18px}.sd-main{min-width:0}.sd-stats{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}@media (max-width:1100px){.sd-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.sd-stats{grid-template-columns:1fr}}.sd-statCard{animation:fadeInUp .5s ease-out both;border-radius:16px;box-shadow:0 14px 30px #0206171a;color:#fff;cursor:pointer;overflow:hidden;padding:14px;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.sd-statCard:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}.sd-statCard:hover:before{opacity:1}.sd-statCard:first-child{animation-delay:.1s}.sd-statCard:nth-child(2){animation-delay:.2s}.sd-statCard:nth-child(3){animation-delay:.3s}.sd-statCard:nth-child(4){animation-delay:.4s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sd-statCard:hover{box-shadow:0 24px 48px #02061733;transform:translateY(-8px) scale(1.03) rotateX(2deg);z-index:10}.sd-statCard:active{transform:translateY(-4px) scale(1.01);transition:all .15s ease}.sd-statCard:after{background:#ffffff29;border-radius:999px;content:"";height:180px;position:absolute;right:-60px;top:-70px;transition:transform .3s ease;width:180px}.sd-statCard:hover:after{transform:scale(1.1) translate(10px,-10px)}.sd-statTop{align-items:center;display:flex;gap:10px}.sd-statIcon{background:#ffffff2e;border-radius:12px;display:grid;height:36px;place-items:center;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:36px}.sd-statCard:hover .sd-statIcon{background:#ffffff40;box-shadow:0 4px 12px #00000026;transform:scale(1.15) rotate(5deg)}.sd-statCard:hover .sd-statIcon i{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sd-statLabel{font-size:13px;font-weight:950;opacity:.95}.sd-statValue{display:inline-block;font-size:22px;font-weight:1000;margin-top:10px;transition:all .4s cubic-bezier(.4,0,.2,1)}.sd-statCard:hover .sd-statValue{text-shadow:0 2px 8px #0003;transform:scale(1.1)}.sd-statSub{font-size:12px;font-weight:850;margin-top:3px;opacity:.95}.sd-statCard.c1{animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#0ea5e9,#2563eb);background-size:200% 200%}.sd-statCard.c2{animation:gradientShift 3s ease .5s infinite;background:linear-gradient(135deg,#22c55e,#16a34a);background-size:200% 200%}.sd-statCard.c3{animation:gradientShift 3s ease 1s infinite;background:linear-gradient(135deg,#60a5fa,#3b82f6);background-size:200% 200%}.sd-statCard.c4{animation:gradientShift 3s ease 1.5s infinite;background:linear-gradient(135deg,#a855f7,#9333ea);background-size:200% 200%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.en-head{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:10px}.en-refresh{align-items:center;background:#fff;border:1px solid #94a3b859;border-radius:12px;box-shadow:0 10px 22px #0206170f;cursor:pointer;display:inline-flex;font-weight:900;gap:10px;overflow:hidden;padding:8px 12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.en-refresh:before{background:#3b82f61a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.en-refresh:hover:before{height:200px;width:200px}.en-refresh:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#3b82f666;box-shadow:0 14px 32px #0206171f;transform:translateY(-2px) scale(1.02)}.en-refresh:active{transform:translateY(0) scale(.98)}.en-refresh span{display:inline-block;transition:transform .3s ease}.en-refresh:hover span{transform:rotate(180deg)}.en-alert{background:#ef444412;border:1px solid #ef444440;border-radius:14px;color:#991b1b;font-weight:800;margin-top:12px;padding:14px}.en-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}@media (max-width:980px){.en-grid{grid-template-columns:1fr}}.en-card{animation:cardSlideIn .4s ease-out both;background:#fff;border:1px solid #0f172a1a;border-radius:14px;box-shadow:0 10px 22px #02061714;cursor:pointer;min-height:210px;outline:none;overflow:hidden;padding:18px 18px 0;position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.4,0,.2,1)}.en-card:after{background:radial-gradient(circle,#3b82f61a,#0000);border-radius:50%;content:"";height:0;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0;z-index:0}.en-card:hover:after{height:300px;width:300px}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.en-card:before{background:linear-gradient(90deg,#2563eb,#3b82f6,#60a5fa);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.en-card:hover{border-color:#3b82f666;box-shadow:0 24px 48px #0206172e;transform:translateY(-8px) scale(1.02) rotateY(2deg);z-index:5}.en-card:hover .en-title{color:#2563eb;transform:translateX(4px)}.en-card:hover .en-subtag{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.en-card:hover:before{transform:scaleX(1)}.en-card:active{transform:translateY(-3px) scale(.99);transition:all .15s ease}.en-card *{position:relative;z-index:1}.en-card:focus-visible{border-color:#3b82f659;box-shadow:0 0 0 4px #3b82f62e,0 16px 34px #0206171f}.en-top{align-items:flex-start;display:flex;gap:12px;margin-bottom:12px}.en-toptext{min-width:0}.en-subline{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.en-subtag{background:#94a3b824;border:1px solid #94a3b82e;border-radius:999px;color:#475569;display:inline-block;font-size:12px;font-weight:850;padding:6px 10px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.en-title-wrap{margin-bottom:10px;margin-top:6px}.en-title{-webkit-line-clamp:2;line-clamp:2;color:#0f172a;font-size:18px;font-weight:1000;line-height:1.35;margin:0 0 6px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}.en-desc,.en-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.en-desc{-webkit-line-clamp:3;line-clamp:3;color:#475569;font-size:13px;font-weight:650;line-height:1.55;margin-bottom:12px}.en-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.en-chip{background:#3b82f614;border:1px solid #3b82f629;border-radius:10px;color:#0f172a;font-size:12px;font-weight:750;padding:6px 10px}.en-chip b{font-weight:950}.en-chip-muted{background:#94a3b81a;border-color:#94a3b82e;color:#64748b}.en-footer{align-items:center;background:linear-gradient(180deg,#f8fafc8c,#fff);border-top:1px solid #0f172a14;color:#0b5cff;display:flex;font-weight:950;justify-content:space-between;margin:0 -18px;padding:14px 18px;transition:all .3s ease}.en-card:hover .en-footer{background:linear-gradient(180deg,#f8fafccc,#fff);border-top-color:#3b82f633}.en-view{font-size:14px;transition:all .3s ease}.en-card:hover .en-view{color:#2563eb}.en-arrow{display:inline-block;font-size:18px;transition:transform .3s ease}.en-card:hover .en-arrow{color:#2563eb;transform:translateX(4px)}.en-empty{align-items:center;background:#ffffffa6;border:1px dashed #94a3b88c;border-radius:18px;color:#334155;display:flex;font-weight:800;gap:14px;grid-column:1/-1;padding:18px}.en-empty-ic{background:#3b82f61f;border-radius:16px;display:grid;font-size:22px;height:48px;place-items:center;width:48px}.en-skeleton{cursor:default;padding-bottom:14px}.en-sk{background:#e2e8f0f2}.en-sk-chip,.en-sk-desc,.en-sk-footer,.en-sk-line,.en-sk-title{background:#e2e8f0f2;border-radius:10px;margin-bottom:10px}.en-sk-line{height:12px}.en-sk-title{height:16px}.en-sk-desc{height:12px}.en-sk-chip{height:28px}.en-sk-footer{height:14px}.w22{width:22%}.w26{width:26%}.w30{width:30%}.w40{width:40%}.w60{width:60%}.w70{width:70%}.w75{width:75%}.w90{width:90%}.w15{width:15%}.learning-path-section{background:#f8fafc;padding:34px 14px 50px}.learning-path-section h2{color:#0f172a;font-weight:1000;margin:0;text-align:center}.learning-path-section p{color:#475569;font-weight:650;margin-top:10px;text-align:center}.learning-path-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px auto 0;max-width:1200px}@media (max-width:980px){.learning-path-grid{grid-template-columns:1fr}}.path-card{background:#fff;border:1px solid #0f172a1a;border-radius:16px;box-shadow:0 12px 30px #0206170f;padding:16px}.path-card h3{align-items:center;color:#0f172a;display:flex;font-weight:1000;gap:10px;margin:0}.path-card p{margin-top:10px;text-align:left}.path-card ul{color:#334155;font-weight:700;margin:10px 0 0;padding-left:18px}.path-card button{background:#2563eb;border:0;border-radius:12px;color:#fff;cursor:pointer;font-weight:1000;margin-top:12px;padding:10px 12px;width:100%}.scd-wrap{background:radial-gradient(1200px 520px at 10% 0,#3b82f61a,#0000 60%),radial-gradient(900px 500px at 90% 10%,#10b98114,#0000 55%),linear-gradient(180deg,#f7f9ff,#eef4ff);font-family:Poppins,sans-serif;min-height:calc(100vh - 80px);padding:34px 18px 44px}.scd-head{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.scd-title{font-size:30px;font-weight:1000;letter-spacing:-.3px}.scd-subtitle{font-weight:650;line-height:1.5;margin:8px 0 0;max-width:760px}.scd-back{background:#ffffffe6;border:1px solid #94a3b873;border-radius:14px;box-shadow:0 10px 24px #02061714;color:#0f172a;cursor:pointer;font-weight:900;height:44px;padding:0 14px;transition:transform .15s ease,box-shadow .15s ease}.scd-back:hover{box-shadow:0 14px 34px #0206171a;transform:translateY(-1px)}.scd-loading{background:#ffffffbf;border:1px solid #94a3b847;border-radius:14px;color:#0f172a}.scd-error,.scd-loading{font-weight:900;margin-top:10px;padding:14px}.scd-error{background:#ef444412;border:1px solid #ef444440;border-radius:14px;color:#991b1b}.scd-courseCard{background:#fffffff2;border:1px solid #94a3b84d;border-radius:18px;box-shadow:0 16px 38px #0206171a;margin-top:14px;overflow:hidden}.scd-courseTop{padding:18px 18px 14px}.scd-badge{background:#3b82f61a;border:1px solid #3b82f638;border-radius:999px;color:#0b5cff;font-size:12px;font-weight:1000;letter-spacing:.35px;margin-bottom:10px;padding:6px 10px;width:-webkit-fit-content;width:fit-content}.scd-courseName{color:#0f172a;font-size:26px;font-weight:1000;letter-spacing:-.2px;line-height:1.18;margin:0}.scd-courseDesc{color:#475569;font-weight:650;line-height:1.6;margin:10px 0 0}.scd-metaGrid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));margin-top:14px}.scd-metaItem{background:#f8fafcbf;border:1px solid #94a3b838;border-radius:14px;padding:12px}.scd-metaLabel{color:#64748b;display:block;font-size:12px;font-weight:1000;letter-spacing:.28px;margin-bottom:4px;text-transform:uppercase}.scd-metaValue{color:#0f172a;display:block;font-size:14px;font-weight:900}.scd-contentHead{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:18px}.scd-contentTitle{color:#0f172a;font-size:20px;font-weight:1000;margin:0}.scd-refresh{background:#fff;border:1px solid #94a3b859;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:900;height:42px;padding:0 12px;transition:transform .15s ease,box-shadow .15s ease}.scd-refresh:hover{box-shadow:0 14px 30px #0206171a;transform:translateY(-1px)}.scd-empty{align-items:center;background:#ffffffa6;border:1px dashed #94a3b899;border-radius:18px;display:flex;gap:12px;margin-top:12px;padding:16px}.scd-emptyIcon{background:#3b82f61f;border-radius:16px;display:grid;font-size:20px;height:46px;place-items:center;width:46px}.scd-emptyTitle{color:#0f172a;font-weight:1000}.scd-emptyText{color:#475569;font-weight:750;margin-top:4px}.scd-chapterList{grid-gap:12px;display:grid;gap:12px;margin-top:12px}.scd-chapter{background:#fffffff2;border:1px solid #94a3b84d;border-radius:16px;box-shadow:0 12px 26px #02061714;overflow:hidden}.scd-chapterSummary{align-items:center;cursor:pointer;display:flex;gap:10px;justify-content:space-between;list-style:none;padding:14px 16px}.scd-chapterSummary::-webkit-details-marker{display:none}.scd-chapterLeft{min-width:0}.scd-chapterTitle{color:#0f172a;font-size:16px;font-weight:1000;line-height:1.2}.scd-chapterSub{color:#64748b;font-size:12px;font-weight:850;margin-top:4px}.scd-chevron{color:#64748b;font-size:14px}details[open] .scd-chevron{transform:rotate(180deg)}.scd-chapterDesc{color:#475569;font-weight:650;line-height:1.55;margin:0;padding:0 16px 12px}.scd-noLessons{color:#64748b;font-weight:850;padding:0 16px 16px}.scd-lessonList{grid-gap:10px;display:grid;gap:10px;padding:0 16px 16px}.scd-lesson{align-items:center;background:#f8fafcc7;border:1px solid #94a3b838;border-radius:14px;display:flex;gap:12px;justify-content:space-between;padding:12px}.scd-lessonInfo{min-width:0}.scd-lessonTitle{color:#0f172a;font-weight:1000;line-height:1.2}.scd-lessonDesc{color:#475569;font-size:13px;font-weight:650;line-height:1.45;margin-top:4px}.scd-lessonMeta{color:#64748b;font-size:12px;font-weight:900;margin-top:6px}.scd-lessonActions{align-items:center;display:flex;gap:10px}.scd-openBtn{background:linear-gradient(90deg,#0b5cff,#0a55f0);border:0;border-radius:12px;box-shadow:0 12px 22px #2563eb40;color:#fff;cursor:pointer;font-weight:1000;height:40px;padding:0 14px;transition:transform .15s ease,box-shadow .15s ease}.scd-openBtn:hover{box-shadow:0 16px 30px #2563eb52;transform:translateY(-1px)}.scd-muted{color:#94a3b8;font-weight:1000}@media (max-width:768px){.scd-title{font-size:26px}.scd-head{align-items:stretch;flex-direction:column}.scd-back{width:-webkit-fit-content;width:fit-content}.scd-courseName{font-size:22px}.scd-metaGrid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.scd-page{background:#f6f8fb;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:85vh;padding:26px 14px}.scd-container{margin:0 auto;max-width:1180px}.scd-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.scd-btn{border:0;border-radius:12px;cursor:pointer;font-weight:800;padding:10px 14px;transition:.15s ease}.scd-btn:disabled{cursor:not-allowed;opacity:.6}.scd-btn-ghost{background:#fff;border:1px solid #0f172a1f;color:#0f172a}.scd-btn-ghost:hover{box-shadow:0 10px 24px #0206170f;transform:translateY(-1px)}.scd-card{background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 14px 35px #0206170f;overflow:hidden}.scd-header{border-bottom:1px solid #0f172a14;padding:18px 18px 14px}.scd-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.scd-title{color:#0f172a;font-size:22px;font-weight:900;margin:0}.scd-subtitle{color:#475569;line-height:1.7;margin:10px 0 0}.scd-pill{border:1px solid #0000;border-radius:999px;font-size:12px;font-weight:900;padding:6px 10px}.scd-pill-blue{background:#3b82f61f;border-color:#3b82f640;color:#1d4ed8}.scd-pill-green{background:#10b9811f;border-color:#10b98140;color:#047857}.scd-body{grid-gap:0;display:grid;gap:0;grid-template-columns:320px 1fr;min-height:520px}@media (max-width:980px){.scd-body{grid-template-columns:1fr}}.scd-sidebar{background:#02061705;border-right:1px solid #0f172a14;padding:14px}@media (max-width:980px){.scd-sidebar{border-bottom:1px solid #0f172a14;border-right:0}}.scd-side-title{color:#0f172a;font-weight:900;margin-bottom:10px}.scd-side-empty{background:#ffffffb3;border:1px dashed #0f172a2e;border-radius:14px;color:#475569;padding:14px}.scd-chapter-list{grid-gap:10px;display:grid;gap:10px}.scd-chapter-item{background:#fff;border:1px solid #0f172a1a;border-radius:14px;cursor:pointer;padding:12px;text-align:left;transition:.15s ease}.scd-chapter-item:hover{box-shadow:0 10px 24px #0206170f;transform:translateY(-1px)}.scd-chapter-item.active{background:#3b82f60f;border-color:#3b82f659}.scd-chapter-name{color:#0f172a;font-weight:900;margin-bottom:4px}.scd-chapter-meta{color:#64748b;font-size:12px;font-weight:800}.scd-content{padding:16px}.scd-content-empty{background:#02061705;border:1px dashed #0f172a2e;border-radius:16px;color:#475569;padding:16px}.scd-content-head{margin-bottom:12px}.scd-content-title{color:#0f172a;font-size:18px;font-weight:950;margin:0}.scd-content-desc{color:#475569;line-height:1.7;margin:8px 0 0}.scd-section{background:#fff;border:1px solid #0f172a14;border-radius:16px;margin-top:12px;padding:14px}.scd-section-title{color:#0f172a;font-weight:950;margin-bottom:10px}.scd-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:780px){.scd-grid{grid-template-columns:1fr}}.scd-tile{background:#02061705;border:1px solid #0f172a1a;border-radius:14px;padding:12px}.scd-tile-title{color:#0f172a;font-weight:900;margin-bottom:6px}.scd-tile-sub{color:#475569;font-size:13px;line-height:1.6;margin-bottom:8px}.scd-link{color:#1d4ed8;font-weight:900;text-decoration:none}.scd-link:hover{text-decoration:underline}.scd-files{grid-gap:10px;display:grid;gap:10px}.scd-file{align-items:center;background:#02061705;border:1px solid #0f172a1a;border-radius:14px;color:#0f172a;display:flex;gap:10px;justify-content:space-between;padding:10px 12px;text-decoration:none;transition:.15s ease}.scd-file:hover{box-shadow:0 10px 24px #0206170f;transform:translateY(-1px)}.scd-file-name{color:#0f172a;font-weight:900}.scd-file-action{color:#64748b;font-size:12px;font-weight:950}.scd-notes{color:#475569;line-height:1.7;white-space:pre-wrap}.scd-warn{background:#f59e0b1a;border:1px solid #f59e0b40;border-radius:14px;color:#92400e;font-weight:800;margin:14px 18px 0;padding:12px 14px}.scd-empty,.scd-loading{color:#0f172a;font-weight:900;padding:18px}.scd-error{background:#b91c1c0f;border-top:1px solid #b91c1c2e;padding:18px}.scd-error-title{color:#991b1b;font-weight:950}.scd-error-msg{color:#7f1d1d;font-weight:700;margin-top:6px}.sd-wrap{box-sizing:border-box;margin:0;min-height:calc(100vh - 60px);padding:24px 18px 24px 356px;width:100%}.sd-grid{display:block;position:relative;width:100%}.sd-sidebar{background:#fff;border:1px solid #0f172a14;border-radius:14px;box-shadow:0 6px 24px #0f172a0f;box-sizing:border-box;height:calc(100vh - 78px);left:18px;margin:0;overflow-x:hidden;overflow-y:auto;padding:14px;position:fixed;top:60px;width:320px;z-index:10}.sd-sidebar::-webkit-scrollbar{width:6px}.sd-sidebar::-webkit-scrollbar-track{background:#0000}.sd-sidebar::-webkit-scrollbar-thumb{background:#0f172a40;border-radius:999px}.sd-sidebar::-webkit-scrollbar-thumb:hover{background:#0f172a66}.sd-sidebarTitle{color:#0f172a;font-size:15px;font-weight:800;margin-bottom:10px}.sd-sideList{display:flex;flex-direction:column;gap:10px}.sd-sideItem{background:#f8fafc;border:1px solid #0f172a0f;border-radius:12px;color:#0f172a;cursor:pointer;font-weight:700;padding:12px 14px;text-align:left;transition:.2s ease;width:100%}.sd-sideItem:hover{background:#eef2ff;transform:translateY(-1px)}.sd-sideItem.active{background:#2563eb;border-color:#2563eb66;color:#fff}.sd-main{box-sizing:border-box;margin:0;max-width:100%;min-height:420px;padding:0;position:relative;width:100%;z-index:1}.sd-pageTitle{color:#0f172a;font-size:26px;font-weight:900;margin:6px 0 12px}.sd-panel{background:#fff;border:1px solid #0f172a14;border-radius:14px;box-shadow:0 6px 24px #0f172a0f;padding:16px}@media (min-width:769px) and (max-width:1024px){.sd-layout{display:block!important}.sd-page{padding-left:356px!important}}@media (max-width:768px){.sd-wrap{padding-left:18px!important}.sd-page{padding-left:14px!important}.sd-layout{display:block!important}.sd-layout .sd-main{margin-left:0!important;width:100%!important}}.sidebar-overlay{display:block;z-index:99}@media (max-width:768px){.sd-sidebar{border-radius:0;border-right:1px solid #0f172a1a;bottom:0;box-shadow:4px 0 20px #00000026;box-sizing:border-box;left:0;max-width:85vw;overflow-y:auto;padding-top:20px;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:100}.sd-sidebar.sidebar-open{transform:translateX(0)}.sd-grid{position:relative}}@media (min-width:769px){.sidebar-overlay{display:none!important}.sd-wrap{padding-left:356px!important}.sd-sidebar,.sd-wrap{box-sizing:border-box!important;margin:0!important}.sd-sidebar{border-radius:14px!important;box-shadow:0 6px 24px #0f172a0f!important;height:calc(100vh - 78px)!important;left:18px!important;overflow-x:hidden!important;overflow-y:auto!important;padding:14px!important;position:fixed!important;top:60px!important;width:320px!important;z-index:10!important}.sd-sidebar,.sd-sidebar.sidebar-open{transform:translateX(0)!important}.sd-grid{display:block!important;margin:0!important}.sd-grid,.sd-main{position:relative!important;width:100%!important}.sd-main{box-sizing:border-box!important;clear:both!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;padding:0!important;z-index:1!important}}.profile-page{background:#f7f9fc;box-sizing:border-box;font-family:Poppins,sans-serif;min-height:100vh;padding:30px 60px 60px}.profile-header-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 8px 24px #0f172a0f;display:flex;gap:20px;margin-bottom:24px;padding:20px 24px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#22c55e);border-radius:50%;color:#fff;display:flex;flex:0 0 auto;font-size:32px;font-weight:700;height:70px;justify-content:center;width:70px}.profile-header-info h2{color:#0f172a;font-size:22px;font-weight:900;margin:0}.profile-email{color:#6b7280;font-size:14px;margin:4px 0}.profile-meta{color:#0000009e;font-size:13px;font-weight:700;margin:6px 0 0}.profile-joined{color:#6b7280;font-size:13px;margin-top:6px}.sub-text{color:#9ca3af;font-size:12px}.profile-main-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1.4fr}.profile-left-column,.profile-right-column{min-width:0}.profile-card{background:#fff;border-radius:16px;box-shadow:0 6px 18px #0f172a0d;box-sizing:border-box;padding:18px 20px}.profile-card+.profile-card{margin-top:16px}.profile-card-header{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.profile-card-header h3{color:#0f172a;font-size:18px;font-weight:900;margin:0}.badge-pill{background:#e0ecff;border-radius:999px;color:#1d4ed8;font-size:12px;font-weight:900;padding:4px 10px;white-space:nowrap}.profile-table{border-collapse:collapse;font-size:13px;margin-top:8px;width:100%}.profile-table thead{background:#f3f4f6}.profile-table td,.profile-table th{padding:8px 10px;text-align:left;vertical-align:middle}.profile-table th{color:#374151;font-weight:800}.profile-table tbody tr:nth-child(2n){background:#f9fafb}.certificates-card{margin-top:0}.certificate-placeholder{padding:20px 10px;text-align:center}.small-muted{color:#9ca3af;font-size:12px}.btn-lite,.btn-primary{border:none;border-radius:10px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:900;padding:10px 14px}.btn-primary{background:#072e5c}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-lite{background:#072e5c1a;color:#072e5c}.btn-lite:disabled{cursor:not-allowed;opacity:.6}.btn-close{background:#0000000f;border:none;border-radius:10px;cursor:pointer;font-family:Poppins,sans-serif;font-weight:900;padding:8px 10px}.cert-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.cert-item{background:#fff;border:1px solid #00000014;border-radius:12px;gap:14px;justify-content:space-between;padding:12px}.cert-item,.cert-item-left{align-items:center;display:flex}.cert-item-left{gap:12px;min-width:0}.cert-badge{background:#072e5c14;border-radius:12px;color:#072e5c;display:grid;flex:0 0 auto;font-size:14px;font-weight:1000;height:46px;letter-spacing:1px;place-items:center;width:46px}.cert-course{color:#102a43;font-weight:1000;max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cert-meta{align-items:center;color:#0000009e;display:flex;flex-wrap:wrap;font-size:12px;gap:6px;margin-top:4px}.cert-meta .dot{opacity:.6}.cert-item-actions{display:flex;flex:0 0 auto;gap:10px}.sg-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.sg-modal{background:#fff;border-radius:18px;box-shadow:0 18px 50px #00000040;padding:14px;width:min(1200px,96vw)}.sg-modal-top{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:6px 6px 12px}.sg-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding:12px 6px 6px}.sg-cert{aspect-ratio:16/9;background:#fff;border:10px solid #0b0b0b;border-radius:12px;overflow:hidden;position:relative;width:100%}.sg-top{grid-gap:12px;align-items:start;background:radial-gradient(circle at 20% 30%,#ffffff1a,#0000 40%),linear-gradient(135deg,#052347,#0b4e8e 50%,#072e5c);color:#fff;display:grid;gap:12px;grid-template-columns:1fr 1.2fr 1fr;height:30%;padding:18px 18px 0}.sg-brand{align-items:center;display:flex;gap:10px;min-width:0}.sg-logoMark{background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;display:grid;flex:0 0 auto;font-weight:1000;height:44px;letter-spacing:1px;place-items:center;width:44px}.sg-brandText{min-width:0}.sg-brandName{font-weight:1000;letter-spacing:.5px;line-height:1}.sg-brandSmall{font-size:12px;margin-top:4px;opacity:.85}.sg-titleWrap{padding-top:2px;text-align:center}.sg-title{font-family:Georgia,Times New Roman,serif;font-size:46px;font-weight:900;letter-spacing:4px;line-height:1;text-shadow:0 6px 16px #00000040;text-transform:uppercase}.sg-subtitle{background:#00000024;border:2px solid #ffffff4d;border-radius:999px;display:inline-block;font-weight:900;letter-spacing:1px;margin-top:10px;padding:8px 18px}.sg-rightStack{align-items:flex-end;display:flex;flex-direction:column;gap:10px}.sg-certNoCard{background:#ffffffeb;border:1px solid #0000001a;border-radius:12px;box-shadow:0 10px 22px #0000001f;padding:10px 12px;text-align:right;width:min(380px,100%)}.sg-certNoValue{color:#0b2f57;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;font-weight:1000;margin-top:4px;word-break:break-word}.sg-award{align-items:center;background:linear-gradient(180deg,#f7d36a,#b8860b);border:2px solid #ffffff40;border-radius:12px;box-shadow:0 10px 22px #00000047;color:#1b1b1b;display:flex;flex-direction:column;font-weight:1000;height:78px;justify-content:center;width:78px}.sg-awardTop{font-size:18px;line-height:1}.sg-strip{background:linear-gradient(90deg,#f7d36a,#e8c15a 30%,#b8860b 70%,#f7d36a);height:14px;left:0;position:absolute;right:0;top:28%;z-index:3}.sg-body{align-items:center;display:flex;flex-direction:column;height:70%;justify-content:flex-start;padding:34px 52px 26px;position:relative;text-align:center;z-index:2}.sg-present{color:#2b3a4a;font-size:12px;font-weight:1000;letter-spacing:3px;margin-top:34px}.sg-name{color:#0b2f57;font-family:Georgia,Times New Roman,serif;font-size:58px;font-weight:900;letter-spacing:1px;line-height:1.05;margin-top:18px;text-transform:uppercase}.sg-courseLine{color:#000000b3;font-size:14px;font-weight:750;margin-top:12px}.sg-praise{color:#000000b3;margin-top:10px}.sg-desc,.sg-praise{font-size:13px;line-height:1.55;max-width:860px}.sg-desc{color:#000000a3;margin-top:16px}.sg-bottomRow{grid-gap:12px;align-items:end;display:grid;gap:12px;grid-template-columns:1fr auto 1fr;margin-top:auto;width:100%}.sg-signBox{text-align:left}.sg-dateBox{text-align:right}.sg-signLabel{color:#000000bf;font-size:12px;font-weight:1000;letter-spacing:1px}.sg-signSub{color:#0009;font-size:12px;font-weight:800;margin-top:6px}.sg-dsig{color:#0b2f57eb;font-family:Brush Script MT,Segoe Script,Lucida Handwriting,cursive;font-size:36px;font-weight:500;letter-spacing:.5px;transform:rotate(-1.5deg)}.sg-site{color:#0b2f57;font-weight:1000;letter-spacing:1px;opacity:.9}.sg-watermark{color:#0b2f57;display:grid;font-family:Georgia,Times New Roman,serif;font-size:92px;font-weight:1000;inset:0;opacity:.035;place-items:center;pointer-events:none;position:absolute;transform:rotate(-18deg);z-index:1}@media (max-width:992px){.profile-page{padding:20px}.profile-main-grid{grid-template-columns:1fr}}@media (max-width:900px){.sg-top{grid-template-columns:1fr 1fr;row-gap:10px}.sg-rightStack,.sg-titleWrap{grid-column:1/-1}.sg-rightStack{align-items:center}.sg-certNoCard{text-align:center}.sg-title{font-size:34px}.sg-name{font-size:42px}.sg-body{padding:28px 18px 18px}}@media (max-width:720px){.cert-course{max-width:220px}.cert-item{align-items:flex-start;flex-direction:column}.cert-item-actions{justify-content:flex-end;width:100%}.sg-cert{aspect-ratio:4/3}.sg-award{display:none}.sg-bottomRow{grid-template-columns:1fr}.sg-bottomRow,.sg-dateBox,.sg-signBox{text-align:center}}.pro-page{background:#f7f9fc;font-family:Poppins,sans-serif;padding:40px 60px 60px}.pro-hero{margin-bottom:40px;text-align:center}.pro-badge-top{align-items:center;background:#ede9fe;border-radius:999px;color:#4c1d95;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 16px}.pro-hero h1{color:#111827;font-size:40px;font-weight:700;margin-top:18px}.pro-subtitle{color:#4b5563;font-size:16px;margin-top:10px}.pro-pricing-text{color:#111827;font-size:16px;margin-top:18px}.pro-strike{color:#9ca3af;margin-right:6px;text-decoration:line-through}.pro-price{font-weight:700}.pro-cta-btn{background:#2563eb;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;margin-top:18px;padding:12px 28px}.pro-cta-btn:hover{background:#1d4ed8}.pro-note{color:#6b7280;font-size:13px;margin-top:8px}.pro-courses-section{margin-top:40px}.pro-section-header h2{font-size:22px;margin:0 0 8px}.pro-section-header p{color:#6b7280;font-size:14px}.pro-courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}.pro-course-card{background:#fff;border-radius:14px;box-shadow:0 8px 24px #0f172a0f;padding:18px 18px 20px}.pro-course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.pro-course-tag{background:#eef2ff;color:#3730a3;font-weight:600}.pro-course-lock,.pro-course-tag{border-radius:999px;font-size:11px;padding:3px 8px}.pro-course-lock{background:#fee2e2;color:#b91c1c}.pro-course-card h3{font-size:16px;margin:8px 0 4px}.pro-course-level{color:#6b7280;font-size:13px;margin-bottom:10px}.pro-course-points{color:#4b5563;font-size:13px;list-style:none;margin:0 0 12px;padding-left:0}.pro-course-points li+li{margin-top:4px}.pro-course-btn{border:none;border-radius:999px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 0;width:100%}.pro-course-btn.primary{background:#2563eb;color:#fff}.pro-course-btn.primary:hover{background:#1d4ed8}.pro-course-btn.disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.pro-info-strip{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:40px}.pro-info-strip div{background:#fff;border-radius:14px;box-shadow:0 6px 18px #0f172a0d;padding:14px 16px}.pro-info-strip h4{font-size:14px;margin:0 0 4px}.pro-info-strip p{color:#6b7280;font-size:13px;margin:0}@media (max-width:768px){.pro-page{padding:20px}.pro-hero h1{font-size:30px}}.slv-container{background:#f8faff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.slv-error,.slv-loading{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:3rem;text-align:center}.slv-error h3{color:#ef4444;margin-bottom:1rem}.slv-header{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:2rem;padding:1.5rem 2rem}.slv-btn-back{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;cursor:pointer;font-size:.95rem;margin-bottom:1rem;padding:8px 16px;transition:all .2s}.slv-btn-back:hover{background:#f1f5f9;border-color:#cbd5e1}.slv-title{color:#0f172a;font-size:2rem;font-weight:900;margin:.5rem 0}.slv-progress{align-items:center;color:#64748b;display:flex;font-size:.95rem;gap:1rem;margin-top:.5rem}.slv-time{background:#e0e7ff;border-radius:6px;color:#4338ca;font-weight:600;padding:4px 12px}.slv-content{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;padding:2rem}.slv-content,.slv-video-section{margin-bottom:2rem}.slv-video-section h2{color:#0f172a;font-size:1.5rem;font-weight:800;margin-bottom:1rem}.slv-video-wrapper{aspect-ratio:16/9;background:#000;border-radius:12px;margin:0 auto;max-width:900px;overflow:hidden;position:relative;width:100%}.slv-video-player{height:100%;object-fit:contain;width:100%}.slv-completion-badge{background:#d1fae5;border-radius:8px;color:#065f46;font-weight:600;margin-top:1rem;padding:12px 16px;text-align:center}.slv-materials-section h2{color:#0f172a;font-size:1.5rem;font-weight:800;margin-bottom:1.5rem}.slv-materials-list{display:flex;flex-direction:column;gap:12px;margin-bottom:2rem}.slv-material-item{align-items:center;background:#f8faff;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:all .2s}.slv-material-item:hover{background:#f1f5f9;border-color:#cbd5e1}.slv-material-info{align-items:center;display:flex;flex:1 1;gap:12px}.slv-material-info i{color:#3b82f6;font-size:1.2rem}.slv-file-size{color:#64748b;font-size:.875rem}.slv-btn-view{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.slv-btn-view:hover{background:#2563eb;transform:translateY(-1px)}.slv-empty{color:#64748b;font-style:italic;padding:2rem;text-align:center}.slv-notes{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.slv-notes h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.slv-notes-text{background:#f8faff;border-radius:8px;color:#334155;line-height:1.8;padding:1.5rem;white-space:pre-wrap}.slv-notes-files{margin-top:1.5rem}.slv-notes-files h3{color:#0f172a;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.slv-reading-progress{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem}.slv-progress-bar{background:#e5e7eb;border-radius:999px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}.slv-progress-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:100%;transition:width .3s ease}.slv-reading-progress p{color:#64748b;font-size:.95rem;text-align:center}.slv-navigation{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:1rem;justify-content:space-between;padding:1.5rem 2rem}.slv-btn-nav{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 24px;transition:all .2s}.slv-btn-prev{background:#f1f5f9;color:#475569}.slv-btn-prev:hover:not(:disabled){background:#e2e8f0}.slv-btn-prev:disabled{cursor:not-allowed;opacity:.5}.slv-btn-next,.slv-btn-primary{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.slv-btn-next:hover,.slv-btn-primary:hover{box-shadow:0 8px 16px #3b82f64d;transform:translateY(-2px)}.slv-nav-center{align-items:center;display:flex;flex:1 1;justify-content:center}.slv-completion-msg{color:#64748b;font-size:.95rem;font-style:italic}@media (max-width:768px){.slv-container,.slv-header{padding:1rem}.slv-title{font-size:1.5rem}.slv-content{padding:1.5rem}.slv-navigation{flex-direction:column;gap:12px}.slv-btn-nav{width:100%}}.sfv-page{margin:24px auto 50px;max-width:1100px;padding:0 16px}.sfv-top{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:14px}.sfv-btn{background:#fff;border:1px solid #0f172a24;border-radius:12px;cursor:pointer;font-weight:800;padding:10px 14px}.sfv-btn:disabled{cursor:not-allowed;opacity:.6}.sfv-btn-primary{align-items:center;background:#0b5cff;border:none;box-shadow:0 10px 26px #0b5cff40;color:#fff;display:inline-flex;justify-content:center;text-decoration:none}.sfv-meta{background:#0f172a08;border:1px solid #0f172a14;border-radius:12px;flex:1 1;min-width:240px;padding:8px 12px}.sfv-course{color:#0f172a;font-size:13px;font-weight:900}.sfv-chapter{color:#475569;font-size:12px;margin-top:2px}.sfv-file{color:#0f172a;font-size:12px;font-weight:800;margin-top:4px}.sfv-card{background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 18px 40px #0f172a14;padding:18px}.sfv-image{border-radius:14px;max-height:78vh;object-fit:contain;width:100%}.sfv-iframe{border:none;height:78vh}.sfv-iframe,.sfv-video{border-radius:14px;width:100%}.sfv-download{padding:16px}.sfv-muted{color:#64748b;font-size:13px}.sfv-loading{font-weight:900;padding:16px}.sfv-errorBox{background:#fff5f5;border:1px solid #ef444440;border-radius:14px;padding:16px}.sfv-examRight{align-items:center;display:flex;gap:10px}.sfv-timer{background:#fff;border:1px solid #0f172a1f;border-radius:999px;font-weight:900;min-width:92px;padding:10px 14px;text-align:center}.sfv-timer.live{background:#0b5cff14;border-color:#0b5cff40}.sfv-examHeader{margin-bottom:14px}.sfv-examTitle{color:#0f172a;font-size:18px;font-weight:1000;margin-bottom:6px}.sfv-info{background:#0f172a08;border:1px solid #0f172a14;border-radius:14px;font-size:13px;margin-top:10px;padding:10px 12px}.sfv-result{background:#f8fafc;border:1px solid #0f172a1a;border-radius:14px;margin-top:10px;padding:12px 14px}.sfv-result.pass{background:#22c55e14;border-color:#22c55e40}.sfv-result.fail{background:#ef444414;border-color:#ef444440}.sfv-resultBig{font-weight:1000;margin-bottom:4px}.sfv-resultMsg{font-weight:900}.sfv-questions{grid-gap:12px;display:grid;gap:12px}.sfv-questions.blurred{filter:blur(4px);opacity:.75;pointer-events:none;-webkit-user-select:none;user-select:none}.sfv-qCard{background:#fff;border:1px solid #0f172a1a;border-radius:16px;padding:14px}.sfv-qTitle{color:#0f172a;font-weight:1000;line-height:1.35;margin-bottom:10px}.sfv-options{grid-gap:10px;display:grid;gap:10px}.sfv-opt{align-items:flex-start;background:#fff;border:1px solid #0f172a1a;border-radius:14px;cursor:pointer;display:flex;gap:10px;padding:10px 12px}.sfv-opt input{margin-top:3px}.sfv-opt.active{background:#0b5cff0f;border-color:#0b5cff59}.sfv-opt.locked{cursor:default}.sfv-optText{color:#0f172a;font-size:13px;font-weight:800;line-height:1.45}.sfv-qFooter{color:#475569;font-size:12px;font-weight:900;margin-top:10px}.sfv-startHint{background:#0284c714;border:1px solid #0284c733;border-radius:14px;font-size:13px;font-weight:800;margin-top:12px;padding:10px 12px}.htc-page{min-height:70vh;padding:16px}.htc-hero{background:#072e5c0f;border:1px solid #00000014;border-radius:16px;margin:12px auto 18px;max-width:1100px;padding:18px}.htc-hero-inner{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1.2fr .8fr}.htc-title{color:#102a43;font-size:32px;font-weight:900;margin:0 0 6px}.htc-subtitle{color:#000000b3;font-size:14px;line-height:1.6;margin:0}.htc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.htc-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-weight:900;justify-content:center;padding:10px 14px;text-decoration:none}.htc-btn-primary{background:#072e5c;color:#fff}.htc-btn-lite{background:#072e5c1f;color:#072e5c}.htc-content{margin:0 auto;max-width:1100px}.htc-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.htc-card{background:#fff;border:1px solid #00000014;border-radius:16px;padding:14px}.htc-step{align-items:flex-start;display:flex;gap:12px}.htc-stepNo{background:#072e5c1a;border-radius:12px;color:#072e5c;display:grid;flex:0 0 auto;font-weight:1000;height:38px;place-items:center;width:38px}.htc-card h3{color:#102a43;font-size:16px;font-weight:1000;margin:0 0 6px}.htc-card p{color:#000000b3;font-size:13px;line-height:1.6;margin:0}.htc-miniCard{padding:16px}.htc-miniTitle{color:#000000a6;font-size:12px;font-weight:1000;letter-spacing:1px;text-transform:uppercase}.htc-miniValue{color:#072e5c;font-size:20px;font-weight:1000;margin-top:8px}.htc-miniNote{color:#000000a6;font-size:12px;line-height:1.6;margin-top:8px}.htc-noteCard .htc-list{color:#000000b8;font-size:13px;line-height:1.7;margin:8px 0 0;padding-left:18px}@media (max-width:900px){.htc-grid,.htc-hero-inner{grid-template-columns:1fr}}*,:after,:before{box-sizing:border-box}:root{--navbar-h:56px;--sidebar-w:270px;--bg:#f6f8ff;--muted:#64748b;--primary:#2f6bff;--primary2:#3f86ff;--border:#0f172a1a;--shadow:0 10px 26px #0f172a14;--shadow2:0 16px 42px #2f6bff24}.teacher-dashboard-layout{background:radial-gradient(900px 450px at 10% 0,#2f6bff1a,#0000 60%),radial-gradient(800px 380px at 90% 0,#3f86ff1a,#0000 60%),#f6f8ff;background:radial-gradient(900px 450px at 10% 0,#2f6bff1a,#0000 60%),radial-gradient(800px 380px at 90% 0,#3f86ff1a,#0000 60%),var(--bg);font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;min-height:100vh;padding:0}.teacher-body{flex:1 1;margin:0;min-height:calc(100vh - 56px);min-height:calc(100vh - var(--navbar-h));padding:0 0 0 270px;padding-left:var(--sidebar-w);padding-top:0}.teacher-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-right:1px solid #0f172a1a;border-right:1px solid var(--border);bottom:0;left:0;overflow-y:auto;padding:0 12px 14px;position:fixed;top:56px;top:var(--navbar-h);width:270px;width:var(--sidebar-w);z-index:40}.teacher-sidebar::-webkit-scrollbar{width:6px}.teacher-sidebar::-webkit-scrollbar-thumb{background:#0f172a40;border-radius:999px}.teacher-sidebar::-webkit-scrollbar-thumb:hover{background:#0f172a66}.teacher-sidebar .sb__sectionTitle{color:#0f172a8c;font-size:12px;font-weight:900;letter-spacing:.12em;margin:8px 10px 10px;text-transform:uppercase}.teacher-sidebar button{background:#0000;border:1px solid #0000;border-radius:14px;color:#0f172ae0;font-weight:700;gap:.85rem;margin:0 0 8px;padding:10px 12px;transition:all .18s ease}.teacher-sidebar button i{color:#0f172ab3;font-size:1rem}.teacher-sidebar button:hover{background:#2f6bff14;border-color:#2f6bff1f;transform:translateX(2px)}.teacher-sidebar button:hover,.teacher-sidebar button:hover i{color:#2f6bff;color:var(--primary)}.teacher-sidebar button.active{background:linear-gradient(135deg,#2f6bff,#3f86ff);background:linear-gradient(135deg,var(--primary),var(--primary2));border-color:#ffffff2e;box-shadow:0 16px 42px #2f6bff24;box-shadow:var(--shadow2);color:#fff;font-weight:900}.teacher-sidebar button.active i{color:#fff}.chev{display:inline-flex;margin-left:auto;opacity:.85;transition:transform .18s ease}.chev.open{transform:rotate(180deg)}.dropdown{width:100%}.dropdown-menu{animation:slideDown .18s ease forwards;border-left:2px solid #2f6bff2e;margin-left:12px;margin-top:4px;padding-left:12px}.dropdown-menu ul{padding:4px 0 10px}.dropdown-menu li{border-radius:12px;color:#0f172ad1;font-size:.92rem;margin:4px 0;padding:10px 12px;transition:all .15s ease}.dropdown-menu li:hover{background:#2f6bff14;color:#2f6bff;color:var(--primary);transform:translateX(2px)}.dropdown-menu li.active{background:#2f6bff1f;border-left:3px solid #2f6bff;border-left:3px solid var(--primary);color:#2f6bff;color:var(--primary);font-weight:900}.teacher-content{margin:0;min-height:calc(100vh - 56px);min-height:calc(100vh - var(--navbar-h));padding:0 32px 26px;position:relative}.teacher-hero{align-items:center;background:#ffffffd9;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);display:flex;gap:14px;justify-content:space-between;margin-bottom:18px;margin-top:0;padding:16px 18px}.teacher-hero h3{color:#0f172a;color:var(--text);font-size:1.45rem;font-weight:900;margin:0 0 4px}.teacher-hero p{color:#64748b;color:var(--muted);font-size:.96rem;font-weight:700;margin:0}.teacher-heroRight{align-items:center;display:flex;gap:10px}.teacher-pill{align-items:center;background:#0f172a0a;border:1px solid #0f172a14;border-radius:999px;color:#0f172acc;display:inline-flex;font-size:12px;font-weight:900;gap:8px;padding:10px 12px}.teacher-pill .dot{background:#22c55e;border-radius:999px;height:8px;width:8px}.teacher-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.tile{background:#ffffffe0;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);cursor:pointer;padding:20px 18px;text-align:left;transition:all .18s ease}.tile:hover{border-color:#2f6bff2e;box-shadow:0 16px 42px #2f6bff24;box-shadow:var(--shadow2);transform:translateY(-4px)}.tileIcon{align-items:center;background:#2f6bff1a;border-radius:14px;display:flex;height:46px;justify-content:center;margin-bottom:12px;width:46px}.tileIcon i{color:#2f6bff;color:var(--primary);font-size:1.2rem}.tile h4{color:#0f172a;color:var(--text);font-size:1.08rem;font-weight:900;margin:0 0 6px}.tile p{color:#0f172aa6;font-size:.92rem;line-height:1.35;margin:0}.content-section{background:#ffffffe0;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:18px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);padding:18px}.content-section h3{font-weight:900;margin:0 0 8px}.content-section p{color:#64748b;color:var(--muted);font-weight:700;margin:0}.teacher-panel{align-items:center;background:linear-gradient(135deg,#2f6bff1f,#3f86ff14);border:1px solid #2f6bff2e;border-radius:18px;display:flex;gap:14px;justify-content:space-between;margin-top:18px;padding:16px}.teacher-panelLeft h4{color:#0f172a;color:var(--text);font-weight:900;margin:0 0 4px}.teacher-panelLeft p{color:#0f172ab3;font-size:.92rem;font-weight:700;margin:0}.teacher-panelBtn{background:linear-gradient(135deg,#2f6bff,#3f86ff);background:linear-gradient(135deg,var(--primary),var(--primary2));border:none;border-radius:14px;box-shadow:0 16px 42px #2f6bff24;box-shadow:var(--shadow2);color:#fff;cursor:pointer;font-weight:900;padding:10px 14px;transition:transform .15s ease}.teacher-panelBtn:hover{transform:translateY(-1px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){:root{--sidebar-w:250px}.teacher-content{padding:0 18px 22px}}.sidebar-overlay{animation:fadeInOverlay .2s ease;background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:45}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.sidebar-overlay{display:block}.teacher-body{padding-left:0}.teacher-sidebar{box-shadow:4px 0 20px #00000026;max-width:85vw;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:50}.teacher-sidebar.sidebar-open{transform:translateX(0)}}@media (min-width:769px){.sidebar-overlay{display:none!important}.teacher-sidebar{bottom:0!important;left:0!important;position:fixed!important;top:56px!important;top:var(--navbar-h)!important;width:270px!important;width:var(--sidebar-w)!important;z-index:40!important}.teacher-sidebar,.teacher-sidebar.sidebar-open{transform:translateX(0)!important}.teacher-body{padding-left:270px!important;padding-left:var(--sidebar-w)!important}}@media (max-width:760px){:root{--sidebar-w:0px}}@media (max-width:1024px){:root{--sidebar-w:210px}.teacher-content{padding:0 1.8rem 1.5rem}}@media (min-width:481px) and (max-width:768px){.teacher-sidebar{width:300px}}@media (min-width:769px) and (max-width:1024px){:root{--sidebar-w:240px}.teacher-content{padding:0 1.5rem 1.2rem}}@media (min-width:1025px){:root{--sidebar-w:270px}.teacher-content{padding:0 32px 26px}}.tp__wrap{margin:0 auto;max-width:1100px}.tp__header{align-items:flex-end;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.tp__title{color:#0f172a;font-size:1.55rem;font-weight:800;margin:0}.tp__sub{color:#667085;font-size:.95rem;font-weight:600;margin:6px 0 0}.tp__actions{display:flex;flex-wrap:wrap;gap:10px}.tp__alert{border:1px solid #0000;border-radius:14px;font-weight:700;margin:12px 0;padding:12px 14px}.tp__alertErr{background:#b0002012;border-color:#b0002024;color:#8a0019}.tp__alertOk{background:#00965014;border-color:#00965029;color:#065f46}.tp__card{grid-gap:16px;background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 10px 28px #0f172a14;display:grid;gap:16px;grid-template-columns:340px 1fr;overflow:hidden}.tp__side{background:linear-gradient(180deg,#0056ff0f,#ffffffe6);border-right:1px solid #0f172a14;padding:18px}.tp__avatarWrap{display:flex;justify-content:center;padding:10px 0 16px}.tp__avatar{background:#fff;border:4px solid #ffffffe6;border-radius:22px;box-shadow:0 14px 30px #0f172a2e;height:150px;object-fit:cover;width:150px}.tp__sideInfo{text-align:center}.tp__name{color:#0f172a;font-size:1.15rem;font-weight:900;margin:0}.tp__email{color:#475569;font-size:.92rem;font-weight:700;margin:6px 0 0;word-break:break-word}.tp__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.tp__chip{background:#0f172a0f;border-radius:999px;color:#0f172a;font-size:12px;font-weight:800;padding:7px 10px}.tp__chip,.tp__note{border:1px solid #0f172a14}.tp__note{background:#ffffffb3;border-radius:14px;color:#475569;font-size:12.5px;font-weight:700;margin-top:14px;padding:10px 12px}.tp__main{padding:18px}.tp__form{width:100%}.tp__grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.tp__field label{color:#0f172a;display:block;font-size:13px;font-weight:800;margin-bottom:6px}.tp__field input,.tp__field textarea{background:#fff;border:1px solid #0f172a1f;border-radius:12px;font-weight:700;outline:none;padding:11px 12px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.tp__field textarea{resize:vertical}.tp__field input:focus,.tp__field textarea:focus{border-color:#0056ff73;box-shadow:0 0 0 4px #0056ff1f}.tp__field input:disabled{background:#0f172a0a;cursor:not-allowed}.tp__fieldFull{grid-column:1/-1}.tp__fileRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.tp__fileHint{color:#475569;font-size:12.5px;font-weight:800}.tp__footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:16px}.tp__btn{border:none;border-radius:12px;cursor:pointer;font-size:13px;font-weight:900;padding:10px 14px;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.tp__btn:disabled{cursor:not-allowed;opacity:.65}.tp__btnPrimary{background:linear-gradient(90deg,#0056ff,#007bff);box-shadow:0 10px 18px #0056ff2e;color:#fff}.tp__btnPrimary:hover{box-shadow:0 14px 22px #0056ff38;transform:translateY(-1px)}.tp__btnGhost{background:#fff;border:1px solid #0f172a24;color:#0f172a}.tp__btnGhost:hover{box-shadow:0 10px 18px #0f172a1f;transform:translateY(-1px)}.tp__btnDanger{background:#b000201a;border:1px solid #b0002029;color:#8a0019}.tp__btnDanger:hover{box-shadow:0 10px 18px #b0002029;transform:translateY(-1px)}.tp__skeleton{margin:0 auto;max-width:1100px}.tp__skHead{background:#0f172a0f;border-radius:16px;height:56px;margin-bottom:14px}.tp__skCard{background:#0f172a0f;border-radius:18px;height:380px}@media (max-width:980px){.tp__card{grid-template-columns:1fr}.tp__side{border-bottom:1px solid #0f172a14;border-right:none}.tp__grid{grid-template-columns:1fr}.tp__footer{justify-content:flex-start}.tp__header{align-items:flex-start;flex-direction:column}}.tp__viewGrid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.tp__viewItem{background:#0f172a08;border:1px solid #0f172a14;border-radius:14px;padding:12px}.tp__viewFull{grid-column:1/-1}.tp__k{font-size:12px;font-weight:900;margin-bottom:6px;opacity:.8}.tp__k,.tp__v{color:#0f172a;display:block}.tp__v{font-size:14px;font-weight:800;white-space:pre-wrap;word-break:break-word}.tp__extra{background:#0f172a05;border:1px dashed #0f172a2e;border-radius:16px;margin-top:16px;padding:12px}.tp__extraTitle{color:#0f172a;font-weight:900;margin-bottom:10px}.tp__json{background:#0b1220;border-radius:14px;color:#e5e7eb;font-size:12px;line-height:1.5;margin:0;overflow:auto;padding:12px}.tp__extraHint{color:#667085;font-size:12px;font-weight:700;margin-top:8px}@media (max-width:980px){.tp__viewGrid{grid-template-columns:1fr}}.tp__sectionTitle{color:#0f172a;font-size:1.05rem;font-weight:800;margin:8px 0 10px}.tp__muted{font-size:.95rem;opacity:.7}.tp__mutedSmall{font-size:.85rem;margin-top:4px;opacity:.65}.tp__idGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.tp__idCard{background:#fff;border:1px solid #0f172a1f;border-radius:12px;overflow:hidden;position:relative}.tp__idCard img{display:block;height:110px;object-fit:cover;width:100%}.tp__miniDanger{background:#ef4444;border:none;border-radius:10px;bottom:8px;color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;padding:6px 10px;position:absolute;right:8px}.tp__eduBlock{background:#fff;border:1px solid #0f172a1a;border-radius:14px;margin-top:12px;padding:12px}.tp__eduHeading{color:#0f172a;font-weight:800;margin-bottom:10px}.tp__eduList{grid-gap:10px;display:grid;gap:10px}.tp__eduRow{grid-gap:12px;background:#f8fafccc;border:1px dashed #0f172a26;border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}.tp__eduRow>div:nth-child(3){grid-column:1/-1}.tp__eduEditor{background:#fff;border:1px solid #0f172a1a;border-radius:14px;padding:12px}.tp__eduHeadRow{align-items:center;display:flex;gap:12px;justify-content:space-between}.tp__eduRowEdit{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1.2fr .8fr 1fr auto;margin-top:10px}.tp__eduRowEdit input{border:1px solid #0f172a26;border-radius:12px;outline:none;padding:10px 12px}.teacher-content-page{animation:fadeIn .4s ease-out}.page-header{align-items:flex-start;border-bottom:2px solid #0f172a14;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.page-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:1000;margin:0 0 6px}.page-subtitle{color:#64748b;color:var(--muted);font-size:.95rem;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:900;gap:8px;padding:12px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#2f6bff,#3f86ff);background:linear-gradient(135deg,var(--primary),var(--primary2))}.btn-primary:hover{box-shadow:0 8px 20px #2f6bff4d;transform:translateY(-2px)}.btn-secondary{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);color:#0f172a;color:var(--text)}.btn-secondary:hover{border-color:#2f6bff;border-color:var(--primary);box-shadow:0 8px 20px #0f172a1f;transform:translateY(-2px)}.btn-retry{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:8px;cursor:pointer;font-weight:800;margin-top:12px;padding:8px 16px;transition:all .2s ease}.btn-retry:hover{background:#2f6bff;background:var(--primary);border-color:#2f6bff;border-color:var(--primary);color:#fff}.btn-view{align-items:center;background:#2f6bff1a;border:none;border-radius:8px;color:#2f6bff;color:var(--primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:800;gap:6px;padding:8px 16px;transition:all .2s ease}.btn-view:hover{background:#2f6bff;background:var(--primary);color:#fff;transform:translateX(4px)}.btn-icon{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;padding:8px 12px;transition:all .2s ease}.btn-icon:hover{background:#2f6bff;background:var(--primary);border-color:#2f6bff;border-color:var(--primary);color:#fff;transform:scale(1.1)}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{align-items:center;border:1px solid #0f172a1a;border-radius:16px;box-shadow:0 10px 26px #0f172a14;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#2f6bff,#3f86ff);background:linear-gradient(90deg,var(--primary),var(--primary2));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.stat-card:hover:before{transform:scaleX(1)}.stat-card:hover{box-shadow:0 12px 32px #0f172a26;transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:56px;justify-content:center;transition:all .3s ease;width:56px}.stat-card:hover .stat-icon{transform:scale(1.1) rotate(5deg)}.stat-content{flex:1 1;min-width:0}.stat-value{color:#0f172a;color:var(--text);font-size:28px;font-weight:1000;line-height:1.2;margin-bottom:4px}.stat-label{color:#64748b;color:var(--muted);font-size:.85rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.stat-blue{background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border-color:#3b82f633}.stat-blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#2563eb)}.stat-green{background:linear-gradient(135deg,#10b9811a,#0596690d);border-color:#10b98133}.stat-green .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-orange{background:linear-gradient(135deg,#f973161a,#ea580c0d);border-color:#f9731633}.stat-orange .stat-icon{background:linear-gradient(135deg,#f97316,#ea580c)}.stat-purple{background:linear-gradient(135deg,#a855f71a,#9333ea0d);border-color:#a855f733}.stat-purple .stat-icon{background:linear-gradient(135deg,#a855f7,#9333ea)}.stat-red{background:linear-gradient(135deg,#ef44441a,#dc26260d);border-color:#ef444433}.stat-red .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-teal{background:linear-gradient(135deg,#14b8a61a,#0f766e0d);border-color:#14b8a633}.stat-teal .stat-icon{background:linear-gradient(135deg,#14b8a6,#0f766e)}.search-bar{align-items:center;border:1px solid #0f172a1a;display:flex;margin-bottom:20px;padding:12px 16px;position:relative;transition:all .3s ease}.search-bar:focus-within{border-color:#2f6bff;border-color:var(--primary);box-shadow:0 0 0 4px #2f6bff1a}.search-bar i{color:#64748b;color:var(--muted);font-size:1rem;margin-right:12px}.search-bar input{background:#0000;border:none;color:#0f172a;color:var(--text);flex:1 1;font-size:.95rem;font-weight:700;outline:none}.search-bar input::placeholder{color:#64748b;color:var(--muted);opacity:.7}.clear-search{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--muted);cursor:pointer;display:flex;justify-content:center;padding:4px;transition:all .2s ease}.clear-search:hover{background:#0f172a14;color:#0f172a;color:var(--text)}.filters-bar{flex-wrap:wrap;gap:16px;margin-bottom:20px}.filter-group,.filters-bar{align-items:center;display:flex}.filter-group{gap:8px}.filter-group label{align-items:center;display:flex;font-weight:800;gap:6px}.filter-group label,.filter-select{color:#0f172a;color:var(--text);font-size:.9rem}.filter-select{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:10px;cursor:pointer;font-weight:700;min-width:180px;outline:none;padding:10px 14px;transition:all .2s ease}.filter-select:focus{border-color:#2f6bff;border-color:var(--primary);box-shadow:0 0 0 3px #2f6bff1a}.courses-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.course-card{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);cursor:pointer;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.course-card:before{background:linear-gradient(90deg,#2f6bff,#3f86ff);background:linear-gradient(90deg,var(--primary),var(--primary2));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.course-card:hover:before{transform:scaleX(1)}.course-card:hover{border-color:#2f6bff4d;box-shadow:0 16px 40px #0f172a26;transform:translateY(-6px)}.course-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.course-badge{display:flex;flex-wrap:wrap;gap:8px}.badge-draft,.badge-published{align-items:center;border-radius:8px;display:inline-flex;font-size:.75rem;font-weight:900;gap:6px;padding:6px 12px}.badge-published{background:#10b9811a;border:1px solid #10b98133;color:#059669}.badge-draft{background:#94a3b81a;border:1px solid #94a3b833;color:#475569}.course-category{background:#2f6bff1a;border-radius:8px;color:#2f6bff;color:var(--primary);font-size:.75rem;font-weight:800;padding:6px 12px}.course-title{-webkit-line-clamp:2;color:#0f172a;color:var(--text);font-size:1.2rem;font-weight:1000;line-height:1.3;margin:0 0 10px}.course-description,.course-title{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.course-description{-webkit-line-clamp:3;color:#64748b;color:var(--muted);font-size:.9rem;font-weight:700;line-height:1.5;margin:0 0 14px}.course-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px}.meta-item{align-items:center;color:#64748b;color:var(--muted);display:inline-flex;font-size:.85rem;font-weight:800;gap:6px}.course-footer{border-top:1px solid #0f172a1a;border-top:1px solid var(--border);display:flex;justify-content:flex-end;padding-top:16px}.attempts-table-container,.students-table-container{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);overflow:hidden;overflow-x:auto}.attempts-table,.students-table{border-collapse:collapse;width:100%}.attempts-table thead,.students-table thead{background:linear-gradient(135deg,#2f6bff14,#3f86ff0d)}.attempts-table th,.students-table th{border-bottom:2px solid #0f172a1a;border-bottom:2px solid var(--border);color:#0f172a;color:var(--text);font-size:.85rem;font-weight:900;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.attempts-table td,.students-table td{border-bottom:1px solid #0f172a0f;color:#0f172a;color:var(--text);font-weight:700;padding:16px}.attempts-table tbody tr,.students-table tbody tr{transition:all .2s ease}.attempts-table tbody tr:hover,.students-table tbody tr:hover{background:#2f6bff0a}.student-name-cell{align-items:center;display:flex;gap:12px}.student-avatar{align-items:center;background:linear-gradient(135deg,#2f6bff,#3f86ff);background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:900;height:40px;justify-content:center;width:40px}.courses-list{display:flex;flex-wrap:wrap;gap:6px}.course-tag{background:#2f6bff1a;border-radius:6px;color:#2f6bff;color:var(--primary);font-size:.8rem;font-weight:800;padding:4px 10px}.progress-cell{align-items:center;display:flex;gap:12px;min-width:150px}.progress-bar{background:#0f172a1a}.progress-bar,.progress-fill{border-radius:999px;position:relative}.progress-fill{background:linear-gradient(90deg,#10b981,#059669)}.progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.progress-text{color:#0f172a;color:var(--text);min-width:45px;text-align:right}.badge-completed,.progress-text{font-size:.85rem;font-weight:900}.badge-completed{background:#10b9811a;border-radius:8px;color:#059669;padding:6px 12px}.score-cell{display:flex;flex-direction:column;gap:4px}.score-value{color:#0f172a;color:var(--text);font-weight:900}.score-percent{color:#64748b;color:var(--muted);font-size:.8rem;font-weight:700}.badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.8rem;font-weight:900;gap:6px;padding:6px 12px}.badge-success{background:#10b9811a;border:1px solid #10b98133;color:#059669}.badge-danger{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.attempt-number{background:#0f172a0f;border-radius:6px;color:#0f172a;color:var(--text);font-size:.85rem;font-weight:900;padding:4px 10px}.analytics-section{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);margin-top:32px;padding:24px}.section-title{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:1.3rem;font-weight:1000;gap:10px;margin:0 0 20px}.course-analytics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.course-analytics-card{background:#f8fafccc;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:14px;padding:18px;transition:all .3s ease}.course-analytics-card:hover{border-color:#2f6bff;border-color:var(--primary);box-shadow:0 12px 28px #0f172a1f;transform:translateY(-4px)}.course-analytics-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.course-analytics-header h4{color:#0f172a;color:var(--text);flex:1 1;font-size:1.1rem;font-weight:1000;margin:0}.progress-badge{background:linear-gradient(135deg,#2f6bff,#3f86ff);background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:8px;color:#fff;font-size:.8rem;font-weight:900;padding:6px 12px;white-space:nowrap}.course-analytics-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:16px}.analytics-stat-item{align-items:center;background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:10px;display:flex;gap:10px;padding:12px}.analytics-stat-item i{color:#2f6bff;color:var(--primary);font-size:1.2rem}.stat-number{color:#0f172a;color:var(--text);font-size:1.1rem;font-weight:1000;line-height:1.2}.stat-label-small{color:#64748b;color:var(--muted);font-size:.75rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.course-progress-bar{background:#0f172a1a;border-radius:999px;height:10px;overflow:hidden}.chart-placeholder{background:#f8fafccc;border:2px dashed #0f172a1a;border:2px dashed var(--border);border-radius:14px;color:#64748b;color:var(--muted);padding:60px 20px;text-align:center}.chart-placeholder i{font-size:3rem;margin-bottom:12px;opacity:.5}.chart-placeholder p{font-size:1rem;font-weight:800;margin:0 0 6px}.chart-placeholder small{font-size:.85rem;font-weight:700}.performance-charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:20px}.chart-card{background:#fff;background:var(--card);border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.chart-card:hover{box-shadow:0 16px 42px #2f6bff24;box-shadow:var(--shadow2);transform:translateY(-2px)}.chart-card.full-width{grid-column:1/-1}.chart-title{align-items:center;border-bottom:2px solid #0f172a1a;border-bottom:2px solid var(--border);color:#0f172a;color:var(--text);display:flex;font-size:1.1rem;font-weight:800;gap:10px;margin:0 0 20px;padding-bottom:12px}.chart-title i{color:#2f6bff;color:var(--primary);font-size:1rem}.performance-table-container{margin-top:10px;overflow-x:auto}.performance-table{border-collapse:collapse;width:100%}.performance-table thead{background:linear-gradient(135deg,#2f6bff14,#3f86ff0d)}.performance-table th{border-bottom:2px solid #0f172a1a;border-bottom:2px solid var(--border);color:#0f172a;color:var(--text);font-size:.85rem;font-weight:800;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.performance-table tbody tr{border-bottom:1px solid #0f172a1a;border-bottom:1px solid var(--border);transition:all .2s ease}.performance-table tbody tr:hover{background:#2f6bff0a;transform:scale(1.01)}.performance-table td{color:#0f172a;color:var(--text);font-weight:600;padding:16px;vertical-align:middle}.performance-table td strong{color:#0f172a;color:var(--text);font-size:.95rem;font-weight:800}.metric-badge{border-radius:8px;display:inline-block;font-size:.85rem;font-weight:800;min-width:50px;padding:6px 12px;text-align:center}.metric-badge.blue{background:#3b82f61a;border:1px solid #3b82f633;color:#2563eb}.metric-badge.green{background:#10b9811a;border:1px solid #10b98133;color:#059669}.metric-badge.purple{background:#8b5cf61a;border:1px solid #8b5cf633;color:#7c3aed}.metric-badge.orange{background:#f973161a;border:1px solid #f9731633;color:#ea580c}.metric-badge.red{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}.progress-cell-inline{align-items:center;display:flex;gap:10px;min-width:150px}.progress-bar-inline{background:#f6f8ff;background:var(--bg);box-shadow:inset 0 2px 4px #0000001a;flex:1 1;height:10px}.progress-bar-inline,.progress-fill-inline{border-radius:10px;overflow:hidden;position:relative}.progress-fill-inline{height:100%;transition:width .6s ease,background-color .3s ease}.progress-fill-inline:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.progress-text-inline{color:#0f172a;color:var(--text);font-size:.85rem;font-weight:800;min-width:45px;text-align:right}.performance-score{align-items:center;display:flex;gap:8px}.score-circle{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.1rem;font-weight:900;height:50px;justify-content:center;transition:all .3s ease;width:50px}.score-circle.excellent{background:linear-gradient(135deg,#10b981,#059669)}.score-circle.good{background:linear-gradient(135deg,#3b82f6,#2563eb)}.score-circle.needs-improvement{background:linear-gradient(135deg,#f59e0b,#d97706)}.score-label{color:#64748b;color:var(--muted);font-size:.85rem;font-weight:700}@media (max-width:1200px){.performance-charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.chart-card{padding:16px}.chart-title{font-size:1rem}.performance-table-container{overflow-x:scroll}.performance-table{min-width:800px}.score-circle{font-size:.95rem;height:40px;width:40px}}.empty-state,.error-state,.loading-state{background:#fff;border:1px solid #0f172a1a;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);padding:60px 20px;text-align:center}.empty-state i,.error-state i,.loading-state i{font-size:3rem;margin-bottom:16px;opacity:.6}.loading-state{color:#2f6bff;color:var(--primary)}.error-state{color:#dc2626}.empty-state{color:#64748b;color:var(--muted)}.empty-state h3,.error-state span,.loading-state span{display:block;font-size:1.1rem;font-weight:900;margin-bottom:8px}.empty-state p{color:#64748b;color:var(--muted);font-weight:700;margin:0 0 20px}@media (max-width:980px){.page-header{align-items:stretch;flex-direction:column}.stats-grid{grid-template-columns:repeat(2,1fr)}.course-analytics-grid,.courses-grid{grid-template-columns:1fr}.attempts-table-container,.students-table-container{overflow-x:auto}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.filter-group,.filters-bar{align-items:stretch;flex-direction:column}.filter-select{width:100%}}.teacher-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:30px}.teacher-stat-card{align-items:center;background:#fff;background:var(--card);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);display:flex;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.teacher-stat-card:hover{box-shadow:0 16px 42px #2f6bff24;box-shadow:var(--shadow2);transform:translateY(-2px)}.teacher-stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#2f6bff,#3f86ff);background:linear-gradient(135deg,var(--primary),var(--primary2));border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:60px;justify-content:center;width:60px}.teacher-stat-card .stat-content h3{color:#0f172a;color:var(--text);font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 4px}.teacher-stat-card .stat-content p{color:#64748b;color:var(--muted);font-size:.9rem;font-weight:600;margin:0}.teacher-dashboard-section{background:#fff;background:var(--card);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);margin-bottom:30px;padding:24px}.teacher-dashboard-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.teacher-dashboard-section .section-header h3{color:#0f172a;color:var(--text);font-size:1.5rem;font-weight:800;margin:0}.btn-view-all{background:#2f6bff;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:background .2s}.btn-view-all:hover{background:#3f86ff;background:var(--primary2)}.teacher-table-container{overflow-x:auto}.teacher-table{border-collapse:collapse;width:100%}.teacher-table thead{background:#f6f8ff;background:var(--bg)}.teacher-table th{border-bottom:2px solid #0f172a1a;border-bottom:2px solid var(--border);color:#0f172a;color:var(--text);font-size:.9rem;font-weight:700;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.teacher-table tbody tr{border-bottom:1px solid #0f172a1a;border-bottom:1px solid var(--border);transition:background .2s}.teacher-table tbody tr:hover{background:#f6f8ff;background:var(--bg)}.teacher-table td{color:#0f172a;color:var(--text);font-weight:500;padding:16px}.teacher-table td strong{color:#0f172a;color:var(--text);font-weight:700}.progress-bar-container{align-items:center;display:flex;gap:12px}.progress-bar{background:#f6f8ff;background:var(--bg);border-radius:4px;flex:1 1;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#2f6bff,#3f86ff);background:linear-gradient(90deg,var(--primary),var(--primary2));border-radius:4px;height:100%;transition:width .3s ease}.progress-bar-container span{color:#0f172a;color:var(--text);font-size:.85rem;font-weight:700;min-width:45px;text-align:right}.teacher-loading{background:#fff;background:var(--card);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);padding:60px 20px;text-align:center}.teacher-loading p{color:#64748b;color:var(--muted);font-size:1.1rem;font-weight:600}.teacher-empty-state{background:#fff;background:var(--card);border-radius:16px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);padding:60px 20px;text-align:center}.teacher-empty-state i{color:#64748b;color:var(--muted);font-size:3rem;margin-bottom:16px;opacity:.6}.teacher-empty-state p{color:#64748b;color:var(--muted);font-size:1.1rem;font-weight:600;margin:0}.teacher-charts-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));margin-top:20px}.chart-wrapper{background:#fff;background:var(--card);border-radius:12px;box-shadow:0 10px 26px #0f172a14;box-shadow:var(--shadow);padding:24px;transition:transform .2s,box-shadow .2s}.chart-wrapper:hover{box-shadow:0 16px 42px #2f6bff24;box-shadow:var(--shadow2);transform:translateY(-2px)}.chart-wrapper h4{color:#0f172a;color:var(--text);font-size:1.2rem;font-weight:700;margin:0 0 20px;text-align:center}.chart-wrapper.full-width{grid-column:1/-1}@media (max-width:1200px){.teacher-charts-container{grid-template-columns:1fr}}@media (max-width:768px){.chart-wrapper{padding:16px}.chart-wrapper h4{font-size:1rem}}.teacher-navbar{background:#fff;box-shadow:0 2px 8px #0000001a;justify-content:space-between;padding:.8rem 2rem;position:fixed;top:0;width:100%;z-index:10}.nav-left,.teacher-navbar{align-items:center;display:flex}.nav-left{gap:.6rem}.nav-logo{height:45px;object-fit:contain;width:45px}.nav-left h2{color:#0056ff;font-weight:600}.nav-right{align-items:center;display:flex;gap:1.5rem}.welcome-text{color:#333;font-size:.95rem}.create-course-form{background:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;margin:2rem auto;max-width:600px;padding:2rem}.create-course-form h2{color:#0056ff;font-size:1.5rem;margin-bottom:.5rem}.create-course-form p{color:#555;font-size:.95rem;margin-bottom:1.5rem}.create-course-form label{color:#333;display:block;font-weight:500;margin-bottom:.4rem}.create-course-form input,.create-course-form select,.create-course-form textarea{border:1px solid #ccc;border-radius:6px;font-size:.95rem;margin-bottom:1rem;padding:.8rem;transition:border-color .3s ease;width:100%}.create-course-form input:focus,.create-course-form select:focus,.create-course-form textarea:focus{border-color:#0056ff;outline:none}.create-course-form textarea{min-height:100px;resize:vertical}.submit-btn{padding:.8rem 1.5rem;width:100%}.teacher-dashboard-layout{background-color:#f7f9fc;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh}.teacher-body{margin-top:70px}.teacher-sidebar{background:#eef1f7;box-shadow:2px 0 8px #0000000d;height:calc(100vh - 70px);padding:1rem;width:260px}.teacher-sidebar button{align-items:center;background:none;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.8rem;padding:.8rem 1rem;text-align:left;transition:all .3s;width:100%}.teacher-sidebar button.active,.teacher-sidebar button:hover{background:#dce3f7;color:#0056ff}.dropdown-menu{margin-top:.4rem;padding-left:1.5rem}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{color:#333;cursor:pointer;font-size:.9rem;padding:.4rem 0;transition:color .3s}.dropdown-menu li.active,.dropdown-menu li:hover{color:#0056ff;font-weight:500}.teacher-content{flex:1 1;overflow-y:auto;padding:2rem}.view-courses{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:1100px;padding:2rem}.view-courses h2{color:#0056ff;font-size:1.5rem;margin-bottom:.5rem}.view-courses p{color:#555;margin-bottom:1.5rem}.course-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.course-card{background:#fdfdfd;border:1px solid #dfe4f2;border-radius:10px;padding:1.5rem;transition:all .3s ease}.course-card:hover{box-shadow:0 5px 12px #0000001a;transform:translateY(-5px)}.course-card h3{color:#222;font-size:1.2rem;margin-bottom:.5rem}.course-category{color:#0056ff;font-size:.9rem;margin-bottom:.5rem}.course-desc{color:#555;font-size:.9rem;line-height:1.4;margin-bottom:.8rem}.course-duration{color:#333;font-size:.9rem;margin-bottom:1rem}.card-actions{display:flex;justify-content:space-between}.delete-btn,.edit-btn{border:none;border-radius:6px;cursor:pointer;font-size:.85rem;padding:.4rem .8rem;transition:all .3s ease}.edit-btn{background:#e8f0ff;color:#0056ff}.edit-btn:hover{background:#0056ff;color:#fff}.delete-btn{background:#ffe8e8;color:#c00}.delete-btn:hover{background:#c00;color:#fff}@media (max-width:768px){.teacher-sidebar{width:220px}.view-courses{padding:1.5rem}.course-card{padding:1rem}}.course-detail{font-family:Poppins,sans-serif;padding:2rem}.course-detail h2{color:#0033a0;font-size:2rem}.course-detail p{color:#555;margin:.6rem 0}.course-actions{display:flex;gap:1rem;margin-top:1.5rem}.primary-btn,.secondary-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.8rem 1.4rem;transition:.3s}.primary-btn{background:#0056ff;color:#fff}.secondary-btn{background:#e6e6e6;color:#333}.primary-btn:hover{background:#003bbf}.popup-overlay{align-items:center;background:#00000073;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:200}.popup{animation:fadeIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 4px 18px #0003;max-width:95%;padding:2rem;width:420px}.popup h3{color:#0033a0;margin-bottom:1rem}.popup form{display:flex;flex-direction:column;gap:.8rem}.popup input,.popup textarea{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:.8rem}.popup textarea{min-height:90px;resize:vertical}.submit-btn{background:#0056ff;padding:.8rem;transition:.2s}.cancel-btn{background:#ccc;border:none;border-radius:6px;color:#333;cursor:pointer;padding:.7rem}.submit-btn:hover{background:#003bbf}.cancel-btn:hover{background:#bbb}.add-question-btn{background:#0056ff;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:.5rem;padding:.6rem 1rem;transition:.3s}.add-question-btn:hover{background:#003bbf}.create-mcq-container{background:#fff;border-radius:10px;box-shadow:0 4px 12px #00000014;margin:0 auto;max-width:1000px;padding:2rem}.create-mcq-container h2{color:#0056ff;margin-bottom:1rem}.notice{background:#f0f4ff;border-left:4px solid #0056ff;border-radius:6px;color:#333;font-size:.95rem;margin-bottom:2rem;padding:1rem}.mcq-card{background:#f8faff;border-radius:10px;box-shadow:0 2px 8px #0056ff1a;margin-bottom:1.5rem;padding:1.5rem}.mcq-card h4{color:#0048ff;margin-bottom:1rem}.mcq-card input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:.95rem;margin-bottom:.7rem;outline:none;padding:.8rem;transition:border .2s ease;width:100%}.mcq-card input[type=text]:focus{border-color:#0056ff}.options-grid{grid-gap:.8rem;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.correct-input{background:#eef4ff;border-left:4px solid #007bff}.add-question-btn{display:flex;justify-content:center;margin:1.5rem 0}.add-btn{background:#0056ff;border:none;border-radius:6px;color:#fff;font-size:1rem;padding:.7rem 1.5rem;transition:background .3s ease}.add-btn:hover{background:#0042cc}.submit-btn{background:linear-gradient(90deg,#0056ff,#007bff);border:none;border-radius:6px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:600;margin:2rem auto 0;padding:.8rem 2rem;transition:all .3s ease}.submit-btn:hover{background:#0048e1;transform:translateY(-2px)}.reports-container{background:#fff;border-radius:10px;box-shadow:0 6px 20px #0000000d;font-family:Poppins,sans-serif;margin:0 auto;max-width:1200px;padding:2rem 2.5rem}.reports-container h2{color:#0048ff;font-size:1.8rem;margin-bottom:.5rem}.subtitle{color:#666;font-size:.95rem;margin-bottom:2rem}.reports-grid{grid-gap:1.8rem;display:grid;gap:1.8rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.report-card{background:#f8faff;border-left:4px solid #0056ff;border-radius:12px;box-shadow:0 4px 15px #0056ff1a;padding:1.5rem;transition:all .3s ease}.report-card:hover{box-shadow:0 10px 25px #0056ff33;transform:translateY(-6px)}.report-card h3{color:#0033a0;font-size:1.2rem;margin-bottom:.6rem}.report-card p{color:#555;font-size:.95rem;margin:.3rem 0}.enrollment{align-items:center;background:#e9f0ff;border-radius:6px;color:#0048ff;display:flex;font-weight:500;margin-top:.8rem;padding:.6rem 1rem}.enrollment i{color:#0048ff;margin-right:.5rem}@media (max-width:900px){.reports-container{padding:1.5rem}.reports-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.teacher-layout{min-height:100vh;width:100%}.teacher-body{background:#f6f7fb;display:flex;min-height:100vh}.create-lesson-page{flex:1 1;padding:22px}.cl-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.cl-header h2{font-size:24px;margin:0}.cl-sub{color:#6b7280;font-size:14px;margin:6px 0 0}.cl-actions{display:flex;gap:10px}.cl-alert{background:#ffe6e6;border:1px solid #ffb4b4;border-radius:12px;margin-bottom:14px;padding:12px 14px}.cl-form{grid-gap:14px;display:grid;gap:14px}.cl-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 6px 18px #0f172a0f;padding:16px}.cl-card h3{font-size:18px;margin:0 0 10px}.cl-hint{color:#6b7280;font-size:13px;margin:0 0 10px}.cl-card label{display:block;font-size:14px;font-weight:600;margin:10px 0 6px}.cl-card input[type=file],.cl-card input[type=text],.cl-card textarea{background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:14px;outline:none;padding:10px 12px;width:100%}.cl-card textarea{min-height:90px;resize:vertical}.cl-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.cl-row-gap{justify-content:flex-start}.cl-filelist{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cl-fileitem{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:12px;font-size:13px;padding:8px 10px}.cl-btn{border:none;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;padding:10px 14px}.cl-btn-small{font-size:13px;padding:8px 10px}.cl-btn-primary{background:#2563eb;color:#fff}.cl-btn-ghost{background:#eef2ff;color:#1f2937}.cl-btn-danger{background:#fee2e2;color:#991b1b}.cl-footer{align-items:center;display:flex;gap:10px;justify-content:flex-start;padding:10px 2px}.mcq-list{margin-top:12px}.mcq-item{background:#fafafa;border:1px solid #e5e7eb}.mcq-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:6px}.mcq-header h4{font-size:15px;margin:0}.mcq-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}@media (max-width:900px){.mcq-options{grid-template-columns:1fr}}.lesson-detail-page{width:100%}.lesson-topbar{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.back-btn{background:#fff;border:1px solid #e6e8ef;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 14px}.back-btn:hover{background:#f7f8fb}.breadcrumb{align-items:center;color:#6b7280;display:flex;font-size:13px;gap:8px}.crumb{background:#fff;border:1px solid #e6e8ef;border-radius:999px;padding:6px 10px}.crumb-sep{opacity:.6}.lesson-error{background:#ffe6e6;border:1px solid #ffd0d0;border-radius:12px;padding:14px}.lesson-error-title{font-weight:800;margin-bottom:6px}.lesson-error-msg{opacity:.9}.lesson-error-actions{display:flex;gap:10px;margin-top:10px}.skeleton-card{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:16px}.sk-line{background:#eef1f7;border-radius:999px;height:12px;margin-top:10px}.sk-title{height:18px;width:60%}.empty-state{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:18px;text-align:center}.empty-icon{font-size:34px}.lesson-hero{grid-gap:14px;background:#fff;border:1px solid #e8e8e8;border-radius:16px;display:grid;gap:14px;grid-template-columns:1.2fr .8fr;padding:16px}.lesson-hero-left{min-width:0}.lesson-title{font-size:26px;font-weight:800;letter-spacing:-.2px;margin:0}.lesson-subtitle{line-height:1.55;margin:8px 0 0;opacity:.85}.lesson-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.meta-pill{background:#f7f8fb;border:1px solid #e6e8ef;border-radius:14px;min-width:170px;padding:10px 12px}.meta-label{color:#6b7280;display:block;font-size:12px}.meta-value{color:#111827;display:block;font-weight:700;margin-top:4px}.lesson-hero-right{grid-gap:10px;align-content:start;display:grid;gap:10px}.stat-card{border:1px solid #e6e8ef;padding:12px}.stat-title{color:#6b7280;font-size:12px}.stat-value{color:#111827;font-size:18px;font-weight:800;margin-top:6px}.lesson-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}.lesson-section{background:#fff;border:1px solid #e8e8e8;border-radius:16px;padding:14px}.lesson-section.full{grid-column:1/-1}.section-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.section-head h3{font-size:16px;font-weight:800;margin:0}.section-badge{background:#f7f8fb;border:1px solid #e6e8ef;border-radius:999px;color:#111827;font-size:12px;font-weight:700;padding:6px 10px}.muted{color:#6b7280;margin:0}.note-box{background:#fbfcff;border:1px solid #e6e8ef;border-radius:12px;line-height:1.55;margin-top:8px;padding:12px;white-space:pre-wrap}.file-chips{display:flex;flex-wrap:wrap;gap:10px}.file-chip{align-items:center;background:#fff;border:1px solid #e6e8ef;border-radius:999px;display:inline-flex;gap:8px;max-width:100%;padding:10px 12px;text-decoration:none}.file-chip:hover{background:#f7f8fb}.file-chip-icon{font-size:14px}.file-chip-name{color:#111827;font-size:13px;font-weight:600;max-width:420px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-file{align-items:center;background:#fbfcff;border:1px solid #e6e8ef;border-radius:12px;display:inline-flex;gap:8px;padding:12px;text-decoration:none}.case-file:hover{background:#f7f8fb}.qa-box{background:#fff;border:1px solid #e6e8ef;border-radius:12px;margin-top:12px;padding:12px}.qa-box h4{font-size:14px;font-weight:800;margin:0 0 10px}.qa-box ol{color:#111827;margin:0 0 0 18px}.mcq-summary{margin-top:2px}.mcq-list{grid-gap:12px;display:grid;gap:12px}.mcq-item{background:#fbfcff;border:1px solid #e6e8ef;border-radius:14px;padding:12px}.mcq-q{color:#111827;font-weight:800}.mcq-no{color:#6b7280;margin-right:6px}.mcq-opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.mcq-opt{background:#fff;border:1px solid #e6e8ef;border-radius:999px;font-size:13px;padding:6px 10px}.mcq-opt.correct{background:#eafaf0;border-color:#b7e4c7;font-weight:800}.mcq-correct{color:#111827;font-size:13px;margin-top:10px;opacity:.9}.lesson-actions{display:flex;gap:10px}.edit-btn{background:#fff;border:1px solid #e6e8ef;border-radius:10px;font-weight:800}.delete-btn,.edit-btn{cursor:pointer;padding:10px 12px}.delete-btn{background:#fff5f5;border:1px solid #ffd0d0;border-radius:10px;color:#b91c1c;font-weight:900}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.mcq-toggle-row{align-items:center;display:flex;gap:10px;justify-content:flex-start;margin-top:12px}@media (max-width:900px){.lesson-grid,.lesson-hero{grid-template-columns:1fr}.file-chip-name{max-width:260px}}.edit-lesson-page{background:#0000}.edit-topbar{align-items:center;display:flex;gap:12px;margin-bottom:14px}.edit-topbar h2{margin:0}.edit-form{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:16px}.edit-form label{display:block;font-weight:700;margin-bottom:6px;margin-top:12px}.edit-form input,.edit-form textarea{border:1px solid #e6e8ef;border-radius:10px;outline:none;padding:10px 12px;width:100%}.edit-form textarea{min-height:90px;resize:vertical}.edit-error{background:#ffe6e6;border:1px solid #ffb3b3;border-radius:10px;font-weight:700;padding:10px 12px}.file-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:10px}@media (max-width:900px){.file-row{grid-template-columns:1fr}}.case-edit h3,.mcq-edit h3{margin-bottom:8px;margin-top:18px}.mcq-box{background:#fafbff;border:1px solid #eef0f5;border-radius:12px;margin-top:12px;padding:12px}.options-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:8px}@media (max-width:700px){.options-grid{grid-template-columns:1fr}}.add-btn{background:#fff;border:1px dashed #cbd5e1;border-radius:10px;cursor:pointer;font-weight:800;margin-top:10px;padding:10px 12px}.save-btn{background:#111827;border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:900;margin-top:16px;padding:12px;width:100%}:root{--bg:#f6f8fc;--card:#fff;--text:#0f172a;--muted:#0f172ab8;--border:#0f172a14;--shadow:0 10px 30px #0f172a0f;--primary:#2563eb;--primary-600:#1d4ed8;--primary-soft:#2563eb1f;--danger:#ef4444;--danger-600:#dc2626;--warning:#f59e0b;--warning-600:#d97706;--success:#22c55e;--sidebar-bg:#0b1220;--sidebar-text:#ffffffdb;--sidebar-muted:#ffffffad;--sidebar-active:#2563eb2e;--radius:14px}.admin-layout{background:#f6f8fc;background:var(--bg);display:flex;flex-direction:column;font-family:Poppins,sans-serif;min-height:100vh}.admin-container{display:flex;flex:1 1;margin-top:80px}.admin-sidebar{background:#0b1220;background:var(--sidebar-bg);border-right:1px solid #ffffff0f;box-shadow:10px 0 30px #00000014;color:#ffffffdb;color:var(--sidebar-text);height:calc(100vh - 80px);left:0;overflow-y:auto;padding:14px 10px;position:fixed;top:80px;transition:left .28s ease;width:280px}.sidebar-header{align-items:center;display:flex;justify-content:space-between;padding:10px 12px 14px}.sidebar-header h3{color:#fff;font-size:14px;font-weight:800;letter-spacing:.4px;margin:0}.menu-toggle{background:#ffffff14;border:none;border-radius:10px;color:#fff;cursor:pointer;display:none;font-size:16px;padding:8px 10px;transition:transform .08s ease,background .2s ease}.menu-toggle:active{transform:translateY(1px)}.menu-toggle:hover{background:#ffffff1f}.sidebar-menu{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:6px 6px 12px}.menu-item{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#ffffffdb;color:var(--sidebar-text);cursor:pointer;display:flex;gap:10px;padding:11px 12px;transition:background .2s ease,border .2s ease,transform .06s ease}.menu-item .icon{background:#ffffff14;border-radius:10px;color:#fff;display:grid;font-size:14px;height:26px;place-items:center;width:26px}.menu-item:hover{background:#ffffff14;border:1px solid #ffffff14}.menu-item:active{transform:translateY(1px)}.menu-item.active{background:#2563eb2e;background:var(--sidebar-active);border:1px solid #2563eb59;color:#fff}.menu-item.active .icon{background:#2563eb66}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-thumb{background-color:#ffffff2e;border-radius:10px}.admin-main{flex:1 1;margin-left:280px;overflow-y:auto;padding:22px 22px 26px}.page-title{color:#0f172a;color:var(--text);font-size:22px;font-weight:900;letter-spacing:.2px;margin:0}.page-header-row{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:14px}.admin-card{background:#fff;background:var(--card);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow);padding:14px}.dashboard-overview{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(12,1fr);margin-top:14px}.stat-card{background:#fff;background:var(--card);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow);color:#0f172a;color:var(--text);font-size:14px;font-weight:600;grid-column:span 3;padding:16px;transition:transform .12s ease,box-shadow .2s ease}.stat-card b{font-size:18px;font-weight:900}.stat-card:hover{box-shadow:0 16px 40px #0f172a14;transform:translateY(-2px)}@media (max-width:1200px){.stat-card{grid-column:span 6}}@media (max-width:720px){.stat-card{grid-column:span 12}}.placeholder{color:#0f172ab8;color:var(--muted);font-size:14px;margin-top:2rem;text-align:center}.search-bar-container{display:flex;justify-content:center;margin:14px 0 16px}.search-bar{background:#fff;background:var(--card);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 16px #0f172a0a;font-size:14px;outline:none;padding:12px 14px;transition:box-shadow .15s ease,border-color .15s ease;width:min(720px,92%)}.search-bar:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb24}.user-management{background:#fff;background:var(--card);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow);margin-top:18px;padding:14px}.user-management h2{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:900;gap:8px;margin:0 0 14px}.user-management h2:before{background:#2563eb;background:var(--primary);border-radius:999px;content:"";display:inline-block;height:22px;width:10px}.user-table{border:1px solid #0f172a14;border:1px solid var(--border);border-collapse:initial;border-radius:14px;border-spacing:0;overflow:hidden;width:100%}.user-table td,.user-table th{border-bottom:1px solid #0f172a14;border-bottom:1px solid var(--border);font-size:13px;padding:12px;text-align:left}.user-table th{background:#2563eb14;color:#0f172a;color:var(--text);font-size:12px;font-weight:900;letter-spacing:.35px;text-transform:uppercase}.user-table tbody tr{background:#fff;transition:background .12s ease}.user-table tbody tr:hover{background:#2563eb0d}.user-table td{color:#0f172adb}.delete-btn,.edit-btn,.update-btn,.user-table button{border:none;border-radius:10px;cursor:pointer;font-size:12px;font-weight:900;padding:9px 12px;transition:transform .06s ease,opacity .2s ease,background .2s ease}.delete-btn:active,.edit-btn:active,.update-btn:active,.user-table button:active{transform:translateY(1px)}.edit-btn{background:#f59e0b2e;color:#7a4b00}.edit-btn:hover{background:#f59e0b42}.update-btn{background:#2563eb;background:var(--primary);color:#fff}.update-btn:hover{background:#1d4ed8;background:var(--primary-600)}.delete-btn{background:#ef44442e;color:#7f1d1d}.delete-btn:hover{background:#ef444442}.user-name-link{color:#2563eb;color:var(--primary);cursor:pointer;font-weight:900}.user-name-link:hover{text-decoration:underline}.user-detail-card{background:#fff;background:var(--card);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius);box-shadow:0 10px 30px #0f172a0f;box-shadow:var(--shadow);margin-top:14px;padding:16px}.detail-section{border-left:4px solid #2563eb;border-left:4px solid var(--primary);margin-top:14px;padding-left:12px}.detail-section li,.detail-section p{color:#0f172ad9;font-size:13px;margin:6px 0}.detail-section ul{list-style:disc;padding-left:18px}.modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:9999}.modal-content{animation:fadeIn .18s ease-in-out;background:#fff;background:var(--card);border:1px solid #0f172a14;border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 60px #0003;max-width:96%;padding:16px;width:460px}.modal-content h3{color:#0f172a;color:var(--text);font-weight:900;margin:0 0 10px}.modal-content p{color:#0f172ab8;color:var(--muted);margin:0 0 14px}.modal-content label{color:#0f172aeb;display:block;font-size:13px;font-weight:900;margin:10px 0 6px}.modal-content input,.modal-content select{border:1px solid #0f172a14;border:1px solid var(--border);border-radius:12px;font-size:14px;outline:none;padding:12px;transition:box-shadow .15s ease,border-color .15s ease;width:100%}.modal-content input:focus,.modal-content select:focus{border-color:#2563eb8c;box-shadow:0 0 0 4px #2563eb24}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:992px){.menu-toggle{display:inline-flex}.admin-sidebar{left:-290px}.admin-sidebar.show{left:0}.admin-main{margin-left:0;padding:16px}.user-table td,.user-table th{padding:10px}}@media (max-width:768px){.sidebar-header h3{display:none}.page-title{font-size:18px}}.settings-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.settings-title{font-size:28px;font-weight:800;letter-spacing:.2px;margin:0}.settings-subtitle{font-size:14px;line-height:1.4;margin:6px 0 0;opacity:.75}.settings-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn-outline,.btn-primary{border:none;border-radius:10px;cursor:pointer;font-weight:800;padding:10px 14px;transition:transform .06s ease,opacity .2s ease,background .2s ease}.btn-primary{background:#111;color:#fff}.btn-outline{background:#fff;border:1px solid #ddd;color:#111}.btn-outline:disabled,.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-outline:active,.btn-primary:active{transform:translateY(1px)}.settings-alert{border-radius:12px;font-size:14px;margin:10px 0 16px;padding:12px 14px}.settings-alert-error{background:#ffecec;border:1px solid #ffd2d2;color:#8b0000}.settings-alert-success{background:#eaffea;border:1px solid #c9f5c9;color:#0b6b0b}.settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(12,1fr);margin-top:10px}.settings-card{background:#fff;border:1px solid #eee;border-radius:16px;box-shadow:0 6px 20px #0000000a;grid-column:span 6;padding:14px}.settings-card-wide{grid-column:span 12}.card-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.card-head h2{font-size:18px;font-weight:900;margin:0}.chip{background:#f4f4f4;border:1px solid #e6e6e6;border-radius:999px;color:#333;font-size:12px;font-weight:800;padding:4px 10px}.field{display:flex;flex-direction:column;gap:6px;margin-top:10px}.field label{color:#222;font-size:13px;font-weight:800}.field input{background:#fff;border:1px solid #e4e4e4;border-radius:12px;font-size:14px;outline:none;padding:12px;transition:box-shadow .15s ease,border-color .15s ease}.field input:focus{border-color:#111;box-shadow:0 0 0 3px #00000014}.field input:disabled{background:#fafafa;opacity:.8}.two-col{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.hint{font-size:13px;line-height:1.4;margin-top:10px;opacity:.75}.divider{background:#eee;height:1px;margin:12px 0}.toggle-row{align-items:center;display:flex;gap:14px;justify-content:space-between;margin-top:10px}.toggle-title{color:#111;font-weight:900}.toggle-desc{font-size:13px;margin-top:3px;opacity:.75}.switch{display:inline-block;height:30px;position:relative;width:52px}.switch input{height:0;opacity:0;width:0}.slider{background:#dcdcdc;border-radius:999px;cursor:pointer;inset:0}.slider,.slider:before{position:absolute;transition:.2s}.slider:before{background:#fff;border-radius:50%;box-shadow:0 4px 10px #0000001f;content:"";height:22px;left:4px;top:4px;width:22px}.switch input:checked+.slider{background:#111}.switch input:checked+.slider:before{transform:translateX(22px)}@media (max-width:1024px){.settings-card{grid-column:span 12}.two-col{grid-template-columns:1fr}.settings-header{align-items:flex-start;flex-direction:column}}body{background-color:#fff;color:#222;font-family:Poppins,sans-serif;margin:0}.navbar{align-items:center;background:#f7f8fc;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;padding:1rem 2rem}.logo{height:40px;margin-right:10px;width:40px}.nav-title{color:#333;font-size:1.2rem}.auth-btn{background-color:#0056ff;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:.6rem 1.2rem}.footer{background:#f7f8fc;color:#555;font-size:.9rem;padding:1.5rem;text-align:center}
/*# sourceMappingURL=main.4256dc57.css.map*/