.landing-page{background:linear-gradient(180deg,#1a2332,#1e2938 50%,#1a2332);color:#e5f6ff;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.landing-container{margin:0 auto;max-width:1280px;padding:0 24px}.landing-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a2332f2;border-bottom:1px solid #ffffff14;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-nav{justify-content:space-between}.landing-logo,.landing-nav{align-items:center;display:flex}.landing-logo{gap:12px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4fd1c5d9,#06b6d4d9);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:600;letter-spacing:-.02em}.landing-nav-actions{align-items:center;display:flex;gap:12px}.btn-outline{background:#4fd1c50f;border:1px solid #4fd1c54d;border-radius:10px;color:#4fd1c5e6;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.btn-outline:hover{background:#4fd1c526;border-color:#4fd1c599;transform:translateY(-1px)}.btn-primary{background:linear-gradient(90deg,#4fd1c5cc,#06b6d4cc);border:none;border-radius:10px;box-shadow:0 6px 16px #4fd1c52e;cursor:pointer;font-size:.95rem;font-weight:600;padding:10px 24px;transition:all .2s ease}.btn-primary:hover{box-shadow:0 12px 28px #4fd1c559;transform:translateY(-2px)}.landing-hero{padding:80px 0 40px;text-align:center}.hero-title{color:#eafcff;font-size:3.5rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin-bottom:16px}.hero-subtitle{color:#ffffffbf;font-size:1.25rem;margin-bottom:48px;margin-left:auto;margin-right:auto;max-width:600px}.user-type-selector{display:flex;gap:20px;justify-content:center;margin:0 auto 30px;max-width:800px}.type-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b99,#0f172acc);border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;flex:1 1;overflow:hidden;padding:24px;position:relative;text-align:left;transition:all .3s ease}.type-btn:before{background:radial-gradient(circle at 50% 0,#4fd1c526,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease}.type-btn:hover{border-color:#4fd1c566;box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.type-btn:hover:before{opacity:1}.type-btn.active{background:linear-gradient(135deg,#4fd1c51a,#06b6d414);border-color:#4fd1c566;box-shadow:0 12px 32px #4fd1c526}.type-btn.active:before{opacity:1}.type-label{color:#eafcff;font-size:1.5rem;font-weight:600;margin-bottom:8px}.type-desc{color:#ffffffb3;font-size:.95rem;font-style:italic}.landing-pricing{padding:30px 0}.pricing-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);margin-top:40px}.pricing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b99,#0f172acc);border:1px solid #ffffff1a;border-radius:20px;display:flex;flex-direction:column;isolation:isolate;padding:32px;position:relative;transition:all .3s ease}.pricing-card:before{background:radial-gradient(circle at 80% 20%,#4fd1c51a,#0000 60%);border-radius:20px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.pricing-card:hover{border-color:#fff3;box-shadow:0 20px 48px #0006;transform:translateY(-8px)}.pricing-card:hover:before{opacity:1}.pricing-card.highlighted{background:linear-gradient(135deg,#4fd1c514,#06b6d40f);border:2px solid #4fd1c559;box-shadow:0 16px 40px #4fd1c51f;transform:scale(1.05)}.pricing-card.highlighted:before{opacity:1}.plan-badge{background:linear-gradient(90deg,#4fd1c5d9,#06b6d4d9);border-radius:20px;box-shadow:0 6px 16px #4fd1c540;color:#fff;font-size:.85rem;font-weight:600;left:50%;padding:6px 20px;position:absolute;top:-12px;transform:translateX(-50%)}.plan-header{border-bottom:1px solid #ffffff1a;margin-bottom:32px;padding-bottom:24px;text-align:center}.plan-name{color:#eafcff;font-weight:600;margin-bottom:16px}.plan-price{align-items:baseline;align-items:center;display:flex;justify-content:center;margin-bottom:8px;min-height:80px}.custom-price{color:#4fd1c5e6;font-size:2.5rem;font-weight:700}.currency{color:#ffffffb3;font-size:1.5rem;font-weight:600;margin-right:4px}.amount{color:#4fd1c5e6;font-size:4rem;font-weight:700;line-height:1}.plan-period{color:#fff9;font-size:.95rem;margin-bottom:16px}.plan-description{color:#ffffffbf;font-size:.95rem;line-height:1.5}.plan-features{flex-grow:1;margin-bottom:32px}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:#ffffffd9;gap:12px;padding:10px 0}.plan-features li svg{color:#4fd1c5cc;flex-shrink:0;margin-top:2px}.plan-cta{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;padding:14px 24px;transition:all .2s ease;width:100%}.plan-cta.primary{background:linear-gradient(90deg,#4fd1c5cc,#06b6d4cc);box-shadow:0 8px 22px #4fd1c538;color:#fff}.plan-cta.primary:hover{box-shadow:0 14px 36px #4fd1c566;transform:translateY(-2px)}.plan-cta.outline{background:#4fd1c514;border:1px solid #4fd1c566;color:#4fd1c5}.plan-cta.outline:hover{background:#4fd1c526;border-color:#4fd1c599;transform:translateY(-2px)}.landing-features{padding:80px 0}.section-title{font-size:2.5rem;letter-spacing:-.02em;margin-bottom:48px;text-align:center}.features-table-wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293b66;border:1px solid #ffffff1a;border-radius:16px;overflow-x:auto}.features-table{border-collapse:collapse;width:100%}.features-table thead{background:#4fd1c514}.features-table th{border-bottom:1px solid #ffffff1a;color:#4fd1c5d9;font-size:1.1rem;font-weight:600;padding:20px;text-align:left}.features-table td{border-bottom:1px solid #ffffff0d;color:#ffffffd9;font-size:.95rem;padding:20px}.features-table tbody tr:hover{background:#4fd1c50d}.features-table td:first-child{color:#eafcff;font-weight:600}.landing-faq{padding:40px 0}.faq-grid{grid-gap:32px;display:grid;gap:32px;grid-template-columns:repeat(2,1fr);margin-top:48px}.faq-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e293b80,#0f172ab3);border:1px solid #ffffff1a;border-radius:16px;padding:28px;transition:all .3s ease}.faq-item:hover{border-color:#4fd1c54d;box-shadow:0 12px 32px #0000004d;transform:translateY(-4px)}.faq-item h3{color:#eafcff;font-size:1.15rem;font-weight:600;margin-bottom:12px}.faq-item p{color:#ffffffbf;font-size:.95rem;line-height:1.6;margin:0}.landing-footer{background:#0000004d;border-top:1px solid #ffffff1a;padding:60px 0 32px}.footer-content{grid-gap:60px;display:grid;gap:60px;grid-template-columns:2fr 3fr;margin-bottom:48px}.footer-brand p{color:#ffffffb3;font-size:.95rem;margin-top:16px}.footer-links{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr)}.footer-column h4{color:#eafcff;font-size:1rem;font-weight:600;margin-bottom:16px}.footer-column a{color:#ffffffb3;display:block;font-size:.9rem;margin-bottom:12px;text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:#4fd1c5d9}.footer-bottom{border-top:1px solid #ffffff0d;padding-top:32px;text-align:center}.footer-bottom p{color:#fff9;font-size:.9rem;margin:0}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr;margin-left:auto;margin-right:auto;max-width:500px}.pricing-card.highlighted{transform:scale(1)}.faq-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:40px}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.user-type-selector{flex-direction:column;max-width:400px}.landing-nav-actions{gap:8px}.btn-outline,.btn-primary{font-size:.9rem;padding:8px 16px}.section-title{font-size:2rem}.footer-links{gap:32px;grid-template-columns:1fr}}.auth-container{align-items:center;background:linear-gradient(180deg,#0a0f1c,#111827 50%,#1a2332);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.auth-background{background:radial-gradient(ellipse at top,#6366f126 0,#0000 50%),radial-gradient(ellipse at bottom,#06b6d41a 0,#0000 50%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.bg-shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#06b6d44d);border-radius:50%;filter:blur(60px);opacity:.08;position:absolute}.shape-1{animation-delay:0s;height:400px;right:-10%;top:-10%;width:400px}.shape-2{animation-delay:2s;bottom:-15%;height:350px;left:-10%;width:350px}.shape-3{animation-delay:4s;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}.theme-toggle-wrapper{position:absolute;right:2rem;top:2rem;z-index:10}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827d1;border:1px solid #ffffff17;border-radius:1.25rem;box-shadow:0 16px 48px #0000008c,inset 0 1px 0 #ffffff0a;max-width:420px;padding:2.25rem 2rem;position:relative;transition:all .3s ease;width:100%;z-index:1}.auth-card:hover{box-shadow:0 25px 80px #0009,inset 0 1px 0 #ffffff14}.auth-header{margin-bottom:1.5rem;text-align:center}.logo-container{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:1rem}.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary),var(--primary-hover));-webkit-background-clip:text;background-clip:text;font-size:2.5rem}.brand-name{color:#fff;font-size:1.65rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin:0}.auth-subtitle{color:#fff9;font-size:.95rem;font-weight:400;line-height:1.5;margin:0}.portal-selection{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.portal-card{background:#0f172a94;border:1px solid #ffffff17;border-radius:.9rem;cursor:pointer;overflow:hidden;padding:1.25rem 1.1rem 1.2rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.portal-card:before{background:linear-gradient(135deg,#6366f10d,#06b6d40d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.portal-card:hover{border-color:#fff3;box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff1a;transform:translateY(-4px)}.portal-card:hover:before{opacity:1}.portal-card:active{transform:translateY(-2px)}.portal-content{position:relative;z-index:1}.portal-title{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .4rem}.portal-tagline{color:#ffffff8c;font-size:.8rem;font-style:italic;line-height:1.35;margin:0 0 .85rem}.portal-action{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;font-weight:500;gap:.45rem;transition:all .3s ease}.portal-card:hover .portal-action{color:#fff;gap:.75rem}.portal-action .arrow{font-size:1.2rem;transition:transform .3s ease}.portal-card:hover .portal-action .arrow{transform:translateX(4px)}.register-section{margin-top:1.5rem}.register-btn{background:linear-gradient(135deg,#06b6d4,#0891b2);border:none;border-radius:.65rem;box-shadow:0 3px 10px #06b6d447;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:.7rem 1.25rem;position:relative;transition:all .3s ease;width:100%}.register-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.register-btn:hover{background:linear-gradient(135deg,#0891b2,#0e7490);box-shadow:0 6px 20px #06b6d466;transform:translateY(-2px)}.register-btn:hover:before{left:100%}.register-btn:active{transform:translateY(0)}.register-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.social-auth{margin-top:1.25rem}.google-button-wrapper{align-items:center;background:#121821;border:1px solid #ffffff1f;border-radius:12px;display:flex;height:44px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;width:64px}.google-button-wrapper iframe{height:100%!important;inset:0;opacity:0;position:absolute;width:100%!important}.google-button-wrapper>:not(.google-icon-svg){border:0!important;box-shadow:none!important;height:100%!important;inset:0!important;opacity:0!important;position:absolute!important;width:100%!important}.google-icon-svg{color:#bffcff;display:block;font-size:18px;font-weight:800;line-height:1;pointer-events:none;position:relative;z-index:1}.google-button-wrapper:hover{background:#00fff7}.google-button-wrapper:hover .google-icon-svg{color:#0b1324}.google-button-wrapper:focus-within{outline:3px solid #06b6d459;outline-offset:2px}.social-buttons{align-items:stretch;display:flex;flex-wrap:nowrap;gap:16px;justify-content:center;margin-top:.75rem}.social-btn{align-items:center;border:1px solid #ffffff1a;border-radius:.5rem;box-shadow:inset 0 -1px 0 #ffffff05;cursor:pointer;display:inline-flex;flex:1 1;gap:10px;height:2.25rem;justify-content:center;padding:0 16px;transition:background .15s ease,border-color .15s ease,transform .15s ease,box-shadow .15s ease}.social-btn:hover{border-color:#ffffff2e;box-shadow:0 6px 14px #00000040,inset 0 -1px 0 #ffffff08;transform:translateY(-1px)}.social-btn:active{background:#ffffff0d;border-color:#ffffff29;box-shadow:0 3px 8px #0000002e,inset 0 -1px 0 #ffffff05;transform:translateY(0)}.social-btn:focus-visible{outline:3px solid #3b82f673;outline-offset:2px}.social-btn.google svg path{fill:currentColor!important}.social-btn.facebook svg{background:currentColor;border-radius:9999px;color:#0b1324;padding:3px}.social-btn.twitter svg{transform:translateY(0)}:root:not(.dark) .social-btn{background:var(--dark-input)!important;border:1px solid #0000001a;color:var(--text)}:root:not(.dark) .social-btn:hover{background:hsl(var(--btn-bg-hsl))!important;border:1px solid #0000001a;color:var(--dark-input)}:root:not(.dark) .social-btn.facebook svg{background:#0f172a;color:#fff}@media (max-width:420px){.social-buttons{flex-wrap:wrap}.social-btn{flex:1 1 100%}}.dark .social-btn{background:#ffffff0f;border-color:#ffffff1f;color:#eaeaea}.dark .social-btn.google{background:#fff;color:#111}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.label-container{align-items:center;display:flex;justify-content:space-between}.form-label{color:var(--text);margin-bottom:.25rem}.forgot-link{color:var(--primary);font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-link:hover{color:var(--primary-hover);text-decoration:underline}.input-container{align-items:center;display:flex;position:relative}.input-icon{font-size:1.1rem;left:1rem;opacity:.7;position:absolute;z-index:1}.form-input{background:var(--input);border:solid var(--border);border-radius:.5rem;border-width:initial;color:var(--text);font-family:inherit;font-size:.95rem;padding:1rem 1rem 1rem 3rem;transition:all .3s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-input::placeholder{color:var(--text-secondary)}.form-input:disabled{cursor:not-allowed;opacity:.6}.error-message{animation:slideDown .3s ease-out}.error-icon{flex-shrink:0;font-size:1rem}.auth-submit-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:.75rem;color:var(--text);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .3s ease}.auth-submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.auth-submit-btn:hover:not(:disabled):before{left:100%}.auth-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.auth-submit-btn:active:not(:disabled){transform:translateY(0)}.auth-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-icon{transition:transform .2s ease}.auth-submit-btn:hover:not(:disabled) .btn-icon{transform:translateX(3px)}.btn-spinner{height:18px;width:18px}.role-header{margin-bottom:1.5rem}.link-button{color:var(--primary);font-family:inherit;font-size:.9rem;padding:.5rem 0;text-decoration:none}.link-button:hover{color:var(--primary-hover);text-decoration:underline}.link-button,.link-button:active,.link-button:focus,.link-button:focus-visible,.link-button:hover{background:#0000!important;background-color:initial!important;border:none!important;box-shadow:none!important}.role-title{color:#fff;font-size:1.25rem;font-weight:600;margin:.75rem 0 0}.google-role-selection{margin-top:1rem}.welcome-message{margin-bottom:1.5rem;text-align:center}.welcome-message p{color:#fff;font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.welcome-message .subtitle{color:#fff9;font-size:.9rem;font-weight:400}.auth-divider{align-items:center;color:#fff6;display:flex;font-size:.875rem;margin:1.5rem 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #ffffff1a;content:"";flex:1 1}.auth-divider span{padding:0 1rem}.auth-footer{text-align:center}.footer-text{color:var(--text-secondary);font-size:.9rem;margin:0}.auth-link{color:var(--primary);font-weight:600;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:var(--primary-hover);text-decoration:underline}.demo-hint{align-items:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:.75rem;display:flex;gap:.75rem;margin-top:2rem;padding:1rem}.demo-icon{flex-shrink:0;font-size:1.1rem;opacity:.8}.demo-text{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.demo-text strong{color:var(--text)}@media (max-width:768px){.auth-container{padding:1rem}.auth-card{margin:.75rem;max-width:400px;padding:2rem 1.4rem}.theme-toggle-wrapper{right:1rem;top:1rem}.brand-name{font-size:1.75rem}.portal-title{font-size:1.25rem}.portal-card{padding:1.1rem 1rem 1rem 1.1rem}.auth-submit-btn{padding:1.125rem 1.5rem}.bg-shape{opacity:.03}}@media (max-width:480px){.auth-card{padding:1.4rem 1.1rem}.brand-name{font-size:1.5rem}.logo-container{gap:.5rem}.portal-title{font-size:1.05rem}.portal-tagline{font-size:.85rem}.form-input{padding:.875rem .875rem .875rem 2.75rem}.input-icon{left:.875rem}}[data-theme=light] .auth-container{background:linear-gradient(180deg,#f8fafc,#e2e8f0 50%,#cbd5e1)}[data-theme=light] .auth-card{background:#ffffffe6;border:1px solid #0000001a;box-shadow:0 20px 60px #00000026,inset 0 1px 0 #fffc}[data-theme=light] .brand-name{color:#0f172a}[data-theme=light] .auth-subtitle{color:#0009}[data-theme=light] .portal-card{background:#f8fafccc;border:1px solid #0000001a}[data-theme=light] .portal-title{color:#0f172a}[data-theme=light] .portal-tagline{color:#00000080}[data-theme=light] .portal-action{color:#000000b3}[data-theme=light] .portal-card:hover .portal-action{color:#0f172a}[data-theme=light] .link-button{color:var(--primary)}[data-theme=light] .link-button:hover{color:var(--primary-hover);text-decoration:underline}[data-theme=light] .role-title{color:#0f172a}[data-theme=light] .form-input{background:#fffc;border:1px solid #00000026;color:#0f172a}[data-theme=light] .form-label{color:#0f172a}[data-theme=dark] .auth-card{box-shadow:0 20px 60px #00000080,inset 0 1px 0 #ffffff0d}[data-theme=dark] .auth-card:hover{box-shadow:0 25px 80px #0009,inset 0 1px 0 #ffffff14}[data-theme=dark] .form-input{background:#0f172a99;border:1px solid #ffffff1a}[data-theme=dark] .bg-shape{opacity:.08}.forgot-password-card{max-width:480px}.step-indicator{justify-content:center;margin:2rem 0;padding:0 1rem}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;position:relative;z-index:1}.step-number{align-items:center;background:#6366f133;border:2px solid #6366f14d;border-radius:50%;color:#ffffff80;display:flex;font-size:16px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step.active .step-number{background:linear-gradient(135deg,#6366f1,#06b6d4);border-color:#6366f1;box-shadow:0 4px 16px #6366f166;color:#fff}.step.completed .step-number{background:#10b9814d;border-color:#10b98180;color:#10b981}.step-label{color:#fff9;font-size:12px;font-weight:600;margin-top:.5rem}.step.active .step-label{color:#6366f1}.step.completed .step-label{color:#10b981}.step-line{background:#6366f133;flex:1 1;height:2px;margin:0 1rem;max-width:80px;position:relative;top:-20px}.alert{border-radius:.75rem;font-size:.95rem;font-weight:500;margin-bottom:1rem;padding:1rem}.alert-danger{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#10b98126;border:1px solid #10b9814d;color:#6ee7b7}.otp-input{font-family:Courier New,monospace}.form-hint{color:#fff9;font-size:.85rem;margin-top:.5rem;text-align:center}.link-button{background:none;border:none;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;transition:color .2s ease}.link-button:hover{color:#68c2d3}.link-button:disabled{cursor:not-allowed;opacity:.5}.auth-container.register-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:2rem}.register-page .auth-card{max-width:720px;overflow:visible;width:min(720px,92vw)}.register-page .auth-card.mode-narrow{max-width:420px;width:100%}.register-page .plan-choose{margin-top:1rem}.register-page .plan-heading{color:#ffffffbf;font-size:.95rem;margin:0 0 16px;text-align:center}.register-page .plan-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.register-page .plan-card{background:#0f172a99;border:1px solid #ffffff1a;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff0a,0 10px 30px #00000059;cursor:pointer;overflow:hidden;padding:16px 18px;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.register-page .plan-card:before{background:linear-gradient(135deg,#6366f10d,#06b6d40d);content:"";inset:0;opacity:0;position:absolute;transition:opacity .25s ease}.register-page .plan-card:hover{border-color:#ffffff2e;box-shadow:inset 0 1px 0 #ffffff0f,0 14px 40px #00000073;transform:translateY(-3px)}.register-page .plan-card:hover:before{opacity:1}.register-page .plan-content{position:relative;z-index:1}.register-page .plan-title{color:#fff;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.register-page .plan-tagline{color:#fff9;font-size:.9rem;font-style:italic;margin:0 0 14px}.register-page .plan-action{align-items:center;color:#ffffffbf;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;transition:color .2s ease,gap .2s ease}.register-page .plan-card:hover .plan-action{color:#fff;gap:10px}.register-page .plan-action .arrow{font-size:1.1rem}.register-page .auth-form{grid-gap:16px;display:grid;gap:16px}.register-page .form-row{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr 1fr}.register-page .form-group,.register-page .form-input,.register-page .input-container{width:100%}.register-page .form-input{min-height:44px}.register-page select.form-input{background-color:#0f172ae6;border:1px solid #ffffff1f;color:#fff;color-scheme:dark}.register-page select.form-input option{background-color:#0f172a;color:#fff}.register-page .password-match,.register-page .password-strength{margin-top:8px}.register-page .auth-submit-btn{margin-top:8px;width:100%}.register-page .auth-header{margin-bottom:1.5rem}.register-page .role-select .portal-selection{gap:1rem;margin-top:1rem}.register-page .portal-selection{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.register-page .portal-card{background:#0f172a94;border:1px solid #ffffff17;border-radius:.9rem;cursor:pointer;overflow:hidden;padding:1.25rem 1.1rem 1.2rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.register-page .portal-card:before{background:linear-gradient(135deg,#6366f10d,#06b6d40d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.register-page .portal-card:hover{border-color:#fff3;box-shadow:0 12px 40px #0006,inset 0 1px 0 #ffffff1a;transform:translateY(-4px)}.register-page .portal-card:hover:before{opacity:1}.register-page .portal-card:active{transform:translateY(-2px)}.register-page .portal-content{position:relative;z-index:1}.register-page .portal-title{color:#fff;font-size:1.25rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .4rem}.register-page .portal-tagline{color:#ffffff8c;font-size:.8rem;font-style:italic;line-height:1.35;margin:0 0 .85rem}.register-page .portal-action{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;font-weight:500;gap:.45rem;transition:all .3s ease}.register-page .portal-card:hover .portal-action{color:#fff;gap:.75rem}.register-page .portal-action .arrow{font-size:1.2rem;transition:transform .3s ease}.register-page .portal-card:hover .portal-action .arrow{transform:translateX(4px)}@media (max-width:640px){.register-page .form-row,.register-page .plan-grid{grid-template-columns:1fr}}.upload-course-container{animation:fadeInUp .5s ease-out;margin:0 auto;max-width:1100px;padding:0 1rem}.course-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #94a3b84d;border-radius:1rem;box-shadow:0 8px 32px #0000004d;padding:1.75rem;transition:transform .2s ease,box-shadow .2s ease}.form-section:hover{box-shadow:0 10px 40px #0006;transform:translateY(-2px)}.section-header{border-bottom:1px solid #94a3b833;gap:.75rem;padding-bottom:1rem}.section-icon{background:linear-gradient(135deg,#4fd1c533,#4fd1c51a);border:1px solid #4fd1c54d;border-radius:.5rem;font-size:1.1rem;height:36px;width:36px}.section-title{color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.125rem}.form-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-input,.form-select,.form-textarea{background:#0f172ab3!important;border:1px solid #94a3b840;border-radius:.5rem;box-sizing:border-box;color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.875rem;padding:.75rem;transition:all .2s ease}.upload-course-container select.form-input{background-color:#0f172ab3!important;border:1px solid #94a3b840;color:#e5e7eb;color-scheme:dark}.upload-course-container select.form-input option{background-color:#1e293b;color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0ff;box-shadow:0 0 0 3px hsla(180 100% 50%,.45);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:#64748b;opacity:1}.form-textarea{min-height:100px}.char-counter{color:#94a3b8;font-family:ui-sans-serif,system-ui,sans-serif;margin-top:.25rem}.file-upload-label{background:#0f172a80;border:2px dashed #94a3b84d;border-radius:.75rem;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.file-upload-label:hover{background:#0f172ab3;border-color:#4fd1c580}.upload-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.8}.upload-title{color:#e5e7eb;font-size:.875rem}.upload-subtitle,.upload-title{font-family:ui-sans-serif,system-ui,sans-serif}.upload-subtitle{color:#94a3b8;font-size:.8125rem}.file-list{margin-top:1rem}.file-list-title{color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:600;margin-bottom:.5rem}.file-item{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.625rem .75rem}.file-name{color:#e5e7eb;flex:1 1;font-size:.8125rem;margin-right:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-name,.file-size{font-family:ui-sans-serif,system-ui,sans-serif}.file-size{color:#94a3b8;font-size:.75rem}.section-builder{background:#0f172a80;border:1px solid #94a3b833;border-radius:.75rem;margin-top:1.25rem;padding:1.25rem}.section-builder-header{margin-bottom:1rem}.section-builder-title{color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1rem;font-weight:600;margin:0 0 .25rem}.section-builder-subtitle{color:#94a3b8;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;margin:0}.sections-list{margin-bottom:.75rem}.section-item{align-items:flex-start;display:flex;gap:.75rem}.section-inputs{flex:1 1;flex-direction:column;gap:.5rem}.remove-section-btn{background:#ef444433;border:1px solid #ef444466;border-radius:.5rem;color:#ef4444;cursor:pointer;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;font-weight:500;padding:.5rem .875rem;transition:all .2s ease;white-space:nowrap}.remove-section-btn:hover:not(:disabled){background:#ef44444d;transform:translateY(-1px)}.remove-section-btn:disabled{cursor:not-allowed;opacity:.4}.add-section-btn{background:#0000;border:1px solid #4fd1c566;border-radius:.5rem;color:#4fd1c5;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;padding:.625rem 1.25rem}.add-section-btn:hover{background:#4fd1c51a;border-color:#4fd1c599}.video-assignment{border-top:1px solid #94a3b833;margin-top:1.25rem;padding-top:1.25rem}.assignment-header{margin-bottom:.75rem}.assignment-title{color:#e5e7eb;font-size:.9375rem;font-weight:600;margin:0 0 .25rem}.assignment-subtitle,.assignment-title{font-family:ui-sans-serif,system-ui,sans-serif}.assignment-subtitle{color:#94a3b8;font-size:.8125rem;margin:0}.assignment-list{display:flex;flex-direction:column;gap:.5rem}.assignment-item{align-items:center;background:#1e293b99;border:1px solid #94a3b833;border-radius:.5rem;display:flex;gap:.75rem;padding:.625rem}.assignment-item .file-name{flex:1 1;margin-right:0}.assignment-select{background:#0f172ab3!important;border:1px solid #94a3b840;border-radius:.5rem;color:#e5e7eb;color-scheme:dark;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;min-width:150px;padding:.5rem .625rem}.form-actions{align-items:flex-end;flex-direction:column;gap:.75rem}.plan-details-banner{background:#0f172a99;border:1px solid #94a3b84d;border-radius:.5rem;color:#94a3b8;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem;line-height:1.4;margin-bottom:.75rem;padding:.875rem 1rem;width:100%}.plan-details-banner strong{color:#e5e7eb}.plan-details-banner a{color:#4fd1c5;font-weight:600;text-decoration:none}.plan-details-banner a:hover{text-decoration:underline}.submit-btn{background:hsl(var(--btn-bg-hsl));color:var(--btn-text-on-cyan);display:flex;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.9375rem;font-weight:600;padding:.875rem 2rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){background:hsl(var(--btn-bg-hover-hsl));box-shadow:0 6px 20px #4fd1c566;transform:translateY(-2px)}.btn-spinner{border-top-color:currentcolor}.message{border-radius:.5rem;font-family:ui-sans-serif,system-ui,sans-serif;padding:.875rem 1.25rem}.error-message{background:#ef444426}.success-message{background:#4fd1c526;border:1px solid #4fd1c54d;color:#4fd1c5}.message-icon{font-size:1.1rem}@media (max-width:768px){.form-section{padding:1.25rem}.form-grid{gap:.875rem;grid-template-columns:1fr}.assignment-item,.section-item{flex-direction:column;gap:.5rem}.assignment-item{align-items:stretch}.assignment-select{min-width:auto}.form-actions{align-items:stretch}.submit-btn{justify-content:center;width:100%}}.student-dashboard{animation:fadeInUp .6s ease-out}.dashboard-header{align-items:center;justify-content:space-between}.welcome-title{color:#fff;font-size:2rem;letter-spacing:-.01em;margin:0}.welcome-sub{color:#ffffffb3;margin:.25rem 0 0}.cap-emoji{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.header-actions{align-items:center;display:flex;gap:12px;margin-left:auto}.browse-btn{align-items:center;background:hsl(var(--btn-bg-hsl));border:1px solid #ffffff1f;border-radius:.5rem;color:var(--btn-text-on-cyan);cursor:pointer;display:inline-flex;gap:10px;padding:10px 16px}.browse-btn svg{height:18px;width:18px}.browse-btn.outline{background:#0000;border-color:#ffffff38;box-shadow:none;color:#bffcff}.browse-btn.outline:hover{background:#ffffff0f}.dashboard-section{margin-bottom:2rem}.dashboard-section:last-child{margin-bottom:0}.student-dashboard .row{display:flex;flex-wrap:wrap;margin-left:-1rem;margin-right:-1rem}.student-dashboard .row.g-3>[class*=" col-"],.student-dashboard .row.g-3>[class^=col-]{margin-bottom:1rem;padding-left:1rem;padding-right:1rem}.student-dashboard .col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.student-dashboard .col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width:1200px){.student-dashboard .col-xl-3{flex:0 0 25%;max-width:25%}}.student-dashboard .card{background:#0000;border:1px solid var(--border);border-radius:.75rem}.student-dashboard .card-body{padding:1rem}.student-dashboard .border-0{border:0!important}.student-dashboard .shadow-sm{box-shadow:0 4px 10px #00000038}.student-dashboard .h-100{height:100%}.student-dashboard .text-uppercase{text-transform:uppercase}.student-dashboard .fw-semibold{font-weight:600}.student-dashboard .fw-bold{font-weight:700}.student-dashboard .text-secondary{color:#ffffffb3}.student-dashboard .text-light{color:#e5f6ff}.student-dashboard .bg-transparent{background:#0000!important}.student-dashboard .progress{background:#ffffff1f;border-radius:2px;height:4px;overflow:hidden;width:100%}.student-dashboard .progress-bar{background:currentColor;border-radius:2px;height:100%}.student-dashboard .card.statv{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:.5rem;box-shadow:0 10px 24px #00000038,inset 0 1px 0 #ffffff0f;color:#e5f6ff;isolation:isolate;overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.student-dashboard .card.statv .corner-icon{background:linear-gradient(180deg,#00000059,#00000040);border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 14px #00000040;color:#ffffffe6;display:grid;height:36px;place-items:center;position:absolute;right:14px;top:14px;width:36px}.student-dashboard .card.statv .card-body{padding:1.25rem}.student-dashboard .card.statv:hover{box-shadow:0 20px 28px #00000047,inset 0 1px 0 #ffffff14;transform:translateY(-4px)}.student-dashboard .card.statv:before{content:"";inset:0;opacity:.18;pointer-events:none;position:absolute;z-index:-1}.student-dashboard .card.statv:hover:before{opacity:.28}.student-dashboard .card.statv.blue{background:linear-gradient(135deg,#0f1f3f,#14325d 55%,#1b3d78);border-color:#3b82f647}.student-dashboard .card.statv.blue:before{background:radial-gradient(circle at 80% 20%,#3b82f640,#0000 70%)}.student-dashboard .card.statv.blue .progress-bar{background:#3b82f6d9}.student-dashboard .card.statv.green{background:linear-gradient(135deg,#032419,#064731 55%,#0a5b3e);border-color:#22c55e47}.student-dashboard .card.statv.green:before{background:radial-gradient(circle at 80% 20%,#22c55e40,#0000 70%)}.student-dashboard .card.statv.green .progress-bar{background:#22c55ed9}.student-dashboard .card.statv.orange{background:linear-gradient(135deg,#2d1a05,#4a290c 55%,#6a3d12);border-color:#f9ac164d}.student-dashboard .card.statv.orange:before{background:radial-gradient(circle at 80% 20%,#f9ac1640,#0000 70%)}.student-dashboard .card.statv.orange .progress-bar{background:#f9ac16e6}.student-dashboard .card.statv.purple{background:linear-gradient(135deg,#1f0d42,#3b1b74 55%,#512089);border-color:#a855f74d}.student-dashboard .card.statv.purple:before{background:radial-gradient(circle at 80% 20%,#a855f740,#0000 70%)}.student-dashboard .card.statv.purple .progress-bar{background:#a855f7e6}.student-dashboard .card.statv .small{letter-spacing:.08em;margin-bottom:.5rem;opacity:.95}.student-dashboard .card.statv .fw-bold{font-size:2.25rem;letter-spacing:-.025em;line-height:1}@media (min-width:1200px){.student-dashboard .card.statv .fw-bold{font-size:2.75rem}}.student-dashboard .card.statv .text-secondary{color:inherit;opacity:.85}.continue-title{color:#bffcff;font-weight:700;letter-spacing:.02em}.continue-title .title-icon{background:linear-gradient(180deg,#ffffff24,#ffffff0f);border:1px solid #ffffff2e;border-radius:999px;box-shadow:inset 0 1px 0 #ffffff38,0 4px 12px #00000040;color:#8bdcf0;display:inline-grid;height:28px;place-items:center;width:28px}.continue-title{align-items:center;display:flex;gap:8px;margin:0 0 1.5rem}.title-icon{color:#8bdcf0;display:inline-flex;opacity:.9}.continue-card{-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:radial-gradient(120% 120% at 20% -10%,#ffffff0f 0,#ffffff05 30%,#ffffff03 100%);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 14px 40px #00000040,inset 0 1px 0 #ffffff0f;padding:.85rem}.continue-list{display:flex;flex-direction:column;gap:.75rem}.continue-row{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 4px 16px #0000001f;display:flex;gap:1rem;justify-content:space-between;padding:1rem .75rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease,background-color .2s ease}.continue-row:hover{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 6px 18px #0000002e;transform:translateY(-1px)}.continue-list .continue-row+.continue-row{border-top:0}.cr-left{align-items:center;display:flex;flex:1 1;gap:14px;min-width:0}.cr-icon{background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff2e,0 6px 18px #0003;display:grid;height:44px;place-items:center;width:44px}.cr-info{display:flex;flex-direction:column;gap:6px;min-width:0}.cr-title{color:#d7ffff;font-size:1.05rem;font-weight:600;letter-spacing:.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cr-author{color:var(--text-secondary);font-size:.85rem;letter-spacing:.3px;text-transform:none}.cr-progress-row{align-items:center;display:flex;gap:12px}.cr-progress{background:#ffffff14;border-radius:999px;flex:1 1;height:8px;overflow:hidden;position:relative}.cr-progress-fill{background:linear-gradient(90deg,#22d3ee,#38bdf8);height:100%;inset:0 auto 0 0;position:absolute;transition:width .3s ease;width:0}.cr-progress-text{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.cr-right{align-items:center;display:flex;justify-content:flex-end}.continue-btn{align-items:center;background:hsl(var(--btn-bg-hsl));border:1px solid #ffffff1f;border-radius:.5rem;cursor:pointer;display:inline-flex;gap:10px;padding:10px 16px;white-space:nowrap}.continue-btn,.continue-btn svg{color:var(--btn-text-on-cyan)}.related-title{align-items:center;color:#bffcff;display:flex;font-weight:700;gap:8px;letter-spacing:.02em;margin:0 0 1rem}.section-star{color:#8bdcf0;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));opacity:.9}.panel{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 10px 28px #00000038,inset 0 1px 0 #ffffff0f;padding:1rem}.related-panel{align-items:stretch;display:block;min-height:120px}.related-empty{font-size:.95rem}.related-empty,.related-loading{color:var(--text-secondary);margin:0;padding:.5rem .25rem}.related-error,.related-loading{font-size:.85rem}.related-error{color:var(--error);margin:0;padding:.5rem .25rem}.related-grid{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));width:100%}.related-card{background:linear-gradient(180deg,#3b82f61a,#0206178c);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;min-height:160px;overflow:hidden;padding:12px;position:relative}.related-card .rel-hero{filter:drop-shadow(0 4px 12px rgba(0,0,0,.4));font-size:32px;margin-bottom:8px}.rel-title{color:#eafcff;font-size:.95rem;font-weight:600;letter-spacing:.3px;margin:0 0 8px}.rel-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.rel-tag{background:#ffffff1a;border-radius:8px;color:#bfefff;font-size:.6rem;font-weight:600;letter-spacing:.5px;padding:4px 8px}.rel-btn{align-self:flex-start;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:0;border-radius:8px;box-shadow:0 4px 12px #3b82f659;color:#fff;cursor:pointer;font-size:.7rem;font-weight:600;padding:6px 12px}.rel-btn:hover{transform:translateY(-2px)}.related-category{margin-bottom:1.25rem}.related-category-title{border-left:3px solid #8bdcf02e;color:#dff9ff;font-size:1rem;font-weight:700;margin:0 0 .75rem;padding-left:.75rem}@media (max-width:900px){.related-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.related-card{min-height:140px}}.quick-tiles{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.quick-tiles-standalone{margin-top:.5rem}.q-tile{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 18px #0000002e;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:140px;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.q-tile:hover{background:#ffffff0a;border-color:#ffffff1f;box-shadow:0 10px 22px #00000038;transform:translateY(-2px)}.q-icon{color:#67e8f9;font-size:28px;margin-bottom:4px;opacity:.9}.q-title{color:#d7ffff;font-weight:600}.q-sub{color:var(--text-secondary);font-size:.9rem}.cta-panel{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;box-shadow:0 10px 28px #00000038;display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:280px;text-align:center}.cta-book{color:#8bdcf0;opacity:.85}.cta-title{color:#e6ffff;font-size:1.25rem;font-weight:700}.cta-sub{color:var(--text-secondary);max-width:720px}@media (max-width:900px){.quick-tiles{grid-template-columns:1fr}}.empty-state{background:var(--surface);border:1px solid var(--border)}.empty-state p{margin:0 auto 1.5rem}.explore-btn{background:var(--surface);border:1px solid var(--primary);border-radius:.75rem;color:var(--primary);cursor:pointer;display:inline-block;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.explore-btn:hover{background:var(--primary);color:#fff;text-decoration:none}@media (max-width:768px){.continue-row{align-items:flex-start;flex-wrap:wrap}.cr-right{margin-top:.75rem;width:100%}.continue-btn{justify-content:center;width:100%}}[data-theme=dark] .course-card:hover{box-shadow:0 8px 25px #0003}[data-theme=dark] .resume-btn:hover{box-shadow:0 4px 12px #3b82f666}.instructor-dashboard{animation:fadeInUp .6s ease-out}.dashboard-header{margin-bottom:1.5rem}.dashboard-title{color:#eafcff;font-size:2rem;font-weight:800;letter-spacing:-.01em}.dashboard-subtitle{color:#ffffffb3;font-size:.95rem;margin-top:.25rem}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2rem}.stat-card.statv{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:.5rem;box-shadow:0 10px 24px #00000038,inset 0 1px 0 #ffffff0f;color:#e5f6ff;isolation:isolate;overflow:hidden;padding:1.25rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.stat-card.statv:hover{box-shadow:0 20px 28px #00000047,inset 0 1px 0 #ffffff14;transform:translateY(-4px)}.stat-card.statv:before{content:"";inset:0;opacity:.18;pointer-events:none;position:absolute;z-index:-1}.stat-card.statv:hover:before{opacity:.28}.corner-icon{color:#ffffffd9;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:18px;position:absolute;right:16px;top:14px}.stat-top{color:#eafcff;font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem}.stat-value{color:#cfe5ff;font-size:1.9rem;font-weight:700;letter-spacing:-.01em;line-height:1}.stat-sub{color:#ffffffbf;font-size:.85rem;margin-top:.25rem}.stat-line{background:#ffffff14;border-radius:2px;bottom:14px;height:4px;left:16px;position:absolute;right:16px}.rating-star{font-size:1rem;margin-bottom:-2px}.statv.blue{background:linear-gradient(135deg,#0f1f3f,#14325d 55%,#1b3d78);border-color:#3b82f647}.statv.blue:before{background:radial-gradient(circle at 80% 20%,#3b82f640,#0000 70%)}.statv.green{background:linear-gradient(135deg,#032419,#064731 55%,#0a5b3e);border-color:#22c55e47}.statv.green:before{background:radial-gradient(circle at 80% 20%,#22c55e40,#0000 70%)}.statv.orange{background:linear-gradient(135deg,#2d1a05,#4a290c 55%,#6a3d12);border-color:#f9ac164d}.statv.orange:before{background:radial-gradient(circle at 80% 20%,#f9ac1640,#0000 70%)}.statv.purple{background:linear-gradient(135deg,#1f0d42,#3b1b74 55%,#512089);border-color:#a855f74d}.statv.purple:before{background:radial-gradient(circle at 80% 20%,#a855f740,#0000 70%)}.loading-container{padding:3rem}.error-message{background:var(--error);color:#fff;justify-content:center;text-align:center}.error-icon{font-size:1.2rem}.empty-state{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14}.empty-state h4{color:var(--text);font-size:1.1rem;margin-bottom:.5rem}.empty-state p{font-size:.9rem;max-width:300px}.navigation-section{border-top:1px solid #ffffff14;margin-top:2.5rem;padding-top:2rem}.section-title{margin-bottom:1.25rem}.navigation-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.nav-card{align-items:center;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 10px 24px #0000002e,inset 0 1px 0 #ffffff0f;color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.nav-card:hover{border-color:#3b82f647;box-shadow:0 14px 28px #0000003d,inset 0 1px 0 #ffffff14;transform:translateY(-3px)}.nav-card-icon{background:linear-gradient(180deg,#ffffff1f,#ffffff0a);border:1px solid #ffffff24;border-radius:50%;color:#bfefff;display:grid;height:56px;place-items:center;width:56px}.nav-card-title{color:#eafcff;font-size:1.05rem;font-weight:700;margin:0}.nav-card-description{color:#ffffffb3;font-size:.9rem;margin:0}@media (max-width:1200px){.navigation-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.navigation-grid,.stats-grid{grid-template-columns:1fr}.dashboard-title{font-size:1.5rem}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.stat-card{animation:cardSlideIn .5s ease-out forwards}.stat-card:first-child{animation-delay:.1s}.stat-card:nth-child(2){animation-delay:.2s}.stat-card:nth-child(3){animation-delay:.3s}.stat-card:nth-child(4){animation-delay:.4s}.nav-card{animation:fadeInUp .5s ease-out forwards}.nav-card:first-child{animation-delay:.1s}.nav-card:nth-child(2){animation-delay:.2s}.nav-card:nth-child(3){animation-delay:.3s}.nav-card:nth-child(4){animation-delay:.4s}.dashboard{animation:fadeInUp .6s ease-out .1s both}.dashboard-header{align-items:flex-start;display:flex;gap:1rem;justify-content:between;margin-bottom:2rem}.dashboard-title{color:var(--text);flex:1 1;font-size:1.75rem;font-weight:700;margin:0}.dashboard-actions{display:flex;flex-wrap:wrap;gap:1rem}.create-course-btn{align-items:center;background:#00f7ff;border:none;border-radius:.5rem;box-shadow:0 2px 6px #0003;color:#001a1a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.6rem;padding:10px 16px;transition:background .15s ease,box-shadow .15s ease}.create-course-btn:hover{background:#00e6f0;box-shadow:0 3px 10px #00000040}.create-course-btn:active{background:#00d9e2;box-shadow:0 2px 6px #0003}.create-course-btn .btn-icon{font-size:1.1rem;line-height:1}.hide-form-btn{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.hide-form-btn:hover{background:var(--bg);border-color:var(--text-secondary);color:var(--text)}.course-form-container{animation:slideDown .3s ease-out;background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dashboard-content{margin-top:1.5rem}.instructor-dashboard,.student-dashboard{animation:fadeInUp .6s ease-out .2s both}.dashboard-empty{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.dashboard-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.dashboard-empty h3{color:var(--text);font-size:1.25rem;margin-bottom:.5rem}.dashboard-empty p{font-size:.9rem;margin:0 auto;max-width:400px}@media (max-width:768px){.dashboard-header{align-items:stretch;flex-direction:column}.dashboard-actions{justify-content:stretch}.create-course-btn,.hide-form-btn{flex:1 1;justify-content:center}.course-form-container{margin:1rem 0;padding:1.5rem}.dashboard-title{font-size:1.5rem}}[data-theme=dark] .course-form-container{box-shadow:0 4px 20px #0003}[data-theme=dark] .create-course-btn{box-shadow:0 2px 6px #00000047}[data-theme=dark] .create-course-btn:hover{box-shadow:0 3px 10px #00000057}.navbar{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(180deg,#ffffff08,#fff0),var(--surface);border-bottom:1px solid var(--border);height:70px;left:0;padding:0 1.5rem;position:fixed;right:0;top:0;z-index:1100}.navbar-content{align-items:center;display:flex;gap:1rem;justify-content:flex-start;margin-top:10px;max-width:100%;width:100%}.navbar-brand{color:hsl(var(--btn-bg-hsl));cursor:pointer;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:#cff;transform:translateY(-1px)}.navbar-actions{gap:2.5rem;margin-left:auto}.navbar-actions,.navbar-button{align-items:center;display:flex}.navbar-button{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.625rem 1rem;position:relative;transition:all .2s ease}.navbar-button:hover{border-color:var(--text-secondary);box-shadow:0 8px 24px #0000002e;color:var(--text);transform:translateY(-1px)}.navbar-button:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";inset:0;left:-120%;position:absolute;transition:left .5s ease}.navbar-button:hover:before{left:120%}.navbar-button.settings{border-color:hsl(var(--btn-bg-hsl));color:hsl(var(--btn-bg-hsl))}.navbar-button.settings:hover{background-color:hsl(var(--btn-bg-hsl));border-color:hsl(var(--btn-bg-hsl));color:var(--btn-text-on-cyan)}.navbar-button:focus{outline:3px solid hsla(var(--focus-ring-hsl),.45);outline-offset:2px}@media (max-width:768px){.navbar{padding:0 1rem}.navbar-brand{font-size:1.25rem}.navbar-brand:before{font-size:1.5rem}.navbar-actions{gap:.5rem}.navbar-button{font-size:.8rem;justify-content:center;min-width:40px;padding:.5rem .75rem}.navbar-button-text{display:none}}.icon-btn{align-items:center;background:linear-gradient(180deg,#ffffff0a,#0000001a),var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0f,0 8px 24px #00000024;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:40px;justify-content:center;min-width:40px;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease;width:40px}.icon-btn:hover{border-color:var(--text-secondary);box-shadow:0 12px 32px #00000038;color:var(--text);transform:translateY(-1px)}.icon-btn:focus{outline:3px solid hsla(var(--focus-ring-hsl),.45);outline-offset:2px}.icon-btn svg{height:18px;opacity:.9;width:18px}.theme-toggle-container button{align-items:center;background:linear-gradient(180deg,#ffffff0a,#0000001a),var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0f,0 8px 24px #00000024;color:var(--text-secondary);display:inline-flex;height:40px;justify-content:center;min-width:40px;padding:0;transition:transform .15s ease,box-shadow .2s ease,border-color .2s ease,color .2s ease,background .2s ease;width:40px}.theme-toggle-container button:hover{border-color:var(--text-secondary);box-shadow:0 12px 32px #00000038;color:var(--text);transform:translateY(-1px)}.theme-toggle-container svg{height:18px;width:18px}.icon-badge{background:#ef4444;border:2px solid var(--surface);border-radius:999px;color:#fff;font-size:10px;line-height:16px;min-width:16px;padding:0 5px;position:absolute;right:-4px;text-align:center;top:-4px}.notes-dropdown{top:48px}.navbar-notes{position:relative}.notes-badge{background:#ef4444;border:2px solid #0b1220;border:2px solid var(--bg,#0b1220);border-radius:999px;color:#fff;font-size:10px;line-height:16px;min-width:16px;padding:0 5px;position:absolute;right:-6px;text-align:center;top:-6px}.notes-dropdown{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 30px #0006;max-height:420px;overflow:auto;position:absolute;right:0;top:40px;width:340px;z-index:1000}.notes-head{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px}.notes-title{font-weight:700}.notes-link{background:#0000;border:none;color:#60a5fa;cursor:pointer}.notes-list{list-style:none;margin:0;padding:0}.note{border-bottom:1px solid var(--border);cursor:pointer;padding:10px}.note.unread{background:#3b82f61f}.note-title{font-weight:600}.note-msg{font-size:12px;opacity:.85}.note-time{font-size:11px;margin-top:4px;opacity:.6}.navbar-profile{position:relative}.profile-trigger{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--text);cursor:pointer;display:inline-flex;gap:.35rem;padding:4px 6px;transition:border-color .2s ease,background .2s ease,transform .15s ease}.profile-trigger:hover{background:#ffffff05;border-color:var(--border);transform:translateY(-1px)}.profile-trigger:focus{outline:3px solid hsla(var(--focus-ring-hsl),.45);outline-offset:2px}.avatar{align-items:center;background:hsl(var(--btn-bg-hsl));border-radius:999px;box-shadow:0 2px 10px #0000004d,inset 0 0 0 2px #00000040;color:var(--btn-text-on-cyan);display:inline-flex;font-weight:600;height:36px;justify-content:center;letter-spacing:.5px;width:36px}.avatar.lg{font-size:1.1rem;height:48px;width:48px}.chevron{height:14px;opacity:.7;transition:transform .2s ease,opacity .2s ease;width:14px}.chevron.open{opacity:1;transform:rotate(180deg)}.profile-menu{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 18px 40px #00000073;max-width:90vw;overflow:hidden;position:absolute;right:0;top:48px;z-index:1200}.profile-card{grid-gap:12px;border-bottom:1px solid var(--border);display:grid;gap:12px;grid-template-columns:56px 1fr;padding:14px 14px 12px}.profile-meta{display:flex;flex-direction:column;justify-content:center}.profile-name{color:var(--text);font-size:1rem;font-weight:800}.profile-email{color:var(--text-secondary);font-size:.85rem}.profile-type{font-size:.75rem;margin-top:2px;opacity:.7}.profile-section{border-top:1px solid var(--border);padding:6px}.profile-item{align-items:center;background:#0000;border:0;border-radius:10px;color:var(--text);cursor:pointer;display:flex;font-size:.95rem;gap:10px;padding:10px;width:100%}.profile-item:hover{background:#ffffff0a}.profile-item .icon{display:inline-flex;justify-content:center;opacity:.85;width:18px}.profile-item.signout{color:#ef4444}@media (max-width:768px){.avatar{height:32px;width:32px}.profile-menu{top:44px;width:300px}}.nav-icon-btn{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:8px;color:var(--nav-icon-color);cursor:pointer;display:inline-flex;justify-content:center;line-height:0;padding:8px}.nav-icon-btn svg{height:var(--nav-icon-size);width:var(--nav-icon-size)}.nav-icon-btn svg,.nav-icon-btn svg *{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sidebar{background-color:var(--surface);border-right:1px solid var(--border);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;padding:80px 0 2rem;position:fixed;top:0;transform:translateX(0);transition:transform .3s ease,box-shadow .3s ease;width:250px;z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar:hover::-webkit-scrollbar-thumb{background:var(--text-secondary)}.sidebar-header{border-bottom:1px solid var(--border);margin-bottom:1rem;padding:0 1.5rem 1.5rem}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;color:#fff;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-details h4{color:var(--text);font-size:.9rem;font-weight:600;margin:0}.user-details .user-role{color:var(--text-secondary);font-size:.75rem;margin:0;text-transform:capitalize}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-item{margin:.25rem 1rem}.sidebar-link{align-items:center;border-radius:.5rem;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:500;overflow:hidden;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.sidebar-link:before{display:none}.sidebar-link:hover{background-color:#ffffff0a;color:var(--text)}.sidebar-link:hover:before{transform:scaleY(1)}.sidebar-link.active{background:hsl(var(--btn-bg-hsl));color:var(--btn-text-on-cyan);font-weight:700}.sidebar-link.active:before{transform:scaleY(1)}.sidebar-icon{color:#aefcff;flex:0 0 auto;height:18px;margin-right:.75rem;opacity:.9;transition:opacity .2s ease,color .2s ease;width:18px}.sidebar-link:hover .sidebar-icon{opacity:1}.sidebar-link.active .sidebar-icon{color:var(--btn-text-on-cyan);opacity:1}.sidebar-divider{background-color:var(--border);height:1px;margin:1rem 1.5rem;opacity:.6}.sidebar-section-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:1rem 1.5rem .5rem;text-transform:uppercase}@media (max-width:768px){.sidebar{box-shadow:0 0 0 #0000;transform:translateX(-100%)}.sidebar.mobile-open{box-shadow:0 0 50px #0000004d;transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.sidebar-overlay.active{opacity:1;visibility:visible}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.sidebar-item{animation:slideIn .3s ease forwards}.sidebar-item:first-child{animation-delay:.05s}.sidebar-item:nth-child(2){animation-delay:.1s}.sidebar-item:nth-child(3){animation-delay:.15s}.sidebar-item:nth-child(4){animation-delay:.2s}.sidebar-item:nth-child(5){animation-delay:.25s}.sidebar-item:nth-child(6){animation-delay:.3s}.sidebar-item:nth-child(7){animation-delay:.35s}.sidebar-item:nth-child(8){animation-delay:.4s}.layout{background:radial-gradient(1200px 600px at 20% -10%,#00ffff14,#0000 60%),radial-gradient(900px 500px at 80% -20%,#7a3df50f,#0000 65%),var(--bg);color:var(--text);min-height:100vh}.layout-main{display:flex;margin-top:70px;min-height:calc(100vh - 70px)}.layout-sidebar{background:var(--surface);border-right:1px solid var(--border);flex-shrink:0;height:calc(100vh - 70px);left:0;position:fixed;top:70px;transition:transform .3s ease;width:250px;z-index:100}.layout-content{animation:fadeInUp .5s ease-out;background:radial-gradient(800px 400px at 20% 0,#00ffff0f,#0000 60%),linear-gradient(180deg,#ffffff05,#fff0 140px);flex:1 1;margin-left:250px;min-height:calc(100vh - 70px);padding:2rem;transition:margin-left .3s ease}.layout-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,hsl(var(--btn-bg-hsl)),#cff);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2rem;font-weight:700;margin:0 0 .5rem}.layout-subtitle{color:var(--text-secondary);font-size:1rem;margin:0}@media (max-width:768px){.layout-sidebar{transform:translateX(-100%)}.layout-sidebar.mobile-open{transform:translateX(0)}.layout-content{background:none;margin-left:0;padding:1rem}.layout-title{font-size:1.5rem}}.change-role-container{animation:fadeInUp .5s ease-out;background:#0000;margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px);padding:2rem}@media (max-width:768px){.change-role-container{margin-left:0;padding:1.5rem 1rem}}.change-role-header{margin-bottom:2rem}.change-role-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4d4d8,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2rem;font-weight:800;margin:0 0 .5rem}.change-role-error{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc26264d;border-radius:.75rem;color:#fca5a5;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.change-role-error:before{content:"⚠️";font-size:1.25rem}.change-role-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.change-role-search{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #a1a1aa40;border-radius:.75rem;color:var(--text);flex:1 1;font-size:.95rem;min-width:250px;padding:.85rem 1.25rem;transition:all .3s ease}.change-role-search::placeholder{color:#a1a1aa99}.change-role-search:focus{background:linear-gradient(135deg,#27272ab3,#18181bcc);border-color:#a1a1aa80;outline:none}.change-role-refresh{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#71717a26,#52525b1a);border:1px solid #a1a1aa4d;border-radius:.75rem;color:#d4d4d8;cursor:pointer;font-size:.95rem;font-weight:700;padding:.85rem 1.75rem;transition:all .3s ease;white-space:nowrap}.change-role-refresh:hover:not(:disabled){background:linear-gradient(135deg,#71717a40,#52525b33);border-color:#a1a1aa80;transform:translateY(-1px)}.change-role-refresh:disabled{cursor:wait;opacity:.6}.change-role-table-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a66,#18181b80 50%,#27272a66);border:1px solid #a1a1aa33;border-radius:1rem;overflow:hidden}.change-role-table{border-collapse:collapse;font-size:.95rem;width:100%}.change-role-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3f3f4680,#27272a99)}.change-role-table th{border-bottom:1px solid #a1a1aa26;color:#d4d4d8;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:1.1rem 1.25rem;text-align:left;text-transform:uppercase}.change-role-table tbody tr{border-bottom:1px solid #a1a1aa14;transition:all .2s ease}.change-role-table tbody tr:hover{background:linear-gradient(135deg,#3f3f464d,#27272a59)}.change-role-table tbody tr:last-child{border-bottom:none}.change-role-table td{color:var(--text);font-weight:500;padding:1rem 1.25rem}.change-role-table td:first-child{color:#a1a1aacc;font-family:Courier New,monospace;font-size:.85rem}.change-role-table td:nth-child(2){color:#e4e4e7;font-weight:600}.change-role-table td:nth-child(3){color:#d4d4d8cc;font-size:.9rem}.role-badge{border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:.4rem .9rem;text-transform:lowercase}.role-badge.role-student{background:linear-gradient(135deg,#a1a1aa33,#71717a26);border:1px solid #a1a1aa4d;color:#d4d4d8}.role-badge.role-instructor{background:linear-gradient(135deg,#a855f733,#9333ea26);border:1px solid #a855f766;color:#e9d5ff}.role-badge.role-super_admin{background:linear-gradient(135deg,#fb923c33,#f9731626);border:1px solid #fb923c66;color:#fed7aa}.change-role-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #a1a1aa40;border-radius:.625rem;color:var(--text);cursor:pointer;font-size:.875rem;font-weight:600;min-width:150px;padding:.6rem .9rem;transition:all .2s ease}.change-role-select:hover:not(:disabled){background:linear-gradient(135deg,#27272ab3,#18181bcc);border-color:#a1a1aa66}.change-role-select:focus{border-color:#a1a1aa80;outline:none}.change-role-select:disabled{cursor:wait;opacity:.5}.change-role-select option{background:#18181b;color:#e4e4e7;padding:.5rem}.change-role-empty{color:#a1a1aab3;font-size:.95rem;font-style:italic;padding:3rem 2rem;text-align:center}.change-role-loading{color:#a1a1aacc;font-size:1rem;padding:3rem 2rem;text-align:center}.change-role-forbidden{align-items:center;background:linear-gradient(135deg,#dc26261a,#b91c1c14);display:flex;justify-content:center;min-height:100vh}.change-role-forbidden-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #dc26264d;border-radius:1rem;padding:3rem;text-align:center}.change-role-forbidden-content h2{color:#fca5a5;font-size:1.75rem;margin:0}@media (max-width:1024px){.change-role-table{font-size:.875rem}.change-role-table td,.change-role-table th{padding:.875rem 1rem}}@media (max-width:768px){.change-role-table-wrapper{overflow-x:auto}.change-role-table{font-size:.85rem}.change-role-table td,.change-role-table th{padding:.75rem;white-space:nowrap}.change-role-select{font-size:.8rem;min-width:130px}}.auth-container.subscribe-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.subscribe-page .auth-background{background:radial-gradient(ellipse at top,#6366f126 0,#0000 50%),radial-gradient(ellipse at bottom,#06b6d41a 0,#0000 50%);inset:0;pointer-events:none;position:absolute;z-index:0}.subscribe-page .bg-shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#6366f14d,#06b6d44d);border-radius:50%;filter:blur(60px);opacity:.08;position:absolute}.subscribe-page .shape-1{animation-delay:0s;height:400px;right:-10%;top:-10%;width:400px}.subscribe-page .shape-2{animation-delay:2s;bottom:-15%;height:350px;left:-10%;width:350px}.subscribe-page .shape-3{animation-delay:4s;height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-30px) scale(1.1)}}.subscribe-page .auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827d1;border:1px solid #ffffff17;border-radius:1.25rem;box-shadow:0 16px 48px #0000008c,inset 0 1px 0 #ffffff0a;max-width:420px;padding:2.25rem 2rem;position:relative;width:100%;z-index:1}.subscribe-page .auth-header{margin-bottom:1.5rem;text-align:center}.subscribe-page .brand-name{color:#fff;font-size:1.65rem;font-weight:700;letter-spacing:-.01em;margin:0}.subscribe-page .auth-subtitle{color:#ffffffad;font-size:.95rem;margin:0}.subscribe-page .pricing-box{margin-top:.5rem}.subscribe-page .pricing-box h2{color:#e6fbff;font-size:1.5rem;letter-spacing:-.01em;margin:0 0 calc(.75rem + 2px)}.subscribe-page .price{color:#22d3ee;font-weight:800;margin:0 0 calc(1rem + 2px)}.subscribe-page .price .small{color:#10b981;font-size:.95rem;font-weight:700}.subscribe-page .benefits{color:#ffffffe6;margin:calc(.8rem + 2px) 0 calc(1.5rem + 2px) 1.05rem}.subscribe-page .benefits li{font-size:.98rem;line-height:1.65;margin:calc(.55rem + 2px) 0}.subscribe-page .benefits li::marker{color:#22d3ee}.subscribe-page .pricing-actions{grid-gap:12px;display:grid;gap:12px;width:100%}.subscribe-page .auth-submit-btn{padding:12px 16px;width:100%}.subscribe-page .auth-submit-btn.outline{background:#0000;border:1px solid #ffffff38;color:#ffffffe6}.subscribe-page .auth-submit-btn.outline:hover{background:#ffffff0f;border-color:#ffffff52}.payments-container{animation:fadeInUp .5s ease-out}.payment-plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.plan-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#3b82f614,#22d3ee0d 50%,#10b98114);border:1px solid #94a3b84d;border-radius:1rem;box-shadow:0 8px 32px #00000026,inset 0 1px 0 #ffffff1a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.plan-card:before{background:linear-gradient(90deg,#3b82f6,#22d3ee 50%,#10b981);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.plan-card:hover{border-color:#3b82f680;box-shadow:0 12px 48px #3b82f640,0 4px 16px #22d3ee26,inset 0 1px 0 #ffffff26;transform:translateY(-4px)}.plan-card:hover:before{opacity:1}.plan-header{margin-bottom:1.5rem}.plan-name{color:var(--text);font-size:1.5rem;font-weight:700;margin:0 0 .75rem;text-shadow:0 2px 4px #0000001a}.plan-price-wrapper{align-items:baseline;display:flex;gap:.5rem;margin-bottom:.5rem}.plan-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#22d3ee);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;text-shadow:0 2px 8px #3b82f64d}.plan-duration{color:var(--text-secondary);font-size:.9rem;font-weight:600}.plan-features{list-style:none;margin:1.5rem 0;padding-left:0}.plan-features li{align-items:center;color:var(--text);display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.5rem 0}.plan-features li:before{align-items:center;background:linear-gradient(135deg,#3b82f633,#22d3ee26);border-radius:50%;color:#22d3ee;content:"✓";display:flex;flex-shrink:0;font-size:.85rem;font-weight:700;height:20px;justify-content:center;width:20px}.plan-action{margin-top:1.5rem}.plan-btn{border:none;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:700;overflow:hidden;padding:.85rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.plan-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.plan-btn:hover:not(:disabled):before{left:100%}.plan-btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 8px 24px #3b82f666,inset 0 1px 0 #fff3;color:#fff}.plan-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 32px #3b82f680,inset 0 1px 0 #ffffff40;transform:translateY(-2px)}.plan-btn-secondary{background:linear-gradient(135deg,#22d3ee26,#10b9811a);border:1px solid #22d3ee66;box-shadow:0 4px 16px #22d3ee33,inset 0 1px 0 #ffffff1a;color:#22d3ee}.plan-btn-secondary:disabled{cursor:default;opacity:.8}.plan-btn-processing{background:linear-gradient(135deg,#3b82f699,#2563eb99);color:#fff;cursor:wait}.plan-badge{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:1rem;padding:.4rem 1rem;text-transform:uppercase}.plan-badge-current{background:linear-gradient(135deg,#22d3ee33,#10b98126);border:1px solid #22d3ee66;box-shadow:0 4px 12px #22d3ee4d;color:#22d3ee}.plan-badge-active{background:linear-gradient(135deg,#10b98133,#22c55e26);border:1px solid #10b98166;box-shadow:0 4px 12px #10b9814d;color:#10b981}.payment-message{align-items:center;animation:slideInDown .3s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:.75rem;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;margin-top:1.5rem;padding:1rem 1.25rem}.payment-message-icon{flex-shrink:0;font-size:1.25rem}.payment-message-success{background:linear-gradient(135deg,#10b98126,#22c55e1a);border:1px solid #10b9814d;box-shadow:0 4px 16px #10b98133,inset 0 1px 0 #ffffff1a;color:#10b981}.payment-message-error{background:linear-gradient(135deg,#ef444426,#dc26261a);border:1px solid #ef44444d;box-shadow:0 4px 16px #ef444433,inset 0 1px 0 #ffffff1a;color:#ef4444}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.payment-plans-grid{gap:1rem;grid-template-columns:1fr}.plan-card{padding:1.5rem}.plan-name{font-size:1.3rem}.plan-price{font-size:1.75rem}}.created-courses-container{animation:fadeInUp .5s ease-out}.courses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.course-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293be6,#0f172af2);border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px 0 #ffffff1a;overflow:hidden;transition:all .3s ease}[data-theme=light] .course-card{background:linear-gradient(135deg,#ffffffd9,#f8fafce6);border:1px solid #00000014;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 1px 0 #ffffff80}.course-card:hover{border-color:#6366f14d;box-shadow:0 12px 48px #0006,0 4px 16px #0000004d,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}[data-theme=light] .course-card:hover{border-color:#6366f133;box-shadow:0 12px 48px #00000026,0 4px 16px #00000014,inset 0 1px 0 #fffc}.course-card-top{align-items:flex-start;background:linear-gradient(180deg,#ffffff08,#0000);border-bottom:1px solid #ffffff14;display:flex;gap:1.5rem;padding:2rem 2rem 1.5rem}[data-theme=light] .course-card-top{background:linear-gradient(180deg,#ffffff80,#0000);border-bottom:1px solid #0000000f}.course-icon{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:1rem;box-shadow:0 8px 24px #6366f166,0 4px 12px #6366f14d,inset 0 1px 0 #fff3;display:flex;flex-shrink:0;height:100px;justify-content:center;overflow:hidden;position:relative;width:100px}.course-icon:before{background:linear-gradient(135deg,#fff3,#0000 50%,#0000001a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.icon-placeholder{filter:brightness(1.2);font-size:3rem}.course-header-info{display:flex;flex-direction:column;gap:.75rem}.course-title{font-size:1.5rem}.category-badge{border-radius:1.25rem;box-shadow:0 4px 12px #3b82f666,inset 0 1px 0 #fff3;color:#fff;font-size:.85rem;padding:.4rem 1rem;width:-webkit-fit-content;width:fit-content}.category-badge,.course-rating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.course-rating{align-items:center;background:linear-gradient(135deg,#f59e0b36,#d9770642);border-radius:1.5rem;display:flex;flex-shrink:0;gap:.4rem;height:-webkit-fit-content;height:fit-content;padding:.45rem .85rem}.rating-value,.star-icon{font-size:1rem}.rating-value{color:#fff;font-weight:700}.course-card-middle{background:linear-gradient(180deg,#0000,#00000005);border-bottom:1px solid #ffffff14;display:flex;flex-direction:column;gap:1rem;padding:1.5rem 2rem}[data-theme=light] .course-card-middle{background:linear-gradient(180deg,#0000,#00000003);border-bottom:1px solid #0000000f}.course-subtitle{color:var(--text);font-size:1rem;font-weight:600;line-height:1.4;margin:0}.course-stats{gap:2.5rem}.stat-item{align-items:center;display:flex;gap:.5rem}.stat-icon{font-size:1.1rem}.stat-text{color:var(--text);font-size:.95rem;font-weight:500}.course-details{justify-content:space-between}.course-details,.detail-item{align-items:center;display:flex}.detail-item{gap:.5rem}.detail-icon{font-size:1rem}.detail-text{color:var(--text);font-size:.95rem;font-weight:500}.course-price{color:#10b981;font-size:1.5rem;font-weight:700}.course-instructor{align-items:baseline;display:flex;gap:.5rem}.instructor-label{color:var(--text);font-size:.9rem;font-weight:700}.instructor-name{color:#06b6d4;font-size:.9rem}.course-card-bottom{align-items:center;display:flex;flex-wrap:nowrap;gap:.75rem;padding:1.25rem 2rem 1.5rem}.action-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.6rem;transition:all .2s ease}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.view-btn{background:#1f2933;border:1px solid #94a3b8b3;border-radius:.9rem;box-shadow:none;color:#e5e7eb}[data-theme=light] .view-btn{background:linear-gradient(135deg,#00000008,#00000003);border:2px solid #0000001a}.view-btn:hover{background:linear-gradient(135deg,#3b82f626,#3b82f614);border-color:#3b82f666;box-shadow:0 4px 12px #3b82f633,inset 0 1px 0 #ffffff26}.play-btn{background:linear-gradient(90deg,#0284c7,#2563eb);border-radius:.9rem;box-shadow:0 6px 18px #2563eb8c;color:#fff;overflow:hidden;position:relative}.play-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.play-btn:hover:before{left:100%}.play-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 24px #3b82f699,inset 0 1px 0 #ffffff40}.delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px #ef444480,inset 0 1px 0 #fff3;color:#fff;flex:0 0 auto;padding:.75rem 1.15rem}.delete-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 24px #ef444499,inset 0 1px 0 #ffffff40}.btn-icon{font-size:1.1rem}.btn-text{font-weight:600}.course-expanded{border-top:1px solid var(--border);display:flex;flex-direction:column;gap:2rem;margin-top:1.5rem;padding-top:1.5rem}.edit-modal-overlay{animation:fadeInUp .25s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#0f172abf;z-index:1200}.edit-modal{background:radial-gradient(circle at top left,#1d293b,#020617);border:1px solid #94a3b866;box-shadow:0 20px 60px #000000b3,inset 0 1px 0 #ffffff14;display:flex;flex-direction:column;font-family:inherit;max-height:90vh;overflow:hidden;width:min(1100px,96vw)}.edit-modal-header{background:linear-gradient(135deg,#0f172a,#020617);border-bottom:1px solid #94a3b866;padding:1.25rem 1.5rem}.edit-modal-title-block{display:flex;flex-direction:column;gap:.25rem}.edit-modal-title{color:#e5f0ff;font-size:1.1rem}.edit-modal-subtitle{color:#9ca3af;font-size:.85rem;margin:0}.edit-modal-close{align-items:center;background:radial-gradient(circle at 30% 0,#f8fafc1f,#0f172ae6);border:1px solid #94a3b8b3;border-radius:999px;color:#e5f0ff;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.edit-modal-close:hover{border-color:#3b82f6cc;box-shadow:0 0 0 1px #3b82f680}.edit-modal-tabs{background:linear-gradient(180deg,#0f172ae6,#0f172af2);border-bottom:1px solid #0f172a;display:flex;gap:.5rem;padding:.75rem 1.5rem .25rem}.edit-tab{background:#0000;border:1px solid #0000;border-radius:999px;color:#9ca3af;font-size:.85rem;font-weight:600;padding:.6rem 1.3rem}.edit-tab.active{background:linear-gradient(135deg,#38bdf8,#22d3ee);border-color:#38bdf8e6;box-shadow:0 10px 26px #22d3ee73;color:#0b1220}.edit-modal-body{background:linear-gradient(180deg,#0f172afa,#0f172afa);overflow-y:auto;padding:1.25rem 1.5rem 1.5rem}.view-only-body{padding-top:1rem}.edit-grid{margin-bottom:1.5rem}.edit-form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:.75rem}.edit-field{gap:.4rem}.edit-field>span{color:#e5f0ff;font-size:.85rem;font-weight:600}.edit-field input,.edit-field textarea{background:#020617;border:1px solid #0f172a;border-radius:.625rem;color:#e5f0ff;font-family:inherit;font-size:.9rem}.edit-field input::placeholder,.edit-field textarea::placeholder{color:#6b7280}.edit-description{grid-column:1/-1}.single-column{grid-template-columns:minmax(0,1fr)}.char-counter{color:#6b7280;font-size:.75rem;margin-top:.2rem;text-align:right}.edit-placeholder-row{background:#0f172ad9;border:1px dashed #374151e6;border-radius:.625rem;color:#9ca3af;font-size:.85rem;padding:.7rem .8rem}.readonly-field>span{color:#9ca3af}.readonly-chip{border:1px solid #1e40afb3;border-radius:999px;padding:.55rem 1rem}.readonly-box,.readonly-chip{background:#020617;color:#e5f0ff;font-size:.9rem}.readonly-box{border:1px solid #1e40afb3;border-radius:.75rem;min-height:80px;padding:.7rem .9rem;white-space:pre-wrap}.edit-actions-bar{display:flex;gap:.75rem;margin-top:.75rem}.edit-actions-bar,.edit-actions-bar.single{justify-content:flex-end}.edit-primary-btn{background:linear-gradient(135deg,#22d3ee,#3b82f6);border:none;border-radius:999px;color:#0b1220;cursor:pointer;font-family:inherit;font-weight:700;padding:.65rem 1.6rem}.edit-secondary-btn{background:#0000;border:1px solid #94a3b8b3;border-radius:999px;color:#e5f0ff;cursor:pointer;font-family:inherit;font-weight:600;padding:.65rem 1.3rem}.edit-secondary-btn:hover{border-color:#3b82f6cc}.edit-modal-body::-webkit-scrollbar{width:8px}.edit-modal-body::-webkit-scrollbar-track{background:#0000}.edit-modal-body::-webkit-scrollbar-thumb{background:#94a3b899;border-radius:999px}.edit-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8e6}.view-video-grid{display:grid;margin-top:.75rem}.view-video-item{background:#020617;border:1px solid #1e40afb3;border-radius:.75rem;overflow:hidden}.view-video-player video{background:#000;height:250px;object-fit:cover;width:100%}.view-video-meta{padding:.5rem .75rem .7rem}.edit-modal-overlay{align-items:center;animation:fadeInUp .2s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.edit-modal{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #ffffff14;border-radius:1rem;box-shadow:0 20px 60px #00000059;max-height:86vh;overflow:auto;width:min(1000px,92vw)}[data-theme=light] .edit-modal{background:linear-gradient(135deg,#ffffffeb,#f8fafcf5);border:1px solid #00000014}.edit-modal-header{align-items:center;background:linear-gradient(180deg,#ffffff0a,#0000);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.edit-modal-title{color:var(--text);font-size:1.25rem;font-weight:700;margin:0}.edit-modal-close{background:var(--bg);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;padding:.4rem .6rem}.edit-modal-close:hover{background:var(--primary);border-color:var(--primary);color:#fff}.edit-modal-body{padding:1.25rem}.course-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.1rem}.sections-list{display:flex;flex-direction:column;gap:.75rem}.section-item{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;padding:1rem;transition:all .2s ease}.section-item:hover{border-color:var(--primary)}.section-name{color:var(--text);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.section-description{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.no-content,.no-sections{color:var(--text-secondary);font-style:italic;padding:2rem;text-align:center}.add-section-form{background:var(--bg);border:1px dashed var(--border);border-radius:.75rem;padding:1.5rem}.form-title{color:var(--text);font-size:.9rem;font-weight:600;margin:0 0 1rem}.section-inputs{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.section-inputs .form-input{flex:1 1;min-width:200px}.add-section-btn{background:var(--surface);border:1px solid var(--primary);border-radius:.75rem;color:var(--primary);cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;white-space:nowrap}.add-section-btn:hover{background:var(--primary);color:#fff}.videos-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.video-item{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:all .2s ease}.video-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.video-player video{background:#000;height:160px;object-fit:cover;width:100%}.video-info{padding:.75rem}.video-name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--text);display:-webkit-box;font-size:.8rem;font-weight:500;overflow:hidden}.assets-list{display:flex;flex-direction:column;gap:.5rem}.asset-item{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.asset-item,.asset-item:hover{color:var(--text);text-decoration:none}.asset-item:hover{border-color:var(--primary);transform:translateX(4px)}.asset-icon{font-size:1.1rem}.asset-name{flex:1 1;font-size:.875rem;font-weight:500}.add-videos-form{display:flex;flex-direction:column;gap:1rem}.file-upload-area{position:relative}.file-input{height:0;opacity:0;position:absolute;width:0}.file-upload-label{align-items:center;background:var(--bg);border:2px dashed var(--border);border-radius:1rem;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.file-upload-label:hover{background:#3b82f60d;border-color:var(--primary)}.upload-icon{font-size:1.5rem}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-title{color:var(--text);font-weight:600}.upload-subtitle{color:var(--text-secondary);font-size:.875rem}.pending-files{margin-top:.5rem}.pending-title{color:var(--text);font-size:.875rem;font-weight:600;margin-bottom:.5rem}.pending-file{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:.5rem;display:flex;gap:.5rem;margin-bottom:.25rem;padding:.5rem}.pending-file .file-name{color:var(--text);font-size:.8rem}.upload-options{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem}.section-select{flex:1 1;min-width:200px}.select-label{display:block;font-weight:600;margin-bottom:.5rem}.form-select,.select-label{color:var(--text);font-size:.875rem}.form-select{background:var(--input);border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.upload-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease;white-space:nowrap}.upload-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.message{margin-bottom:1.5rem;padding:1rem 1.5rem}.empty-state,.error-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.empty-icon,.error-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.empty-state h3,.error-state h3{color:var(--text);font-size:1.25rem;margin:0 0 .5rem}.empty-state p,.error-state p{color:var(--text-secondary);margin:0}@media (max-width:768px){.courses-grid{grid-template-columns:1fr}.course-card-top{flex-direction:column;padding:1.5rem;text-align:center}.course-card-top,.course-header-info{align-items:center}.course-icon{height:90px;width:90px}.icon-placeholder{font-size:2.5rem}.course-title{font-size:1.25rem;text-align:center}.course-card-middle{padding:1.25rem}.course-stats{flex-direction:column;gap:.75rem}.course-details{align-items:center;flex-direction:column;gap:1rem}.course-card-bottom{flex-direction:column;padding:1.25rem}.action-btn{width:100%}.section-inputs{align-items:stretch;flex-direction:column}.section-inputs .form-input{min-width:auto}.upload-options{align-items:stretch;flex-direction:column}.videos-grid{grid-template-columns:1fr}.video-player video{height:200px}}[data-theme=dark] .course-card{box-shadow:0 2px 8px #0000001a}[data-theme=dark] .course-card:hover{box-shadow:0 4px 20px #00000026}[data-theme=dark] .form-select{background:var(--dark-input)}.edit-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.edit-field{display:flex;flex-direction:column;gap:.35rem}.edit-field>span{color:var(--text-secondary);font-size:.8rem}.edit-field input,.edit-field textarea{background:var(--input);border:1px solid var(--border);border-radius:.5rem;color:var(--text);padding:.6rem .75rem;width:100%}.edit-field.edit-description{grid-column:1/-1}.edit-actions{display:flex;gap:.75rem}.video-actions{margin-top:.5rem}.mini-btn{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;cursor:pointer;font-size:.75rem;padding:.35rem .6rem}.mini-btn.danger{border-color:#e11d48;color:#e11d48}.section-actions{margin-top:.5rem}.browse-courses{animation:fadeInUp .5s ease-out}.bc-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.bc-title{color:#eaffff;font-size:2.25rem;font-weight:800;letter-spacing:-.01em;margin:0}.bc-msg{color:#ffffffb3;color:var(--text-secondary,#ffffffb3)}.bc-error{color:#ff6b6b}.bc-header>.bc-msg{margin-top:.5rem;white-space:nowrap}.bc-search-panel{-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);background:linear-gradient(180deg,hsla(0,0%,100%,.035),#ffffff05);border:1px solid #ffffff14;border-radius:18px;box-shadow:0 14px 34px #00000042,inset 0 1px 0 #ffffff0f;margin:2.25rem 0;overflow:hidden;padding:1.1rem 1rem;position:relative}.bc-search-panel:before{background:radial-gradient(120% 160% at 12% -30%,#ffffff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.bc-search-row{align-items:center;display:flex;gap:1rem}.bc-search-input{align-items:center;background:#0d1117;border:1px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff14;display:flex;flex:1 1;gap:10px;padding:.65rem .85rem}.bc-search-input:focus-within{border-color:#3b82f659;box-shadow:0 0 0 3px #3b82f626}.bc-search-ico{color:#ffffffa6;display:grid;place-items:center}.bc-search-field{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0000;border:0;color:#eafcff;flex:1 1;font-family:inherit;font-size:.95rem;outline:0}.bc-search-field::placeholder{color:#ffffff73;letter-spacing:.3px}.bc-search-actions{align-items:center;display:flex;gap:.75rem}.bc-filter-btn{align-items:center;background:hsla(0,0%,100%,.035);border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 6px 16px #00000047,inset 0 1px 0 #ffffff14;color:#e7fbff;cursor:default;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;padding:.6rem .85rem;position:relative}.bc-filter-btn:hover{border-color:#3b82f64d}.bc-filter-btn svg{color:#8bdcf0}.bc-filter-btn .bc-caret{opacity:.7}.bc-view-toggle{align-items:center;display:flex;gap:8px}.bc-view-btn{background:hsla(0,0%,100%,.035);border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 14px #00000038,inset 0 1px 0 #ffffff14;color:#bfefff;cursor:default;display:grid;height:42px;place-items:center;transition:border-color .25s ease,background-color .25s ease;width:42px}.bc-filter-btn,.bc-view-btn{font-family:inherit}.bc-view-btn svg{color:currentColor}.bc-view-btn.active{background:linear-gradient(180deg,#22d3ee,#06b6d4);border-color:#22d3ee99;box-shadow:0 10px 26px #22d3ee59,inset 0 1px 0 #ffffff80;color:#001a1a}.bc-view-btn.active svg{color:#001a1a}.bc-view-btn:not(.active):hover{background:#ffffff0d;border-color:#3b82f64d}.bc-filters-grid{grid-gap:1rem;animation:bcFadeIn .28s ease-out both;background:radial-gradient(120% 140% at 0 0,#3b82f60f,#0000 60%);border-top:1px solid #ffffff0f;display:grid;gap:1rem;grid-template-columns:repeat(5,minmax(180px,1fr)) auto;margin-top:1rem;padding:1rem}.bc-filter-col{display:flex;flex-direction:column;font-family:inherit;gap:6px;min-width:0}.bc-filter-label{color:#bfefff;font-family:inherit;font-size:.95rem;font-weight:700;opacity:.9}.bc-filter-input,.bc-filter-select{background:#0d1117;border:1px solid #ffffff1f;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0f;color:#eafcff;font-family:inherit;font-size:.95rem;outline:0;padding:.65rem .85rem;width:100%}.bc-filter-input:focus,.bc-filter-select:focus{border-color:#3b82f659;box-shadow:0 0 0 3px #3b82f626}.bc-filter-input::placeholder{color:#ffffff73}.bc-filter-actions{align-items:flex-end;display:flex}.bc-reset-btn{background:linear-gradient(180deg,#22d3ee,#06b6d4);border:1px solid #22d3ee8c;border-radius:14px;box-shadow:0 12px 30px #22d3ee59,inset 0 1px 0 #fff9;color:#001a1a;font-family:inherit;font-weight:800;padding:10px 18px}.bc-reset-btn:hover{box-shadow:0 14px 36px #22d3ee73,inset 0 1px 0 #ffffffa6;transform:translateY(-1px)}.bc-list-view .bc-card{display:flex;flex-direction:row;height:auto}.bc-list-view .bc-card .bc-hero{border-bottom:0;border-right:1px solid #ffffff0f;height:auto;min-height:100%;width:240px}.bc-list-view .bc-card .card-body{flex:1 1}@media (max-width:820px){.bc-search-row{flex-wrap:wrap}.bc-search-actions{justify-content:flex-end;width:100%}.bc-filter-btn{flex:0 0 auto}.bc-filters-grid{grid-template-columns:1fr}}@keyframes bcFadeIn{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.browse-courses .row{display:flex;flex-wrap:wrap;margin-left:-.75rem;margin-right:-.75rem}.browse-courses .row.g-3>[class*=" col-"],.browse-courses .row.g-3>[class^=col-]{margin-bottom:1rem;padding-left:.75rem;padding-right:.75rem}.browse-courses .col-12{flex:0 0 100%;max-width:100%}@media (min-width:768px){.browse-courses .col-md-6{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.browse-courses .col-lg-4{flex:0 0 33.3333%;max-width:33.3333%}.browse-courses .col-lg-3{flex:0 0 25%;max-width:25%}}.browse-courses .card{background:#0000;border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.browse-courses .card.h-100{height:100%}.browse-courses .card-body{display:flex;flex:1 1;flex-direction:column;padding:1rem}.bc-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:18px;box-shadow:0 14px 40px #00000040,inset 0 1px 0 #ffffff0f;display:flex;flex-direction:column;height:512px;position:relative}.bc-hero{background:linear-gradient(180deg,#22c5f629,#0284c71f 40%,#0284c714);border-bottom:1px solid #ffffff0f;height:180px;position:relative}.bc-hero:after{background:radial-gradient(120% 120% at 50% -20%,#ffffff0f,#0000 40%);content:"";inset:0;pointer-events:none;position:absolute}.bc-hero-icon{filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));font-size:42px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bc-like{background:linear-gradient(180deg,#00000059,#00000038);border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 14px #00000040;color:#bfefff;display:grid;height:36px;place-items:center;position:absolute;right:14px;top:14px;width:36px}.bc-badges{display:flex;gap:8px;margin-bottom:.5rem;margin-top:.75rem}.bc-badge{background:#ffffff0f;border:0 solid #ffffff24;border-radius:.5rem;color:#bfefff;font-size:.8rem;font-weight:600;padding:6px 10px}.bc-course-title{color:#eafcff;font-size:1.35rem;letter-spacing:-.01em;margin:.5rem 0}.bc-provider{color:#ffffffa6;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.bc-meta{align-items:center;color:#ffffffbf;display:flex;gap:18px;margin:.6rem 0 1rem}.bc-meta-item{align-items:center;display:inline-flex;gap:8px}.bc-meta-item svg{color:#67e8f9;opacity:.9}.bc-footer{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-top:auto}.bc-price{color:#34d399;font-size:1.15rem;font-weight:700}.bc-currency{margin-right:2px;opacity:.9}.bc-amount{font-size:1.35rem}.bc-instructor{color:#ffffffa6;font-size:.95rem;margin-top:.5rem}.bc-cta{display:flex}.bc-btn-enroll,.bc-cta{align-items:center;gap:10px}.bc-btn-enroll{background:linear-gradient(180deg,#22d3ee,#06b6d4);border:1px solid #ffffff1f;border-radius:12px;color:#001a1a;display:inline-flex;font-weight:700;padding:10px 16px}.bc-btn-enroll svg{color:#001a1a}.bc-btn-enroll:hover{box-shadow:0 12px 30px #22d3ee73;transform:translateY(-1px)}.bc-card{background:linear-gradient(180deg,#3b82f60f,#02061773);border:1px solid #3b82f62e}.bc-card:before{background:radial-gradient(circle at top right,#3b82f62e,#0000 60%);content:"";inset:0;opacity:.9;pointer-events:none;position:absolute}.enrollment-container{animation:fadeInUp .5s ease-out}.enrollment-content{grid-gap:7rem;align-items:start;display:grid;gap:7rem;grid-template-columns:3fr 450px}.course-preview-section{-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 14px 40px #00000040,inset 0 1px 0 #ffffff0f;overflow:hidden;padding:2rem;position:relative}.course-preview-section:before{background:radial-gradient(120% 160% at 12% -30%,#ffffff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.preview-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.course-title{flex:1 1;font-size:1.9rem;line-height:1.25;margin:0}.course-title,.price-tag{color:#eafcff;font-weight:800;letter-spacing:-.01em}.price-tag{background:#0000;border-radius:0;font-size:1.75rem;padding:0;white-space:nowrap}.course-description{color:#ffffffbf;font-size:1rem;margin:0 0 1.5rem}.course-meta-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.meta-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 18px #0000002e;display:flex;gap:1rem;padding:1rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.meta-item:hover{border-color:#3b82f64d;box-shadow:0 10px 22px #00000038;transform:translateY(-1px)}.meta-icon{font-size:1.5rem;opacity:.8}.meta-content{display:flex;flex-direction:column;gap:.25rem}.meta-label{color:#ffffffb3;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.meta-value{color:#eafcff;font-size:.95rem;font-weight:700}.difficulty-badge{font-weight:700;text-transform:capitalize}.highlights-section{border-top:1px solid #ffffff14;margin-top:2rem;padding-top:1.5rem}.section-title{color:#eafcff;font-size:1.15rem;gap:8px;margin:0 0 1rem}.section-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.3));opacity:.9}.highlights-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.highlight-item{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;box-shadow:0 6px 18px #0000002e;display:flex;gap:.75rem;padding:1rem;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.highlight-item:hover{border-color:#3b82f64d;box-shadow:0 10px 22px #00000038;transform:translateX(4px)}.highlight-icon{font-size:1.25rem}.highlight-text{color:var(--text);font-size:.9rem;font-weight:500}.payment-section{position:-webkit-sticky;position:sticky;top:90px}.payment-card{-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 14px 40px #00000040,inset 0 1px 0 #ffffff0f;overflow:hidden;padding:2rem;position:relative}.payment-card:before{background:radial-gradient(120% 160% at 100% -30%,#ffffff14,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute}.payment-header{border-bottom:1px solid #ffffff14;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1.25rem}.payment-header,.payment-title{align-items:center;display:flex}.payment-title{color:#eafcff;font-size:1.15rem;font-weight:700;gap:.5rem;margin:0}.payment-icon{font-size:1.3rem}.total-amount{color:#eafcff;font-size:1.5rem;font-weight:800}.payment-methods{margin-bottom:2rem}.methods-title{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 1rem}.methods-grid{display:flex;flex-direction:column;gap:.75rem}.method-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 18px #0000002e;cursor:default;display:flex;gap:.75rem;padding:1rem;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.method-item:hover{border-color:#3b82f64d}.method-item.active{background:linear-gradient(180deg,#3b82f62e,#02061759);border-color:#3b82f673;box-shadow:0 10px 24px #00000038,inset 0 1px 0 #ffffff14}.method-icon{font-size:1.25rem}.method-name{color:var(--text);font-size:.9rem;font-weight:500}.payment-form-placeholder{background:#ffffff08;border:1px dashed #ffffff29;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff0f;margin-bottom:1.75rem;padding:1.25rem;position:relative}.placeholder-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.placeholder-header h5{color:var(--text);font-size:1rem;font-weight:600;margin:0}.integration-badge{background:linear-gradient(180deg,#f59e0b,#f97316);border:1px solid #0003;border-radius:999px;box-shadow:0 6px 16px #f9731659,inset 0 1px 0 #fff6;color:#0b0f14;font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:.25rem .75rem}.placeholder-text{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 1.5rem}.demo-card{background:linear-gradient(135deg,#5b78e5,#7c50c7);border:1px solid #ffffff24;border-radius:12px;box-shadow:0 16px 36px #7c50c759;color:#fff;font-family:Courier New,monospace;padding:1.25rem}.card-chip{font-size:2rem;margin-bottom:1rem}.card-number{font-size:1.1rem;font-weight:600;letter-spacing:2px;margin-bottom:1rem}.card-info{display:flex;font-size:.9rem;font-weight:500;justify-content:space-between}.enrollment-summary{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 18px #0000002e,inset 0 1px 0 #ffffff0f;margin-bottom:1.75rem;padding:1.25rem}.summary-row{align-items:center;color:var(--text);display:flex;justify-content:space-between;padding:.75rem 0}.summary-row:not(:last-child){border-bottom:1px solid var(--border)}.summary-row.total{color:#eafcff;font-size:1.05rem;font-weight:800}.action-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.enroll-btn{align-items:center;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:none;border-radius:12px;box-shadow:0 10px 24px #3b82f647;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;padding:1.1rem 1.6rem;transition:all .25s ease}.enroll-btn:hover:not(:disabled){box-shadow:0 14px 28px #3b82f661;transform:translateY(-1px)}.enroll-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cancel-btn{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 6px 18px #0000002e;color:#ffffffbf;cursor:pointer;font-size:.95rem;font-weight:700;padding:.9rem 1.4rem;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff29;color:#eafcff}.btn-icon{font-size:1.2rem}.btn-spinner{height:20px;width:20px}.security-notice{align-items:center;background:#10b9811a;border:1px solid #10b98147;border-radius:12px;box-shadow:0 6px 18px #0000002e;color:#86efac;display:flex;gap:.75rem;padding:1rem}.security-icon{flex-shrink:0;font-size:1.1rem}.security-text{font-size:.875rem;font-weight:500;line-height:1.4}.auth-required p,.error-state p{margin:0 0 1.5rem}.back-btn,.login-btn{background:var(--primary);border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.back-btn:hover,.login-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}@media (max-width:1024px){.enrollment-content{gap:1.5rem;grid-template-columns:1fr}.payment-section{position:static}}@media (max-width:768px){.course-preview-section,.payment-card{padding:1.5rem}.preview-header{align-items:flex-start;flex-direction:column;gap:1rem}.course-meta-grid,.highlights-grid{grid-template-columns:1fr}.methods-grid{flex-direction:column}.cancel-btn,.enroll-btn{font-size:1rem;padding:1rem 1.5rem}}[data-theme=dark] .course-preview-section,[data-theme=dark] .payment-card{box-shadow:0 2px 8px #0000001a}[data-theme=dark] .payment-card{box-shadow:0 4px 20px #00000026}.mc-wrap{padding:16px}.mc-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:20px}.mc-card.statv{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff14;border-radius:1rem;box-shadow:0 10px 24px #00000038,inset 0 1px 0 #ffffff0f;color:#e5f6ff;cursor:pointer;isolation:isolate;overflow:hidden;padding:0;position:relative;transition:transform .2s ease,box-shadow .2s ease}.mc-card.statv:hover{box-shadow:0 20px 28px #00000047,inset 0 1px 0 #ffffff14;transform:translateY(-4px)}.mc-card.statv.active{border-width:2px;box-shadow:0 24px 36px #00000059,inset 0 2px 0 #ffffff1f;transform:translateY(-6px)}.mc-card.statv:before{content:"";inset:0;opacity:.18;pointer-events:none;position:absolute;z-index:-1}.mc-card.statv .card-body{padding:1.25rem}.mc-card.statv .corner-icon{background:linear-gradient(180deg,#00000059,#00000040);border:1px solid #ffffff14;border-radius:10px;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 14px #00000040;color:#ffffffd9;display:grid;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));font-size:18px;height:36px;place-items:center;position:absolute;right:16px;top:14px;width:36px}.mc-card.statv .small{color:#eafcff;font-size:.95rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem}.mc-card.statv .fw-bold{color:#cfe5ff;font-size:1.9rem;font-weight:700;letter-spacing:-.01em;line-height:1}.mc-card.statv .text-secondary{color:#ffffffbf;font-size:.85rem;margin-top:.25rem}.mc-stat-line{background:#ffffff14;border-radius:2px;bottom:14px;height:4px;left:16px;position:absolute;right:16px}.mc-card.blue{background:linear-gradient(135deg,#0f1f3f,#14325d 55%,#1b3d78);border-color:#3b82f647}.mc-card.blue:before{background:radial-gradient(circle at 80% 20%,#3b82f640,#0000 70%)}.mc-card.green{background:linear-gradient(135deg,#032419,#064731 55%,#0a5b3e);border-color:#22c55e47}.mc-card.green:before{background:radial-gradient(circle at 80% 20%,#22c55e40,#0000 70%)}.mc-card.orange{background:linear-gradient(135deg,#2d1a05,#4a290c 55%,#6a3d12);border-color:#f9ac164d}.mc-card.orange:before{background:radial-gradient(circle at 80% 20%,#f9ac1640,#0000 70%)}.mc-card.amber{background:linear-gradient(135deg,#431407,#7c2d12 55%,#9a3412);border-color:#f973164d}.mc-card.teal:before{background:radial-gradient(circle at 80% 20%,#14b8a640,#0000 70%)}.mc-card.purple{background:linear-gradient(135deg,#1f0d42,#3b1b74 55%,#512089);border-color:#a855f74d}.mc-card.purple:before{background:radial-gradient(circle at 80% 20%,#a855f740,#0000 70%)}.mc-card.pink{background:linear-gradient(135deg,#4a0d2e,#741b4a 55%,#8f2259);border-color:#ec48994d}.mc-card.pink:before{background:radial-gradient(circle at 80% 20%,#ec489940,#0000 70%)}.mc-loading{margin:24px 0;opacity:.9}.mc-empty{background:#ffffff05;border:1px dashed #ffffff1f;border-radius:16px;padding:40px 16px;text-align:center}.mc-empty-icon{font-size:64px;margin-bottom:12px;opacity:.85}.mc-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.mc-course-card{background:linear-gradient(180deg,#1e3a8a1a,#02061780);border:1px solid #ffffff14;border-radius:.5rem;box-shadow:0 16px 42px #00000047,inset 0 1px 0 #ffffff0f;overflow:hidden;position:relative}.mc-course-card:before{background:radial-gradient(120% 120% at 100% -20%,#3b82f629,#0000 55%);content:"";inset:0;pointer-events:none;position:absolute}.mc-hero{background:linear-gradient(180deg,#22c5f629,#0284c71f 40%,#0284c714);border-bottom:1px solid #ffffff0f;height:180px;position:relative}.mc-hero:after{background:radial-gradient(120% 120% at 50% -20%,#ffffff0f,#0000 40%);content:"";inset:0;pointer-events:none;position:absolute}.mc-hero-icon{filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));font-size:46px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.mc-rating{background:linear-gradient(180deg,#00000059,#00000038);border:1px solid #ffffff1a;box-shadow:inset 0 1px 0 #ffffff1f,0 6px 14px #00000040;color:#ffe08a;font-size:.9rem;left:14px}.mc-rating,.mc-status{border-radius:.5rem;font-weight:700;padding:6px 10px;position:absolute;top:14px}.mc-status{background:#ffffff1a;border:0 solid #ffffff1f;color:#eafcff;font-size:.85rem;right:14px}.mc-status.progress{background:#3b82f62e;color:#cfe8ff}.mc-status.done{background:#10b98133;color:#d2ffe9}.mc-status.idle{background:#94a3b82e;color:#e2e8f0}.fav-btn{background:#00000059;border:1px solid #ffffff26;border-radius:999px;bottom:14px;color:#ff7b94;cursor:pointer;font-size:.85rem;padding:6px 10px;position:absolute;right:14px;z-index:5}.fav-btn.active{background:#ffffff26;color:#ff2f56}.fav-btn:disabled{cursor:not-allowed;opacity:.5}.mc-favorite-btn{align-items:center;background:linear-gradient(180deg,#00000073,#00000059);border:1px solid #ffffff1f;border-radius:50%;bottom:14px;box-shadow:0 4px 12px #0000004d,inset 0 1px 0 #ffffff14;color:#ff8fa3;cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:14px;transition:all .2s ease;z-index:10}.mc-favorite-btn:hover{background:linear-gradient(180deg,#0000008c,#00000073);box-shadow:0 6px 16px #0006,inset 0 1px 0 #ffffff1f;transform:scale(1.1)}.mc-favorite-btn.active{background:linear-gradient(180deg,#ff2f5640,#ff2f5626);border-color:#ff2f564d;box-shadow:0 4px 12px #ff2f5659,inset 0 1px 0 #ffffff1f;color:#ff2f56}.mc-favorite-btn.active:hover{box-shadow:0 6px 18px #ff2f5673,inset 0 1px 0 #ffffff26;transform:scale(1.15)}.mc-favorite-btn svg{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.mc-body{padding:16px}.mc-title{color:#eafcff;font-size:1.15rem;letter-spacing:-.01em;margin:10px 0 20px}.mc-pills{display:flex;gap:8px;margin-bottom:10px}.mc-pill{background:#ffffff0f;border:0 solid #ffffff24;border-radius:.5rem;color:#bfefff;font-size:.8rem;font-weight:600;padding:6px 10px}.mc-progress{margin-top:10px}.mc-progress-top{align-items:center;color:#ffffffd9;display:flex;font-size:.92rem;font-weight:600;justify-content:space-between;margin-bottom:6px}.mc-progress-val{color:#aaf3ff;font-weight:800}.mc-progress-bar{background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;height:8px;overflow:hidden;position:relative}.mc-progress-bar>span{background:linear-gradient(90deg,#22d3ee,#06b6d4);border-radius:999px;bottom:0;box-shadow:0 6px 14px #22d3ee73;left:0;position:absolute;top:0}.mc-progress-sub{color:#ffffffa6;font-size:.85rem;margin-top:6px}.btn{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;color:#eafcff;padding:10px 16px}.btn:hover{background:#ffffff12}.btn.accent{background:#22d3ee2e;border-color:#22d3ee73}.btn-ic{margin-right:8px}.mc-btn-continue{align-items:center;background:linear-gradient(90deg,#3b82f6,#06b6d4);border:0;border-radius:12px;box-shadow:0 10px 24px #3b82f647;color:#fff;display:flex;font-weight:700;justify-content:center;letter-spacing:.01em;margin-top:12px;padding:14px 20px;width:100%}.mc-btn-continue .btn-ic{display:inline-flex;margin-right:12px}.mc-btn-continue .btn-ic svg{color:#fff}.mc-btn-continue:hover{box-shadow:0 14px 28px #3b82f661;transform:translateY(-1px)}@media (max-width:1200px){.mc-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.mc-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.mc-grid{grid-template-columns:1fr}}.mc-favorites-block{margin-top:40px}.mc-favorites-block h2{color:#eafcff;font-size:1.4rem;margin-bottom:16px}.mc-fav-empty{background:#ffffff08;border:1px dashed #ffffff26;border-radius:12px;color:#bcd;font-size:.9rem;padding:20px}.course-learn-container{animation:fadeInUp .5s ease-out}.course-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 320px}.video-section{display:flex;flex-direction:column;gap:2rem}.video-container{background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.video-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.lecture-title{font-size:1.1rem;font-weight:600;margin:0}.progress-indicator{color:var(--text-secondary);font-size:.875rem;font-style:italic}.video-wrapper{background:#000;border-radius:.5rem;overflow:hidden;position:relative;width:100%}.main-video{display:block;height:auto;max-height:480px;width:100%}.video-error{align-items:center;background:#ef44441a;border:1px solid #ef444433;border-radius:.5rem;color:var(--error);display:flex;font-size:.875rem;gap:.5rem;margin-top:1rem;padding:1rem}.no-video{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.no-video-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.progress-section{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.progress-header{margin-bottom:1rem}.progress-header h4{color:var(--text);font-size:1rem;font-weight:600;margin:0}.progress-percent{color:var(--primary)}.progress-bar{margin-bottom:1rem}.progress-fill{background:linear-gradient(135deg,var(--primary),var(--success))}.completion-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.completion-badge{background:linear-gradient(135deg,var(--success),#10b981);border-radius:2rem}.completion-badge,.restart-btn{font-size:.875rem;padding:.5rem 1rem}.restart-btn{align-items:center;background:var(--surface);border:1px solid var(--primary);border-radius:.5rem;color:var(--primary);cursor:pointer;display:flex;font-weight:500;gap:.5rem;transition:all .2s ease}.restart-btn:hover{background:var(--primary);color:#fff}.description-section,.materials-section,.ratings-section{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.5rem}.description-section h4,.materials-section h4,.ratings-section h4{align-items:center;color:var(--text);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.course-description{color:var(--text);line-height:1.6;margin:0}.materials-list{display:flex;flex-direction:column;gap:.75rem}.material-item{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:.75rem;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.material-item,.material-item:hover{color:var(--text);text-decoration:none}.material-item:hover{border-color:var(--primary);transform:translateX(4px)}.material-name{flex:1 1;font-size:.875rem;font-weight:500}.download-icon{opacity:.7}.no-materials{color:var(--text-secondary);font-style:italic;padding:1rem;text-align:center}.rating-form-container{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem}.rating-form-container h5{color:var(--text);font-size:1rem;font-weight:600;margin:0 0 1rem}.current-rating{align-items:center;color:var(--text);display:flex;font-size:.875rem;gap:.5rem;margin-bottom:1rem}.rating-stars{font-size:1rem}.star-rating{display:flex;gap:.25rem;margin-bottom:.5rem}.star-btn{background:none;border:none;cursor:pointer;font-size:1.5rem;opacity:.6;transition:all .2s ease}.star-btn.active{opacity:1;transform:scale(1.1)}.star-btn:hover{opacity:1;transform:scale(1.2)}.rating-input{display:none}.review-textarea{background:var(--input);border:1px solid var(--border);border-radius:.75rem;color:var(--text);font-family:inherit;font-size:.875rem;min-height:80px;padding:.75rem 1rem;resize:vertical;width:100%}.review-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.submit-rating-btn{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.submit-rating-btn:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.submit-rating-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.reviews-grid{display:flex;flex-direction:column;gap:1rem}.review-card{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.review-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.review-stars{font-size:.9rem}.review-meta{color:var(--text-secondary);font-size:.875rem;font-weight:500}.review-comment{color:var(--text);font-size:.875rem;line-height:1.5}.no-reviews{color:var(--text-secondary);padding:2rem;text-align:center}.no-reviews-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.course-sidebar{position:-webkit-sticky;position:sticky;top:90px}.sidebar-content{background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 2px 8px #0000000d;overflow:hidden}.sidebar-title{background:var(--bg);border-bottom:1px solid var(--border);font-weight:600;padding:1.25rem 1.5rem}.sections-list{max-height:600px;overflow-y:auto}.section-item{border-bottom:1px solid var(--border)}.section-item:last-child{border-bottom:none}.section-header{background:var(--surface);cursor:pointer;justify-content:space-between;padding:1rem 1.5rem;transition:all .2s ease}.section-header:hover{background:var(--bg)}.section-info{align-items:center;display:flex;flex:1 1;gap:.5rem}.section-number{color:var(--text-secondary);font-size:.875rem;font-weight:600}.section-title-text{color:var(--text);font-size:.9rem;font-weight:600}.expand-icon{color:var(--text-secondary);font-size:.75rem}.lectures-list,.lectures-list-flat{background:var(--bg)}.lecture-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.lecture-item:hover{background:#3b82f60d}.lecture-item.current{background:#3b82f61a;border-left-color:var(--primary)}.lecture-content{align-items:center;display:flex;flex:1 1;gap:.75rem}.lecture-icon{font-size:.9rem;opacity:.7}.lecture-title{color:var(--text);flex:1 1;font-size:.875rem;line-height:1.4}.current-indicator{background:var(--primary);border-radius:50%;height:6px;margin-left:.5rem;width:6px}.no-lectures{color:var(--text-secondary);font-size:.875rem;font-style:italic;padding:1rem 1.5rem;text-align:center}.message{border-radius:.75rem;margin:1rem 0}.success-message{background:#10b9811a;border:1px solid #10b98133;color:var(--success)}.auth-required,.error-state,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem 2rem;text-align:center}.auth-icon,.error-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.auth-required h3,.error-state h3{color:var(--text);font-size:1.25rem;margin:0 0 .5rem}.auth-required p,.error-state p{color:var(--text-secondary);margin:0}@media (max-width:1024px){.course-content{gap:1.5rem;grid-template-columns:1fr}.course-sidebar{order:-1;position:static}.video-wrapper .main-video{max-height:400px}}@media (max-width:768px){.description-section,.materials-section,.progress-section,.ratings-section,.video-container{padding:1.25rem}.video-header{gap:.5rem}.completion-actions,.video-header{align-items:flex-start;flex-direction:column}.completion-actions{gap:.75rem}.section-header{padding:1rem 1.25rem}.lecture-item{padding:.75rem 1.25rem}}[data-theme=dark] .description-section,[data-theme=dark] .materials-section,[data-theme=dark] .progress-section,[data-theme=dark] .ratings-section,[data-theme=dark] .sidebar-content,[data-theme=dark] .video-container{box-shadow:0 2px 8px #0000001a}[data-theme=dark] .review-textarea{background:var(--dark-input)}.no-margin{margin-bottom:0!important}.manage-courses-container{animation:fadeInUp .5s ease-out;background:#0000;margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px);padding:2rem}@media (max-width:768px){.manage-courses-container{margin-left:0;padding:1.5rem 1rem}}.manage-courses-header{margin-bottom:2rem}.manage-courses-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4d4d8,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2rem;font-weight:800;margin:0 0 .5rem}.manage-courses-error{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc26264d;border-radius:.75rem;color:#fca5a5;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.manage-courses-error:before{content:"⚠️";font-size:1.25rem}.manage-courses-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.manage-courses-filter{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #a1a1aa40;border-radius:.75rem;color:var(--text);flex:1 1;font-size:.95rem;min-width:280px;padding:.85rem 1.25rem;transition:all .3s ease}.manage-courses-filter::placeholder{color:#a1a1aa99}.manage-courses-filter:focus{background:linear-gradient(135deg,#27272ab3,#18181bcc);border-color:#a1a1aa80;outline:none}.manage-courses-table-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a66,#18181b80 50%,#27272a66);border:1px solid #a1a1aa33;border-radius:1rem;overflow:hidden}.manage-courses-table{border-collapse:collapse;font-size:.95rem;width:100%}.manage-courses-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3f3f4680,#27272a99)}.manage-courses-table th{border-bottom:1px solid #a1a1aa26;color:#d4d4d8;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:1.1rem 1.25rem;text-align:left;text-transform:uppercase}.manage-courses-table tbody tr{border-bottom:1px solid #a1a1aa14;transition:all .2s ease}.manage-courses-table tbody tr:hover{background:linear-gradient(135deg,#3f3f464d,#27272a59)}.manage-courses-table tbody tr:last-child{border-bottom:none}.manage-courses-table td{color:var(--text);font-weight:500;padding:1rem 1.25rem}.manage-courses-table td:first-child{color:#a1a1aacc;font-family:Courier New,monospace;font-size:.85rem}.course-title-cell{color:#e4e4e7;font-weight:600;max-width:300px}.course-instructor-cell{color:#d4d4d8e6;font-size:.9rem}.instructor-name{color:#e4e4e7;font-weight:600}.instructor-email{color:#a1a1aacc;font-size:.85rem}.category-badge{background:linear-gradient(135deg,#a1a1aa33,#71717a26);border:1px solid #a1a1aa4d;border-radius:999px;color:#d4d4d8;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:.4rem .9rem;text-transform:lowercase}.course-price-cell{color:#a7f3d0;font-size:1rem;font-weight:700}.course-videos-cell{color:#d4d4d8e6;font-weight:600;text-align:center}.delete-course-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc262666;border-radius:.625rem;color:#fca5a5;cursor:pointer;font-size:.875rem;font-weight:700;padding:.6rem 1.2rem;transition:all .3s ease}.delete-course-btn:hover{background:linear-gradient(135deg,#dc262640,#b91c1c33);border-color:#dc262699;transform:translateY(-1px)}.delete-course-btn:active{transform:translateY(0)}.manage-courses-empty{color:#a1a1aab3;font-size:.95rem;font-style:italic;padding:3rem 2rem;text-align:center}.manage-courses-loading{color:#a1a1aacc;font-size:1rem;padding:3rem 2rem;text-align:center}.manage-courses-forbidden{align-items:center;background:linear-gradient(135deg,#dc26261a,#b91c1c14);display:flex;justify-content:center;min-height:100vh}.manage-courses-forbidden-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #dc26264d;border-radius:1rem;padding:3rem;text-align:center}.manage-courses-forbidden-content h2{color:#fca5a5;font-size:1.75rem;margin:0}@media (max-width:1200px){.course-title-cell{max-width:200px}}@media (max-width:1024px){.manage-courses-table{font-size:.875rem}.manage-courses-table td,.manage-courses-table th{padding:.875rem 1rem}.course-title-cell{max-width:150px}}@media (max-width:768px){.manage-courses-table-wrapper{overflow-x:auto}.manage-courses-table{font-size:.85rem}.manage-courses-table td,.manage-courses-table th{padding:.75rem;white-space:nowrap}.course-title-cell{max-width:120px;overflow:hidden;text-overflow:ellipsis}.delete-course-btn{font-size:.8rem;padding:.5rem .9rem}}.manage-users-container{animation:fadeInUp .5s ease-out;background:#0000;margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px);padding:2rem}@media (max-width:768px){.manage-users-container{margin-left:0;padding:1.5rem 1rem}}.manage-users-header{margin-bottom:2rem}.manage-users-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4d4d8,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2rem;font-weight:800;margin:0 0 .5rem}.manage-users-error{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc26264d;border-radius:.75rem;color:#fca5a5;display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.manage-users-error:before{content:"⚠️";font-size:1.25rem}.manage-users-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.manage-users-filter{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #a1a1aa40;border-radius:.75rem;color:var(--text);flex:1 1;font-size:.95rem;min-width:250px;padding:.85rem 1.25rem;transition:all .3s ease}.manage-users-filter::placeholder{color:#a1a1aa99}.manage-users-filter:focus{background:linear-gradient(135deg,#27272ab3,#18181bcc);border-color:#a1a1aa80;outline:none}.manage-users-table-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a66,#18181b80 50%,#27272a66);border:1px solid #a1a1aa33;border-radius:1rem;margin-bottom:1rem;overflow:hidden}.manage-users-table{border-collapse:collapse;font-size:.95rem;width:100%}.manage-users-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3f3f4680,#27272a99)}.manage-users-table th{border-bottom:1px solid #a1a1aa26;color:#d4d4d8;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:1.1rem 1.25rem;text-align:left;text-transform:uppercase}.manage-users-table tbody tr{border-bottom:1px solid #a1a1aa14;transition:all .2s ease}.manage-users-table tbody tr:hover{background:linear-gradient(135deg,#3f3f464d,#27272a59)}.manage-users-table tbody tr:last-child{border-bottom:none}.manage-users-table td{color:var(--text);font-weight:500;padding:1rem 1.25rem}.manage-users-table td:first-child{color:#a1a1aacc;font-family:Courier New,monospace;font-size:.85rem}.manage-users-table td:nth-child(2){color:#e4e4e7;font-weight:600}.manage-users-table td:nth-child(3){color:#d4d4d8cc;font-size:.9rem}.user-role-badge{border-radius:999px;display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:.4rem .9rem;text-transform:lowercase}.user-role-badge.role-student{background:linear-gradient(135deg,#a1a1aa33,#71717a26);border:1px solid #a1a1aa4d;color:#d4d4d8}.user-role-badge.role-instructor{background:linear-gradient(135deg,#a855f733,#9333ea26);border:1px solid #a855f766;color:#e9d5ff}.user-role-badge.role-super_admin{background:linear-gradient(135deg,#fb923c33,#f9731626);border:1px solid #fb923c66;color:#fed7aa}.delete-user-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc262666;border-radius:.625rem;color:#fca5a5;cursor:pointer;font-size:.875rem;font-weight:700;padding:.6rem 1.2rem;transition:all .3s ease}.delete-user-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc262640,#b91c1c33);border-color:#dc262699;transform:translateY(-1px)}.delete-user-btn:disabled{cursor:not-allowed;opacity:.4}.delete-user-btn:active{transform:translateY(0)}.manage-users-refresh{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#71717a26,#52525b1a);border:1px solid #a1a1aa4d;border-radius:.75rem;color:#d4d4d8;cursor:pointer;font-size:.95rem;font-weight:700;padding:.85rem 1.75rem;transition:all .3s ease}.manage-users-refresh:hover{background:linear-gradient(135deg,#71717a40,#52525b33);border-color:#a1a1aa80;transform:translateY(-1px)}.manage-users-refresh:active{transform:translateY(0)}.manage-users-empty{color:#a1a1aab3;font-size:.95rem;font-style:italic;padding:3rem 2rem;text-align:center}.manage-users-loading{color:#a1a1aacc;font-size:1rem;padding:3rem 2rem;text-align:center}.manage-users-forbidden{align-items:center;background:linear-gradient(135deg,#dc26261a,#b91c1c14);display:flex;justify-content:center;min-height:100vh}.manage-users-forbidden-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #dc26264d;border-radius:1rem;padding:3rem;text-align:center}.manage-users-forbidden-content h2{color:#fca5a5;font-size:1.75rem;margin:0}@media (max-width:1024px){.manage-users-table{font-size:.875rem}.manage-users-table td,.manage-users-table th{padding:.875rem 1rem}}@media (max-width:768px){.manage-users-table-wrapper{overflow-x:auto}.manage-users-table{font-size:.85rem}.manage-users-table td,.manage-users-table th{padding:.75rem;white-space:nowrap}.delete-user-btn{font-size:.8rem;padding:.5rem .9rem}}.moderate-content-container{animation:fadeInUp .5s ease-out;background:#0000;margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px);padding:2rem}@media (max-width:768px){.moderate-content-container{margin-left:0;padding:1.5rem 1rem}}.moderate-content-header{margin-bottom:2rem}.moderate-content-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#d4d4d8,#a1a1aa);-webkit-background-clip:text;background-clip:text;color:var(--text);font-size:2rem;font-weight:800;margin:0 0 .5rem}.moderate-content-error{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc26264d;border-radius:.75rem;color:#fca5a5;display:flex;font-weight:600;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem}.moderate-content-error:before{content:"⚠️";font-size:1.25rem}.moderate-content-layout{align-items:flex-start;display:flex;gap:1.5rem}@media (max-width:1024px){.moderate-content-layout{flex-direction:column}}.moderate-courses-sidebar{flex:0 0 420px;max-width:420px}@media (max-width:1024px){.moderate-courses-sidebar{flex:1 1;max-width:100%}}.moderate-filter-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #a1a1aa40;border-radius:.75rem;color:var(--text);font-size:.95rem;margin-bottom:.75rem;padding:.85rem 1.25rem;transition:all .3s ease;width:100%}.moderate-filter-input::placeholder{color:#a1a1aa99}.moderate-filter-input:focus{background:linear-gradient(135deg,#27272ab3,#18181bcc);border-color:#a1a1aa80;outline:none}.moderate-courses-wrapper{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a66,#18181b80 50%,#27272a66);border:1px solid #a1a1aa33;border-radius:1rem;max-height:420px;overflow:auto}.moderate-courses-table{border-collapse:collapse;font-size:.9rem;width:100%}.moderate-courses-table thead{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#3f3f4680,#27272a99);position:-webkit-sticky;position:sticky;top:0;z-index:10}.moderate-courses-table th{border-bottom:1px solid #a1a1aa26;color:#d4d4d8;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.85rem .75rem;text-align:left;text-transform:uppercase}.moderate-courses-table tbody tr{border-bottom:1px solid #a1a1aa14;cursor:pointer;transition:all .2s ease}.moderate-courses-table tbody tr:hover{background:linear-gradient(135deg,#3f3f464d,#27272a59)}.moderate-courses-table tbody tr.selected-course{background:linear-gradient(135deg,#71717a4d,#52525b40);border-left:3px solid #a1a1aa99}.moderate-courses-table td{color:var(--text);font-weight:500;padding:.75rem}.moderate-courses-table td:first-child{color:#a1a1aacc;font-family:Courier New,monospace;font-size:.85rem}.moderate-course-instructor{color:#d4d4d8cc;font-size:.85rem}.moderate-detail-panel{flex:1 1}.moderate-detail-empty{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a4d,#18181b66);border:1px solid #a1a1aa26;border-radius:1rem;color:#a1a1aab3;font-size:.95rem;font-style:italic;padding:3rem 2rem;text-align:center}.moderate-detail-loading{color:#a1a1aacc;padding:2rem;text-align:center}.moderate-detail-header{margin-bottom:1.5rem}.moderate-detail-title{color:#e4e4e7;font-size:1.5rem;font-weight:700;margin:0}.moderate-sections-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}.moderate-section-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a80,#18181b99);border:1px solid #a1a1aa33;border-radius:.75rem;padding:1rem;transition:all .3s ease}.moderate-section-card:hover{border-color:#a1a1aa4d}.moderate-section-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.moderate-section-info{flex:1 1}.moderate-section-title{color:#e4e4e7;font-size:1rem;font-weight:700;margin-bottom:.25rem}.moderate-section-description{color:#a1a1aacc;font-size:.85rem}.moderate-delete-section-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc262666;border-radius:.625rem;color:#fca5a5;cursor:pointer;font-size:.8rem;font-weight:700;padding:.55rem 1rem;transition:all .2s ease;white-space:nowrap}.moderate-delete-section-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc262640,#b91c1c33);border-color:#dc262699}.moderate-delete-section-btn:disabled{cursor:wait;opacity:.5}.moderate-video-list{list-style:none;margin:0;padding:0}.moderate-video-item{align-items:center;border-bottom:1px solid #a1a1aa14;display:flex;gap:1rem;justify-content:space-between;padding:.6rem 0}.moderate-video-item:last-child{border-bottom:none}.moderate-video-name{color:#d4d4d8e6;flex:1 1;font-size:.9rem;font-weight:500}.moderate-delete-video-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#dc262626,#b91c1c1a);border:1px solid #dc262666;border-radius:.5rem;color:#fca5a5;cursor:pointer;font-size:.75rem;font-weight:700;padding:.45rem .85rem;transition:all .2s ease;white-space:nowrap}.moderate-delete-video-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc262640,#b91c1c33);border-color:#dc262699}.moderate-delete-video-btn:disabled{cursor:wait;opacity:.5}.moderate-video-empty{color:#a1a1aab3;font-size:.875rem;font-style:italic;padding:.5rem 0}.moderate-unassigned-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#27272a66,#18181b80);border:1px solid #a1a1aa33;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.moderate-unassigned-title{color:#e4e4e7;font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.moderate-content-forbidden{align-items:center;background:linear-gradient(135deg,#dc26261a,#b91c1c14);display:flex;justify-content:center;min-height:100vh}.moderate-content-forbidden-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#27272a99,#18181bb3);border:1px solid #dc26264d;border-radius:1rem;padding:3rem;text-align:center}.moderate-content-forbidden-content h2{color:#fca5a5;font-size:1.75rem;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.moderate-courses-wrapper::-webkit-scrollbar{width:8px}.moderate-courses-wrapper::-webkit-scrollbar-track{background:#0000}.moderate-courses-wrapper::-webkit-scrollbar-thumb{background:#a1a1aa4d;border-radius:999px}.moderate-courses-wrapper::-webkit-scrollbar-thumb:hover{background:#a1a1aa80}@media (max-width:768px){.moderate-courses-sidebar{flex:1 1;max-width:100%}.moderate-section-header{align-items:flex-start;flex-direction:column}.moderate-delete-section-btn{width:100%}.moderate-video-item{align-items:flex-start;flex-direction:column}.moderate-delete-video-btn{width:100%}}.students-container{animation:fadeInUp .5s ease-out}.students-layout{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:minmax(0,420px) minmax(0,1fr);margin-top:1.5rem}.student-profile-card{padding:2rem 1.75rem}.student-profile-card,.student-progress-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #94a3b84d;border-radius:1rem;box-shadow:0 8px 32px #0000004d}.student-progress-panel{padding:1.75rem}.student-selector{margin-bottom:1rem}.selector-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.selector-title{color:#e5e7eb;font-size:1rem;font-weight:700;margin:0}.selector-count{background:#3b82f633;border:1px solid #3b82f666;border-radius:999px;color:#60a5fa;font-size:.75rem;font-weight:700;padding:.1rem .5rem}.student-selector-list{display:flex;flex-direction:column;gap:.4rem;max-height:240px;overflow-y:auto}.student-selector-item{align-items:center;background:#0f172ab3;border:1px solid #94a3b840;border-radius:.6rem;color:#e5e7eb;cursor:pointer;display:flex;gap:.6rem;padding:.5rem .6rem;transition:all .2s ease;width:100%}.student-selector-item:hover{background:#0f172ad9;border-color:#94a3b873}.student-selector-item.selected{border-color:#3b82f699;box-shadow:inset 0 0 0 2px #3b82f640}.selector-avatar{align-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:50%;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:28px;justify-content:center;width:28px}.selector-details{display:flex;flex-direction:column;gap:.1rem}.selector-name{color:#e5e7eb;font-size:.9rem;font-weight:600}.selector-meta{color:#9ca3af;font-size:.75rem}.live-inline{color:#34d399;font-weight:700;margin-left:6px}.live-active-count{color:#2c3e50;font-size:.95rem;font-weight:600;margin-top:6px}.profile-header{align-items:center;display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center}.profile-avatar{align-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:50%;box-shadow:0 8px 24px #2563eb66;color:#fff;display:flex;font-size:1.75rem;font-weight:700;height:80px;justify-content:center;margin-bottom:1rem;width:80px}.profile-name{color:#e5e7eb;font-size:1.4rem;font-weight:700;margin:0 0 .75rem}.profile-contact{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.contact-row{align-items:center;color:#9ca3af;display:flex;gap:.5rem;justify-content:center}.contact-icon,.contact-row{font-size:.9rem}.contact-text{color:#9ca3af}.member-since{color:#6b7280;font-size:.85rem;margin:0}.profile-actions{display:flex;gap:.75rem;margin-top:1.5rem}.profile-delete-btn,.profile-edit-btn{align-items:center;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.25rem;transition:all .2s ease}.profile-edit-btn{background:#0f172ad9;border:1px solid #94a3b899;color:#e5e7eb}.profile-edit-btn:hover{background:#0f172af2;border-color:#94a3b8cc}.profile-delete-btn{background:#0f172ad9;border:1px solid #ef444499;color:#ef4444}.profile-delete-btn:hover{background:#ef444426;border-color:#ef4444cc}.btn-icon{font-size:1rem}.progress-header{align-items:center;border-bottom:1px solid #94a3b833;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.progress-header-main{align-items:center;display:flex;gap:.75rem}.progress-icon{font-size:1.5rem}.progress-title{color:#e5e7eb;font-size:1.3rem;font-weight:700;margin:0}.progress-subtitle{color:#9ca3af;font-size:.85rem;margin:.25rem 0 0}.refresh-btn{align-items:center;background:#0f172acc;border:1px solid #94a3b880;border-radius:.6rem;color:#e5e7eb;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.refresh-btn:hover{background:#0f172af2;border-color:#94a3b8b3}.refresh-icon{font-size:1rem}.progress-summary-row{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.5rem}.summary-chip{border-radius:.85rem;box-shadow:0 4px 12px #00000040;color:#fff;display:flex;flex-direction:column;gap:.35rem;padding:1rem .85rem;transition:all .2s ease}.summary-chip:hover{box-shadow:0 6px 16px #00000059;transform:translateY(-2px)}.summary-chip.completed{background:linear-gradient(135deg,#047857,#065f46)}.summary-chip.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.summary-chip.paused{background:linear-gradient(135deg,#b45309,#92400e)}.summary-chip.avg{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.summary-chip-value{font-size:1.35rem;font-weight:700}.summary-chip-label{text-transform:capitalize}.course-progress-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0f172ab3,#0f172ad9);border:1px solid #94a3b840;border-radius:1rem;padding:1.25rem 1.5rem;transition:all .2s ease}.course-progress-item:hover{border-color:#94a3b866;box-shadow:0 4px 16px #0003}.course-item-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.course-status-badge{border-radius:999px;font-size:.85rem;font-weight:700;padding:6px 10px}.course-status-badge.active{background:#3b82f61f;border:1px solid #3b82f62e;color:#60a5fa}.course-status-badge.completed{background:#10b9811f;border:1px solid #10b9812e;color:#10b981}.course-status-badge.not-started{background:#6b72800f;border:1px solid #94a3b80f;color:#9ca3af}.course-item-left{align-items:center;display:flex;gap:1rem}.course-id-chip{align-items:center;background:#3b82f633;border:1px solid #3b82f666;border-radius:50%;color:#60a5fa;flex-shrink:0;font-size:.85rem;height:40px;justify-content:center;width:40px}.course-id-chip,.course-item-text{display:flex;font-weight:700}.course-item-text{font-size:1.25rem;.progress-section{margin-bottom:.75rem}.progress-label-row{align-items:center;justify-content:space-between;margin-bottom:.5rem}.progress-label{color:#9ca3af;font-size:.85rem;font-weight:600}.progress-percent{color:#e5e7eb;font-size:.9rem}.progress-bar{background:#0f172ae6;border:1px solid #94a3b833;border-radius:999px;height:8px;overflow:hidden}.progress-bar.overall{height:10px}.progress-fill{background:linear-gradient(90deg,#22d3ee,#2563eb);border-radius:999px;box-shadow:0 0 8px #22d3ee80;height:100%;transition:width .4s ease}.course-footer{align-items:center;margin-top:.75rem}.course-enrolled-date{align-items:center;color:#9ca3af;font-size:.8rem;gap:.35rem}.date-icon{font-size:.8rem}.overall-progress-section{border-top:1px solid #94a3b833;margin-top:1.75rem;padding-top:1.5rem}.overall-header{align-items:center;gap:.5rem;margin-bottom:.75rem}.overall-icon{font-size:1.1rem}.overall-title{color:#e5e7eb;flex:1 1;font-size:.95rem}.overall-percent{color:#22d3ee;font-size:1.1rem}.learning-journey{align-items:center;justify-content:space-between;margin-top:.75rem}.journey-label{color:#9ca3af;font-size:.85rem}.journey-level{color:#22d3ee;font-size:.85rem;font-weight:600}}.summary-chip-label{font-size:.8rem;font-weight:600}.courses-list{gap:1rem}.course-progress-item{background:var(--bg);border:1px solid var(--border);border-radius:.9rem;padding:1rem 1.25rem}.course-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.course-header-text{display:flex;flex-direction:column;gap:.25rem}.course-chip{align-items:center;background:#3b82f626;border-radius:999px;color:#60a5fa;display:inline-flex;font-size:.8rem;height:32px;justify-content:center;width:32px}.course-chip,.course-title{font-weight:600}.course-meta{color:var(--text-secondary);font-size:.8rem}.progress-badge{align-items:center;display:flex;gap:.75rem}.progress-percent{font-size:.875rem;font-weight:700}.completion-badge{background:var(--success);border-radius:1rem;color:#fff;font-size:.7rem;font-weight:600;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.progress-bar{background:var(--border);border-radius:3px}.progress-bar.overall{margin-top:.5rem}.progress-fill{background:linear-gradient(90deg,#22d3ee,#2563eb);border-radius:3px}.course-footer{align-items:center;color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between;margin-top:.75rem}.course-status-pill{border:1px solid #38bdf899;border-radius:999px;color:#22d3ee;padding:.2rem .7rem}.overall-progress-section{margin-top:1.5rem}.no-progress{color:var(--text-secondary);padding:2rem 1rem;text-align:center}.no-progress-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.no-progress p{font-style:italic;margin:0}.summary-section{background:var(--surface);border:1px solid var(--border);border-radius:1rem;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.summary-title{color:var(--text);font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;text-align:center}.summary-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-item{background:var(--bg);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.summary-item:hover{border-color:var(--primary);transform:translateY(-2px)}.summary-value{color:var(--primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.summary-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.empty-state{color:var(--text-secondary);padding:3rem 2rem}.empty-state h3{color:var(--text);font-size:1.25rem;margin:0 0 .5rem}.empty-state p{margin:0 auto;max-width:400px}@media (max-width:768px){.student-stats,.students-grid{grid-template-columns:1fr}.student-stats{gap:.75rem}.summary-stats{gap:1rem;grid-template-columns:repeat(2,1fr)}.student-header{flex-direction:column;gap:.75rem;text-align:center}.course-header{align-items:flex-start;flex-direction:column;gap:.5rem}.progress-badge{justify-content:space-between;width:100%}.stat-value{font-size:1.25rem}.summary-value{font-size:1.5rem}}@media (max-width:480px){.summary-stats{grid-template-columns:1fr}.student-card,.summary-section{padding:1.25rem}}[data-theme=dark] .student-card,[data-theme=dark] .summary-section{box-shadow:0 2px 8px #0000001a}[data-theme=dark] .student-card:hover,[data-theme=dark] .summary-item:hover{box-shadow:0 4px 20px #00000026}.analytics-container{animation:fadeInUp .5s ease-out}.analytics-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr;min-height:600px}.courses-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(800px 300px at 50% -20%,#3b82f614,#0000),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #0003,inset 0 1px 0 #ffffff14;height:-webkit-fit-content;height:fit-content;padding:1.5rem;position:-webkit-sticky;position:sticky;top:90px}.sidebar-header{border-bottom:1px solid #ffffff14;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.sidebar-header,.sidebar-title{align-items:center;display:flex}.sidebar-title{color:var(--text);font-size:1.1rem;font-weight:700;gap:.5rem;margin:0;text-shadow:0 2px 12px #00000026}.sidebar-icon{font-size:1.2rem}.courses-count{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:999px;box-shadow:0 4px 12px #3b82f659;color:#fff;font-size:.75rem;font-weight:700;padding:.35rem .85rem}.courses-list{display:flex;flex-direction:column;gap:.75rem}.course-item{align-items:center;background:linear-gradient(135deg,#3b82f60d,#10b98108),linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid #ffffff14;border-left:3px solid #0000;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff1a;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem;transition:all .3s ease}.course-item:hover{border-color:#3b82f666;box-shadow:0 8px 24px #3b82f640,inset 0 1px 0 #ffffff26;transform:translateX(4px)}.course-item.active{background:linear-gradient(135deg,#3b82f61f,#10b98114),linear-gradient(180deg,#ffffff1a,#ffffff0d);border-color:#3b82f680;box-shadow:0 8px 24px #3b82f64d,inset 0 1px 0 #ffffff26}.course-info{flex:1 1}.course-title{color:var(--text);font-size:.95rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;text-shadow:0 2px 8px #0000001a}.course-stats{display:flex;gap:1rem}.stat{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;font-size:.75rem;font-weight:600;gap:.3rem;padding:.25rem .5rem}.stat-icon{font-size:.8rem}.enrollment-stat{color:var(--primary)}.rating-stat{color:var(--warning)}.selection-indicator{color:var(--primary);font-size:1rem;font-weight:600}.no-courses{background:linear-gradient(180deg,#ffffff08,#0000);border-radius:12px;color:var(--text-secondary);margin:.5rem 0;padding:3rem 1rem;text-align:center}.no-courses-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.analytics-dashboard{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(1200px 400px at 20% -10%,#3b82f61f,#0000),radial-gradient(900px 300px at 90% 120%,#10b9811a,#0000),var(--surface);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #00000040;padding:2rem}.dashboard-topbar{display:flex;justify-content:flex-end;margin-bottom:1rem}.live-badge{background:linear-gradient(135deg,#16a34a,#22c55e);border-radius:999px;box-shadow:0 6px 16px #22c55e59;color:#04131a;font-size:.75rem;font-weight:700;padding:.4rem .75rem}.empty-selection{color:var(--text-secondary);padding:4rem 2rem;text-align:center}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-selection h3{color:var(--text);font-size:1.25rem;margin:0 0 .5rem}.empty-selection p{margin:0 auto;max-width:400px}.detail-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:3rem}.loading-spinner.small{border-width:2px;height:30px;width:30px}.detail-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.course-header-info{flex:1 1}.detail-title-row{align-items:center;display:flex;gap:.75rem}.detail-title{color:var(--text);font-size:1.75rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.detail-description{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin:0}.data-badge{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:999px;box-shadow:0 6px 16px #f9731659;color:#0f172a;font-size:.7rem;font-weight:700;padding:.35rem .6rem}.export-btn{align-items:center;background:var(--surface);border:1px solid var(--primary);border-radius:.75rem;color:var(--primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.export-btn:hover{background:var(--primary);color:#fff}.metrics-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.metric-card{align-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff14;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.metric-card:hover{border-color:#3b82f659;box-shadow:0 12px 24px #00000040;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:.75rem;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.metric-icon.total-enrolled{background:#3b82f61a;color:var(--primary)}.metric-icon.completed{background:#10b9811a;color:var(--success)}.metric-icon.completion-rate{background:#8b5cf61a;color:#8b5cf6}.metric-icon.rating{background:#f59e0b1a;color:var(--warning)}.metric-icon.duration{background:#6366f11a;color:#6366f1}.metric-icon.progress{background:#ec48991a;color:#ec4899}.metric-content{flex:1 1}.metric-value{color:var(--text);font-size:1.9rem;font-weight:800;margin-bottom:.25rem;text-shadow:0 4px 22px #3b82f640}.metric-label{color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.rating-stars{font-size:.8rem;letter-spacing:1px}.progress-bar{background:linear-gradient(180deg,#ffffff14,#ffffff05);border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0f;height:6px;margin-top:.65rem;overflow:hidden}.progress-bar.thick{height:10px}.progress-bar.small{height:4px}.progress-bar.muted{background:#ffffff0f}.progress-fill{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:999px;height:100%;transition:width .3s ease}.progress-fill.glow{box-shadow:0 0 0 2px #3b82f640,0 8px 24px #3b82f659}.charts-section{margin-bottom:2rem}.chart-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.chart-card{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff14;padding:1.5rem}.chart-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.chart-icon,.chart-title{font-size:1rem}.chart-title{color:var(--text);font-weight:700;margin:0}.chart-badge{background:linear-gradient(135deg,#22c55e,#10b981);border-radius:999px;color:#022c22;font-size:.7rem;font-weight:700;margin-left:auto;padding:.35rem .6rem}.completion-chart{align-items:center;display:flex;flex-direction:column;gap:1rem}.chart-bars{align-items:end;display:flex;gap:2rem;height:120px;margin-bottom:1rem}.chart-bar{align-items:flex-start;border-radius:12px 12px 0 0;display:flex;justify-content:center;padding-top:.5rem;position:relative;transition:all .3s ease;width:60px}.completed-bar{background:linear-gradient(180deg,#22c55e,#10b981d9);box-shadow:0 8px 24px #10b98159;color:#fff}.inprogress-bar{background:linear-gradient(180deg,#3b82f6,#3b82f6d9);box-shadow:0 8px 24px #3b82f659;color:#fff}.bar-label{font-size:.75rem;font-weight:600;transform:rotate(-90deg);white-space:nowrap}.chart-labels{display:flex;gap:2rem}.chart-label{align-items:center;color:var(--text);display:flex;font-size:.875rem;gap:.5rem}.label-color{border-radius:2px;height:12px;width:12px}.label-color.completed{background:var(--success)}.label-color.in-progress{background:var(--primary)}.progress-distribution{align-items:end;display:flex;gap:1rem;height:120px;justify-content:space-around}.distribution-item{align-items:center;display:flex;flex-direction:column;gap:.5rem}.distribution-bar{background:linear-gradient(180deg,#ffffff14,#ffffff05);border-radius:12px 12px 0 0;box-shadow:inset 0 1px 0 #ffffff14;height:100px;overflow:hidden;position:relative;width:30px}.distribution-fill{background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:.5rem .5rem 0 0;bottom:0;box-shadow:0 8px 24px #3b82f659;left:0;position:absolute;right:0;transition:height .3s ease}.distribution-label{align-items:center;color:var(--text);display:flex;flex-direction:column;font-size:.75rem;gap:.25rem}.distribution-count{color:var(--primary);font-weight:600}.students-section{border-top:1px solid var(--border);margin-top:2rem;padding-top:2rem}.section-title{align-items:center;color:var(--text);display:flex;font-weight:600;gap:.5rem}.students-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.student-card{align-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:16px;box-shadow:inset 0 1px 0 #ffffff14;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.student-card:hover{border-color:#3b82f659;transform:translateY(-1px)}.student-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-hover));border-radius:50%;box-shadow:0 8px 24px #3b82f659;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:50px;justify-content:center;width:50px}.student-info{flex:1 1}.student-name{color:var(--text);font-size:.9rem;font-weight:600;margin:0 0 .25rem}.student-email{color:var(--text-secondary);font-size:.8rem;margin:0 0 .75rem}.student-progress{display:flex;flex-direction:column;gap:.5rem}.progress-percent{font-size:.75rem;font-weight:600;text-shadow:0 2px 12px #00000040}.no-students{color:var(--text-secondary);padding:3rem 2rem;text-align:center}.no-students-icon{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.error-message{align-items:center;border:1px solid #ef444433;border-radius:.75rem;color:var(--error);display:flex;font-weight:500;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.message-icon{font-size:1.2rem}.loading-container{color:var(--text-secondary);padding:3rem 2rem}.loading-spinner{border-top:3px solid var(--border);margin-bottom:1rem}.error-state{padding:3rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem;opacity:.7}.error-state h3{color:var(--text);font-size:1.25rem;margin:0 0 .5rem}.error-state p{color:var(--text-secondary);margin:0}@media (max-width:1024px){.analytics-content{gap:1.5rem;grid-template-columns:1fr}.courses-sidebar{position:static}.chart-row{grid-template-columns:1fr}}@media (max-width:768px){.analytics-dashboard{padding:1.5rem}.metrics-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}.metric-card{flex-direction:column;gap:.75rem;padding:1.25rem;text-align:center}.detail-header{align-items:stretch;flex-direction:column;gap:1rem}.students-grid{grid-template-columns:1fr}.chart-bars{gap:1rem}.chart-bar{width:40px}}@media (max-width:480px){.metrics-grid{grid-template-columns:1fr}.course-stats{flex-direction:column;gap:.5rem}}[data-theme=dark] .analytics-dashboard,[data-theme=dark] .chart-card,[data-theme=dark] .courses-sidebar{box-shadow:0 2px 8px #0000001a}[data-theme=dark] .course-item:hover,[data-theme=dark] .metric-card:hover,[data-theme=dark] .student-card:hover{box-shadow:0 4px 12px #00000026}.sp-wrap{animation:fadeInUp .4s ease-out}.sp-tiles{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:1rem 0}.sp-tile{align-items:center;background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #94a3b84d;border-radius:1rem;display:flex;gap:.9rem;padding:1rem 1.25rem}.sp-icon{font-size:1.4rem}.sp-value{color:#e5e7eb;font-size:1.3rem;font-weight:700}.sp-label{color:#9ca3af;font-size:.8rem}.sp-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr}.sp-card{background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #94a3b84d;border-radius:1rem;padding:1rem 1.25rem}.sp-linechart{height:260px;width:100%}.sp-axis{fill:#9ca3af;font-size:.7rem}.sp-pie-wrap{align-items:center;display:flex;flex-direction:column}.sp-pie{border-radius:50%;box-shadow:0 4px 16px #00000040;height:180px;margin:1rem 0;width:180px}.sp-legend{align-items:center;color:#9ca3af;display:flex;gap:.75rem}.dot{border-radius:50%;display:inline-block;height:10px;width:10px}.dot.success{background:var(--success)}.dot.warning{background:var(--warning)}.dot.error{background:var(--error)}@media (max-width:900px){.sp-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-grid{grid-template-columns:1fr}}.sp-list-wrap{margin-top:1rem}.sp-list-head{align-items:center;color:#9ca3af;display:flex;justify-content:space-between;margin-bottom:.5rem}.sp-view-toggle{display:flex;gap:.5rem}.sp-view{background:#0f172ab3;border:1px solid #94a3b84d;border-radius:.5rem;color:#e5e7eb;padding:.3rem .5rem}.sp-view.active{border-color:#3b82f699}.sp-list{flex-direction:column}.sp-item,.sp-list{display:flex;gap:1rem}.sp-item{background:linear-gradient(135deg,#0f172ab3,#0f172ad9);border:1px solid #94a3b840;border-radius:1rem;justify-content:space-between;padding:1rem 1.25rem}.sp-item-left{align-items:flex-start;display:flex;gap:.9rem}.sp-avatar{align-items:center;background:linear-gradient(135deg,#0ea5e9,#2563eb);border-radius:50%;color:#fff;display:flex;font-weight:700;height:40px;justify-content:center;width:40px}.sp-user{display:flex;flex-direction:column;gap:.35rem}.sp-name{color:#e5e7eb;font-weight:700}.sp-email{color:#9ca3af;font-size:.8rem}.sp-course{align-items:center;color:#9ca3af;display:flex;gap:.35rem}.sp-course-title{color:#e5e7eb}.sp-pill{border:1px solid #94a3b866;border-radius:999px;color:#9ca3af;font-size:.7rem;padding:.1rem .5rem}.sp-amount{align-items:baseline;display:flex;gap:.5rem}.sp-amt-label{color:#9ca3af;font-size:.8rem}.sp-amt{color:#e5e7eb;font-weight:700}.sp-enrolled{color:#9ca3af;font-size:.8rem}.sp-item-right{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem}.sp-status{font-weight:700}.sp-status.success{color:var(--success)}.sp-status.warning{color:var(--warning)}.sp-status.error{color:var(--error)}.sp-course-price{align-items:baseline;display:flex;gap:.4rem}.sp-complete{color:#9ca3af;font-size:.85rem}.sp-empty{color:#9ca3af;padding:1rem;text-align:center}.settings-section{--glass-stroke:#ffffff1f;--glass-fill-1:#ffffff14;--glass-fill-2:#ffffff0a;--text-strong:#eafcff;--text-dim:#ffffffb8;--accent-1:#00d1ff;--accent-2:#00ffa9;-webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);background:linear-gradient(180deg,var(--glass-fill-1),var(--glass-fill-2));border:1px solid var(--glass-stroke);border-radius:16px;box-shadow:0 18px 54px #00000059,0 2px 10px #00000040;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;margin:0 auto 2rem;max-width:1100px;padding:2rem;position:relative;transition:transform .2s ease,box-shadow .2s ease}.settings-section:hover{box-shadow:0 22px 66px #00000073,0 4px 14px #00000047;transform:translateY(-2px)}.section-header{gap:1rem;justify-content:flex-start;margin-bottom:1.5rem}.section-header,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#00d1ff40,#00ffa938);border:1px solid #ffffff29;border-radius:12px;color:#bffcff;display:none;font-size:1.2rem;height:40px;justify-content:center;width:40px}.section-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0;text-align:left}.profile-info{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{-webkit-backdrop-filter:blur(12px) saturate(150%);backdrop-filter:blur(12px) saturate(150%);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid var(--glass-stroke);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.info-item:hover{border-color:#00e9ff73;box-shadow:0 10px 26px #00e9ff26;transform:translateY(-1px)}.info-label{color:var(--text-dim);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-value{color:var(--text-strong);font-size:1rem;font-weight:500}.role-badge{background:linear-gradient(135deg,var(--accent-1),var(--accent-2));border-radius:1rem;box-shadow:0 8px 22px #00e9ff40;color:#001a1a;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.coming-soon-placeholder{-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);background:#ffffff0d;border:1px dashed var(--glass-stroke);border-radius:12px;margin-top:1.5rem;padding:1rem}.coming-soon-placeholder p{color:var(--text-dim);font-size:.875rem;margin:0;text-align:center}.password-form{align-items:stretch;display:flex;flex-direction:column;margin:0 auto;max-width:560px;width:100%}.form-group{margin-bottom:1rem}.form-label{font-weight:600;text-align:left}.form-input,.form-label{color:var(--text-strong)}.form-input{background:#ffffff0f;border:1px solid var(--glass-stroke);border-radius:12px;font-size:.875rem;padding:.75rem 1rem;transition:box-shadow .2s ease,border-color .2s ease,background .2s ease;width:100%}.form-input:focus{background:hsla(0,0%,100%,.075);border-color:#00e9ff99;box-shadow:0 0 0 3px #00e9ff2e;outline:none}.form-input::placeholder{color:var(--text-dim);opacity:.7}.submit-btn{align-items:center;align-self:center;background:#00f7ff;border:none;border-radius:.5rem;box-shadow:0 2px 6px #0003;color:#001a1a;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.5rem;padding:.85rem 1.5rem;transition:background .15s ease,box-shadow .15s ease}.submit-btn:hover:not(:disabled){background:#00e6f0;box-shadow:0 3px 10px #00000040}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.message{align-items:center;-webkit-backdrop-filter:blur(8px) saturate(130%);backdrop-filter:blur(8px) saturate(130%);border-radius:12px;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-top:1rem;padding:.75rem 1rem}.error-message{background:#ef44441f;border:1px solid #ef444447;color:#ffb3b3}.success-message{background:#10b9811f;border:1px solid #10b98147;color:#b8ffdf}.message-icon{font-size:1rem}@media (max-width:768px){.settings-section{padding:1.5rem}.profile-info{grid-template-columns:1fr}.password-form{max-width:100%}.section-header{align-items:flex-start;flex-direction:column;gap:.75rem}}[data-theme=dark] .settings-section{box-shadow:0 18px 54px #00000059,0 2px 10px #00000040}[data-theme=dark] .settings-section:hover{box-shadow:0 22px 66px #00000073,0 4px 14px #00000047}[data-theme=dark] .form-input{background:#ffffff0f}.cert-wrap{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;padding:16px}.cert-empty{background:#ffffff05;border:1px dashed #1f2a37;border:1px dashed var(--border,#1f2a37);border-radius:12px;padding:40px 16px;text-align:center}.cert-empty-icon{font-size:64px;margin-bottom:12px;opacity:.85}.cert-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr;max-width:600px}.cert-card.flat{background:#111923;border:1px solid #ffffff14;border-radius:14px;display:flex;flex-direction:column;gap:22px;padding:24px 28px;position:relative}.cert-row.title-row{align-items:center;display:flex;gap:14px}.cert-title-icon{background:#ffffff0a;border-radius:10px;color:#bffcff;display:grid;font-size:19px;height:38px;place-items:center;width:38px}.cert-course-title{color:#00f7ff;font-size:1.15rem;font-weight:700;letter-spacing:.2px;margin:0}.cert-meta-rows{display:flex;flex-direction:column;gap:12px}.cert-meta-row{align-items:center;display:flex;font-size:.95rem;justify-content:space-between}.cert-label{color:#ffffffb3;font-weight:600}.cert-value{color:#eafcff;font-weight:600;letter-spacing:.5px}.cert-value.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.cert-download-btn{align-items:center;background:#06fbff;border:0;border-radius:8px;box-shadow:0 8px 22px #00ffff40;color:#001a1a;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;margin-top:4px;padding:10px 20px;text-decoration:none;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;width:100%}.cert-download-btn .dl-ico svg{color:#001a1a}.cert-download-btn:hover{background:#04d8e0;box-shadow:0 12px 30px #00ffff59;transform:translateY(-2px)}.cert-download-btn:active{box-shadow:0 6px 18px #00ffff4d;transform:translateY(0)}.cert-card.flat:before{background:linear-gradient(180deg,#ffffff05,#fff0);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.btn.primary,.cert-actions,.cert-head,.cert-icon,.cert-meta,.cert-ribbon,.cert-title{display:none!important}@media (max-width:980px){.cert-grid{grid-template-columns:1fr}}.tp-wrap{padding:16px}.tp-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.tp-toggle label{cursor:pointer;margin-right:16px}.tp-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:320px 1fr}.tp-left{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(800px 300px at 50% -20%,#3b82f614,#0000),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff14;border-radius:16px;box-shadow:0 10px 30px #0003,inset 0 1px 0 #ffffff14;padding:1.25rem}.tp-left-title{color:#e5e7eb;color:var(--text,#e5e7eb);font-size:1.1rem;font-weight:700;margin:4px 0 12px;text-shadow:0 2px 12px #00000026}.tp-list{max-height:calc(100vh - 230px);overflow:auto}.tp-list-item{align-items:center;background:linear-gradient(135deg,#3b82f60a,#10b98105),linear-gradient(180deg,#ffffff0f,#ffffff05);border:1px solid #ffffff0f;border-radius:12px;box-shadow:inset 0 1px 0 #ffffff14;cursor:pointer;display:flex;padding:1rem;transition:all .3s ease}.tp-list-item+.tp-list-item{margin-top:10px}.tp-list-item:hover{background:linear-gradient(135deg,#3b82f614,#10b9810a),linear-gradient(180deg,#ffffff14,#ffffff0a);border-color:#3b82f64d;box-shadow:0 6px 20px #3b82f633,inset 0 1px 0 #ffffff1f;transform:translateX(4px)}.tp-list-item.active{background:linear-gradient(135deg,#3b82f626,#10b98114),linear-gradient(180deg,#ffffff1a,#ffffff0d);border-color:#3b82f680;box-shadow:0 8px 24px #3b82f64d,inset 0 1px 0 #ffffff26}.tp-list-icon{align-items:center;background:linear-gradient(135deg,#3b82f626,#10b9811a);border-radius:10px;box-shadow:0 4px 12px #3b82f633;display:flex;font-size:1.2rem;height:40px;justify-content:center;margin-right:12px;width:40px}.tp-list-main{flex:1 1}.tp-list-title{font-size:.95rem;font-weight:700;text-shadow:0 2px 8px #0000001a}.tp-list-sub{font-size:.75rem;margin-top:.25rem;opacity:.75}.tp-list-meta{color:var(--success);font-size:.95rem;font-weight:700;text-shadow:0 2px 8px #22c55e4d}.tp-empty{margin:.5rem 0;padding:2rem}.tp-empty,.tp-empty-large{background:linear-gradient(180deg,#ffffff08,#0000);border-radius:12px;opacity:.75;text-align:center}.tp-empty-large{padding:4rem}.tp-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:16px}.tp-stat{align-items:center;background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff14;display:flex;padding:1.25rem;transition:all .3s ease}.tp-stat:hover{border-color:#3b82f659;box-shadow:0 12px 24px #00000040;transform:translateY(-2px)}.tp-stat-icon{align-items:center;background:linear-gradient(135deg,#3b82f626,#10b9811a);border-radius:10px;display:flex;font-size:1.4rem;height:48px;justify-content:center;margin-right:12px;width:48px}.tp-stat-value{font-size:1.5rem;font-weight:800;text-shadow:0 4px 22px #3b82f640}.tp-stat-label{font-size:.8rem;font-weight:600;letter-spacing:.5px;margin-top:.25rem;opacity:.75;text-transform:uppercase}.tp-charts-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.tp-card{border-radius:16px}.tp-card,.tp-chart{background:linear-gradient(180deg,#ffffff0f,#ffffff08);border:1px solid #ffffff14;box-shadow:inset 0 1px 0 #ffffff14;padding:1.25rem}.tp-chart{border-radius:16px}.tp-chart-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.tp-chart-head h4{font-size:1rem;font-weight:700;margin:0;text-shadow:0 2px 8px #0000001a}.tp-legend{align-items:center;display:flex;font-size:.75rem;font-weight:600;gap:12px;opacity:.85}.tp-legend .a,.tp-legend .b{border-radius:4px;box-shadow:0 2px 8px #0003;display:inline-block;height:12px;width:12px}.tp-legend .a{background:linear-gradient(135deg,#22d3ee,#06b6d4)}.tp-legend .b{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tp-bars{align-items:flex-end;display:flex;gap:8px;height:160px}.tp-bars.single .tp-bar.a,.tp-bars.single .tp-bar.b{display:none}.tp-barcol{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px;position:relative}.tp-barvalue{background:#0009;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:4px 7px;position:absolute;top:-22px;white-space:nowrap;z-index:3}.tp-barvalue.a{background:linear-gradient(135deg,#22d3ee,#06b6d4);color:#002}.tp-barvalue.b{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.tp-barvalue.c{background:linear-gradient(135deg,#f59e0b,#d97706);color:#071;font-weight:700}.tp-bar{background:#ffffff14;border-radius:8px;transition:all .3s ease;width:18px}.tp-bar.a{background:linear-gradient(180deg,#22d3ee,#06b6d4);box-shadow:0 4px 12px #22d3ee59}.tp-bar.b{background:linear-gradient(180deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf659}.tp-bar.c{background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59;width:22px}.tp-barlabel{font-size:12px;opacity:.7}.tp-bottom-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.tp-progress{margin-bottom:10px}.tp-progress-row{display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.tp-progress-bar{background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid #ffffff0f;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0f;height:12px;overflow:hidden}.tp-progress-fill{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--primary,#3b82f6),var(--primary-hover,#2563eb));border-radius:999px;box-shadow:0 0 0 2px #3b82f640,0 4px 12px #3b82f659;height:100%}.tp-ratings{display:flex;flex-direction:column;gap:8px}.tp-rating-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:70px 1fr 90px}.tp-rating-bar{background:linear-gradient(180deg,#ffffff14,#ffffff05);border:1px solid #ffffff0f;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff0f;height:10px;overflow:hidden}.tp-rating-bar>div{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 0 8px #22c55e66;height:100%}@media (max-width:980px){.tp-content{grid-template-columns:1fr}.tp-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tp-bottom-grid,.tp-charts-grid{grid-template-columns:1fr}}.live-sessions-container{margin:0 auto;max-width:900px;padding:0 1rem}.session-form{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #94a3b84d;border-radius:1rem;box-shadow:0 8px 32px #0000004d;margin-bottom:1.5rem;padding:2rem}.form-title{color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;margin-top:0}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group-full{grid-column:1/-1}.form-label{display:block;font-weight:500;margin-bottom:.5rem}.form-input,.form-label,.form-textarea{color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.875rem}.form-input,.form-textarea{background:#0f172ab3!important;border:1px solid #94a3b840;border-radius:.5rem;box-sizing:border-box;padding:.75rem;transition:border-color .2s ease,background .2s ease;width:100%}.form-textarea{min-height:5rem;resize:vertical}.form-input:focus,.form-textarea:focus{border-color:#0ff;box-shadow:0 0 0 3px hsla(180 100% 50%,.45);outline:none}.form-input[type=datetime-local]{color-scheme:dark}.form-actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.btn-submit{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem}.error-message{background:#ef44441a;border:1px solid #ef44444d;border-radius:.5rem;color:#ef4444;padding:.75rem 1rem}.error-message,.loading-message{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.875rem;margin-bottom:1rem}.loading-message{color:#94a3b8;text-align:center}.sessions-section-title{color:#e5e7eb;font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.125rem;font-weight:700;margin-bottom:1rem;margin-top:0}.instructor-note{border:1px solid #94a3b84d;border-radius:.75rem;box-shadow:0 4px 16px #0003;color:#94a3b8;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.875rem;margin-bottom:1rem;padding:1rem}.empty-state,.instructor-note{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#0f172afa)}.empty-state{border:1px solid #94a3b84d;border-radius:1rem;box-shadow:0 8px 32px #0000004d;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state-title{color:#e5e7eb;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state-description,.empty-state-title{font-family:ui-sans-serif,system-ui,sans-serif}.empty-state-description{color:#94a3b8;font-size:.875rem;margin:0 auto;max-width:400px}.sessions-list{list-style:none;margin:0;padding:0}.session-item{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e293bf2,#0f172afa);border:1px solid #94a3b84d;border-radius:.75rem;box-shadow:0 4px 16px #0003;margin-bottom:1rem;padding:1.25rem;transition:transform .2s ease,box-shadow .2s ease}.session-item:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.session-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.session-details{flex:1 1 auto;min-width:250px}.session-title{color:#e5e7eb;font-size:1rem;font-weight:600}.session-description,.session-title{font-family:ui-sans-serif,system-ui,sans-serif;margin-bottom:.5rem}.session-description{color:#94a3b8;font-size:.875rem}.session-meta{color:#94a3b8}.session-meta,.session-status-cancelled{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8125rem}.session-status-cancelled{color:#ef4444;font-weight:600;margin-top:.5rem}.session-actions{display:flex;flex-wrap:wrap;gap:.5rem}.session-link{text-decoration:none}.btn-action,.btn-cancel{font-family:ui-sans-serif,system-ui,sans-serif;font-size:.875rem;font-weight:500;padding:.625rem 1rem;white-space:nowrap}.btn-cancel{background:#ef444433;border-color:#ef444466;color:#ef4444}.btn-cancel:hover{background:#ef44444d}.search-results{animation:fadeIn .3s ease}.results-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.result-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.result-item{background:var(--bg);border:1px solid var(--border);border-radius:.6rem;cursor:pointer;padding:.75rem 1rem;transition:.15s}.result-item:hover{border-color:var(--primary);transform:translateY(-2px)}.result-item .title{color:var(--text);font-size:.9rem;font-weight:600}.result-item .meta{font-size:.7rem;margin-top:.25rem}.empty,.result-item .meta{color:var(--text-secondary)}.empty{font-size:.75rem;font-style:italic}.error,.loading{padding:1rem}.error{color:var(--error)}:root{--light-bg:#f8fafc;--light-surface:#fff;--light-text:#1e293b;--light-text-secondary:#64748b;--light-border:#e2e8f0;--light-input:#fff;--bg-gradient-light:radial-gradient(900px 520px at 70% 15%,#0284c714 0%,#0284c700 60%),radial-gradient(700px 420px at 0% 100%,#10b9810f 0%,#10b98100 62%),linear-gradient(160deg,#f8fbff,#f3f7fb 40%,#eef3f8);--bg-solid-dark:#11151c;--bg-solid-light:#f8fafc;--bg-gradient-dark:linear-gradient(180deg,#1a2332,#1e2938 50%,#1a2332);--dark-bg:220 24% 8%;--dark-surface:#181d25;--dark-text:#cff;--dark-text-secondary:#94a3b8;--dark-border:#334155;--dark-input:#101319;--focus-ring-hsl:180 100% 50%;--btn-bg-hsl:180 100% 50%;--btn-bg-hover-hsl:180 100% 46%;--btn-bg-active-hsl:180 100% 42%;--btn-text-on-cyan:#071a1a;--btn-radius:10px;--primary:180 100% 50%;--primary-hover:#cff;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--nav-icon-size:1rem;--nav-icon-color:#c8feff}.app{background:var(--bg);background:var(--app-bg,var(--bg));background-attachment:fixed;background-repeat:no-repeat;background-size:cover}[data-theme=dark]{--app-bg:var(--bg-gradient-dark)}[data-theme=light]{--app-bg:var(--bg-gradient-light)}#root,body,html{height:100%}*{box-sizing:border-box;margin:0;padding:0}.auth-submit-btn,.btn,[role=button],button,input[type=button],input[type=submit]{background-color:#0ff;background-color:hsl(var(--btn-bg-hsl));border:1px solid #0ff;border:1px solid hsl(var(--btn-bg-hsl));border-radius:10px;border-radius:var(--btn-radius);color:#071a1a;color:var(--btn-text-on-cyan);font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.auth-submit-btn:hover,.btn:hover,button:hover,input[type=button]:hover,input[type=submit]:hover{background-color:#00ebeb;background-color:hsl(var(--btn-bg-hover-hsl))}.auth-submit-btn:active,.btn:active,button:active,input[type=button]:active,input[type=submit]:active{background-color:#00d6d6;background-color:hsl(var(--btn-bg-active-hsl))}.auth-submit-btn:focus-visible,.btn:focus-visible,button:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible{box-shadow:0 0 0 3px hsla(180 100% 50%,.45);box-shadow:0 0 0 3px hsla(var(--focus-ring-hsl),.45);outline:none}.btn-primary{background-color:#0ff;background-color:hsl(var(--btn-bg-hsl));color:#071a1a;color:var(--btn-text-on-cyan)}.btn-primary:hover{background-color:#00ebeb;background-color:hsl(var(--btn-bg-hover-hsl))}[data-theme=dark],[data-theme=light]{--focus-ring-hsl:180 100% 50%}input,select,textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-form .form-input:focus,input:focus,select:focus,textarea:focus{border-color:#0ff;border-color:hsl(var(--focus-ring-hsl));box-shadow:0 0 0 3px hsla(180 100% 50%,.45);box-shadow:0 0 0 3px hsla(var(--focus-ring-hsl),.45);outline:none}.auth-link:focus-visible,.auth-submit-btn:focus-visible,.forgot-link:focus-visible,.social-btn:focus-visible{border-radius:10px;box-shadow:0 0 0 3px hsla(180 100% 50%,.45);box-shadow:0 0 0 3px hsla(var(--focus-ring-hsl),.45);outline:none}body{font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;transition:background-color .3s ease,color .3s ease}.app{background-color:var(--bg);color:var(--text);min-height:100vh}[data-theme=light]{--bg:var(--light-bg);--surface:var(--light-surface);--text:var(--light-text);--text-secondary:var(--light-text-secondary);--border:var(--light-border);--input:var(--light-input)}[data-theme=dark]{--bg:var(--dark-bg);--surface:var(--dark-surface);--text:var(--dark-text);--text-secondary:var(--dark-text-secondary);--border:var(--dark-border);--input:var(--dark-input)}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.btn{border:none;border-radius:.5rem;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background-color:180 100% 50%;background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:#cff;background-color:var(--primary-hover)}.btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.main-content{margin-left:0}.main-content.sidebar-open{margin-left:200px}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border-top:180 solid 50%;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}:root{--navbar-height:70px}.main-content{margin-left:250px;min-height:100vh;padding-top:70px;padding-top:var(--navbar-height);transition:margin-left .3s ease}@media (max-width:768px){.main-content{margin-left:0;padding-top:70px;padding-top:var(--navbar-height)}.main-content.sidebar-open{margin-left:200px}:root{--navbar-height:60px}}
/*# sourceMappingURL=main.094852a0.css.map*/