@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;750&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";.login-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.login-bg-pattern{background-image:radial-gradient(circle at 20%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 50% 80%,#4f46e50a 0%,#0000 50%);position:absolute;inset:0}.login-bg-glow-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-glow;position:absolute;top:-20%;right:-10%}.login-bg-glow-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-glow;position:absolute;bottom:-20%;left:-10%}.login-bg-line-1{background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:40%;height:2px;position:absolute;top:10%;left:-5%;transform:rotate(-20deg)}.login-bg-line-2{background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:35%;height:2px;position:absolute;bottom:20%;right:-5%;transform:rotate(15deg)}@keyframes float-glow{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.1)}}.login-container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:32px;width:100%;max-width:1120px;min-height:640px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000014,0 10px 30px #0000000a,inset 0 1px #fff9}.login-top-stripe{z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.login-grid{grid-template-columns:1fr 1fr;min-height:640px;display:grid}.login-branding{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;min-height:640px;padding:48px 44px 40px;display:flex;position:relative;overflow:hidden}.login-branding-pattern{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa0f 0%,#0000 40%),radial-gradient(circle at 10% 90%,#6366f10d 0%,#0000 30%);position:absolute;inset:0}.login-branding-stripe{background:linear-gradient(90deg,#fcd34d,#f59e0b,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.login-corner-tl,.login-corner-tr,.login-corner-bl,.login-corner-br{pointer-events:none;opacity:.15;width:80px;height:80px;position:absolute}.login-corner-tl{border-top:2px solid #fff3;border-left:2px solid #fff3;top:16px;left:16px}.login-corner-tr{border-top:2px solid #fff3;border-right:2px solid #fff3;top:16px;right:16px}.login-corner-bl{border-bottom:2px solid #fff3;border-left:2px solid #fff3;bottom:16px;left:16px}.login-corner-br{border-bottom:2px solid #fff3;border-right:2px solid #fff3;bottom:16px;right:16px}.login-branding-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.login-logo-badge{align-items:center;gap:14px;margin-bottom:36px;display:flex}.login-logo-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 24px #f59e0b4d}.login-logo-text{color:#1e1b4b;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.login-logo-label{flex-direction:column;display:flex}.login-logo-title{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.login-logo-subtitle{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:400}.login-branding-main{margin-bottom:16px}.login-branding-heading{letter-spacing:-.02em;color:#fff;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1.08}.login-branding-highlight{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.login-branding-tagline{color:#ffffffb3;letter-spacing:.3px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.login-branding-quote-wrapper{border-top:1px solid #ffffff14;padding-top:28px}.login-branding-quote{color:#ffffffbf;letter-spacing:.3px;quotes:"“" "”";font-family:Cormorant Garamond,serif;font-size:20px;font-style:italic;font-weight:300;line-height:1.6}.login-branding-quote:before{content:"“";color:#fcd34d;margin-right:4px;font-size:28px}.login-branding-quote:after{content:"”";color:#fcd34d;margin-left:4px;font-size:28px}.login-branding-cite{color:#fff6;letter-spacing:.5px;margin-top:8px;font-family:Inter,sans-serif;font-size:13px;font-style:normal;font-weight:400;display:block}.login-branding-stats{z-index:2;border-top:1px solid #ffffff0f;gap:40px;margin-top:20px;padding-top:24px;display:flex;position:relative}.login-stat-item{text-align:center}.login-stat-value{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.login-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.login-form-wrapper{background:#fff;justify-content:center;align-items:center;min-height:640px;padding:48px 48px 40px;display:flex}.login-form-inner{width:100%;max-width:400px}.login-welcome{margin-bottom:36px}.login-welcome-title{color:#1e1b4b;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1.2}.login-welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.login-welcome-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:40px;height:3px;margin-top:14px}.login-form{flex-direction:column;gap:20px;display:flex}.login-field-group{flex-direction:column;gap:6px;display:flex}.login-field-label{color:#1f2937;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.login-field-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .25s}.login-field-input::placeholder{color:#9ca3af;font-weight:400}.login-field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.login-field-input:hover:not(:focus){border-color:#d1d5db}.login-password-wrapper{width:100%;position:relative}.login-password-input{padding-right:48px}.login-password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:color .2s,background .2s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.login-password-toggle:hover{color:#6366f1;background:#6366f114}.login-password-toggle:focus{color:#6366f1;outline:none}.login-password-toggle:focus-visible{outline-offset:2px;outline:2px solid #6366f159}.login-password-toggle svg{flex-shrink:0;display:block}.login-options{justify-content:space-between;align-items:center;margin:4px 0 2px;display:flex}.login-checkbox-label{cursor:pointer;align-items:center;gap:8px;display:flex}.login-checkbox{accent-color:#6366f1;cursor:pointer;border-radius:4px;flex-shrink:0;width:18px;height:18px}.login-checkbox-text{color:#4b5563;-webkit-user-select:none;user-select:none;font-family:Inter,sans-serif;font-size:14px;font-weight:400}.login-forgot-link{color:#6366f1;font-family:Inter,sans-serif;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.login-forgot-link:hover{color:#4f46e5;text-decoration:underline}.login-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}.login-submit-btn:active:not(:disabled){transform:translateY(0)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-btn-text{align-items:center;gap:8px;display:flex}.login-btn-arrow{font-size:18px;transition:transform .3s;display:inline-block}.login-submit-btn:hover:not(:disabled) .login-btn-arrow{transform:translate(4px)}.login-loading-text{align-items:center;gap:8px;display:flex}.login-loading-text:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-register-wrapper{text-align:center;margin-top:6px}.login-register-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px}.login-register-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s}.login-register-link:hover{color:#4f46e5;text-decoration:underline}@media (width<=1024px){.login-container{border-radius:24px;max-width:100%}}@media (width<=900px){.login-grid{grid-template-columns:1fr;min-height:auto}.login-branding{border-radius:24px 24px 0 0;min-height:360px;padding:32px 32px 28px}.login-branding-content{justify-content:flex-start}.login-branding-heading{font-size:40px}.login-branding-stats{gap:24px;margin-top:16px}.login-form-wrapper{border-radius:0 0 24px 24px;min-height:auto;padding:32px 28px 40px}.login-corner-tl,.login-corner-tr,.login-corner-bl,.login-corner-br{display:none}}@media (width<=480px){.login-wrapper{padding:12px}.login-branding{min-height:300px;padding:24px 20px 20px}.login-branding-heading{font-size:32px}.login-branding-tagline{font-size:15px}.login-branding-quote{font-size:16px}.login-stat-value{font-size:22px}.login-form-wrapper{padding:24px 16px 32px}.login-welcome-title{font-size:28px}.login-form{gap:16px}.login-field-input{padding:10px 14px;font-size:14px}.login-password-input{padding-right:44px}.login-password-toggle{width:28px;height:28px;right:9px}.login-options{flex-wrap:wrap;gap:8px}.login-branding-stats{flex-wrap:wrap;gap:12px 24px}}.login-zsmart-brand{align-items:center;gap:10px;margin-bottom:20px;display:flex}.login-zsmart-brand .brand-dot{background:#fcd34d;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}@media (prefers-reduced-motion:reduce){.login-bg-glow-1,.login-bg-glow-2,.login-zsmart-brand .brand-dot,.login-loading-text:after{animation:none}.login-password-toggle,.login-field-input,.login-submit-btn,.login-btn-arrow,.login-forgot-link,.login-register-link{transition:none}}.register-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.register-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.register-bg-pattern{background-image:radial-gradient(circle at 30% 60%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 70% 30%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 40% 80%,#4f46e50a 0%,#0000 50%);position:absolute;inset:0}.register-bg-glow-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-glow;position:absolute;top:-20%;right:-10%}.register-bg-glow-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-glow;position:absolute;bottom:-20%;left:-10%}.register-bg-line-1{background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:40%;height:2px;position:absolute;top:10%;left:-5%;transform:rotate(-20deg)}.register-bg-line-2{background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:35%;height:2px;position:absolute;bottom:20%;right:-5%;transform:rotate(15deg)}.register-container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:32px;width:100%;max-width:1120px;min-height:700px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000014,0 10px 30px #0000000a,inset 0 1px #fff9}.register-top-stripe{z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.register-grid{grid-template-columns:1fr 1fr;min-height:700px;display:grid}.register-branding{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;min-height:700px;padding:48px 44px 40px;display:flex;position:relative;overflow:hidden}.register-branding-pattern{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa0f 0%,#0000 40%),radial-gradient(circle at 10% 90%,#6366f10d 0%,#0000 30%);position:absolute;inset:0}.register-branding-stripe{background:linear-gradient(90deg,#fcd34d,#f59e0b,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.register-corner-tl,.register-corner-tr,.register-corner-bl,.register-corner-br{pointer-events:none;opacity:.15;width:80px;height:80px;position:absolute}.register-corner-tl{border-top:2px solid #fff3;border-left:2px solid #fff3;top:16px;left:16px}.register-corner-tr{border-top:2px solid #fff3;border-right:2px solid #fff3;top:16px;right:16px}.register-corner-bl{border-bottom:2px solid #fff3;border-left:2px solid #fff3;bottom:16px;left:16px}.register-corner-br{border-bottom:2px solid #fff3;border-right:2px solid #fff3;bottom:16px;right:16px}.register-branding-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.register-logo-badge{align-items:center;gap:14px;margin-bottom:36px;display:flex}.register-logo-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 24px #f59e0b4d}.register-logo-text{color:#1e1b4b;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.register-logo-label{flex-direction:column;display:flex}.register-logo-title{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.register-logo-subtitle{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:400}.register-branding-main{margin-bottom:16px}.register-branding-heading{letter-spacing:-.02em;color:#fff;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1.08}.register-branding-highlight{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.register-branding-tagline{color:#ffffffb3;letter-spacing:.3px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.register-features{border-top:1px solid #ffffff14;flex-direction:column;gap:14px;padding-top:28px;display:flex}.register-feature-item{color:#ffffffbf;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;display:flex}.register-feature-icon{color:#fcd34d;background:#fcd34d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.register-branding-stats{z-index:2;border-top:1px solid #ffffff0f;gap:40px;margin-top:20px;padding-top:24px;display:flex;position:relative}.register-stat-item{text-align:center}.register-stat-value{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.register-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.register-form-wrapper{background:#fff;justify-content:center;align-items:center;min-height:700px;padding:48px 48px 40px;display:flex}.register-form-inner{width:100%;max-width:400px}.register-welcome{margin-bottom:32px}.register-welcome-title{color:#1e1b4b;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1.2}.register-welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.register-welcome-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:40px;height:3px;margin-top:14px}.register-form{flex-direction:column;gap:16px;display:flex}.register-field-group{flex-direction:column;gap:6px;display:flex}.register-field-label{color:#1f2937;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.register-field-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .25s}.register-field-input::placeholder{color:#9ca3af;font-weight:400}.register-field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.register-field-input:hover:not(:focus){border-color:#d1d5db}.register-password-hint{color:#6b7280;align-items:center;gap:4px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;display:flex}.register-password-hint .hint-dot{background:#9ca3af;border-radius:50%;width:4px;height:4px;margin:0 4px;display:inline-block}.register-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.register-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}.register-submit-btn:active:not(:disabled){transform:translateY(0)}.register-submit-btn:disabled{opacity:.7;cursor:not-allowed}.register-btn-text{align-items:center;gap:8px;display:flex}.register-btn-arrow{font-size:18px;transition:transform .3s;display:inline-block}.register-submit-btn:hover:not(:disabled) .register-btn-arrow{transform:translate(4px)}.register-loading-text{align-items:center;gap:8px;display:flex}.register-loading-text:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.register-login-wrapper{text-align:center;margin-top:6px}.register-login-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px}.register-login-link{color:#6366f1;font-weight:600;text-decoration:none;transition:color .2s}.register-login-link:hover{color:#4f46e5;text-decoration:underline}.register-terms{text-align:center;color:#9ca3af;margin-top:4px;font-family:Inter,sans-serif;font-size:12px;line-height:1.5}.register-terms a{color:#6366f1;text-decoration:none}.register-terms a:hover{text-decoration:underline}@media (width<=1024px){.register-container{border-radius:24px;max-width:100%}}@media (width<=900px){.register-grid{grid-template-columns:1fr;min-height:auto}.register-branding{border-radius:24px 24px 0 0;min-height:380px;padding:32px 32px 28px}.register-branding-content{justify-content:flex-start}.register-branding-heading{font-size:40px}.register-branding-stats{gap:24px;margin-top:16px}.register-features{padding-top:20px}.register-form-wrapper{border-radius:0 0 24px 24px;min-height:auto;padding:32px 28px 40px}.register-corner-tl,.register-corner-tr,.register-corner-bl,.register-corner-br{display:none}}@media (width<=480px){.register-wrapper{padding:12px}.register-branding{min-height:320px;padding:24px 20px 20px}.register-branding-heading{font-size:32px}.register-branding-tagline{font-size:15px}.register-branding-stats{gap:16px}.register-stat-value{font-size:22px}.register-feature-item{font-size:13px}.register-form-wrapper{padding:24px 16px 32px}.register-welcome-title{font-size:28px}.register-form{gap:14px}.register-field-input{padding:10px 14px;font-size:14px}.register-branding-stats{flex-wrap:wrap;gap:12px 24px}}.forgot-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.forgot-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.forgot-bg-pattern{background-image:radial-gradient(circle at 40%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 60% 30%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 50% 70%,#4f46e50a 0%,#0000 50%);position:absolute;inset:0}.forgot-bg-glow-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-glow;position:absolute;top:-20%;right:-10%}.forgot-bg-glow-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-glow;position:absolute;bottom:-20%;left:-10%}.forgot-bg-line-1{background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:40%;height:2px;position:absolute;top:10%;left:-5%;transform:rotate(-20deg)}.forgot-bg-line-2{background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:35%;height:2px;position:absolute;bottom:20%;right:-5%;transform:rotate(15deg)}.forgot-container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:32px;width:100%;max-width:1120px;min-height:640px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000014,0 10px 30px #0000000a,inset 0 1px #fff9}.forgot-top-stripe{z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.forgot-grid{grid-template-columns:1fr 1fr;min-height:640px;display:grid}.forgot-branding{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;min-height:640px;padding:48px 44px 40px;display:flex;position:relative;overflow:hidden}.forgot-branding-pattern{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa0f 0%,#0000 40%),radial-gradient(circle at 10% 90%,#6366f10d 0%,#0000 30%);position:absolute;inset:0}.forgot-branding-stripe{background:linear-gradient(90deg,#fcd34d,#f59e0b,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.forgot-corner-tl,.forgot-corner-tr,.forgot-corner-bl,.forgot-corner-br{pointer-events:none;opacity:.15;width:80px;height:80px;position:absolute}.forgot-corner-tl{border-top:2px solid #fff3;border-left:2px solid #fff3;top:16px;left:16px}.forgot-corner-tr{border-top:2px solid #fff3;border-right:2px solid #fff3;top:16px;right:16px}.forgot-corner-bl{border-bottom:2px solid #fff3;border-left:2px solid #fff3;bottom:16px;left:16px}.forgot-corner-br{border-bottom:2px solid #fff3;border-right:2px solid #fff3;bottom:16px;right:16px}.forgot-branding-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.forgot-logo-badge{align-items:center;gap:14px;margin-bottom:36px;display:flex}.forgot-logo-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 24px #f59e0b4d}.forgot-logo-text{color:#1e1b4b;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.forgot-logo-label{flex-direction:column;display:flex}.forgot-logo-title{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.forgot-logo-subtitle{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:400}.forgot-branding-main{margin-bottom:16px}.forgot-branding-heading{letter-spacing:-.02em;color:#fff;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1.08}.forgot-branding-highlight{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.forgot-branding-tagline{color:#ffffffb3;letter-spacing:.3px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.forgot-security-tips{border-top:1px solid #ffffff14;flex-direction:column;gap:14px;padding-top:28px;display:flex}.forgot-security-item{color:#ffffffbf;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;display:flex}.forgot-security-icon{color:#fcd34d;background:#fcd34d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.forgot-branding-stats{z-index:2;border-top:1px solid #ffffff0f;gap:40px;margin-top:20px;padding-top:24px;display:flex;position:relative}.forgot-stat-item{text-align:center}.forgot-stat-value{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.forgot-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.forgot-form-wrapper{background:#fff;justify-content:center;align-items:center;min-height:640px;padding:48px 48px 40px;display:flex}.forgot-form-inner{width:100%;max-width:400px}.forgot-welcome{margin-bottom:32px}.forgot-welcome-title{color:#1e1b4b;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1.2}.forgot-welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.forgot-welcome-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:40px;height:3px;margin-top:14px}.forgot-form{flex-direction:column;gap:20px;display:flex}.forgot-field-group{flex-direction:column;gap:6px;display:flex}.forgot-field-label{color:#1f2937;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.forgot-field-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .25s}.forgot-field-input::placeholder{color:#9ca3af;font-weight:400}.forgot-field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.forgot-field-input:hover:not(:focus){border-color:#d1d5db}.forgot-info-text{background:#f0f4ff;border-left:3px solid #6366f1;border-radius:10px;align-items:flex-start;gap:10px;margin:4px 0 2px;padding:14px 16px;display:flex}.forgot-info-icon{color:#6366f1;flex-shrink:0;margin-top:1px;font-size:18px}.forgot-info-content{color:#4b5563;font-family:Inter,sans-serif;font-size:13px;line-height:1.5}.forgot-info-content strong{color:#1f2937}.forgot-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.forgot-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}.forgot-submit-btn:active:not(:disabled){transform:translateY(0)}.forgot-submit-btn:disabled{opacity:.7;cursor:not-allowed}.forgot-btn-text{align-items:center;gap:8px;display:flex}.forgot-btn-arrow{font-size:18px;transition:transform .3s;display:inline-block}.forgot-submit-btn:hover:not(:disabled) .forgot-btn-arrow{transform:translate(4px)}.forgot-loading-text{align-items:center;gap:8px;display:flex}.forgot-loading-text:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.forgot-back-wrapper{text-align:center;margin-top:4px}.forgot-back-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px}.forgot-back-link{color:#6366f1;align-items:center;gap:4px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.forgot-back-link:hover{color:#4f46e5;text-decoration:underline}.forgot-back-link .back-arrow{transition:transform .2s;display:inline-block}.forgot-back-link:hover .back-arrow{transform:translate(-3px)}@media (width<=1024px){.forgot-container{border-radius:24px;max-width:100%}}@media (width<=900px){.forgot-grid{grid-template-columns:1fr;min-height:auto}.forgot-branding{border-radius:24px 24px 0 0;min-height:360px;padding:32px 32px 28px}.forgot-branding-content{justify-content:flex-start}.forgot-branding-heading{font-size:40px}.forgot-branding-stats{gap:24px;margin-top:16px}.forgot-security-tips{padding-top:20px}.forgot-form-wrapper{border-radius:0 0 24px 24px;min-height:auto;padding:32px 28px 40px}.forgot-corner-tl,.forgot-corner-tr,.forgot-corner-bl,.forgot-corner-br{display:none}}@media (width<=480px){.forgot-wrapper{padding:12px}.forgot-branding{min-height:300px;padding:24px 20px 20px}.forgot-branding-heading{font-size:32px}.forgot-branding-tagline{font-size:15px}.forgot-branding-stats{gap:16px}.forgot-stat-value{font-size:22px}.forgot-security-item{font-size:13px}.forgot-form-wrapper{padding:24px 16px 32px}.forgot-welcome-title{font-size:28px}.forgot-form{gap:16px}.forgot-field-input{padding:10px 14px;font-size:14px}.forgot-branding-stats{flex-wrap:wrap;gap:12px 24px}.forgot-info-text{padding:12px 14px;font-size:12px}}.reset-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.reset-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.reset-bg-pattern{background-image:radial-gradient(circle at 35% 45%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 65% 55%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 45% 75%,#4f46e50a 0%,#0000 50%);position:absolute;inset:0}.reset-bg-glow-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-glow;position:absolute;top:-20%;right:-10%}.reset-bg-glow-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-glow;position:absolute;bottom:-20%;left:-10%}.reset-bg-line-1{background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:40%;height:2px;position:absolute;top:10%;left:-5%;transform:rotate(-20deg)}.reset-bg-line-2{background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:35%;height:2px;position:absolute;bottom:20%;right:-5%;transform:rotate(15deg)}.reset-container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:32px;width:100%;max-width:1120px;min-height:640px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000014,0 10px 30px #0000000a,inset 0 1px #fff9}.reset-top-stripe{z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.reset-grid{grid-template-columns:1fr 1fr;min-height:640px;display:grid}.reset-branding{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;min-height:640px;padding:48px 44px 40px;display:flex;position:relative;overflow:hidden}.reset-branding-pattern{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa0f 0%,#0000 40%),radial-gradient(circle at 10% 90%,#6366f10d 0%,#0000 30%);position:absolute;inset:0}.reset-branding-stripe{background:linear-gradient(90deg,#fcd34d,#f59e0b,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.reset-corner-tl,.reset-corner-tr,.reset-corner-bl,.reset-corner-br{pointer-events:none;opacity:.15;width:80px;height:80px;position:absolute}.reset-corner-tl{border-top:2px solid #fff3;border-left:2px solid #fff3;top:16px;left:16px}.reset-corner-tr{border-top:2px solid #fff3;border-right:2px solid #fff3;top:16px;right:16px}.reset-corner-bl{border-bottom:2px solid #fff3;border-left:2px solid #fff3;bottom:16px;left:16px}.reset-corner-br{border-bottom:2px solid #fff3;border-right:2px solid #fff3;bottom:16px;right:16px}.reset-branding-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.reset-logo-badge{align-items:center;gap:14px;margin-bottom:36px;display:flex}.reset-logo-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 24px #f59e0b4d}.reset-logo-text{color:#1e1b4b;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.reset-logo-label{flex-direction:column;display:flex}.reset-logo-title{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.reset-logo-subtitle{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:400}.reset-branding-main{margin-bottom:16px}.reset-branding-heading{letter-spacing:-.02em;color:#fff;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1.08}.reset-branding-highlight{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.reset-branding-tagline{color:#ffffffb3;letter-spacing:.3px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.reset-requirements{border-top:1px solid #ffffff14;flex-direction:column;gap:14px;padding-top:28px;display:flex}.reset-requirement-item{color:#ffffffbf;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;display:flex}.reset-requirement-icon{color:#fcd34d;background:#fcd34d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.reset-branding-stats{z-index:2;border-top:1px solid #ffffff0f;gap:40px;margin-top:20px;padding-top:24px;display:flex;position:relative}.reset-stat-item{text-align:center}.reset-stat-value{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.reset-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.reset-form-wrapper{background:#fff;justify-content:center;align-items:center;min-height:640px;padding:48px 48px 40px;display:flex}.reset-form-inner{width:100%;max-width:400px}.reset-welcome{margin-bottom:32px}.reset-welcome-title{color:#1e1b4b;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1.2}.reset-welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.reset-welcome-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:40px;height:3px;margin-top:14px}.reset-form{flex-direction:column;gap:20px;display:flex}.reset-field-group{flex-direction:column;gap:6px;display:flex}.reset-field-label{color:#1f2937;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.reset-field-input{color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:15px;transition:all .25s}.reset-field-input::placeholder{color:#9ca3af;font-weight:400}.reset-field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.reset-field-input:hover:not(:focus){border-color:#d1d5db}.reset-password-strength{background:#f9fafb;border-radius:8px;align-items:center;gap:10px;margin-top:2px;padding:8px 12px;display:flex}.reset-strength-bar{background:#e5e7eb;border-radius:2px;flex:1;gap:4px;height:4px;display:flex;overflow:hidden}.reset-strength-segment{background:#e5e7eb;border-radius:2px;flex:1;height:100%;transition:background .3s}.reset-strength-segment.active-weak{background:#ef4444}.reset-strength-segment.active-medium{background:#f59e0b}.reset-strength-segment.active-strong{background:#22c55e}.reset-strength-text{color:#6b7280;white-space:nowrap;min-width:40px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.reset-password-hint{color:#6b7280;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;display:flex}.reset-password-hint .hint-dot{background:#9ca3af;border-radius:50%;width:4px;height:4px;display:inline-block}.reset-password-match{align-items:center;gap:6px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;display:flex}.reset-password-match.match-success{color:#22c55e}.reset-password-match.match-error{color:#ef4444}.reset-password-match .match-icon{font-size:14px}.reset-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.reset-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}.reset-submit-btn:active:not(:disabled){transform:translateY(0)}.reset-submit-btn:disabled{opacity:.7;cursor:not-allowed}.reset-btn-text{align-items:center;gap:8px;display:flex}.reset-btn-arrow{font-size:18px;transition:transform .3s;display:inline-block}.reset-submit-btn:hover:not(:disabled) .reset-btn-arrow{transform:translate(4px)}.reset-loading-text{align-items:center;gap:8px;display:flex}.reset-loading-text:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@media (width<=1024px){.reset-container{border-radius:24px;max-width:100%}}@media (width<=900px){.reset-grid{grid-template-columns:1fr;min-height:auto}.reset-branding{border-radius:24px 24px 0 0;min-height:360px;padding:32px 32px 28px}.reset-branding-content{justify-content:flex-start}.reset-branding-heading{font-size:40px}.reset-branding-stats{gap:24px;margin-top:16px}.reset-requirements{padding-top:20px}.reset-form-wrapper{border-radius:0 0 24px 24px;min-height:auto;padding:32px 28px 40px}.reset-corner-tl,.reset-corner-tr,.reset-corner-bl,.reset-corner-br{display:none}}@media (width<=480px){.reset-wrapper{padding:12px}.reset-branding{min-height:300px;padding:24px 20px 20px}.reset-branding-heading{font-size:32px}.reset-branding-tagline{font-size:15px}.reset-branding-stats{gap:16px}.reset-stat-value{font-size:22px}.reset-requirement-item{font-size:13px}.reset-form-wrapper{padding:24px 16px 32px}.reset-welcome-title{font-size:28px}.reset-form{gap:16px}.reset-field-input{padding:10px 14px;font-size:14px}.reset-branding-stats{flex-wrap:wrap;gap:12px 24px}.reset-password-strength{padding:6px 10px}.reset-strength-text{min-width:30px;font-size:10px}}.verify-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.verify-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.verify-bg-pattern{background-image:radial-gradient(circle at 45% 40%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 55% 60%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 50% 70%,#4f46e50a 0%,#0000 50%);position:absolute;inset:0}.verify-bg-glow-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-glow;position:absolute;top:-20%;right:-10%}.verify-bg-glow-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-glow;position:absolute;bottom:-20%;left:-10%}.verify-bg-line-1{background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:40%;height:2px;position:absolute;top:10%;left:-5%;transform:rotate(-20deg)}.verify-bg-line-2{background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:35%;height:2px;position:absolute;bottom:20%;right:-5%;transform:rotate(15deg)}.verify-container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:32px;width:100%;max-width:1120px;min-height:640px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000014,0 10px 30px #0000000a,inset 0 1px #fff9}.verify-top-stripe{z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.verify-grid{grid-template-columns:1fr 1fr;min-height:640px;display:grid}.verify-branding{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;min-height:640px;padding:48px 44px 40px;display:flex;position:relative;overflow:hidden}.verify-branding-pattern{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa0f 0%,#0000 40%),radial-gradient(circle at 10% 90%,#6366f10d 0%,#0000 30%);position:absolute;inset:0}.verify-branding-stripe{background:linear-gradient(90deg,#fcd34d,#f59e0b,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.verify-corner-tl,.verify-corner-tr,.verify-corner-bl,.verify-corner-br{pointer-events:none;opacity:.15;width:80px;height:80px;position:absolute}.verify-corner-tl{border-top:2px solid #fff3;border-left:2px solid #fff3;top:16px;left:16px}.verify-corner-tr{border-top:2px solid #fff3;border-right:2px solid #fff3;top:16px;right:16px}.verify-corner-bl{border-bottom:2px solid #fff3;border-left:2px solid #fff3;bottom:16px;left:16px}.verify-corner-br{border-bottom:2px solid #fff3;border-right:2px solid #fff3;bottom:16px;right:16px}.verify-branding-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.verify-logo-badge{align-items:center;gap:14px;margin-bottom:36px;display:flex}.verify-logo-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 24px #f59e0b4d}.verify-logo-text{color:#1e1b4b;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.verify-logo-label{flex-direction:column;display:flex}.verify-logo-title{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.verify-logo-subtitle{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:400}.verify-branding-main{margin-bottom:16px}.verify-branding-heading{letter-spacing:-.02em;color:#fff;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1.08}.verify-branding-highlight{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.verify-branding-tagline{color:#ffffffb3;letter-spacing:.3px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.verify-otp-info{border-top:1px solid #ffffff14;flex-direction:column;gap:14px;padding-top:28px;display:flex}.verify-otp-item{color:#ffffffbf;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;display:flex}.verify-otp-icon{color:#fcd34d;background:#fcd34d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.verify-branding-stats{z-index:2;border-top:1px solid #ffffff0f;gap:40px;margin-top:20px;padding-top:24px;display:flex;position:relative}.verify-stat-item{text-align:center}.verify-stat-value{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.verify-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.verify-form-wrapper{background:#fff;justify-content:center;align-items:center;min-height:640px;padding:48px 48px 40px;display:flex}.verify-form-inner{width:100%;max-width:400px}.verify-welcome{margin-bottom:32px}.verify-welcome-title{color:#1e1b4b;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1.2}.verify-welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.verify-welcome-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:40px;height:3px;margin-top:14px}.verify-form{flex-direction:column;gap:20px;display:flex}.verify-email-display{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.verify-email-icon{color:#6366f1;font-size:18px}.verify-email-text{color:#1f2937;word-break:break-all;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.verify-field-group{flex-direction:column;gap:6px;display:flex}.verify-field-label{color:#1f2937;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.verify-field-input{letter-spacing:8px;text-align:center;color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:20px;font-weight:600;transition:all .25s}.verify-field-input::placeholder{color:#9ca3af;letter-spacing:2px;font-size:16px;font-weight:400}.verify-field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.verify-field-input:hover:not(:focus){border-color:#d1d5db}.verify-otp-hint{color:#6b7280;justify-content:center;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;display:flex}.verify-otp-hint .hint-dot{background:#9ca3af;border-radius:50%;width:4px;height:4px;display:inline-block}.verify-otp-container{position:relative}.verify-otp-container .otp-timer{color:#6b7280;font-family:Inter,sans-serif;font-size:13px;font-weight:500;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.verify-otp-container .otp-timer .timer-text{color:#6366f1}.verify-resend-wrapper{text-align:center}.verify-resend-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px}.verify-resend-link{color:#6366f1;cursor:pointer;font-weight:600;text-decoration:none;transition:color .2s}.verify-resend-link:hover{color:#4f46e5;text-decoration:underline}.verify-resend-link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.verify-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.verify-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}.verify-submit-btn:active:not(:disabled){transform:translateY(0)}.verify-submit-btn:disabled{opacity:.7;cursor:not-allowed}.verify-btn-text{align-items:center;gap:8px;display:flex}.verify-btn-arrow{font-size:18px;transition:transform .3s;display:inline-block}.verify-submit-btn:hover:not(:disabled) .verify-btn-arrow{transform:translate(4px)}.verify-loading-text{align-items:center;gap:8px;display:flex}.verify-loading-text:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}@media (width<=1024px){.verify-container{border-radius:24px;max-width:100%}}@media (width<=900px){.verify-grid{grid-template-columns:1fr;min-height:auto}.verify-branding{border-radius:24px 24px 0 0;min-height:360px;padding:32px 32px 28px}.verify-branding-content{justify-content:flex-start}.verify-branding-heading{font-size:40px}.verify-branding-stats{gap:24px;margin-top:16px}.verify-otp-info{padding-top:20px}.verify-form-wrapper{border-radius:0 0 24px 24px;min-height:auto;padding:32px 28px 40px}.verify-corner-tl,.verify-corner-tr,.verify-corner-bl,.verify-corner-br{display:none}}@media (width<=480px){.verify-wrapper{padding:12px}.verify-branding{min-height:300px;padding:24px 20px 20px}.verify-branding-heading{font-size:32px}.verify-branding-tagline{font-size:15px}.verify-branding-stats{gap:16px}.verify-stat-value{font-size:22px}.verify-otp-item{font-size:13px}.verify-form-wrapper{padding:24px 16px 32px}.verify-welcome-title{font-size:28px}.verify-form{gap:16px}.verify-field-input{letter-spacing:6px;padding:10px 14px;font-size:18px}.verify-branding-stats{flex-wrap:wrap;gap:12px 24px}.verify-email-text{font-size:13px}.verify-otp-container .otp-timer{font-size:12px;right:12px}}*{box-sizing:border-box;margin:0;padding:0}.verify-reset-wrapper{background:#f8fafc;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.verify-reset-bg-decoration{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.verify-reset-bg-pattern{background-image:radial-gradient(circle at 40% 45%,#6366f10d 0%,#0000 50%),radial-gradient(circle at 60% 55%,#8b5cf60d 0%,#0000 40%),radial-gradient(circle at 50% 75%,#4f46e50a 0%,#0000 50%);position:absolute;inset:0}.verify-reset-bg-glow-1{background:radial-gradient(circle,#6366f114 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:8s ease-in-out infinite float-glow;position:absolute;top:-20%;right:-10%}.verify-reset-bg-glow-2{background:radial-gradient(circle,#8b5cf60f 0%,#0000 70%);border-radius:50%;width:500px;height:500px;animation:10s ease-in-out infinite reverse float-glow;position:absolute;bottom:-20%;left:-10%}.verify-reset-bg-line-1{background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:40%;height:2px;position:absolute;top:10%;left:-5%;transform:rotate(-20deg)}.verify-reset-bg-line-2{background:linear-gradient(90deg,#0000,#8b5cf614,#0000);width:35%;height:2px;position:absolute;bottom:20%;right:-5%;transform:rotate(15deg)}.verify-reset-container{z-index:1;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #ffffff4d;border-radius:32px;width:100%;max-width:1120px;min-height:640px;position:relative;overflow:hidden;box-shadow:0 25px 80px #00000014,0 10px 30px #0000000a,inset 0 1px #fff9}.verify-reset-top-stripe{z-index:10;background:linear-gradient(90deg,#6366f1,#8b5cf6,#a78bfa);height:4px;position:absolute;top:0;left:0;right:0}.verify-reset-grid{grid-template-columns:1fr 1fr;min-height:640px;display:grid}.verify-reset-branding{color:#fff;background:linear-gradient(145deg,#1e1b4b 0%,#312e81 40%,#4338ca 100%);flex-direction:column;justify-content:space-between;min-height:640px;padding:48px 44px 40px;display:flex;position:relative;overflow:hidden}.verify-reset-branding-pattern{pointer-events:none;background-image:radial-gradient(circle at 30% 40%,#ffffff0a 0%,#0000 50%),radial-gradient(circle at 70% 70%,#a78bfa0f 0%,#0000 40%),radial-gradient(circle at 10% 90%,#6366f10d 0%,#0000 30%);position:absolute;inset:0}.verify-reset-branding-stripe{background:linear-gradient(90deg,#fcd34d,#f59e0b,#fbbf24);height:4px;position:absolute;top:0;left:0;right:0}.verify-reset-corner-tl,.verify-reset-corner-tr,.verify-reset-corner-bl,.verify-reset-corner-br{pointer-events:none;opacity:.15;width:80px;height:80px;position:absolute}.verify-reset-corner-tl{border-top:2px solid #fff3;border-left:2px solid #fff3;top:16px;left:16px}.verify-reset-corner-tr{border-top:2px solid #fff3;border-right:2px solid #fff3;top:16px;right:16px}.verify-reset-corner-bl{border-bottom:2px solid #fff3;border-left:2px solid #fff3;bottom:16px;left:16px}.verify-reset-corner-br{border-bottom:2px solid #fff3;border-right:2px solid #fff3;bottom:16px;right:16px}.verify-reset-branding-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.verify-reset-logo-badge{align-items:center;gap:14px;margin-bottom:36px;display:flex}.verify-reset-logo-icon{background:linear-gradient(135deg,#fcd34d,#f59e0b);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 24px #f59e0b4d}.verify-reset-logo-text{color:#1e1b4b;letter-spacing:.5px;font-family:Cormorant Garamond,serif;font-size:20px;font-weight:700}.verify-reset-logo-label{flex-direction:column;display:flex}.verify-reset-logo-title{color:#ffffffe6;letter-spacing:.5px;text-transform:uppercase;font-size:14px;font-weight:600}.verify-reset-logo-subtitle{color:#ffffff80;letter-spacing:1px;text-transform:uppercase;font-size:11px;font-weight:400}.verify-reset-branding-main{margin-bottom:16px}.verify-reset-branding-heading{letter-spacing:-.02em;color:#fff;font-family:Cormorant Garamond,serif;font-size:56px;font-weight:700;line-height:1.08}.verify-reset-branding-highlight{background:linear-gradient(135deg,#fcd34d,#f59e0b);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.verify-reset-branding-tagline{color:#ffffffb3;letter-spacing:.3px;margin-bottom:32px;font-family:Inter,sans-serif;font-size:18px;font-weight:400;line-height:1.6}.verify-reset-otp-info{border-top:1px solid #ffffff14;flex-direction:column;gap:14px;padding-top:28px;display:flex}.verify-reset-otp-item{color:#ffffffbf;align-items:center;gap:12px;font-family:Inter,sans-serif;font-size:15px;font-weight:400;display:flex}.verify-reset-otp-icon{color:#fcd34d;background:#fcd34d26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;display:flex}.verify-reset-branding-stats{z-index:2;border-top:1px solid #ffffff0f;gap:40px;margin-top:20px;padding-top:24px;display:flex;position:relative}.verify-reset-stat-item{text-align:center}.verify-reset-stat-value{color:#fff;font-family:Cormorant Garamond,serif;font-size:28px;font-weight:700;line-height:1.2}.verify-reset-stat-label{color:#fff6;text-transform:uppercase;letter-spacing:.8px;margin-top:2px;font-family:Inter,sans-serif;font-size:12px;font-weight:400}.verify-reset-form-wrapper{background:#fff;justify-content:center;align-items:center;min-height:640px;padding:48px 48px 40px;display:flex}.verify-reset-form-inner{width:100%;max-width:400px}.verify-reset-welcome{margin-bottom:32px}.verify-reset-welcome-title{color:#1e1b4b;margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:36px;font-weight:700;line-height:1.2}.verify-reset-welcome-subtitle{color:#6b7280;font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:1.5}.verify-reset-welcome-line{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:2px;width:40px;height:3px;margin-top:14px}.verify-reset-form{flex-direction:column;gap:20px;display:flex}.verify-reset-email-display{background:#f0f4ff;border:1px solid #e0e7ff;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.verify-reset-email-icon{color:#6366f1;font-size:18px}.verify-reset-email-text{color:#1f2937;word-break:break-all;font-family:Inter,sans-serif;font-size:14px;font-weight:500}.verify-reset-field-group{flex-direction:column;gap:6px;display:flex}.verify-reset-field-label{color:#1f2937;letter-spacing:.3px;font-family:Inter,sans-serif;font-size:13px;font-weight:600}.verify-reset-field-input{letter-spacing:8px;text-align:center;color:#1f2937;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:20px;font-weight:600;transition:all .25s}.verify-reset-field-input::placeholder{color:#9ca3af;letter-spacing:2px;font-size:16px;font-weight:400}.verify-reset-field-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.verify-reset-field-input:hover:not(:focus){border-color:#d1d5db}.verify-reset-otp-hint{color:#6b7280;justify-content:center;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:12px;display:flex}.verify-reset-otp-hint .hint-dot{background:#9ca3af;border-radius:50%;width:4px;height:4px;display:inline-block}.verify-reset-otp-container{position:relative}.verify-reset-otp-container .otp-timer{color:#6b7280;font-family:Inter,sans-serif;font-size:13px;font-weight:500;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.verify-reset-otp-container .otp-timer .timer-text{color:#6366f1}.verify-reset-resend-wrapper{text-align:center}.verify-reset-resend-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px}.verify-reset-resend-link{color:#6366f1;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.verify-reset-resend-link:hover{color:#4f46e5;text-decoration:underline}.verify-reset-resend-link:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.verify-reset-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:14px 20px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.verify-reset-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 28px #6366f159}.verify-reset-submit-btn:active:not(:disabled){transform:translateY(0)}.verify-reset-submit-btn:disabled{opacity:.7;cursor:not-allowed}.verify-reset-btn-text{align-items:center;gap:8px;display:flex}.verify-reset-btn-arrow{font-size:18px;transition:transform .3s;display:inline-block}.verify-reset-submit-btn:hover:not(:disabled) .verify-reset-btn-arrow{transform:translate(4px)}.verify-reset-loading-text{align-items:center;gap:8px;display:flex}.verify-reset-loading-text:after{content:"";border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin}.verify-reset-back-wrapper{text-align:center;margin-top:4px}.verify-reset-back-text{color:#6b7280;font-family:Inter,sans-serif;font-size:14px}.verify-reset-back-link{color:#6366f1;align-items:center;gap:4px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.verify-reset-back-link:hover{color:#4f46e5;text-decoration:underline}.verify-reset-back-link .back-arrow{transition:transform .2s;display:inline-block}.verify-reset-back-link:hover .back-arrow{transform:translate(-3px)}@media (width<=1024px){.verify-reset-container{border-radius:24px;max-width:100%}}@media (width<=900px){.verify-reset-grid{grid-template-columns:1fr;min-height:auto}.verify-reset-branding{border-radius:24px 24px 0 0;min-height:360px;padding:32px 32px 28px}.verify-reset-branding-content{justify-content:flex-start}.verify-reset-branding-heading{font-size:40px}.verify-reset-branding-stats{gap:24px;margin-top:16px}.verify-reset-otp-info{padding-top:20px}.verify-reset-form-wrapper{border-radius:0 0 24px 24px;min-height:auto;padding:32px 28px 40px}.verify-reset-corner-tl,.verify-reset-corner-tr,.verify-reset-corner-bl,.verify-reset-corner-br{display:none}}@media (width<=480px){.verify-reset-wrapper{padding:12px}.verify-reset-branding{min-height:300px;padding:24px 20px 20px}.verify-reset-branding-heading{font-size:32px}.verify-reset-branding-tagline{font-size:15px}.verify-reset-branding-stats{gap:16px}.verify-reset-stat-value{font-size:22px}.verify-reset-otp-item{font-size:13px}.verify-reset-form-wrapper{padding:24px 16px 32px}.verify-reset-welcome-title{font-size:28px}.verify-reset-form{gap:16px}.verify-reset-field-input{letter-spacing:6px;padding:10px 14px;font-size:18px}.verify-reset-branding-stats{flex-wrap:wrap;gap:12px 24px}.verify-reset-email-text{font-size:13px}.verify-reset-otp-container .otp-timer{font-size:12px;right:12px}}.invite-registration-page{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}.invite-container{width:100%;max-width:480px;animation:.5s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.invite-card{background:#fff;border-radius:20px;padding:40px 36px;box-shadow:0 20px 60px #00000026}.invite-header{text-align:center;margin-bottom:32px}.invite-header h1{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.invite-header p{color:#64748b;margin:0;font-size:16px}.invite-user-info{background:#f8fafc;border-left:4px solid #667eea;border-radius:12px;margin-bottom:28px;padding:20px 24px}.invite-user-info h2{color:#1a1a2e;margin:0 0 4px;font-size:20px;font-weight:600}.invite-user-info p{color:#475569;margin:4px 0;font-size:14px}.invite-user-info .invite-email{color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:8px;padding-top:8px;font-size:13px}.invite-user-info .invite-email span{color:#64748b;font-weight:600}.invite-form .form-group{margin-bottom:18px}.invite-form .form-group label{color:#374151;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.password-input-wrapper input{color:#1a1a2e;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:12px 44px 12px 16px;font-size:15px;transition:all .2s}.password-input-wrapper input::placeholder{color:#94a3b8}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#475569;background:#f1f5f9}.form-error{color:#dc2626;background:#fef2f2;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:14px;display:flex}.invite-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #6366f140}.invite-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.invite-submit-btn:disabled{opacity:.7;cursor:not-allowed}.invite-footer-text{text-align:center;color:#94a3b8;margin-top:16px;font-size:13px}.invite-error{text-align:center;padding:20px 0}.invite-error svg{color:#ef4444;margin-bottom:12px}.invite-error p{color:#dc2626;margin:0 0 16px;font-size:16px}.invite-error button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-weight:500;transition:all .2s}.invite-error button:hover{background:#f1f5f9}.invite-loading{text-align:center;color:#fff}.invite-loading .spinning{animation:.8s linear infinite spin}.invite-loading p{opacity:.9;margin-top:16px;font-size:16px}.success-box{text-align:center;padding:20px 0}.success-box .success-icon{color:#10b981;margin-bottom:16px}.success-box h1{color:#1a1a2e;margin:0 0 8px;font-size:24px;font-weight:700}.success-box p{color:#475569;margin:0;font-size:16px}.success-box .success-sub{color:#94a3b8;margin-top:8px;font-size:14px}@media (width<=600px){.invite-card{padding:28px 20px}.invite-header h1{font-size:24px}.invite-user-info h2{font-size:18px}.invite-submit-btn{padding:12px 20px;font-size:15px}}.dashboard-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.dashboard-title{margin-bottom:28px}.dashboard-title h1{color:var(--admin-text);letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.3}.dashboard-title p{color:var(--admin-text-muted);margin:7px 0 0;font-size:13px;font-weight:400}.dashboard-box[style*=borderLeft]{border-radius:var(--admin-radius-lg);box-shadow:var(--admin-shadow-xs);background:#fff7f7;margin-bottom:20px;padding:14px 18px;border:1px solid #fecaca!important;border-left:4px solid var(--admin-danger)!important}.dashboard-box[style*=borderLeft] p{margin:0;font-size:13px;font-weight:500;color:var(--admin-danger)!important}.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px;display:grid}.dashboard-card{background:var(--admin-surface);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);min-width:0;min-height:128px;box-shadow:var(--admin-shadow-sm);transition:transform var(--admin-transition), box-shadow var(--admin-transition), border-color var(--admin-transition);align-items:center;gap:16px;padding:20px;display:flex;position:relative;overflow:hidden}.dashboard-card:after{content:"";pointer-events:none;background:#6366f109;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.dashboard-card:hover{box-shadow:var(--admin-shadow-md);border-color:#dfe3f0;transform:translateY(-3px)}.dashboard-icon{z-index:1;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 6px 14px #0f172a1f;border-radius:13px!important}.dashboard-icon svg{width:23px;height:23px}.dashboard-card>div:last-child{z-index:1;min-width:0;position:relative}.dashboard-card h2{color:var(--admin-text);letter-spacing:-.4px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:23px;font-weight:700;line-height:1.25;overflow:hidden}.dashboard-card p{color:var(--admin-text-muted);margin:5px 0 0;font-size:12px;font-weight:500;line-height:1.4}.dashboard-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);gap:20px;margin-bottom:20px;display:grid}.dashboard-grid:last-child{grid-template-columns:1fr}.dashboard-box{background:var(--admin-surface);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);min-width:0;box-shadow:var(--admin-shadow-sm);overflow:hidden}.dashboard-box.large{min-width:0}.dashboard-box h3{border-bottom:1px solid var(--admin-border-light);min-height:62px;color:var(--admin-text);align-items:center;margin:0;padding:18px 22px;font-size:15px;font-weight:600;line-height:1.4;display:flex}.chart-container{width:100%;height:340px;padding:20px;position:relative}.chart-container.small{height:340px}.chart-container canvas{max-width:100%;display:block}.placeholder{text-align:center;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex}.placeholder p{color:var(--admin-text-muted);margin:0;font-size:13px;font-weight:400}.quick-actions{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;padding:20px;display:grid}.quick-actions button{border:1px solid var(--admin-border);border-radius:var(--admin-radius-lg);background:var(--admin-surface);width:100%;min-width:0;min-height:90px;color:var(--admin-text-secondary);font-family:var(--admin-font);cursor:pointer;transition:background var(--admin-transition), color var(--admin-transition), border-color var(--admin-transition), transform var(--admin-transition), box-shadow var(--admin-transition);flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:14px 12px;font-size:11px;font-weight:600;display:flex}.quick-actions button svg{width:21px;height:21px;color:var(--admin-primary);transition:transform var(--admin-transition), color var(--admin-transition);flex-shrink:0}.quick-actions button:hover{background:var(--admin-primary-light);color:var(--admin-primary);box-shadow:var(--admin-shadow-sm);border-color:#c7d2fe;transform:translateY(-2px)}.quick-actions button:hover svg{color:var(--admin-primary);transform:translateY(-2px)}.quick-actions button:active{transform:translateY(0)}.loading-state{min-height:60vh;color:var(--admin-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-state p{color:var(--admin-text-muted);margin:14px 0 0;font-size:13px;font-weight:500}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (width>=1400px){.dashboard-page{padding-left:36px;padding-right:36px}.dashboard-cards{gap:18px}.dashboard-card{min-height:132px;padding:22px}.quick-actions{gap:14px;padding:22px}.quick-actions button{min-height:96px}}@media (width<=1200px){.dashboard-page{padding:24px}.dashboard-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid,.dashboard-grid:last-child{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-container,.chart-container.small{height:320px}}@media (width<=900px){.dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-title h1{font-size:23px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.dashboard-page{padding:20px 16px 30px}.dashboard-title{margin-bottom:20px}.dashboard-title h1{letter-spacing:-.3px;font-size:21px}.dashboard-title p{font-size:12px}.dashboard-box[style*=borderLeft]{margin-bottom:16px;padding:12px 14px}.dashboard-cards{grid-template-columns:1fr;gap:12px;margin-bottom:18px}.dashboard-card{min-height:96px;padding:16px}.dashboard-icon{flex-basis:44px;width:44px;height:44px}.dashboard-icon svg{width:21px;height:21px}.dashboard-card h2{font-size:21px}.dashboard-card p{font-size:11px}.dashboard-grid{grid-template-columns:1fr;gap:16px;margin-bottom:16px}.dashboard-grid:last-child{grid-template-columns:1fr}.dashboard-box h3{min-height:56px;padding:16px;font-size:14px}.chart-container,.chart-container.small{height:260px;padding:14px}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px}.quick-actions button{min-height:80px;padding:10px 6px;font-size:10px}.quick-actions button svg{width:18px;height:18px}}@media (width<=380px){.dashboard-page{padding-left:12px;padding-right:12px}.dashboard-title h1{font-size:19px}.dashboard-card{padding:14px}.dashboard-icon{flex-basis:42px;width:42px;height:42px}.dashboard-card h2{font-size:19px}.quick-actions{grid-template-columns:1fr}.quick-actions button{min-height:72px}}@media (prefers-reduced-motion:reduce){.dashboard-card,.quick-actions button,.quick-actions button svg{transition:none}.spinner{animation:none}}:root{--a-font:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--a-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--a-primary:#6366f1;--a-text:#1a1a2e;--a-muted:#64748b;--a-line:#e5e7eb;--a-blue:#2563eb;--a-green:#10b981;--a-amber:#f59e0b;--a-purple:#8b5cf6;--a-cyan:#06b6d4;--a-red:#ef4444;--a-pink:#ec4899;--a-teal:#0d9488;--a-orange:#f97316}.admin-content,.admin-content h1,.admin-content h2,.admin-content h3,.admin-content h4,.admin-content h5,.admin-content p,.admin-content span,.admin-content div,.admin-content td,.admin-content th,.admin-content label,.admin-content a,.admin-content button,.admin-content input,.admin-content select,.admin-content textarea,.modal,.modal-content,.users-modal-overlay,.modal *,.modal-content *,.users-modal-overlay *{font-family:var(--a-font)!important}.category-slug,.mono,.coupon-code{font-family:Poppins,ui-monospace,Consolas,monospace!important}.admin-content .btn-save,.admin-content .btn-cancel,.admin-content .btn-danger,.admin-content .btn-update,.admin-content .btn-delete,.admin-content .btn-edit,.admin-content .add-btn,.admin-content .view-btn,.admin-content .edit-btn,.admin-content .delete-btn,.admin-content .save-btn,.admin-content .cancel-btn,.admin-content .update-btn,.admin-content .primary-button,.admin-content .secondary-button,.admin-content .danger-button,.admin-content .invite-user-button,.admin-content .invite-button,.admin-content .rp-btn,.admin-content .pay-btn,.admin-content .ntf-btn,.admin-content .back-link{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex!important}.admin-content button:disabled{opacity:.6!important;cursor:not-allowed!important}.admin-content button svg{flex-shrink:0}.admin-content .btn-save,.admin-content .save-btn,.admin-content .btn-update,.admin-content .update-btn,.admin-content .add-btn,.admin-content .primary-button,.admin-content .invite-user-button,.admin-content .invite-button{box-shadow:0 4px 12px #6366f14d;background:var(--a-gradient)!important;color:#fff!important;border-color:#0000!important}.admin-content .btn-save:hover:not(:disabled),.admin-content .save-btn:hover:not(:disabled),.admin-content .btn-update:hover:not(:disabled),.admin-content .update-btn:hover:not(:disabled),.admin-content .add-btn:hover:not(:disabled),.admin-content .primary-button:hover:not(:disabled),.admin-content .invite-user-button:hover:not(:disabled),.admin-content .invite-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.admin-content .btn-edit,.admin-content .edit-btn{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}.admin-content .btn-edit:hover:not(:disabled),.admin-content .edit-btn:hover:not(:disabled){background:#e0e7ff!important}.admin-content .view-btn{color:#0e7490!important;background:#ecfeff!important;border-color:#a5f3fc!important}.admin-content .view-btn:hover:not(:disabled){background:#cffafe!important}.admin-content .action-buttons .view-btn,.admin-content .action-buttons .edit-btn,.admin-content .action-buttons .delete-btn{gap:0;border-radius:8px!important;width:34px!important;height:34px!important;min-height:0!important;padding:0!important}.admin-content .action-buttons .edit-btn{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}.admin-content .action-buttons .edit-btn:hover{background:#e0e7ff!important}.admin-content .btn-danger,.admin-content .btn-delete,.admin-content .delete-btn,.admin-content .danger-button{color:#dc2626!important;box-shadow:none!important;background:#fef2f2!important;border-color:#fecaca!important}.admin-content .btn-danger:hover:not(:disabled),.admin-content .btn-delete:hover:not(:disabled),.admin-content .delete-btn:hover:not(:disabled),.admin-content .danger-button:hover:not(:disabled){background:#fee2e2!important}.admin-content .btn-cancel,.admin-content .cancel-btn,.admin-content .secondary-button{color:#475569!important;border-color:var(--a-line)!important;box-shadow:none!important;background:#fff!important}.admin-content .btn-cancel:hover:not(:disabled),.admin-content .cancel-btn:hover:not(:disabled),.admin-content .secondary-button:hover:not(:disabled){background:#f8fafc!important}.admin-content .refresh-btn,.admin-content .users-refresh{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;border:1px solid var(--a-line)!important;color:#475569!important;background:#fff!important;border-radius:10px!important;padding:0!important;display:inline-flex!important}.admin-content .refresh-btn:hover,.admin-content .users-refresh:hover{color:var(--a-primary)!important;background:#eef2ff!important;border-color:#c7d2fe!important}.admin-content .action-btn{cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;transition:all .2s;border:1px solid var(--a-line)!important;color:#475569!important;background:#fff!important;border-radius:8px!important;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;display:inline-flex!important}.admin-content .action-btn:hover:not(:disabled){background:#f1f5f9!important}.admin-content .action-btn.view-btn{color:#0e7490!important;background:#ecfeff!important;border-color:#a5f3fc!important}.admin-content .action-btn.view-btn:hover:not(:disabled){background:#cffafe!important}.admin-content .action-btn.download-btn,.admin-content .action-btn.approve-btn{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.admin-content .action-btn.download-btn:hover:not(:disabled),.admin-content .action-btn.approve-btn:hover:not(:disabled){background:#d1fae5!important}.admin-content .action-btn.delete-btn,.admin-content .action-btn.reject-btn{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.admin-content .action-btn.delete-btn:hover:not(:disabled),.admin-content .action-btn.reject-btn:hover:not(:disabled){background:#fee2e2!important}.admin-content .stat-card,.admin-content .user-stat,.admin-content .pay-stat-card,.admin-content .ntf-stat,.admin-content .stats-card{align-items:center;gap:16px;min-width:0;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;background:#fff!important;border:1px solid #0000000f!important;border-radius:16px!important;display:flex!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important}.admin-content .stat-card:hover,.admin-content .user-stat:hover,.admin-content .pay-stat-card:hover,.admin-content .ntf-stat:hover,.admin-content .stats-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a!important}.admin-content .stat-card:after,.admin-content .user-stat:after,.admin-content .pay-stat-card:after,.admin-content .ntf-stat:after{content:"";pointer-events:none;background:#6366f109;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.admin-content .stat-card>svg,.admin-content .user-stat-icon,.admin-content .pay-stat-icon,.admin-content .ntf-stat-icon,.admin-content .stat-icon,.admin-content .stat-icon-purple,.admin-content .stat-icon-blue{background:var(--a-stat-color,var(--a-primary));z-index:1;box-sizing:border-box;flex:0 0 48px;justify-content:center;align-items:center;padding:12px;display:flex;position:relative;box-shadow:0 6px 14px #0f172a1f;color:#fff!important;border-radius:13px!important;width:48px!important;height:48px!important}.admin-content .user-stat-icon svg,.admin-content .pay-stat-icon svg,.admin-content .ntf-stat-icon svg,.admin-content .stat-icon svg{width:23px;height:23px}.admin-content .stat-card h3,.admin-content .stat-card h2,.admin-content .user-stat h3,.admin-content .user-stat h2,.admin-content .user-stat strong,.admin-content .pay-stat-value,.admin-content .ntf-stat-value{letter-spacing:-.4px;line-height:1.25;display:block;color:var(--a-text)!important;margin:0!important;font-size:23px!important;font-weight:700!important}.admin-content .stat-card p,.admin-content .user-stat p,.admin-content .user-stat>div>span,.admin-content .pay-stat-label,.admin-content .ntf-stat-label{text-transform:uppercase;letter-spacing:.3px;display:block;color:var(--a-muted)!important;margin:5px 0 0!important;font-size:12px!important;font-weight:500!important}.admin-content .sc-blue{--a-stat-color:var(--a-blue)}.admin-content .sc-green{--a-stat-color:var(--a-green)}.admin-content .sc-amber{--a-stat-color:var(--a-amber)}.admin-content .sc-purple{--a-stat-color:var(--a-purple)}.admin-content .sc-cyan{--a-stat-color:var(--a-cyan)}.admin-content .sc-red{--a-stat-color:var(--a-red)}.admin-content .sc-pink{--a-stat-color:var(--a-pink)}.admin-content .sc-teal{--a-stat-color:var(--a-teal)}.admin-content .sc-orange{--a-stat-color:var(--a-orange)}.admin-content .stat-card:first-child,.admin-content .user-stat:first-child,.admin-content .pay-stat-card:first-child,.admin-content .ntf-stat:first-child{--a-stat-color:var(--a-blue)}.admin-content .stat-card:nth-child(2),.admin-content .user-stat:nth-child(2),.admin-content .pay-stat-card:nth-child(2),.admin-content .ntf-stat:nth-child(2){--a-stat-color:var(--a-green)}.admin-content .stat-card:nth-child(3),.admin-content .user-stat:nth-child(3),.admin-content .pay-stat-card:nth-child(3),.admin-content .ntf-stat:nth-child(3){--a-stat-color:var(--a-amber)}.admin-content .stat-card:nth-child(4),.admin-content .user-stat:nth-child(4),.admin-content .pay-stat-card:nth-child(4),.admin-content .ntf-stat:nth-child(4){--a-stat-color:var(--a-purple)}.admin-content .stat-card:nth-child(5),.admin-content .user-stat:nth-child(5),.admin-content .pay-stat-card:nth-child(5){--a-stat-color:var(--a-cyan)}.admin-content .stat-card:nth-child(6),.admin-content .user-stat:nth-child(6){--a-stat-color:var(--a-red)}.admin-content .category-stats,.admin-content .users-stat-grid,.admin-content .pay-stats,.admin-content .ntf-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:16px!important;margin-bottom:24px!important;display:grid!important}.modal,.users-modal-overlay,.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:.18s aFadeIn;z-index:9999!important;background:#0f172a8c!important;justify-content:center!important;align-items:flex-start!important;padding:40px 20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}@keyframes aFadeIn{0%{opacity:0}to{opacity:1}}.modal-content,.users-modal-overlay>div{animation:.22s aModalIn;background:#fff!important;border-radius:16px!important;margin:auto!important;box-shadow:0 24px 60px #00000047!important}@keyframes aModalIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-content.view-content,.modal-content.large{max-width:780px}.modal-content.confirm-content{max-width:440px}.modal-header{justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9!important;padding:20px 22px!important;display:flex!important}.modal-header h2,.modal-header h3,.modal-heading{color:var(--a-text)!important;margin:0!important;font-size:18px!important;font-weight:700!important}.modal-close{cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;border:1px solid var(--a-line)!important;color:#64748b!important;background:#fff!important;border-radius:8px!important;display:inline-flex!important}.modal-footer,.modal-actions{border-top:1px solid #f1f5f9!important;justify-content:flex-end!important;gap:10px!important;padding:16px 22px!important;display:flex!important}.admin-content .form-group,.modal .form-group{margin-bottom:18px}.modal label,.admin-content .form-group label{color:#374151;margin-bottom:7px;font-size:13px;font-weight:600;display:block}.modal input[type=text],.modal input[type=email],.modal input[type=number],.modal input[type=date],.modal select,.modal textarea,.admin-content .form-group input,.admin-content .form-group select,.admin-content .form-group textarea{width:100%;color:var(--a-text);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:11px 13px;font-size:14px;transition:border .15s,box-shadow .15s}.modal input:focus,.modal select:focus,.modal textarea:focus,.admin-content .form-group input:focus,.admin-content .form-group select:focus,.admin-content .form-group textarea:focus{border-color:var(--a-primary);box-shadow:0 0 0 3px #6366f126}.modal .error-text,.admin-content .error-text{color:#dc2626;margin-top:5px;font-size:12.5px}.admin-content .subtitle,.admin-content .users-header p{color:var(--a-muted);font-size:13px;font-weight:400}.admin-content .toolbar,.admin-content .users-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.admin-content .search-box,.admin-content .users-search{border:1px solid var(--a-line);color:#94a3b8;background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:0 13px;display:flex}.admin-content .search-box input,.admin-content .users-search input{width:100%;color:var(--a-text);background:0 0;border:none;outline:none;padding:11px 0;font-size:14px}.admin-content .table-wrapper{background:#fff;border:1px solid #0000000d;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.admin-content .table-wrapper table{border-collapse:collapse;width:100%}.admin-content .table-wrapper thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--a-muted);white-space:nowrap;background:#fafafa;border-bottom:1px solid #eef0f3;padding:14px 16px;font-size:11.5px;font-weight:600}.admin-content .table-wrapper tbody td{color:#374151;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.admin-content .table-wrapper tbody tr:last-child td{border-bottom:none}.admin-content .table-wrapper tbody tr:hover{background:#fafbff}@media (width<=900px){.admin-content .category-stats,.admin-content .users-stat-grid,.admin-content .pay-stats,.admin-content .ntf-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=600px){.admin-content .category-stats,.admin-content .users-stat-grid,.admin-content .pay-stats,.admin-content .ntf-stats{grid-template-columns:1fr!important}.modal,.users-modal-overlay,.modal-overlay{padding:20px 12px!important}}@media (prefers-reduced-motion:reduce){.admin-content .stat-card,.admin-content .user-stat,.modal-content{transition:none!important;animation:none!important}}.admin-content .preview-lesson-btn,.admin-content .edit-lesson-btn,.admin-content .delete-lesson-btn,.admin-content .module-action-btn{cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;border:1px solid var(--a-line)!important;color:#4b5563!important;background:#fff!important;border-radius:8px!important;min-height:0!important;padding:0!important;display:inline-flex!important}.admin-content .preview-lesson-btn:hover{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.admin-content .edit-lesson-btn:hover{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}.admin-content .delete-lesson-btn:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.admin-content .back-link{border:1px solid var(--a-line);color:#475569;background:#fff;border-radius:999px;gap:7px;padding:7px 14px 7px 11px;font-size:13px;font-weight:600;line-height:1;box-shadow:0 1px 2px #0f172a0a}.admin-content .back-link svg{transition:transform .2s}.admin-content .back-link:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;text-decoration:none;transform:none}.admin-content .back-link:hover svg{transform:translate(-2px)}.admin-content .module-picker{min-width:280px;font-family:var(--a-font);color:var(--a-text);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:11px 14px;font-size:14px}.admin-content .module-picker:focus{border-color:var(--a-primary);box-shadow:0 0 0 3px #6366f126}.admin-content select,.modal select,.admin-content .form-group select,.admin-content .module-picker,.admin-content .filter-select,.admin-content .pay-select,.admin-content .role-filter,.admin-content .rp-export-select{appearance:none;min-height:42px;font-size:14px;font-family:var(--a-font);color:var(--a-text);cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:10px 40px 10px 14px;transition:border .15s,box-shadow .15s}.admin-content select:focus,.modal select:focus,.admin-content .form-group select:focus,.admin-content .module-picker:focus,.admin-content .filter-select:focus,.admin-content .pay-select:focus,.admin-content .role-filter:focus,.admin-content .rp-export-select:focus{border-color:var(--a-primary);box-shadow:0 0 0 3px #6366f126}.admin-content .module-icon,.admin-content .course-icon-tile,.admin-content .card-icon-tile{background:var(--a-gradient);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #6366f147;color:#fff!important}.admin-content .module-icon svg,.admin-content .course-icon-tile svg,.admin-content .card-icon-tile svg{color:#fff!important;stroke:#fff!important}.confirm-content{text-align:center;gap:14px;padding:28px 24px 22px;flex-direction:column!important;align-items:center!important;display:flex!important}.confirm-icon{flex-shrink:0;justify-content:center;align-items:center;margin:0 auto;color:#dc2626!important;background:#fef2f2!important;border-radius:50%!important;width:56px!important;height:56px!important;display:flex!important}.admin-content .btn-danger,.modal .btn-danger,.admin-content .modal-delete,.modal .modal-delete,.admin-content .delete-confirm,.modal .delete-confirm{color:#dc2626!important;box-shadow:none!important;background:#fef2f2!important;border:1px solid #fecaca!important}.admin-content .btn-danger:hover:not(:disabled),.modal .btn-danger:hover:not(:disabled),.admin-content .modal-delete:hover:not(:disabled),.modal .modal-delete:hover:not(:disabled),.admin-content .delete-confirm:hover:not(:disabled),.modal .delete-confirm:hover:not(:disabled){background:#fee2e2!important}@media (width<=1024px){.admin-content{padding:18px 16px}.admin-content .category-stats,.admin-content .users-stat-grid,.admin-content .pay-stats,.admin-content .ntf-stats,.admin-content .course-stats,.admin-content .module-stats,.admin-content .enrollment-stats,.admin-content .certificate-stats,.admin-content .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}.admin-content .dashboard-grid,.admin-content .rp-grid-2,.admin-content .rp-grid-3{grid-template-columns:1fr!important}}@media (width<=768px){.admin-content{padding:14px 12px 32px}.admin-content .page-header,.admin-content .users-header,.admin-content .pay-header,.admin-content .ntf-header,.admin-content .rp-header,.admin-content .courses-header,.admin-content .modules-header,.admin-content .certificates-header,.admin-content .enrollments-header{gap:14px;flex-direction:column!important;align-items:stretch!important}.admin-content h1{font-size:21px!important}.admin-content .page-header>div:last-child,.admin-content .users-header>div:last-child,.admin-content .pay-actions,.admin-content .ntf-actions,.admin-content .rp-actions,.admin-content .header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.admin-content .add-btn,.admin-content .invite-user-button,.admin-content .invite-button,.admin-content .primary-button{flex:100%;justify-content:center;min-height:44px}.admin-content .category-stats,.admin-content .users-stat-grid,.admin-content .pay-stats,.admin-content .ntf-stats,.admin-content .course-stats,.admin-content .module-stats,.admin-content .enrollment-stats,.admin-content .certificate-stats,.admin-content .dashboard-cards{grid-template-columns:1fr!important;gap:12px!important}.admin-content .stat-card,.admin-content .user-stat,.admin-content .pay-stat-card,.admin-content .ntf-stat,.admin-content .course-stat-card,.admin-content .dashboard-card{height:auto!important;min-height:96px!important;padding:16px!important}.admin-content .toolbar,.admin-content .users-toolbar,.admin-content .pay-toolbar,.admin-content .ntf-toolbar,.admin-content .courses-toolbar,.admin-content .filters-bar{flex-wrap:wrap;gap:8px}.admin-content .search-box,.admin-content .users-search,.admin-content .pay-search,.admin-content .ntf-search{flex:100%!important;min-width:0!important;max-width:none!important}.admin-content select{flex:auto;min-width:0}.admin-content .table-wrapper,.admin-content .pay-table-wrap,.admin-content .rp-table-wrap,.admin-content .table-container{-webkit-overflow-scrolling:touch;background:linear-gradient(90deg,#fff 30%,#fff0) 0/24px 100% no-repeat local,linear-gradient(270deg,#fff 30%,#fff0) 100%/24px 100% no-repeat local,radial-gradient(farthest-side at 0,#0f172a1f,#0000) 0/12px 100% no-repeat,radial-gradient(farthest-side at 100%,#0f172a1f,#0000) 100%/12px 100% no-repeat;overflow-x:auto!important}.admin-content table{min-width:620px;table-layout:auto!important}.admin-content table th,.admin-content table td{white-space:nowrap;padding:11px 12px!important;font-size:13px!important}.admin-content .users-card-grid,.admin-content .module-grid,.admin-content .course-grid,.admin-content .template-grid{grid-template-columns:1fr!important}.admin-content .action-buttons,.admin-content .rp-row-actions,.admin-content .pay-row-actions{gap:6px}.admin-content .action-btn,.admin-content .view-btn,.admin-content .edit-btn,.admin-content .delete-btn{min-width:38px;min-height:38px}.modal,.users-modal-overlay,.modal-overlay,.pay-modal-overlay,.ntf-modal-overlay{align-items:flex-start!important;padding:12px!important}.modal-content,.users-modal,.pay-modal,.ntf-modal{border-radius:14px!important;width:100%!important;max-width:100%!important;max-height:calc(100vh - 24px)!important}.modal-header,.modal-heading,.pay-modal-header,.ntf-modal-header{padding:14px 16px!important}.modal-body,.pay-modal-body,.ntf-modal-body,.view-body,.view-modal-body,.user-form{padding:16px!important}.modal-footer,.modal-actions,.pay-modal-footer,.ntf-modal-footer{flex-direction:column-reverse!important;gap:8px!important;padding:14px 16px!important}.modal-footer>button,.modal-actions>button,.pay-modal-footer>button,.ntf-modal-footer>button{width:100%;min-height:44px}.admin-content .view-details-grid,.view-details-grid,.profile-details,.rp-kpis{grid-template-columns:1fr!important}.admin-content .chart-container,.admin-content .rp-chart{height:240px!important}}@media (width<=480px){.admin-content{padding:12px 10px 28px}.admin-content h1{font-size:19px!important}.admin-content .card-footer button span,.admin-content .row-actions .a-btn span{display:none}.admin-content .stat-card h2,.admin-content .stat-card h3,.admin-content .user-stat strong,.admin-content .dashboard-card h2{font-size:20px!important}.admin-content .rp-tabs,.admin-content .tabs,.admin-content .cert-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.admin-content .rp-tabs button,.admin-content .tabs button{white-space:nowrap;flex-shrink:0}.admin-content .chart-container,.admin-content .rp-chart{height:210px!important}}@media (hover:none){.admin-content .stat-card:hover,.admin-content .user-stat:hover,.admin-content .user-card:hover,.admin-content .rp-kpi:hover,.admin-content .dashboard-card:hover{transform:none!important}}.admin-users-page{color:#0f172a;box-sizing:border-box;background:#f8fafc;width:100%;min-height:100%;padding:28px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.admin-users-page button,.admin-users-page input,.admin-users-page select,.admin-users-page textarea{font-family:inherit}.users-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.users-header h1{letter-spacing:-.5px;margin:0;font-size:28px;font-weight:750}.users-header p{color:#64748b;margin:7px 0 0;font-size:14px}.invite-user-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.invite-user-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.users-stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:22px;display:grid}.user-stat{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;min-width:0;height:118px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.user-stat:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.user-stat:after{content:"";pointer-events:none;background:#6366f109;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.user-stat-icon{color:#fff;z-index:1;border-radius:13px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 6px 14px #0f172a1f}.user-stat>div:last-child{z-index:1;min-width:0;position:relative}.user-stat strong{letter-spacing:-.4px;color:#0f172a;margin-bottom:5px;font-size:23px;font-weight:700;line-height:1.25;display:block}.user-stat span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:500;display:block}.users-toolbar{align-items:center;gap:11px;margin-bottom:20px;display:flex}.users-search{color:#94a3b8;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:200px;height:43px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.users-search:focus-within{border-color:#a5b4fc;box-shadow:0 0 0 3px #6366f11a}.users-search input{color:#0f172a;background:0 0;border:0;outline:0;width:100%;height:100%;font-size:13px}.users-search input::placeholder{color:#94a3b8}.search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex}.role-filter{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:0;min-width:155px;height:43px;padding:0 12px;font-size:13px}.users-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:43px;height:43px;transition:all .2s;display:flex}.users-refresh:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.users-refresh.is-refreshing svg{animation:.8s linear infinite rotateRefresh}@keyframes rotateRefresh{to{transform:rotate(360deg)}}.users-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 14px;font-size:13px;display:flex}.users-error span{flex:1}.users-error button{color:#fff;cursor:pointer;background:#991b1b;border:0;border-radius:6px;padding:6px 11px;font-size:12px;font-weight:700}.users-content{flex-direction:column;gap:20px;display:flex}.role-group{background:#fff;border:1px solid #0000000d;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.role-group-header{text-align:left;cursor:pointer;background:#fff;border:0;align-items:center;gap:12px;width:100%;padding:15px 17px;display:flex}.role-group-header:hover{background:#fafbff}.role-group-icon{border-radius:10px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.role-group-title{flex:1}.role-group-title h2{margin:0 0 2px;font-size:15px;font-weight:750}.role-group-title span{color:#94a3b8;font-size:11px}.role-count{color:#fff;border-radius:20px;justify-content:center;align-items:center;min-width:27px;height:27px;padding:0 8px;font-size:11px;font-weight:800;display:flex}.role-chevron{color:#94a3b8;transition:transform .2s;display:flex}.role-chevron.expanded{transform:rotate(90deg)}.users-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:0 17px 17px;display:grid}.user-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.user-card:hover{border-color:#d8dee8;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a12}.card-top{justify-content:space-between;align-items:flex-start;padding:16px 16px 4px;display:flex}.user-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:15px;font-weight:800;display:flex;position:relative;overflow:visible}.user-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-status-dot{background:#10b981;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:1px;right:-1px}.user-status-dot.pending{background:#f59e0b}.card-menu-actions{gap:3px;display:flex}.card-menu-actions button{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .18s;display:flex}.card-menu-actions button:hover{color:#4338ca;background:#eef2ff}.card-menu-actions .delete-icon:hover{color:#dc2626;background:#fef2f2}.card-user-info{padding:10px 16px 16px}.card-user-info h3{text-overflow:ellipsis;white-space:nowrap;margin:0 0 5px;font-size:15px;font-weight:750;overflow:hidden}.card-email{color:#64748b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin:0 0 13px;font-size:11px;display:flex;overflow:hidden}.card-badges{flex-wrap:wrap;gap:6px;display:flex}.role-badge,.status-badge,.profile-role{letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;min-height:26px;padding:0 12px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.card-date{color:#94a3b8;align-items:center;gap:5px;margin-top:13px;font-size:10px;display:flex}.card-footer{background:#fafbfc;border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr auto;gap:7px;margin-top:auto;padding:11px 14px;display:grid}.card-footer button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.card-view{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.card-view:hover{background:#cffafe}.card-edit{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.card-edit:hover{background:#e0e7ff}.card-resend{color:#ea580c;background:#fff7ed;border-color:#fed7aa;width:32px}.card-resend:hover{background:#ffedd5}.card-delete{color:#dc2626;background:#fef2f2;border-color:#fecaca;width:32px}.card-delete:hover{background:#fee2e2}.users-empty{text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:35px;display:flex}.users-empty h3{margin:0 0 6px;font-size:17px}.users-empty p{color:#64748b;margin:0 0 15px;font-size:13px}.users-empty button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:0;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600;box-shadow:0 4px 12px #6366f14d}.users-pagination{justify-content:center;align-items:center;gap:15px;margin-top:24px;display:flex}.users-pagination>button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:5px;min-height:36px;padding:0 12px;font-size:12px;font-weight:650;display:inline-flex}.users-pagination>button:hover:not(:disabled){color:#6366f1;border-color:#c7d2fe}.users-pagination button:disabled{opacity:.45;cursor:not-allowed}.pagination-pages{gap:5px;display:flex}.pagination-pages button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:34px;height:34px;font-size:12px}.pagination-pages button.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.users-footer{text-align:center;color:#94a3b8;margin-top:12px;font-size:11px}.users-loading{flex-direction:column;justify-content:center;align-items:center;min-height:450px;display:flex}.users-loading h3{margin:15px 0 4px;font-size:16px}.users-loading p{color:#94a3b8;margin:0;font-size:12px}@keyframes spinner{to{transform:rotate(360deg)}}.users-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px 32px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;animation:.18s overlayFade;display:flex;position:fixed;inset:0}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.users-modal-overlay button,.users-modal-overlay input,.users-modal-overlay select,.users-modal-overlay textarea{font-family:inherit}.users-modal{background:#fff;border-radius:16px;width:min(680px,100%);max-height:calc(100vh - 44px);animation:.2s modalIn;overflow:hidden auto;box-shadow:0 24px 60px #0f172a47}@keyframes modalIn{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.users-modal.view-user-modal{width:min(880px,100%);max-width:880px}.users-modal.duration-modal{width:min(560px,100%)}.modal-heading{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:20px;padding:21px 23px;display:flex}.modal-kicker{color:#6366f1;letter-spacing:1px;margin-bottom:5px;font-size:9px;font-weight:800;display:block}.modal-heading h2{margin:0;font-size:19px}.invite-message{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe;border-radius:10px;gap:11px;margin:20px 23px 0;padding:13px;display:flex}.invite-message strong{font-size:12px;display:block}.invite-message p{color:#7c3aed;margin:3px 0 0;font-size:11px}.form-error-box{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin:18px 23px 0;padding:10px 12px;font-size:12px;display:flex}.user-form{flex-direction:column;gap:17px;padding:23px;display:flex}.user-form label,.duration-control label{color:#334155;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.user-form input,.user-form select{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px;font-size:13px;transition:all .2s}.user-form input:focus,.user-form select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.user-form small{color:#dc2626;font-size:10px}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:15px 23px;display:flex}.primary-button,.secondary-button,.danger-button,.invite-button{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.primary-button,.invite-button{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.primary-button:hover:not(:disabled),.invite-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.secondary-button{color:#475569;background:#fff;border-color:#e5e7eb}.secondary-button:hover{background:#f8fafc}.danger-button{color:#dc2626;background:#fef2f2;border-color:#fecaca}.danger-button:hover:not(:disabled){background:#fee2e2}button:disabled{opacity:.6;cursor:not-allowed}.delete-modal{text-align:center;padding-top:30px}.delete-modal h2{margin:0 0 8px;font-size:20px}.delete-modal p{color:#475569;margin:0 25px 7px;font-size:13px}.profile-overview{background:#fafbff;align-items:center;gap:14px;padding:22px 23px;display:flex}.profile-avatar{color:#fff;border-radius:50%;flex:0 0 62px;justify-content:center;align-items:center;width:62px;height:62px;font-size:20px;font-weight:800;display:flex}.profile-name{flex:1;min-width:0}.profile-name,.profile-name h3,.profile-name p{text-align:left}.profile-name h3{margin:0 0 5px;font-size:17px}.profile-name p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;margin:0;font-size:11px;display:flex;overflow:hidden}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:20px 23px;display:grid}.detail-item{border:1px solid #edf0f5;border-radius:10px;align-items:flex-start;gap:9px;min-width:0;padding:12px;display:flex}.detail-item>div:not(.detail-icon){flex:auto;min-width:0}.detail-icon{color:#6366f1;background:#eef2ff;border-radius:8px;flex:0 0 30px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.detail-item span{color:#94a3b8;text-transform:uppercase;margin-bottom:3px;font-size:9px;font-weight:700;display:block}.detail-item strong{color:#334155;white-space:normal;overflow-wrap:anywhere;word-break:break-word;font-size:12.5px;font-weight:600;line-height:1.4;display:block}.access-section{border:1px solid #e5e7eb;border-radius:12px;margin:0 23px 20px;overflow:hidden}.access-header{background:#fafbfc;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:15px;padding:15px;display:flex}.access-header h3{align-items:center;gap:7px;margin:0 0 3px;font-size:14px;display:flex}.access-header p{color:#94a3b8;margin:0;font-size:10px}.access-total{color:#15803d;background:#dcfce7;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800}.course-row{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 14px;padding:14px 16px;display:flex}.course-row .course-main{flex:240px;min-width:0}.course-row .course-status,.course-row .course-actions{flex:none;min-width:max-content}.course-row:last-child{border-bottom:0}.course-main{align-items:center;gap:10px;min-width:0;display:flex}.course-icon{color:#64748b;background:#f1f5f9;border-radius:8px;flex:0 0 38px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.course-main h4{text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:12px;overflow:hidden}.course-main p{color:#94a3b8;margin:0;font-size:9px}.remaining{color:#059669;align-items:center;gap:4px;margin-top:4px;font-size:9px;font-weight:700;display:flex}.expired-text{color:#dc2626;margin-top:4px;font-size:9px;font-weight:700;display:block}.course-status span{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.access-granted{color:#15803d;background:#dcfce7}.access-expired{color:#dc2626;background:#fee2e2}.access-none{color:#64748b;background:#f1f5f9}.course-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.course-actions button,.course-row .course-actions button{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:6px;min-width:max-content;min-height:34px;padding:0 14px;font-family:inherit;font-size:11.5px;font-weight:600;line-height:1;transition:all .18s;overflow:visible;display:inline-flex!important}.course-actions button svg{flex-shrink:0}.course-actions button:disabled{opacity:.55;cursor:not-allowed}.course-actions button.grant-access{box-shadow:0 3px 10px #6366f147;color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border-color:#0000!important}.course-actions button.grant-access:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #6366f166}.course-actions button.extend-access{color:#0e7490!important;background:#ecfeff!important;border-color:#a5f3fc!important}.course-actions button.extend-access:hover:not(:disabled){background:#cffafe!important}.course-actions button.renew-access{color:#ea580c!important;background:#fff7ed!important;border-color:#fed7aa!important}.course-actions button.renew-access:hover:not(:disabled){background:#ffedd5!important}.course-actions button.revoke-access{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.course-actions button.revoke-access:hover:not(:disabled){background:#fee2e2!important}.access-loading,.no-courses{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:150px;font-size:11px;display:flex}.no-courses svg{color:#cbd5e1}.duration-course{background:#fafbfc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:11px;margin:20px 23px;padding:13px;display:flex}.duration-course-icon{color:#6366f1;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.duration-course strong{margin-bottom:3px;font-size:12px;display:block}.duration-course span{color:#94a3b8;font-size:10px}.duration-control{padding:0 23px}.duration-input{border:1px solid #d1d5db;border-radius:10px;height:43px;display:flex;overflow:hidden}.duration-input:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.duration-input input{border:0;outline:0;width:100%;min-width:0;padding:0 12px;font-size:13px}.duration-input span{color:#64748b;background:#f8fafc;align-items:center;padding:0 13px;font-size:11px;font-weight:700;display:flex}.duration-control p{color:#94a3b8;margin:6px 0 0;font-size:10px}.duration-options{grid-template-columns:repeat(3,1fr);gap:7px;padding:18px 23px 23px;display:grid}.duration-options button{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:36px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.duration-options button:hover,.duration-options button.selected{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.duration-options button.unlimited.selected{color:#047857;background:#ecfdf5;border-color:#a7f3d0}@media (width<=1150px){.users-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.admin-users-page{padding:20px}.users-header{flex-direction:column;align-items:stretch}.invite-user-button{width:100%}.users-toolbar{flex-wrap:wrap}.users-search{flex-basis:100%}.profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.course-row{grid-template-columns:1fr}.course-status{justify-self:start}.course-actions{justify-content:flex-start}}@media (width<=600px){.admin-users-page{padding:15px}.user-stat{min-height:100px;padding:16px}.user-stat-icon{flex-basis:44px;width:44px;height:44px}.user-stat strong{font-size:21px}.users-card-grid{grid-template-columns:1fr}.role-filter{flex:1}.profile-overview{justify-content:flex-start}.profile-role{margin-left:76px}.profile-details{grid-template-columns:1fr}.users-pagination{flex-wrap:wrap}.users-modal-overlay{padding:10px}.users-modal{border-radius:14px;max-height:calc(100vh - 20px)}.course-actions{width:100%}.course-actions button{flex:1}}@media (width<=430px){.users-header h1{font-size:24px}.users-toolbar{align-items:stretch}.role-filter{width:100%}.users-refresh{flex:0 0 43px}.card-footer{grid-template-columns:1fr 1fr}.card-resend,.card-delete{width:auto}.modal-actions{flex-wrap:wrap}.modal-actions button{flex:1}.duration-options{grid-template-columns:repeat(2,1fr)}}.users-modal.view-user-modal{flex-direction:column;width:min(680px,100%);max-width:680px;display:flex;overflow:hidden}.view-user-modal .modal-heading,.view-user-modal .modal-actions{flex:none}.view-modal-body{flex:auto;min-height:0;overflow:hidden auto}.view-user-modal .modal-heading{padding:14px 20px}.view-user-modal .modal-kicker{letter-spacing:.8px;margin-bottom:3px;font-size:9px}.view-user-modal .modal-heading h2{font-size:17px}.view-user-modal .profile-overview{background:#fff;border-bottom:1px solid #f1f5f9;gap:12px;padding:14px 20px}.view-user-modal .profile-avatar{flex:0 0 42px;width:42px;height:42px;font-size:14px;overflow:hidden}.view-user-modal .profile-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.view-user-modal .profile-name h3{margin-bottom:2px;font-size:14px}.view-user-modal .profile-name p{gap:4px;font-size:11px}.view-user-modal .profile-role{min-height:20px;padding:0 9px;font-size:9px}.view-user-modal .profile-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px;padding:4px 20px 8px}.view-user-modal .detail-item{border:none;border-bottom:1px solid #f1f5f9;border-radius:0;align-items:center;gap:8px;padding:7px 0}.view-user-modal .detail-icon{color:#94a3b8;background:#f1f5f9;border-radius:6px;flex:0 0 22px;width:22px;height:22px}.view-user-modal .detail-item span{margin-bottom:1px;font-size:9px}.view-user-modal .detail-item strong{font-size:11.5px}.view-user-modal .access-section{border-radius:8px;margin:8px 20px 14px}.view-user-modal .access-header{padding:9px 12px}.view-user-modal .access-header h3{gap:5px;font-size:12.5px}.view-user-modal .access-header p{font-size:10px}.view-user-modal .access-total{padding:3px 7px;font-size:9px}.view-user-modal .course-row{gap:8px 10px;padding:8px 12px}.view-user-modal .course-icon{border-radius:6px;flex:0 0 28px;width:28px;height:28px}.view-user-modal .course-main h4{margin-bottom:1px;font-size:11.5px}.view-user-modal .course-main p{font-size:9px}.view-user-modal .remaining,.view-user-modal .expired-text{margin-top:2px;font-size:8.5px}.view-user-modal .course-status span{padding:3px 7px;font-size:8.5px}.view-user-modal .course-actions button{gap:4px;min-height:28px;padding:0 10px;font-size:10px}.view-user-modal .modal-actions{gap:8px;padding:10px 20px}.view-user-modal .modal-actions button{gap:6px;min-height:32px;padding:0 12px;font-size:12px}.users-modal:has(.delete-modal){width:min(430px,100%)!important;max-width:430px!important}.delete-modal{text-align:center;flex-direction:column;align-items:center;display:flex;padding:30px 26px 22px!important}.delete-modal .delete-icon{color:#dc2626;background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 0 16px;display:flex}.delete-modal h2{color:#0f172a;margin:0 0 8px;font-size:19px;font-weight:700}.delete-modal p{color:#475569;max-width:320px;margin:0 0 6px;font-size:13.5px;line-height:1.5}.delete-modal>span{color:#94a3b8;font-size:12px;display:block}.users-modal:has(.delete-modal) .modal-actions{border-top:1px solid #f1f5f9;justify-content:center;gap:10px;padding:16px 26px 22px}.users-modal:has(.delete-modal) .modal-actions button{flex:1 1 0;justify-content:center;max-width:170px}@supports not selector(:has(*)){.delete-modal{max-width:430px;margin:0 auto}}.categories-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.categories-page button,.categories-page input,.categories-page select,.categories-page textarea{font-family:inherit}.header-eyebrow{color:#6366f1;letter-spacing:1.2px;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.subtitle{color:#64748b;margin:6px 0 0;font-size:14px}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 17px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.category-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:22px;display:grid}.stat-card{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;min-width:0;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.stat-card:after{content:"";pointer-events:none;background:#6366f109;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.stat-card>svg{box-sizing:border-box;color:#fff;background:var(--sc-color,#6366f1);z-index:1;border-radius:13px;flex:0 0 48px;width:48px;height:48px;padding:12px;position:relative;box-shadow:0 6px 14px #0f172a1f}.stat-card>div:last-child{z-index:1;min-width:0;position:relative}.stat-card h3{letter-spacing:-.4px;color:#0f172a;margin:0;font-size:23px;font-weight:700;line-height:1.25}.stat-card p{text-transform:uppercase;letter-spacing:.3px;color:#64748b;margin:5px 0 0;font-size:12px;font-weight:500}.stat-card.sc-blue{--sc-color:#2563eb}.stat-card.sc-green{--sc-color:#10b981}.stat-card.sc-amber{--sc-color:#f59e0b}.stat-card.sc-purple{--sc-color:#8b5cf6}.stat-card.sc-cyan{--sc-color:#06b6d4}.stat-card.sc-red{--sc-color:#ef4444}.stat-card.sc-pink{--sc-color:#ec4899}.stat-card.sc-teal{--sc-color:#0d9488}.stat-card.sc-orange{--sc-color:#f97316}.toolbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.search-box{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:420px;height:42px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex}.search-box input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;height:100%;font-size:14px}.refresh-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.refresh-btn:active svg{transform:rotate(180deg)}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.category-table{border-collapse:collapse;width:100%;min-width:820px}.category-table thead{background:#f8fafc}.category-table th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #e2e8f0;height:52px;padding:0 14px;font-size:11.5px;font-weight:600}.category-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:13px 14px;font-size:14px}.category-table tbody tr{transition:background .15s}.category-table tbody tr:hover{background:#fafbff}.category-table tbody tr:last-child td{border-bottom:none}.table-category-image{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:58px;height:48px;display:flex;overflow:hidden}.table-category-image img{object-fit:cover;width:100%;height:100%;display:block}.table-no-image{color:#94a3b8;justify-content:center;align-items:center;display:flex}.category-name{align-items:center;min-width:150px;display:flex}.category-name .name{color:#0f172a;font-size:14px;font-weight:600}.category-slug{color:#475569;word-break:break-word;background:#f1f5f9;border-radius:6px;padding:4px 8px;font-family:Poppins,ui-monospace,Consolas,monospace;font-size:12px;display:inline-block}.category-description{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:240px;line-height:1.5;display:block;overflow:hidden}.created-date{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.created-date svg{color:#94a3b8;flex-shrink:0}.action-buttons{align-items:center;gap:7px;display:flex}.view-btn,.edit-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.view-btn{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.edit-btn{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.edit-btn:hover{background:#e0e7ff}.empty-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:240px;display:flex}.empty-state svg{margin-bottom:4px}.empty-state p{color:#64748b;margin:0 0 10px;font-size:14px}.loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;display:flex}.spinner-small{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.modal{z-index:9999;box-sizing:border-box;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;animation:.18s overlayFade;display:flex;position:fixed;inset:0;overflow:hidden}.modal button,.modal input,.modal select,.modal textarea{font-family:inherit}.category-overlay,.view-modal,.confirm-modal{position:fixed;inset:0}.modal-content{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(620px,100%);max-height:calc(100vh - 48px);animation:.2s ease-out modalOpen;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0f172a47,0 10px 20px #0f172a14}@keyframes modalOpen{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.view-modal{padding:30px}.view-content{width:min(1050px,100%);max-height:calc(100vh - 60px)}.modal-header{background:#fff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:64px;padding:0 22px;display:flex}.modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.modal-body{min-height:0;padding:22px;overflow-y:auto}.form-group input,.form-group textarea,.view-detail-item input,.view-detail-item textarea{box-sizing:border-box;color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input,.view-detail-item input{height:42px;padding:0 12px}.form-group textarea,.view-detail-item textarea{resize:vertical;min-height:90px;padding:11px 12px}.form-group input:focus,.form-group textarea:focus,.view-detail-item input:focus,.view-detail-item textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.form-group input.error,.view-detail-item input.error{border-color:#ef4444}.file-upload-wrapper{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.file-upload-label{color:#475569;cursor:pointer;background:#f8fafc;border:1px dashed #94a3b8;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.file-upload-label:hover{color:#6366f1;background:#eef2ff;border-color:#6366f1}.field-hint{color:#94a3b8;margin:0;font-size:11px}.image-preview-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:180px;height:110px;position:relative;overflow:hidden}.image-preview{object-fit:cover;width:100%;height:100%;display:block}.remove-image-btn{color:#fff;cursor:pointer;background:#0f172ab8;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:7px;right:7px}.remove-image-btn:hover{background:#dc2626}.view-body{background:#fff;min-height:0;padding:26px 30px;overflow-y:auto}.category-detail-hero{border-bottom:1px solid #e2e8f0;align-items:center;gap:50px;margin-bottom:28px;padding-bottom:24px;display:flex}.category-detail-image{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:190px;height:125px;margin-left:150px;display:flex;overflow:hidden}.category-detail-image img{object-fit:cover;width:100%;height:100%;display:block}.category-detail-no-image{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.category-detail-no-image span{font-size:12px}.category-detail-title{min-width:0}.detail-label{color:#6366f1;letter-spacing:.08em;margin-bottom:7px;font-size:11px;font-weight:700;display:inline-block}.category-detail-title h3{color:#0f172a;word-break:break-word;margin:0 0 9px;font-size:26px;font-weight:700;line-height:1.2}.category-detail-title .category-slug{font-size:12px}.view-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.view-detail-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:0;padding:17px}.view-detail-item.full-width{grid-column:1/-1}.view-detail-item label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.view-detail-item>span{color:#0f172a;word-break:break-word;align-items:center;gap:7px;min-height:22px;font-size:14px;line-height:1.5;display:flex}.description-full{white-space:pre-wrap;color:#475569!important;display:block!important}.modal-footer{background:#fff;border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-height:68px;padding:12px 22px;display:flex}.btn-save,.btn-cancel,.btn-edit,.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-save{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-edit{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.btn-edit:hover{background:#e0e7ff}.confirm-content{width:min(450px,100%)}.confirm-body{text-align:center;padding:30px 24px}.confirm-icon{color:#ef4444;margin-bottom:12px}.confirm-body p{color:#334155;margin:6px 0;font-size:15px;font-weight:500}.confirm-body .confirm-sub{color:#94a3b8;font-size:13px;font-weight:400}.modal-body::-webkit-scrollbar{width:7px}.view-body::-webkit-scrollbar{width:7px}.modal-body::-webkit-scrollbar-track{background:#f8fafc}.view-body::-webkit-scrollbar-track{background:#f8fafc}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.view-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=900px){.categories-page,.view-modal{padding:18px}.view-content{max-height:calc(100vh - 36px)}.view-body{padding:22px}.category-detail-hero{gap:18px}.category-detail-image{width:160px;height:110px}.category-detail-title h3{font-size:22px}}@media (width<=650px){.categories-page{padding:14px}.page-header{flex-direction:column;align-items:flex-start}.page-header h1{font-size:22px}.add-btn{width:100%}.category-stats{grid-template-columns:1fr}.toolbar{align-items:stretch}.search-box{max-width:none}.refresh-btn{flex-shrink:0}.modal,.view-modal{padding:10px}.modal-content{border-radius:14px;max-height:calc(100vh - 20px)}.view-content{max-height:calc(100vh - 20px)}.modal-header{min-height:58px;padding:0 16px}.modal-header h2{font-size:17px}.modal-body,.view-body{padding:18px 16px}.category-detail-hero{flex-direction:column;align-items:flex-start;gap:15px}.category-detail-image{width:100%;height:170px}.category-detail-title h3{font-size:21px}.view-details-grid{grid-template-columns:1fr;gap:12px}.view-detail-item.full-width{grid-column:auto}.modal-footer{min-height:auto;padding:12px 16px}.modal-footer .btn-cancel,.modal-footer .btn-save,.modal-footer .btn-edit,.modal-footer .btn-danger{flex:1}.confirm-content .modal-footer{flex-wrap:wrap}.confirm-content .modal-footer button{flex:1}}@media (width<=420px){.category-detail-image{height:140px}.category-detail-title h3{font-size:19px}.view-detail-item{padding:14px}.modal-footer{gap:7px}.btn-save,.btn-cancel,.btn-edit,.btn-danger{padding:0 12px;font-size:13px}}.modal.category-delete-overlay{box-sizing:border-box;-webkit-backdrop-filter:blur(2px);z-index:99999!important;background:#0f172a8c!important;border:none!important;border-radius:0!important;justify-content:center!important;align-items:center!important;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important;transform:none!important}.category-delete-overlay>.modal-content.confirm-content{box-sizing:border-box;flex-shrink:0;overflow-y:auto;background:#fff!important;border-radius:16px!important;width:min(440px,100%)!important;max-width:440px!important;max-height:calc(100dvh - 48px)!important;margin:auto!important}.category-delete-overlay .modal-header,.category-delete-overlay .confirm-body,.category-delete-overlay .modal-footer{box-sizing:border-box;width:100%}.courses-page,.courses-page *{box-sizing:border-box}.courses-page{color:#172033;background:#f6f8fc;width:100%;min-height:100%;padding:28px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.courses-modal-overlay{font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}body.courses-modal-open{overflow:hidden!important}.courses-header{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:24px;display:flex}.courses-heading-row{align-items:center;gap:14px;display:flex}.courses-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 20px #4f46e52e}.courses-header h1{color:#172033;letter-spacing:-.4px;margin:0;font-size:25px;font-weight:750}.courses-header p{color:#7b8497;margin:5px 0 0;font-size:13px}.courses-primary-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 17px;font-family:inherit;font-size:13px;font-weight:650;transition:transform .2s,background .2s,box-shadow .2s;display:inline-flex}.courses-primary-btn:hover{background:#4338ca;transform:translateY(-1px);box-shadow:0 7px 18px #4f46e538}.courses-primary-btn:active{transform:translateY(0)}.course-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:22px;display:grid}.course-stat-card{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:18px;width:185px;min-width:0;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.course-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.course-stat-card:after{content:"";pointer-events:none;background:#6366f109;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.course-stat-card .stat-icon{color:#fff;border-radius:13px;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;box-shadow:0 6px 14px #0f172a1f}.course-stat-card .stat-icon svg{color:#fff;stroke:#fff}.course-stat-card>div:last-child{flex:1;min-width:0}.course-stat-card span{color:#8992a5;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px;font-size:11.5px;font-weight:600;line-height:1.3;display:block;overflow:hidden}.course-stat-card strong{color:#1d2638;letter-spacing:-.4px;font-size:23px;font-weight:700;line-height:1.2;display:block}.stat-blue .stat-icon{color:#fff;background:#2563eb}.stat-green .stat-icon{color:#fff;background:#10b981}.stat-orange .stat-icon{color:#fff;background:#f59e0b}.stat-purple .stat-icon{color:#fff;background:#8b5cf6}.stat-cyan .stat-icon{color:#fff;background:#06b6d4}.courses-toolbar{align-items:center;gap:10px;width:100%;margin-bottom:16px;display:flex}.courses-search{color:#929aaa;background:#fff;border:1px solid #e2e6ee;border-radius:10px;flex:1;align-items:center;gap:9px;min-width:240px;height:42px;padding:0 13px;display:flex}.courses-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f114}.courses-search input{color:#273044;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:inherit;font-size:13px}.courses-search input::placeholder{color:#a0a8b8}.courses-toolbar select{color:#485268;cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:10px;outline:none;min-width:145px;height:42px;padding:0 34px 0 12px;font-family:inherit;font-size:13px}.courses-toolbar select:focus{border-color:#818cf8}.courses-refresh-btn{color:#667085;cursor:pointer;background:#fff;border:1px solid #e2e6ee;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s,color .2s,transform .2s;display:flex}.courses-refresh-btn:hover{color:#4f46e5;background:#f5f6ff;transform:rotate(30deg)}.courses-table-card{background:#fff;border:1px solid #e7eaf0;border-radius:15px;width:100%;overflow:hidden;box-shadow:0 5px 20px #0f172a09}.courses-table-header{border-bottom:1px solid #edf0f4;align-items:center;min-height:68px;padding:0 20px;display:flex}.courses-table-header h2{color:#20283a;margin:0 0 4px;font-size:16px;font-weight:700}.courses-table-header span{color:#929aaa;font-size:11px}.courses-table-container{width:100%;overflow-x:auto}.courses-table{border-collapse:collapse;width:100%;min-width:900px}.courses-table thead{background:#fafbfc}.courses-table th{color:#8b94a7;text-align:left;letter-spacing:.5px;border-bottom:1px solid #edf0f4;height:45px;padding:0 18px;font-size:10px;font-weight:700}.courses-table td{vertical-align:middle;color:#3b4559;border-bottom:1px solid #f0f2f6;padding:14px 18px;font-size:12px}.courses-table tbody tr{transition:background .15s}.courses-table tbody tr:hover{background:#fafbff}.courses-table tbody tr:last-child td{border-bottom:none}.course-info{align-items:center;gap:12px;min-width:310px;display:flex}.course-info img,.course-thumbnail{object-fit:cover;background:#eef2ff;border:1px solid #e5e7eb;border-radius:9px;width:74px;min-width:74px;height:50px;display:block}.course-info-text{flex-direction:column;gap:3px;min-width:0;display:flex}.course-info-text strong{color:#20283a;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;font-weight:700;overflow:hidden}.course-info-text span{color:#7d879a;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:11px;overflow:hidden}.course-info-text small{color:#a1a8b6;font-size:10px}.featured-label{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:6px;align-items:center;gap:4px;margin-left:auto;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.category-label{color:#566176;font-size:12px;font-weight:550}.level-label{letter-spacing:.3px;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.level-beginner{color:#15803d;background:#f0fdf4}.level-intermediate{color:#b45309;background:#fffbeb}.level-advanced{color:#be123c;background:#fff1f2}.level-default{color:#64748b;background:#f1f5f9}.status-label{border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.status-label i{border-radius:50%;width:5px;height:5px;display:block}.status-published{color:#15803d;background:#f0fdf4}.status-published i{background:#22c55e}.status-draft{color:#b45309;background:#fffbeb}.status-draft i{background:#f59e0b}.status-archived{color:#64748b;background:#f1f5f9}.status-archived i{background:#94a3b8}.student-label{color:#64748b;align-items:center;gap:6px;font-size:12px;display:inline-flex}.course-actions{align-items:center;gap:6px;display:flex}.course-actions button{cursor:pointer;background:#fff;border:1px solid #e6e9ef;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s;display:flex}.action-view{color:#475569}.action-view:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.action-star{color:#94a3b8}.action-star:hover,.action-star.active{color:#d97706;background:#fff7ed;border-color:#fed7aa}.action-status{color:#16a34a}.action-status:hover{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.courses-empty-cell{height:330px}.courses-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.courses-empty h3{color:#30394d;margin:0 0 5px;font-size:15px}.courses-empty p{color:#929aaa;margin:0 0 16px;font-size:12px}.courses-loading{color:#7b8497;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:400px;font-size:13px;display:flex}.courses-spinner,.small-spinner{border:2px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:.7s linear infinite courses-spin;display:inline-block}.courses-spinner{width:30px;height:30px}.small-spinner{width:15px;height:15px}@keyframes courses-spin{to{transform:rotate(360deg)}}.courses-modal-overlay{z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a94;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:fixed;inset:0;overflow:hidden}.courses-modal{background:#fff;border:1px solid #fffc;border-radius:18px;flex-direction:column;width:min(920px,100vw - 48px);max-height:calc(100vh - 48px);display:flex;overflow:hidden;box-shadow:0 25px 70px #0f172a40}.course-view-modal{width:min(980px,100vw - 48px)}.courses-modal-header{background:#fff;border-bottom:1px solid #edf0f4;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:16px 20px;display:flex}.courses-modal-header h2{color:#1f2937;margin:0;font-size:18px;font-weight:750}.courses-modal-header p{color:#8b94a7;margin:4px 0 0;font-size:11px}.modal-x{color:#667085;cursor:pointer;background:#f5f6f8;border:none;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.modal-x:hover{color:#dc2626;background:#fee2e2}.courses-modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;flex:1;min-height:0;padding:22px;overflow:hidden auto}.courses-modal-body::-webkit-scrollbar{width:6px}.courses-modal-body::-webkit-scrollbar-track{background:0 0}.courses-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:20px}.courses-modal-footer{background:#fff;border-top:1px solid #edf0f4;flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;min-height:66px;padding:12px 20px;display:flex}.modal-cancel,.modal-save,.modal-delete,.modal-edit{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:650;display:inline-flex}.modal-cancel{color:#667085;background:#fff;border:1px solid #e2e6ee}.modal-cancel:hover{background:#f8fafc}.modal-save{color:#fff;background:#4f46e5;border:none}.modal-save:hover{background:#4338ca}.modal-save:disabled,.modal-cancel:disabled,.delete-confirm:disabled{opacity:.6;cursor:not-allowed}.modal-delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.modal-delete:hover{background:#fee2e2}.modal-edit{color:#fff;background:#4f46e5;border:none}.modal-edit:hover{background:#4338ca}.course-form{width:100%}.form-section-title{align-items:flex-start;gap:11px;margin-bottom:18px;display:flex}.form-section-title>span{color:#4f46e5;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;font-size:10px;font-weight:750;display:flex}.form-section-title h3{color:#263043;margin:0 0 3px;font-size:14px;font-weight:750}.form-section-title p{color:#929aaa;margin:0;font-size:11px;line-height:1.5}.form-content-title{margin-top:30px}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-field{width:100%;margin-bottom:14px}.form-field label{color:#465066;margin-bottom:6px;font-size:11px;font-weight:650;display:block}.form-field label b{color:#ef4444}.form-field input,.form-field textarea,.form-field select{color:#263043;background:#fff;border:1px solid #dfe4ec;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s}.form-field input,.form-field select{height:40px;padding:0 11px}.form-field textarea{resize:vertical;padding:10px 11px;line-height:1.5}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f114}.form-field input::placeholder,.form-field textarea::placeholder{color:#a5adbb}.form-field .input-error{border-color:#ef4444}.form-field small{color:#ef4444;margin-top:5px;font-size:10px;display:block}.upload-area{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:11px;width:100%;padding:12px}.upload-area>input[type=file]{display:none}.upload-label{color:#64748b;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:82px;transition:background .2s;display:flex}.upload-label:hover{background:#f1f5f9}.upload-label svg{color:#6366f1}.upload-label>div{flex-direction:column;gap:4px;display:flex}.upload-label strong{color:#334155;font-size:12px}.upload-label span{color:#94a3b8;font-size:10px}.upload-preview{background:#e2e8f0;border:1px solid #e2e8f0;border-radius:10px;width:100%;height:190px;margin-top:12px;position:relative;overflow:hidden}.upload-preview img{object-fit:cover;width:100%;height:100%;display:block}.remove-preview-btn{color:#fff;cursor:pointer;z-index:5;background:#0f172ac7;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:9px;right:9px}.remove-preview-btn:hover{background:#dc2626}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.setting-box{cursor:pointer;background:#fff;border:1px solid #e3e7ef;border-radius:10px;align-items:flex-start;gap:10px;min-height:78px;padding:13px;transition:border-color .2s,background .2s;display:flex;position:relative}.setting-box:hover{background:#fafaff;border-color:#c7d2fe}.setting-box input{opacity:0;pointer-events:none;position:absolute}.custom-checkbox{color:#0000;background:#fff;border:1px solid #d5dae3;border-radius:8px;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;transition:all .2s;display:flex}.setting-box input:checked+.custom-checkbox{color:#fff;background:#4f46e5;border-color:#4f46e5}.setting-box div{flex-direction:column;gap:4px;display:flex}.setting-box strong{color:#30394d;font-size:12px}.setting-box small{color:#8b94a7;font-size:10px;line-height:1.4}.course-detail-top{border-bottom:1px solid #edf0f4;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.course-detail-image{object-fit:cover;background:#eef2ff;border:1px solid #e5e7eb;border-radius:12px;width:220px;min-width:220px;height:135px;display:block}.course-detail-content{flex:1;min-width:0}.detail-title-row{align-items:flex-start;gap:9px;display:flex}.detail-title-row h3{color:#20283a;margin:0;font-size:19px;font-weight:750;line-height:1.3}.detail-featured{color:#ea580c;white-space:nowrap;background:#fff7ed;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:9px;font-weight:700;display:inline-flex}.course-detail-content>p{color:#7b8497;margin:8px 0 12px;font-size:12px;line-height:1.55}.detail-student{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px;display:grid}.detail-grid>div{background:#fafbfc;border:1px solid #edf0f4;border-radius:9px;flex-direction:column;justify-content:center;gap:5px;min-height:68px;padding:12px;display:flex}.detail-grid label{color:#929aaa;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:650}.detail-grid strong{color:#3b4559;font-size:12px}.detail-section{background:#fafbfc;border:1px solid #edf0f4;border-radius:10px;margin-top:18px;padding:15px}.detail-section h4{color:#30394d;margin:0 0 7px;font-size:12px}.detail-section p{color:#6f798d;white-space:pre-wrap;margin:0;font-size:11px;line-height:1.65}.detail-meta{color:#9aa2b1;flex-wrap:wrap;gap:16px;margin-top:14px;font-size:10px;display:flex}.modules-section{border-top:1px solid #edf0f4;margin-top:22px;padding-top:20px}.modules-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modules-heading>div{align-items:center;gap:9px;display:flex}.modules-heading h4{color:#30394d;align-items:center;gap:7px;margin:0;font-size:13px;display:flex}.modules-heading h4 svg{color:#6366f1}.modules-heading span{color:#4f46e5;background:#eef2ff;border-radius:5px;padding:4px 7px;font-size:9px;font-weight:700}.module-add-row{gap:8px;margin-bottom:12px;display:flex}.module-add-row select{color:#475569;background:#fff;border:1px solid #dfe4ec;border-radius:8px;outline:none;flex:1;height:38px;padding:0 10px;font-family:inherit;font-size:11px}.module-add-row select:focus{border-color:#818cf8}.module-add-btn{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:38px;padding:0 14px;font-family:inherit;font-size:11px;font-weight:650;display:inline-flex}.module-add-btn:hover{background:#4338ca}.module-add-btn:disabled{opacity:.5;cursor:not-allowed}.modules-loading{color:#8b94a7;justify-content:center;align-items:center;gap:8px;min-height:100px;font-size:11px;display:flex}.no-modules{color:#a0a8b8;border:1px dashed #dfe4ec;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:110px;font-size:11px;display:flex}.no-modules svg{color:#c4cad5}.module-item{background:#fff;border:1px solid #e8ebf1;border-radius:9px;align-items:center;gap:10px;min-height:58px;padding:9px;display:flex}.module-number{color:#4f46e5;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:10px;font-weight:750;display:flex}.module-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.module-info strong{color:#3b4559;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.module-info span{color:#929aaa;font-size:9px}.module-remove{color:#dc2626;cursor:pointer;background:#fff;border:1px solid #fecaca;border-radius:7px;align-items:center;gap:5px;height:30px;padding:0 9px;font-family:inherit;font-size:9px;font-weight:650;display:inline-flex}.module-remove:hover{background:#fef2f2}.module-remove:disabled{opacity:.5;cursor:not-allowed}.delete-modal{text-align:center;background:#fff;border-radius:17px;width:min(430px,100vw - 40px);padding:26px;box-shadow:0 25px 70px #0f172a40}.delete-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 15px;display:flex}.delete-modal h2{color:#20283a;margin:0 0 7px;font-size:18px}.delete-modal>p{color:#70798c;margin:0;font-size:12px;line-height:1.5}.delete-note{color:#9ca3af;margin-top:7px;font-size:10px;display:block}.delete-warning{color:#b45309;text-align:left;background:#fffbeb;border-radius:8px;align-items:flex-start;gap:8px;margin-top:15px;padding:10px;font-size:10px;line-height:1.4;display:flex}.delete-error{color:#dc2626;text-align:left;background:#fef2f2;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;font-size:10px;line-height:1.4;display:flex}.delete-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.delete-confirm{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:650;display:inline-flex}.delete-confirm:hover{background:#b91c1c}@media (width<=1200px){.course-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.courses-page{padding:20px}.courses-header{align-items:flex-start}.courses-toolbar{flex-wrap:wrap}.courses-search{flex-basis:100%}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.courses-page{padding:14px}.courses-header{flex-direction:column}.courses-primary-btn{width:100%}.course-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.courses-toolbar select{flex:1;min-width:0}.courses-refresh-btn{width:42px}.form-grid-2,.form-grid-3,.settings-grid{grid-template-columns:1fr}.courses-modal-overlay{padding:10px}.courses-modal,.course-view-modal{border-radius:14px;width:100%;max-height:calc(100vh - 20px)}.courses-modal-body{padding:16px}.course-detail-top{flex-direction:column}.course-detail-image{width:100%;min-width:0;height:190px}.detail-grid{grid-template-columns:1fr}.courses-modal-footer{padding:10px 14px}.modal-delete{margin-right:0}}@media (width<=480px){.course-stats{grid-template-columns:1fr}.courses-header h1{font-size:21px}.courses-toolbar{grid-template-columns:1fr 1fr;display:grid}.courses-search{grid-column:1/-1}.courses-toolbar select{width:100%}.courses-refresh-btn{justify-self:end}.course-info{min-width:260px}.featured-label{display:none}.course-detail-image{height:170px}.upload-preview{height:160px}}.modules-page{box-sizing:border-box;background:#f8fafc;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:1.5rem;display:flex}.page-heading h1{color:#111827;margin:0;font-size:1.7rem;font-weight:700;line-height:1.25}.subtitle{color:#6b7280;margin:6px 0 0;font-size:.9rem;line-height:1.5}.add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 12px #7c3aed40}.add-btn:active{transform:translateY(0)}.page-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:9px;margin-bottom:1rem;padding:12px 14px;font-size:.84rem;font-weight:600;display:flex}.module-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:1.5rem;display:grid}.modules-page .stat-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;align-items:center;gap:15px;min-width:0;height:118px;min-height:118px;padding:18px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 8px #0f172a0a}.modules-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.modules-page .stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;color:#fff!important}.modules-page .stat-icon-purple{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important}.modules-page .stat-icon-blue{background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff!important}.modules-page .stat-icon svg{color:#fff!important;stroke:#fff!important}.modules-page .stat-card:before,.modules-page .stat-card:after{content:none!important;border:none!important;display:none!important}.stat-content{flex-direction:column;gap:4px;display:flex}.stat-label{color:#6b7280;font-size:.78rem;font-weight:500}.modules-toolbar{align-items:center;gap:10px;margin-bottom:1.25rem;display:flex}.search-box{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;height:42px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.search-box input{color:#111827;background:0 0;border:none;outline:none;width:100%;margin-left:9px;font-family:inherit;font-size:.88rem}.clear-search{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.clear-search:hover{color:#374151;background:#f3f4f6}.refresh-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s,border-color .15s;display:inline-flex}.refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}@keyframes module-refresh-spin{to{transform:rotate(360deg)}}.module-card{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;min-width:0;min-height:290px;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex;box-shadow:0 2px 8px #0f172a0a}.module-card:hover{border-color:#ddd6fe;transform:translateY(-2px);box-shadow:0 10px 25px #0f172a14}.module-card-header{align-items:flex-start;gap:12px;min-width:0;display:flex}.module-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #6366f147}.module-icon svg{color:#fff;stroke:#fff}.module-card-title{min-width:0;padding-top:3px}.module-card-title h3{color:#111827;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;font-weight:700;line-height:1.35;overflow:hidden}.module-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;font-size:.75rem;display:flex}.meta-item{align-items:center;gap:5px;display:inline-flex}.meta-dot{color:#d1d5db}.module-description{color:#6b7280;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:14px 0 16px;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}.lessons-btn{color:#374151;cursor:pointer;background:#f9fafb;border:1px solid #e5e7eb;border-radius:9px;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:10px 12px;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:flex}.lessons-btn:hover{color:#5b21b6;background:#f5f3ff;border-color:#ddd6fe}.lessons-btn-left{align-items:center;gap:7px;display:inline-flex}.lessons-btn-right{align-items:center;gap:5px;display:inline-flex}.lessons-btn-right span{color:#6d28d9;background:#ede9fe;border-radius:6px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 5px;font-size:.7rem;display:inline-flex}.module-card-footer{border-top:1px solid #f1f5f9;gap:8px;margin-top:12px;padding-top:12px;display:flex}.card-edit-btn,.card-delete-btn{cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:.76rem;font-weight:600;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.card-edit-btn{color:#4f46e5}.card-edit-btn:hover{background:#eef2ff;border-color:#c7d2fe}.card-delete-btn{color:#dc2626}.card-delete-btn:hover{background:#fef2f2;border-color:#fecaca}.empty-state{text-align:center;background:#fff;border:1px dashed #d1d5db;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:65px 20px;display:flex}.empty-icon{color:#6366f1;background:#f5f3ff;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:4px;display:flex}.empty-state p{color:#9ca3af;max-width:420px;margin:0;font-size:.86rem;line-height:1.5}.secondary-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;min-height:40px;margin-top:8px;padding:9px 16px;font-size:.82rem;font-weight:600}.secondary-btn:hover{background:#f9fafb}.loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:70vh;font-size:.9rem;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite module-spinner}@keyframes module-spinner{to{transform:rotate(360deg)}}.modal{z-index:9999;box-sizing:border-box;background:#1118278c;justify-content:center;align-items:flex-start;padding:40px 20px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;margin:auto;display:flex;box-shadow:0 20px 50px #00000040}.module-modal{max-width:540px}.modal-subtitle{color:#9ca3af;margin:4px 0 0;font-size:.76rem}.modal-close{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.modal-close:disabled{opacity:.5;cursor:not-allowed}.form-group:last-child{margin-bottom:0}.form-group label span{color:#dc2626}.form-group input,.form-group textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s;display:block}.form-group input{height:42px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #7c3aed1f}.modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;font-size:.8rem;font-weight:600;display:flex}.btn-cancel,.btn-save,.btn-danger{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:9px 17px;font-family:inherit;font-size:.84rem;font-weight:600;display:inline-flex}.btn-cancel{color:#374151;background:#fff;border:1px solid #e5e7eb}.btn-save{color:#fff;background:linear-gradient(135deg,#6366f1,#6366f1);border:1px solid #0000;box-shadow:0 4px 10px #7c3aed33}.btn-danger{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.btn-cancel:disabled,.btn-save:disabled,.btn-danger:disabled{opacity:.6;cursor:not-allowed}.confirm-body{text-align:center;min-width:0}.confirm-sub strong{color:#111827}.confirm-warning{color:#b91c1c;margin:9px 0 0;font-size:.78rem;line-height:1.5}@media (width<=900px){.modules-page{padding:1.5rem}.module-stats{grid-template-columns:1fr}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.modules-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-heading h1{font-size:1.45rem}.add-btn{width:100%}.module-grid{grid-template-columns:1fr}.modules-toolbar{width:100%}.search-box{min-width:0}.module-card{min-height:auto}.modal{padding:20px 12px}.modal-content{border-radius:14px}.modal-header{padding:16px}.modal-body{padding:18px 16px}.modal-footer{padding:14px 16px}.confirm-content{padding:18px 16px}.modal-footer .btn-cancel,.modal-footer .btn-save,.modal-footer .btn-danger{flex:1}}@media (width<=400px){.module-stats{gap:10px}.stat-card{padding:14px}.stat-icon{width:42px;height:42px}.stat-value{font-size:1.35rem}.module-card{padding:15px}.module-card-footer{flex-direction:column}.card-edit-btn,.card-delete-btn{width:100%}}.lessons-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.lessons-page .page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:1.5rem;display:flex}.lessons-page .page-header h1{color:#111827;margin:0;font-size:1.7rem;font-weight:700}.lessons-page .subtitle{color:#6b7280;margin:6px 0 0;font-size:.9rem}.lessons-page .add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:600;transition:box-shadow .15s,transform 50ms;display:inline-flex;box-shadow:0 4px 12px #7c3aed4d}.lessons-page .add-btn:hover{box-shadow:0 6px 18px #7c3aed66}.lessons-page .add-btn:active{transform:translateY(1px)}.lessons-page .refresh-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .15s;display:inline-flex}.lessons-page .refresh-btn:hover{background:#f3f4f6}.lessons-page .back-link{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:7px 14px 7px 11px;font-family:inherit;font-size:13px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.lessons-page .back-link svg{flex-shrink:0;transition:transform .2s}.lessons-page .back-link:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;text-decoration:none}.lessons-page .back-link:hover svg{transform:translate(-2px)}.lessons-page .back-link:active{transform:translateY(1px)}.lessons-container{width:100%}.lessons-page .empty-state{color:#9ca3af;text-align:center;background:#fff;border:1px dashed #e5e7eb;border-radius:14px;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.lessons-page .empty-state h3{color:#374151;margin:6px 0 0;font-size:1.05rem}.lessons-page .empty-state p{margin:0;font-size:.88rem}.lessons-page .module-picker{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;min-width:280px;margin-top:16px;padding:11px 14px;font-size:.9rem}.lessons-page .module-picker:focus{border-color:#6366f1;box-shadow:0 0 0 3px #7c3aed26}.lessons-page .loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 20px;font-size:.9rem;display:flex}.lessons-page .spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.8s linear infinite mod-spin}@keyframes mod-spin{to{transform:rotate(360deg)}}.lesson-item{background:#fff;border:1px solid #e5e7eb;border-radius:11px;align-items:center;gap:14px;padding:13px 16px;transition:border-color .15s;display:flex}.lesson-item:hover{border-color:#d1d5db}.lesson-title strong{color:#111827;font-size:.92rem;font-weight:600}.lesson-type-badge{border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:.68rem;font-weight:700;display:inline-flex}.preview-badge{color:#047857;background:#ecfdf5;border-radius:999px;padding:2px 8px;font-size:.68rem;font-weight:700}.preview-lesson-btn,.edit-lesson-btn,.delete-lesson-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.preview-lesson-btn:hover{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.edit-lesson-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.delete-lesson-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.modal{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 20px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:620px;margin:auto;animation:.2s lessonModalIn;display:flex;box-shadow:0 24px 60px #0f172a47}@keyframes lessonModalIn{0%{opacity:0;transform:translateY(-10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.lesson-modal{max-width:580px}.preview-modal{max-width:760px}.confirm-modal{max-width:440px}.modal-header{border-bottom:1px solid #f0f0f3;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.modal-close{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.modal-close:hover{background:#f3f4f6}.modal-body{max-height:70vh;padding:20px 22px;overflow-y:auto}.modal-footer{border-top:1px solid #f0f0f3;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.btn-cancel,.btn-save,.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex}.btn-cancel{color:#374151;background:#fff;border-color:#e5e7eb}.btn-save{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.btn-save:hover{box-shadow:0 5px 14px #7c3aed59}.btn-save:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.btn-danger:hover{background:#fee2e2}.confirm-content{gap:14px;padding:22px;display:flex}.confirm-icon{color:#dc2626;background:#fef2f2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.confirm-body h3{color:#111827;margin:0 0 5px;font-size:1rem}.form-group.full-width{width:100%}.form-group input,.form-group textarea,.form-group select{color:#111827;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:.88rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #7c3aed26}.toggle-label{cursor:pointer;align-items:center;gap:9px;font-weight:600;display:flex!important}.toggle-label input{accent-color:#6366f1;cursor:pointer;height:17px;width:17px!important}.field-hint{color:#9ca3af;margin-top:5px;font-size:.74rem;line-height:1.45;display:block}.error-text{color:#b91c1c;margin:5px 0 0;font-size:.8rem;font-weight:600}.preview-empty{text-align:center;color:#9ca3af;background:#f9fafb;border-radius:12px;padding:44px 20px}@media (width<=900px){.module-stats{grid-template-columns:1fr}}@media (width<=640px){.lessons-page{padding:16px}.module-grid,.quiz-question-controls{grid-template-columns:1fr}.module-nav-actions{flex-direction:column}}.enrollments-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.page-header h1{color:#1a1a2e;letter-spacing:-.5px;margin:0;font-size:2rem;font-weight:700}.header-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.error-banner p{margin:0;font-size:.875rem}.add-btn{cursor:pointer;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.add-btn.secondary{color:#475569;box-shadow:none;background:#f1f5f9;border:1px solid #e2e8f0}.add-btn.secondary:hover{background:#e2e8f0;box-shadow:0 4px 12px #0000000f}.refresh-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.enrollment-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.enrollments-page .stat-card{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;min-width:0;height:118px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.enrollments-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.enrollments-page .stat-card>svg{box-sizing:border-box;flex:0 0 48px;padding:12px;box-shadow:0 6px 14px #0f172a1f;color:#fff!important;stroke:#fff!important;background:var(--sc-color,#6366f1)!important;border-radius:13px!important;width:48px!important;height:48px!important}.enrollments-page .stat-card h3{color:#1a1a2e;margin:0;font-size:1.5rem;font-weight:700}.enrollments-page .stat-card p{color:#64748b;margin:0;font-size:.8125rem}.enrollments-page .stat-card:first-child{--sc-color:#6366f1}.enrollments-page .stat-card:nth-child(2){--sc-color:#f59e0b}.enrollments-page .stat-card:nth-child(3){--sc-color:#2563eb}.enrollments-page .stat-card:nth-child(4){--sc-color:#10b981}.enrollments-page .stat-card:nth-child(5){--sc-color:#ec4899}.reminder-settings-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:20px;padding:20px 24px;animation:.3s slideDown;box-shadow:0 2px 8px #0000000a}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.settings-header h3{color:#1a1a2e;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;display:flex}.settings-header .close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.settings-header .close-btn:hover{color:#1a1a2e;background:#f1f5f9}.settings-body{flex-wrap:wrap;align-items:center;gap:16px 24px;display:flex}.settings-row{align-items:center;gap:10px;display:flex}.settings-row label{color:#475569;white-space:nowrap;font-size:13px;font-weight:500}.settings-row select{color:#1a1a2e;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;min-width:100px;padding:6px 12px;font-size:13px}.settings-row select:disabled{opacity:.5;cursor:not-allowed}.toggle-label{cursor:pointer;color:#475569;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.toggle-label input[type=checkbox]{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:10px;flex-shrink:0;width:36px;height:20px;padding:0;transition:all .3s;position:relative}.toggle-label input[type=checkbox]:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle-label input[type=checkbox]:checked{background:#667eea}.toggle-label input[type=checkbox]:checked:before{left:18px}.status-text{font-size:13px}.status-active{color:#10b981}.status-inactive{color:#94a3b8}.last-run{color:#94a3b8;font-size:12px}.running{color:#f59e0b;font-size:12px;animation:1.5s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.settings-actions{margin-left:auto}.settings-actions .btn-save{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:500;transition:all .2s}.settings-actions .btn-save:hover:not(:disabled){background:#5a6fd6;transform:translateY(-1px)}.settings-actions .btn-save:disabled{opacity:.6;cursor:not-allowed}.search-box svg{color:#94a3b8;flex-shrink:0}.filter-select{color:#334155;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 12 12'%3E%3Cpath d='M6 8L1 3h10z'/%3E%3C/svg%3E") right .5rem center/12px no-repeat;border:1px solid #e2e8f0;border-radius:10px;min-width:130px;padding:.5rem 2rem .5rem .75rem;font-size:.875rem;transition:all .2s}.filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.enrollments-page .table-wrapper{background:#fff;border:1px solid #0000000a;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.enrollment-table{border-collapse:collapse;width:100%}.enrollment-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.enrollment-table thead th{text-align:left;color:#64748b;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.enrollment-table thead th:last-child{text-align:center}.enrollment-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:13px}.enrollment-table tbody td:last-child{text-align:center}.enrollment-table tbody tr{transition:all .2s}.enrollment-table tbody tr:hover{background:#f8fafc}.enrollment-table tbody tr:last-child td{border-bottom:none}.user-info .user-name{color:#1a1a2e;font-weight:600;display:block}.user-info .user-email{color:#94a3b8;font-size:11px;display:block}.course-title{color:#1a1a2e;font-weight:500}.progress-wrapper{align-items:center;gap:.5rem;display:flex}.progress-bar{background:#e2e8f0;border-radius:3px;flex:1;min-width:60px;height:5px;overflow:hidden}.progress-text{color:#64748b;min-width:35px;font-size:.75rem;font-weight:600}.status-badge{text-transform:uppercase;white-space:nowrap;border-radius:20px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.status-badge svg{width:12px;height:12px}.status-progress{color:#1e40af;background:#dbeafe}.status-notstarted{color:#92400e;background:#fef3c7}.enroll-date{color:#94a3b8;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.enroll-date svg{color:#94a3b8}.certificate-badge{color:#6d28d9;background:#ede9fe;border-radius:20px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.7rem;font-weight:600;display:inline-flex}.certificate-badge svg{color:#6d28d9}.no-certificate{color:#94a3b8;font-size:.75rem}.action-buttons{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.action-buttons button{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;display:inline-flex}.action-buttons button:hover{color:#1a1a2e;background:#f1f5f9;transform:scale(1.05)}.action-buttons .view-btn:hover{color:#2563eb;background:#dbeafe;border-color:#93c5fd}.action-buttons .reminder-btn{color:#f59e0b}.action-buttons .reminder-btn:hover{color:#d97706;background:#fef3c7;border-color:#fcd34d}.pagination{border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.page-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;transition:all .2s;display:flex}.page-btn:hover:not(:disabled){color:#667eea;background:#f1f5f9;border-color:#667eea}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-numbers{gap:4px;display:flex}.page-number{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.page-number:hover{background:#f1f5f9;border-color:#667eea}.page-number.active{color:#fff;background:#667eea;border-color:#667eea}.table-footer{text-align:right;border-top:1px solid #e2e8f0;padding:8px 16px 12px}.total-count{color:#94a3b8;font-size:13px}.empty-state p{margin:0;font-size:.875rem}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.view-content{max-width:600px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-body{max-height:55vh;padding-right:.25rem;overflow-y:auto}.modal-body::-webkit-scrollbar{width:4px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.modal-footer{border-top:1px solid #e2e8f0;gap:.5rem;margin-top:1rem;padding-top:1rem;display:flex}.form-group input,.form-group textarea{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:80px}.view-body{max-height:55vh;padding-right:.25rem;overflow-y:auto}.view-body::-webkit-scrollbar{width:4px}.view-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.view-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.view-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.view-header h3{color:#1a1a2e;margin:0;font-size:1.1rem;font-weight:700}.view-header .course-badge{color:#4338ca;background:#eef2ff;border-radius:20px;padding:.2rem .6rem;font-size:.7rem;font-weight:600}.view-details-grid{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;padding:.75rem 1rem;display:grid}.view-detail-item{flex-direction:column;gap:.1rem;display:flex}.view-detail-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.6rem;font-weight:600}.view-detail-item span{color:#1a1a2e;word-break:break-word;font-size:.85rem;font-weight:500}.view-detail-item .certificate-text{color:#6d28d9;font-weight:600}.view-detail-item .progress-wrapper .progress-bar{min-width:80px}.btn-cancel{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.btn-save{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;flex:2;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-save:hover{background:#5a6fd6;transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.reminder-info{padding:.5rem 0}.reminder-info h3{color:#1a1a2e;margin:0;font-size:1rem;font-weight:600}.reminder-info p{color:#64748b;margin:0;font-size:.875rem}@media (width<=1024px){.enrollments-page{padding:1.5rem}.enrollment-stats{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.enrollments-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-wrap:wrap;width:100%}.header-actions .add-btn{flex:1;justify-content:center;min-width:120px}.enrollment-stats{grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-card{padding:.75rem 1rem}.stat-card h3{font-size:1.25rem}.stat-card svg{width:20px;height:20px}.toolbar{flex-direction:column}.search-box{min-width:100%;max-width:100%}.filter-select{width:100%}.enrollment-table{white-space:normal;display:table}.modal-content{margin:.5rem;padding:1rem}.view-details-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn-cancel,.btn-save{width:100%}.pagination{flex-direction:column;align-items:center}.settings-body{flex-direction:column;align-items:stretch}.settings-row{flex-wrap:wrap}.settings-actions{margin-left:0}.settings-actions .btn-save{justify-content:center;width:100%}}@media (width<=480px){.enrollment-stats{grid-template-columns:1fr}.page-header h1{font-size:1.5rem}.view-detail-item span{font-size:.8rem}}@media print{.enrollments-page{background:#fff;padding:0}.add-btn,.refresh-btn,.toolbar,.action-buttons button,.modal,.header-actions{display:none!important}.enrollment-table{border:1px solid #ddd}.enrollment-table thead{background:#f1f5f9}.stat-card,.table-wrapper{box-shadow:none;border:1px solid #ddd}.reminder-settings-panel{display:none!important}}.course-block{background:#fff;border:1px solid #eef0f3;border-radius:14px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.course-block-head{cursor:pointer;text-align:left;background:#fafbff;border:none;border-bottom:1px solid #eef0f3;align-items:center;gap:12px;width:100%;padding:14px 18px;display:flex}.course-block-head:hover{background:#f5f3ff}.course-block-chevron{color:#6b7280;flex-shrink:0;display:flex}.course-block-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.course-block-title{color:#111827;flex:1;min-width:0;font-size:1rem;font-weight:700}.course-block-count{color:#6b7280;white-space:nowrap;font-size:.78rem}.course-block-table{overflow-x:auto}.student-cell{align-items:center;gap:11px;display:flex}.student-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.75rem;font-weight:700;display:flex}.student-email{color:#9ca3af;font-size:.75rem}.enrolled-date{color:#6b7280;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.progress-cell{align-items:center;gap:10px;min-width:150px;display:flex}.progress-track{background:#eef0f3;border-radius:999px;flex:1;height:7px;overflow:hidden}.progress-fill{background:#94a3b8;border-radius:999px;height:100%;transition:width .3s}.progress-fill.status-completed{background:#10b981}.progress-fill.status-progress{background:#6366f1}.progress-fill.status-notstarted{background:#e2e8f0}.progress-pct{color:#6b7280;text-align:right;min-width:34px;font-size:.78rem;font-weight:600}.cert-no{color:#4338ca;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.76rem;font-weight:600}.cert-none{color:#cbd5e1}.row-actions{gap:6px;display:flex}.row-actions .action-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.row-actions .action-btn.view:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.row-actions .action-btn.remind:hover{color:#b45309;background:#fffbeb;border-color:#fde68a}.status-badge.status-expired{color:#b91c1c;background:#fef2f2;margin-left:6px}@media (width<=640px){.course-block-count{display:none}}.enrollments-page .table-wrapper,.enrollments-page .course-block-table,.enrollments-page .course-block,.enrollments-page .course-group{width:100%;overflow-x:hidden}.enrollments-page .enrollment-table{table-layout:fixed;border-collapse:collapse;white-space:normal;width:100%;min-width:0;max-width:100%;display:table}.enrollments-page .enrollment-table th:first-child,.enrollments-page .enrollment-table td:first-child{width:28%}.enrollments-page .enrollment-table th:nth-child(2),.enrollments-page .enrollment-table td:nth-child(2){width:14%}.enrollments-page .enrollment-table th:nth-child(3),.enrollments-page .enrollment-table td:nth-child(3){width:18%}.enrollments-page .enrollment-table th:nth-child(4),.enrollments-page .enrollment-table td:nth-child(4){width:16%}.enrollments-page .enrollment-table th:nth-child(5),.enrollments-page .enrollment-table td:nth-child(5),.enrollments-page .enrollment-table th:nth-child(6),.enrollments-page .enrollment-table td:nth-child(6){width:12%}.enrollments-page .enrollment-table th,.enrollments-page .enrollment-table td{text-overflow:ellipsis;vertical-align:middle;padding:12px;overflow:hidden}.enrollments-page .enrollment-table td:last-child,.enrollments-page .enrollment-table th:last-child{text-align:right;overflow:visible}.enrollments-page .student-cell{align-items:center;gap:10px;min-width:0;display:flex}.enrollments-page .student-cell>div{flex:1;min-width:0}.enrollments-page .student-cell span,.enrollments-page .student-cell strong,.enrollments-page .student-cell small,.enrollments-page .student-cell p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.enrollments-page .student-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:flex}.enrollments-page .row-actions{justify-content:flex-end;gap:6px;display:inline-flex}.enrollments-page .enrollment-table .action-btn,.enrollments-page .row-actions .action-btn{color:#4b5563;cursor:pointer;z-index:1;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;transition:all .15s;display:inline-flex;position:relative}.enrollments-page .action-btn:hover{z-index:5}.enrollments-page .action-btn.view:hover{color:#0e7490;background:#ecfeff;border-color:#a5f3fc}.enrollments-page .action-btn.remind:hover{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.enrollments-page .reminder-settings-panel{border:1px solid #0000000f;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 1px 3px #0000000a}.enrollments-page .settings-header{background:#fafbff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 22px;display:flex}.enrollments-page .settings-header h3{color:#111827;align-items:center;gap:9px;margin:0;font-size:16px;font-weight:700;display:flex}.enrollments-page .settings-header h3 svg{color:#6366f1}.enrollments-page .settings-header .close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.enrollments-page .settings-header .close-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.enrollments-page .settings-body{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px 22px;padding:22px;display:grid}.enrollments-page .settings-row{flex-direction:column;gap:8px;min-width:0;display:flex}.enrollments-page .settings-row>label{color:#64748b;letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:600}.enrollments-page .settings-row select{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;height:40px;padding:0 12px;font-family:inherit;font-size:13.5px}.enrollments-page .settings-row select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.enrollments-page .settings-row select:disabled{color:#94a3b8;cursor:not-allowed;background:#f8fafc}.enrollments-page .toggle-label{cursor:pointer;text-transform:none;letter-spacing:0;color:#374151;flex-direction:row;align-items:center;gap:10px;min-height:40px;font-size:13.5px;font-weight:600;display:inline-flex}.enrollments-page .toggle-label input[type=checkbox]{appearance:none;cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;flex:0 0 40px;width:40px;height:22px;margin:0;transition:background .2s;position:relative}.enrollments-page .toggle-label input[type=checkbox]:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0f172a40}.enrollments-page .toggle-label input[type=checkbox]:checked{background:#6366f1}.enrollments-page .toggle-label input[type=checkbox]:checked:after{transform:translate(18px)}.enrollments-page .toggle-label span{white-space:nowrap}.enrollments-page .status-text{font-size:13px;font-weight:600}.enrollments-page .status-active{color:#047857}.enrollments-page .status-inactive{color:#b45309}.enrollments-page .last-run,.enrollments-page .running{color:#94a3b8;font-size:12px}.enrollments-page .settings-actions{border-top:1px solid #f1f5f9;flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px;display:flex}.enrollments-page .reminder-result{border-radius:8px;padding:7px 12px;font-size:12.5px;font-weight:600}.enrollments-page .reminder-result.success{color:#047857;background:#ecfdf5}.enrollments-page .reminder-result.error{color:#b91c1c;background:#fef2f2}.view-content{flex-direction:column;width:min(980px,100%);max-height:calc(100vh - 60px);display:flex}.view-content .view-body{padding:20px 24px;overflow:hidden auto}.view-content .view-header{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;display:flex}.view-content .view-header h3{color:#111827;margin:0;font-size:21px;font-weight:700}.view-content .course-badge{color:#4338ca;background:#eef2ff;border-radius:999px;padding:5px 13px;font-size:12px;font-weight:700}.view-content .view-details-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.view-content .view-detail-item{background:#fafbfc;border:1px solid #eef0f4;border-radius:12px;min-width:0;padding:12px 14px}.view-content .view-detail-item label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:6px;font-size:10.5px;font-weight:700;display:block}.view-content .view-detail-item>span{color:#111827;overflow-wrap:anywhere;font-size:13.5px;font-weight:600;line-height:1.4;display:block}@media (width<=900px){.view-content .view-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.enrollments-page .table-wrapper,.enrollments-page .course-block-table{overflow-x:auto}.enrollments-page .enrollment-table{table-layout:auto;min-width:640px}}@media (width<=640px){.enrollments-page .settings-body,.view-content .view-details-grid{grid-template-columns:1fr}}.pay-page,.pay-modal-overlay{font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.pay-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem}.pay-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.pay-title{color:#111827;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;display:flex}.pay-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px}.pay-actions{flex-wrap:wrap;gap:10px;display:flex}.pay-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:transform 50ms,box-shadow .15s,background .15s;display:inline-flex}.pay-btn:active{transform:translateY(1px)}.pay-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.pay-btn-primary:hover{box-shadow:0 6px 16px #6366f166}.pay-btn-primary:disabled{opacity:.6;cursor:not-allowed}.pay-btn-ghost{color:#374151;background:#fff;border:1px solid #e5e7eb}.pay-btn-ghost:hover{background:#f9fafb}.pay-icon-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:inline-flex}.pay-icon-btn:hover{color:#111827;background:#f3f4f6}.pay-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.pay-stat-card{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;min-width:0;height:118px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.pay-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a}.pay-stat-icon{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 14px #0f172a1f}.pay-stat-icon.indigo{background:#6366f1}.pay-stat-icon.green{background:#10b981}.pay-stat-icon.amber{background:#f59e0b}.pay-stat-icon.teal{background:#06b6d4}.pay-stat-value{color:#111827;font-size:22px;font-weight:700;line-height:1.1}.pay-stat-label{color:#6b7280;margin-top:2px;font-size:12.5px}.pay-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.pay-search{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:240px;padding:0 12px;display:flex}.pay-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-family:inherit;font-size:14px}.pay-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;font-family:inherit;font-size:14px}.pay-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px}.pay-table-wrap{background:#fff;border:1px solid #eef0f3;border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.pay-table{border-collapse:collapse;width:100%;font-family:inherit}.pay-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;background:#fafafa;border-bottom:1px solid #eef0f3;padding:14px 16px;font-size:12px}.pay-table tbody td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.pay-table tbody tr:last-child td{border-bottom:none}.pay-table tbody tr:hover{background:#fafbff}.mono{color:#4f46e5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.pay-amount{color:#111827;font-weight:700}.pay-student{flex-direction:column;display:flex}.pay-student-name{color:#111827;font-weight:600}.pay-student-email{color:#9ca3af;font-size:12px}.pay-row-actions{gap:6px;display:flex}.pay-badge{letter-spacing:.02em;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;display:inline-block}.badge-cash{color:#047857;background:#ecfdf5}.badge-upi{color:#4338ca;background:#eef2ff}.status-completed{color:#047857;background:#ecfdf5}.status-pending{color:#b45309;background:#fffbeb}.status-failed{color:#b91c1c;background:#fef2f2}.pay-empty{text-align:center;color:#9ca3af;padding:48px 16px;font-size:14px}.pay-modal-overlay{z-index:9999;background:#11182780;justify-content:center;align-items:flex-start;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.pay-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:540px;margin:auto;display:flex;box-shadow:0 20px 50px #00000040}.pay-modal-header{border-bottom:1px solid #f0f0f3;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.pay-modal-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.pay-modal-body{padding:20px;overflow-y:auto}.pay-modal-footer{border-top:1px solid #f0f0f3;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.pay-field{margin-bottom:16px}.pay-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.pay-input{color:#111827;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.pay-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.pay-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}.pay-course-list{border:1px solid #e5e7eb;border-radius:10px;max-height:160px;padding:6px;overflow-y:auto}.pay-course-item{cursor:pointer;color:#374151;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;display:flex}.pay-course-item:hover{background:#f9fafb}.pay-course-item input{accent-color:#6366f1;width:16px;height:16px}.pay-method-toggle{gap:8px;display:flex}.pay-method-toggle button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;flex:1;padding:10px;font-family:inherit;font-weight:600;transition:all .15s}.pay-method-toggle button.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}.pay-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13.5px}.pay-muted{color:#9ca3af;padding:10px;font-size:13px}.pay-detail-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;gap:16px;padding:10px 0;font-size:14px;display:flex}.pay-detail-row:last-child{border-bottom:none}.pay-detail-row span{color:#6b7280}.pay-detail-row b{color:#111827;text-align:right}@media (width<=900px){.pay-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.pay-page{padding:16px}.pay-stats,.pay-grid-2{grid-template-columns:1fr}.pay-table-wrap{overflow-x:auto}}.pay-page .pay-table-wrap{width:100%;max-width:100%;overflow-x:auto!important}.pay-page .pay-table{width:100%;min-width:1150px}.pay-page .pay-table th.pay-actions-column,.pay-page .pay-table td.pay-actions-column{text-align:center;white-space:nowrap;width:88px;min-width:88px;position:sticky;right:0;box-shadow:-3px 0 8px #0f172a0d;display:table-cell!important}.pay-page .pay-table th.pay-actions-column{z-index:3;background:#f8fafc}.pay-page .pay-table td.pay-actions-column{z-index:2;background:#fff}.pay-page .pay-table tbody tr:hover td.pay-actions-column{background:#fafbff}.pay-page .pay-actions-column .pay-row-actions{justify-content:center;align-items:center;display:flex}.pay-page .pay-actions-column .pay-view-btn{color:#0e7490;cursor:pointer;background:#ecfeff;border:1px solid #a5f3fc;border-radius:8px;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;display:inline-flex}.pay-page .pay-actions-column .pay-view-btn:hover{background:#cffafe;border-color:#67e8f9}.pay-page .pay-actions-column .pay-view-btn svg{stroke:currentColor}.pay-page .pay-actions-column .pay-view-btn:focus-visible{outline-offset:2px;outline:2px solid #06b6d4}.pay-modal .pay-detail-row{gap:16px}.pay-modal .pay-detail-row b{overflow-wrap:anywhere;min-width:0}.certificates-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.page-header h1{color:#1a1a2e;margin:0;font-size:28px;font-weight:700}.page-header .subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.header-actions{align-items:center;gap:.75rem;display:flex}.add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #667eea4d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #667eea66}.refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.refresh-btn:hover{color:#1a1a2e;background:#f1f5f9}.success-banner{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;animation:.3s slideDown;display:flex}.error-banner{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:center;gap:8px;margin-bottom:20px;padding:12px 16px;display:flex}.certificate-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.certificates-page .stat-card{box-sizing:border-box;background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;min-width:0;height:118px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.certificates-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.certificates-page .stat-card>svg{box-sizing:border-box;flex:0 0 48px;padding:12px;box-shadow:0 6px 14px #0f172a1f;color:#fff!important;stroke:#fff!important;background:var(--sc-color,#6366f1)!important;border-radius:13px!important;width:48px!important;height:48px!important}.certificates-page .stat-card h3{color:#1a1a2e;margin:0;font-size:24px;font-weight:700}.certificates-page .stat-card p{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:12px}.certificates-page .pending-card{--sc-color:#f59e0b}.certificates-page .active-card{--sc-color:#10b981}.certificates-page .rejected-card{--sc-color:#ef4444}.total-card svg{color:#667eea}.tabs-container{background:#f1f5f9;border-radius:10px;flex-wrap:wrap;gap:4px;margin-bottom:20px;padding:4px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.tab-btn:hover{color:#1a1a2e;background:#ffffff80}.tab-btn.active{color:#1a1a2e;background:#fff;box-shadow:0 1px 3px #00000014}.tab-badge{color:#fff;background:#667eea;border-radius:12px;margin-left:4px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.active-badge{background:#10b981}.rejected-badge{background:#ef4444}.template-badge{background:#8b5cf6}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;max-width:350px;padding:8px 14px;transition:all .2s;display:flex}.search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.search-box svg{color:#94a3b8}.search-box input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;font-size:14px}.search-box input::placeholder{color:#94a3b8}.filter-select{color:#1a1a2e;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e2e8f0;border-radius:10px;outline:none;min-width:150px;padding:8px 32px 8px 14px;font-size:14px}.filter-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:auto hidden}.certificate-table{border-collapse:collapse;width:100%;min-width:700px}.certificate-table thead{background:#f8fafc}.certificate-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:12px 16px;font-size:11px;font-weight:600}.certificate-table td{color:#334155;vertical-align:middle;border-top:1px solid #f1f5f9;padding:12px 16px;font-size:14px}.certificate-table tbody tr:hover{background:#f8fafc}.certificate-table tbody tr:last-child td{border-bottom:none}.cert-number{color:#1a1a2e;background:#f1f5f9;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:13px}.user-info{flex-direction:column;display:flex}.user-name{color:#1a1a2e;font-weight:500}.user-email{color:#94a3b8;font-size:12px}.course-name{color:#1a1a2e;font-weight:500}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.rejected{color:#991b1b;background:#fee2e2}.status-badge.revoked{color:#6b21a5;background:#f3e8ff}.action-buttons{flex-wrap:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.action-btn{cursor:pointer;color:#94a3b8;background:#f1f5f9;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .2s;position:relative;display:inline-flex!important}.action-btn:hover{color:#1a1a2e;background:#f1f5f9;transform:scale(1.05)}.action-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.action-btn:disabled:hover{color:#64748b;background:#f1f5f9;transform:none}.approve-btn:hover{color:#10b981;background:#d1fae5}.reject-btn:hover{color:#ef4444;background:#fee2e2}.download-btn:hover{color:#3b82f6;background:#dbeafe}.view-btn:hover{color:#8b5cf6;background:#ede9fe}.delete-btn:hover{color:#ef4444;background:#fee2e2}.action-btn:after{content:attr(title);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#1a1a2e;border-radius:4px;padding:4px 10px;font-size:10px;font-weight:500;transition:opacity .2s;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}.action-btn:hover:after{opacity:1}.empty-state{text-align:center;color:#94a3b8;padding:48px 20px}.empty-state svg{color:#cbd5e1;margin-bottom:12px}.empty-state h3{color:#475569;margin:0 0 4px;font-size:16px}.empty-state p{margin:0 0 16px}.loading-state{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite spin}.templates-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.existing-templates-info{color:#4338ca;background:#eef2ff;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:13px;display:flex}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.template-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex}.template-card:hover{border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.template-preview-mini{text-align:center;background:#fff;border-radius:8px;justify-content:center;align-items:center;min-height:80px;padding:12px;display:flex}.template-mini-content h4{color:#1a1a2e;margin:4px 0 0;font-size:14px;font-weight:600}.template-mini-course-id{color:#94a3b8;font-size:11px}.template-exists-badge{color:#065f46;background:#d1fae5;border-radius:12px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.template-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.template-status{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.template-status.has-template{color:#065f46;background:#d1fae5}.template-status.no-template{color:#92400e;background:#fef3c7}.edit-template-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.edit-template-btn:hover{background:#5a6fd6;transform:scale(1.02)}.template-help-text{color:#1e40af;background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;align-items:flex-start;gap:8px;padding:12px 16px;font-size:13px;display:flex}.template-help-text svg{flex-shrink:0;margin-top:2px}.template-help-text p{margin:0;line-height:1.5}.empty-templates{text-align:center;color:#94a3b8;padding:40px 20px}.empty-templates svg{color:#cbd5e1;margin-bottom:12px}.empty-templates h3{color:#475569;margin:0 0 4px;font-size:16px}.modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:520px;max-height:90vh;animation:.2s slideUp;overflow-y:auto}.preview-content{max-width:580px}.template-modal{max-width:650px}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.modal-body{padding:20px}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:0 0 16px 16px;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.form-group input,.form-group textarea,.form-group select{color:#1a1a2e;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:all .2s}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#ef4444}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.color-picker-wrapper{align-items:center;gap:8px;display:flex}.color-picker-wrapper input[type=color]{cursor:pointer;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:40px;height:40px;padding:2px}.color-picker-wrapper input[type=text]{flex:1}.checkbox-label{cursor:pointer;color:#1a1a2e;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.btn-cancel{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-save{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.btn-save:hover:not(:disabled){background:#5a6fd6;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.certificate-preview{margin-top:16px}.certificate-card{text-align:center;background:#fff;border:2px solid #667eea;border-radius:12px;padding:24px}.certificate-header{color:#1a1a2e;margin-bottom:12px;font-size:20px;font-weight:700}.certificate-icon{color:#667eea;margin-bottom:8px}.cert-label{color:#64748b;margin:8px 0;font-size:14px}.cert-user{color:#1a1a2e;margin:4px 0;font-size:24px;font-weight:700}.cert-course{color:#64748b;margin:8px 0;font-size:14px}.cert-course-name{color:#667eea;margin:4px 0 12px;font-size:18px;font-weight:600}.cert-details{color:#64748b;justify-content:center;gap:24px;font-size:13px;display:flex}.cert-details span{background:#f8fafc;border-radius:4px;padding:4px 12px}.certificate-footer{color:#94a3b8;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:12px;font-size:13px}.template-preview-section{margin-top:0}.template-preview-section h4{color:#1a1a2e;margin:0 0 12px;font-size:14px;font-weight:600}.template-preview-full{text-align:center;background:#fff;border:3px solid;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:300px;padding:24px;transition:all .2s;display:flex}.preview-header{margin-bottom:12px}.cert-badge{letter-spacing:3px;text-transform:uppercase;background:#667eea1a;border-radius:4px;margin-bottom:4px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.cert-title{letter-spacing:2px;text-transform:uppercase;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:28px;font-weight:800}.preview-body{flex-direction:column;flex:1;justify-content:center;padding:12px 0;display:flex}.preview-subtitle{color:#64748b;margin:0 0 8px;font-size:14px;font-weight:500}.preview-student-name{color:#1a1a2e;margin:8px 0;font-size:28px;font-weight:700}.preview-completion-text{color:#64748b;margin:4px 0 2px;font-size:14px}.preview-course-name{color:#667eea;margin:2px 0;font-size:18px;font-weight:600}.preview-footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;margin-top:8px;padding-top:12px;display:flex}.preview-footer-left{text-align:left}.preview-footer-left p{color:#94a3b8;margin:4px 0;font-size:11px}.preview-value{color:#1a1a2e;font-weight:600}.preview-footer-right{align-items:center;display:flex}.preview-seal{margin-left:8px}.seal-circle{background:#667eea0d;border:2.5px solid #667eea;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;padding:4px;display:flex}.seal-circle svg{color:#667eea;margin-bottom:2px}.seal-circle span{letter-spacing:1px;text-transform:uppercase;color:#1a1a2e;font-size:7px;font-weight:700;line-height:1.2}.seal-badge{letter-spacing:.5px;background:#667eea;border-radius:2px;margin-top:2px;padding:1px 6px;color:#fff!important;font-size:6px!important}.template-preview-note{color:#64748b;background:#f8fafc;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px 14px;font-size:13px;display:flex}.template-preview-note svg{flex-shrink:0;margin-top:2px}.template-course-info{background:#f8fafc;border-radius:8px;margin-bottom:16px;padding:12px 16px}.template-course-info h3{color:#1a1a2e;margin:0 0 4px;font-size:16px}.template-course-info p{color:#94a3b8;margin:0;font-size:13px}.dark-mode .certificates-page{background:#0f0f1a}.dark-mode .page-header h1{color:#e2e8f0}.dark-mode .stat-card{background:#1a1a2e;border-color:#2d2d44}.dark-mode .stat-card h3{color:#e2e8f0}.dark-mode .search-box{background:#1a1a2e;border-color:#2d2d44}.dark-mode .search-box input{color:#e2e8f0}.dark-mode .filter-select{color:#e2e8f0;background:#1a1a2e;border-color:#2d2d44}.dark-mode .refresh-btn{color:#94a3b8;background:#1a1a2e;border-color:#2d2d44}.dark-mode .refresh-btn:hover{color:#e2e8f0;background:#2d2d44}.dark-mode .table-wrapper{background:#1a1a2e;border-color:#2d2d44}.dark-mode .certificate-table thead{background:#16213e}.dark-mode .certificate-table th{color:#94a3b8}.dark-mode .certificate-table td{color:#cbd5e1;border-color:#2d2d44}.dark-mode .certificate-table tbody tr:hover{background:#16213e}.dark-mode .cert-number{color:#e2e8f0;background:#2d2d44}.dark-mode .user-name,.dark-mode .course-name{color:#e2e8f0}.dark-mode .modal-content{background:#1a1a2e}.dark-mode .modal-header{background:#1a1a2e;border-bottom-color:#2d2d44}.dark-mode .modal-header h2{color:#e2e8f0}.dark-mode .modal-footer{background:#16213e;border-top-color:#2d2d44}.dark-mode .form-group label{color:#e2e8f0}.dark-mode .form-group input,.dark-mode .form-group textarea,.dark-mode .form-group select{color:#e2e8f0;background:#16213e;border-color:#2d2d44}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{border-color:#667eea}.dark-mode .btn-cancel{color:#94a3b8;background:#16213e;border-color:#2d2d44}.dark-mode .btn-cancel:hover{background:#2d2d44}.dark-mode .templates-section{background:#1a1a2e;border-color:#2d2d44}.dark-mode .section-header h3{color:#e2e8f0}.dark-mode .template-card{background:#16213e;border-color:#2d2d44}.dark-mode .template-card:hover{border-color:#667eea}.dark-mode .template-preview-mini{background:#1a1a2e}.dark-mode .template-mini-content h4{color:#e2e8f0}.dark-mode .existing-templates-info{color:#818cf8;background:#1e1b4b}.dark-mode .template-help-text{color:#818cf8;background:#1e1b4b;border-color:#3730a3}.dark-mode .template-status.has-template{color:#6ee7b7;background:#064e3b}.dark-mode .template-status.no-template{color:#fde68a;background:#78350f}.dark-mode .edit-template-btn:hover{background:#5a6fd6}.dark-mode .empty-state h3{color:#94a3b8}.dark-mode .certificate-card{background:#1a1a2e;border-color:#667eea}.dark-mode .certificate-header,.dark-mode .cert-user{color:#e2e8f0}.dark-mode .template-preview-note,.dark-mode .template-course-info{background:#16213e}.dark-mode .template-course-info h3{color:#e2e8f0}.dark-mode .action-btn{color:#64748b}.dark-mode .action-btn:hover{color:#e2e8f0;background:#2d2d44}.dark-mode .approve-btn:hover{color:#6ee7b7;background:#064e3b}.dark-mode .reject-btn:hover{color:#f87171;background:#7f1d1d}.dark-mode .download-btn:hover{color:#60a5fa;background:#1e1b4b}.dark-mode .view-btn:hover{color:#818cf8;background:#1e1b4b}.dark-mode .delete-btn:hover{color:#f87171;background:#7f1d1d}.dark-mode .action-btn:after{color:#1a1a2e;background:#e2e8f0}@media (width<=1024px){.certificate-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.certificates-page{padding:1rem}.page-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.header-actions .add-btn{justify-content:center;width:100%}.certificate-stats{grid-template-columns:repeat(2,1fr)}.toolbar{flex-direction:column}.search-box{max-width:100%}.filter-select{width:100%}.certificate-table{display:block;overflow-x:auto}.form-row{grid-template-columns:1fr}.modal-content{max-width:100%;margin:8px}.templates-grid{grid-template-columns:1fr}.preview-footer{flex-direction:column;align-items:center;gap:12px}.preview-footer-left{text-align:center}.seal-circle{width:50px;height:50px}.action-btn{width:28px;height:28px}.action-btn svg{color:#0f0f1a;width:16px;height:16px;display:block}.action-btn:after{display:none}.cert-details{flex-direction:column;align-items:center;gap:8px}}@media (width<=480px){.certificate-stats{grid-template-columns:1fr}.tabs-container{flex-direction:column}.tab-btn{justify-content:center}.action-btn{width:24px;height:24px}.action-btn svg{width:12px;height:12px}.cert-title,.preview-student-name{font-size:22px}.template-preview-full{min-height:250px;padding:16px}}.certificates-page .total-card{--sc-color:#6366f1}.template-modal{flex-direction:column;max-height:calc(100vh - 40px);display:flex;width:min(1200px,100%)!important;max-width:1200px!important}.template-modal .modal-header,.template-modal .modal-footer{flex-shrink:0}.template-modal .modal-header{padding:14px 22px}.template-modal .modal-header h2{font-size:17px}.template-modal .modal-footer{padding:12px 22px}.template-modal .modal-body{flex:auto;align-items:stretch;gap:22px;min-height:0;padding:18px 22px;display:flex;overflow:hidden}.template-modal .template-settings{flex:0 0 44%;min-width:0;max-width:44%;padding-right:4px;overflow-y:auto}.template-modal .template-course-info{border-bottom:1px solid #f1f5f9;margin-bottom:12px;padding-bottom:10px}.template-modal .template-course-info h3{color:#111827;margin:0 0 3px;font-size:16px;font-weight:700}.template-modal .template-course-info p{color:#94a3b8;margin:0;font-size:12px}.template-modal .form-group{margin-bottom:12px}.template-modal .form-group label{letter-spacing:.3px;text-transform:uppercase;color:#64748b;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.template-modal .form-group input[type=text],.template-modal .form-group select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;height:36px;padding:0 10px;font-family:inherit;font-size:13px;transition:all .2s}.template-modal .form-group input[type=text]:focus,.template-modal .form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.template-modal .form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.template-modal .form-row .form-group{min-width:0}.template-modal .color-picker-wrapper{align-items:center;gap:8px;display:flex}.template-modal .color-picker-wrapper input[type=color]{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;flex:0 0 36px;width:36px;height:36px;padding:3px}.template-modal .color-picker-wrapper input[type=text]{flex:auto;min-width:0}.template-modal .checkbox-label{cursor:pointer;align-items:center;gap:9px;margin-bottom:0;text-transform:none!important;letter-spacing:0!important;color:#374151!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.template-modal .checkbox-label input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:17px;height:17px;margin:0}.template-modal .form-group small{color:#94a3b8;margin-top:5px;font-size:11px;display:block}.template-modal .template-preview-section{background:#fafbfc;border:1px solid #eef0f4;border-radius:14px;flex:auto;min-width:0;padding:14px;overflow-y:auto;margin-top:0!important}.template-modal .template-preview-section h4{letter-spacing:.4px;text-transform:uppercase;color:#64748b;margin:0 0 10px;font-size:12px;font-weight:700}.template-modal .template-preview-note{color:#4338ca;background:#eef2ff;border-radius:9px;align-items:flex-start;gap:7px;margin-top:10px;padding:8px 10px;font-size:10.5px;line-height:1.45;display:flex}.template-modal .template-preview-note svg{flex-shrink:0;margin-top:1px}@media (width<=1000px){.template-modal .modal-body{flex-direction:column;overflow-y:auto}.template-modal .template-settings,.template-modal .template-preview-section{flex:none;width:100%;max-width:100%;overflow:visible}}.ntf-page{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:2rem;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.ntf-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.ntf-heading{align-items:center;gap:13px;display:flex}.ntf-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f147}.ntf-title{color:#111827;margin:0;font-size:26px;font-weight:700}.ntf-subtitle{color:#6b7280;margin:6px 0 0;font-size:14px}.ntf-actions{gap:10px;display:flex}.ntf-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:box-shadow .15s,background .15s,transform 50ms;display:inline-flex}.ntf-btn:active{transform:translateY(1px)}.ntf-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.ntf-btn-primary:hover{box-shadow:0 6px 16px #6366f166}.ntf-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ntf-btn-ghost{color:#374151;background:#fff;border:1px solid #e5e7eb}.ntf-btn-ghost:hover{background:#f9fafb}.ntf-icon-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .15s,color .15s;display:inline-flex}.ntf-icon-btn:hover{background:#f3f4f6}.ntf-icon-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.ntf-tabs{background:#eef0f3;border:1px solid #e5e7eb;border-radius:12px;gap:4px;margin-bottom:22px;padding:4px;display:inline-flex}.ntf-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s,box-shadow .15s;display:inline-flex}.ntf-tab:hover{color:#374151}.ntf-tab.active{color:#4338ca;background:#fff;box-shadow:0 1px 3px #00000014}.ntf-tab-count{color:#374151;background:#d1d5db;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11.5px;font-weight:700;display:inline-flex}.ntf-tab.active .ntf-tab-count{color:#4338ca;background:#e0e7ff}.ntf-tab-count.unread{color:#fff;background:#ef4444}.ntf-segment{background:#fff;border:1px solid #e5e7eb;border-radius:10px;gap:4px;padding:4px;display:inline-flex}.ntf-segment button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,color .15s}.ntf-segment button:hover{color:#374151}.ntf-segment button.active{color:#4338ca;background:#eef2ff}.ntf-stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px;display:grid}.ntf-stat{background:#fff;border:1px solid #eef0f3;border-radius:14px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 1px 3px #0000000a}.ntf-stat-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.ntf-stat-icon.indigo{background:#6366f1}.ntf-stat-icon.green{background:#10b981}.ntf-stat-icon.amber{background:#f59e0b}.ntf-stat-value{color:#111827;font-size:22px;font-weight:700;line-height:1.1}.ntf-stat-label{color:#6b7280;margin-top:2px;font-size:12.5px}.ntf-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.ntf-search{color:#9ca3af;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:220px;padding:0 12px;display:flex}.ntf-search input{color:#111827;background:0 0;border:none;outline:none;width:100%;padding:11px 0;font-size:14px}.ntf-select{color:#374151;appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #e5e7eb;border-radius:10px;min-height:44px;padding:11px 40px 11px 14px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.ntf-select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.ntf-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px}.ntf-empty{text-align:center;color:#9ca3af;background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:48px 16px;font-size:14px}.ntf-list{flex-direction:column;gap:12px;display:flex}.ntf-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.ntf-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ntf-card-body{flex:1;min-width:0}.ntf-card-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ntf-card-title{color:#111827;font-size:15px;font-weight:700}.ntf-badge{letter-spacing:.02em;border:1px solid;border-radius:999px;padding:2px 9px;font-size:11px;font-weight:700}.ntf-card-message{color:#4b5563;margin:6px 0 10px;font-size:14px;line-height:1.5}.ntf-card-meta{color:#9ca3af;flex-wrap:wrap;gap:16px;font-size:12.5px;display:flex}.ntf-card-meta span{align-items:center;gap:5px;display:inline-flex}.ntf-card.unread{border-color:#dbe0ff;box-shadow:inset 3px 0 #6366f1,0 1px 3px #0000000a}.ntf-unread-dot{background:#6366f1;border-radius:999px;flex-shrink:0;width:8px;height:8px}.ntf-card-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ntf-read-btn{padding:7px 12px;font-size:13px}.ntf-modal-overlay{z-index:9999;background:#11182780;justify-content:center;align-items:flex-start;padding:40px 20px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.ntf-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;margin:auto;display:flex;box-shadow:0 20px 50px #00000040}.ntf-modal-header{border-bottom:1px solid #f0f0f3;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.ntf-modal-header h3{color:#111827;margin:0;font-size:18px;font-weight:700}.ntf-modal-body{padding:20px;overflow-y:auto}.ntf-modal-footer{border-top:1px solid #f0f0f3;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.ntf-field{margin-bottom:16px}.ntf-label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.ntf-input{color:#111827;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.ntf-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.ntf-textarea{resize:vertical;min-height:90px}select.ntf-input{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.ntf-form-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13.5px}.ntf-channel-grid,.ntf-audience-grid{flex-wrap:wrap;gap:8px;display:flex}.ntf-channel-chip,.ntf-audience-chip{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.ntf-channel-chip:hover,.ntf-audience-chip:hover{background:#f9fafb}.ntf-audience-chip.active{color:#4338ca;background:#eef2ff;border-color:#6366f1}@media (width<=820px){.ntf-stats{grid-template-columns:1fr}}@media (width<=640px){.ntf-page{padding:16px}}.rp-page{color:#0f172a;background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px 28px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.rp-page button,.rp-page input,.rp-page select{font-family:inherit}.rp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.rp-eyebrow{color:#6366f1;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px;font-size:11px;font-weight:800;display:block}.rp-header h1{letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:28px;font-weight:700;display:flex}.rp-header-text p{color:#64748b;margin:6px 0 0;font-size:14px}.rp-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rp-period{background:#eef1f6;border-radius:10px;padding:3px;display:inline-flex}.rp-period button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .2s}.rp-period button.active{color:#4338ca;background:#fff;box-shadow:0 1px 3px #0f172a1f}.rp-export-select{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;outline:none;height:38px;padding:0 12px;font-size:13px;font-weight:600}.rp-export-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.rp-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:7px;height:38px;padding:0 14px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.rp-btn:hover:not(:disabled){color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.rp-btn:disabled{opacity:.55;cursor:not-allowed}.rp-btn.icon{justify-content:center;width:38px;padding:0}.rp-btn.primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000;box-shadow:0 4px 12px #6366f14d}.rp-btn.primary:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.rp-alert{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:18px;padding:12px 15px;font-size:13.5px}.rp-tabs{background:#fff;border:1px solid #e8ecf3;border-radius:12px;gap:4px;margin-bottom:22px;padding:4px;display:flex;overflow-x:auto}.rp-tabs button{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.rp-tabs button:hover{color:#0f172a;background:#f6f7fb}.rp-tabs button.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f147}.rp-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.rp-kpis.four{grid-template-columns:repeat(4,minmax(0,1fr))}.rp-kpi{--tone:#6366f1;background:#fff;border:1px solid #0000000f;border-radius:16px;min-width:0;padding:18px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.rp-kpi:after{content:"";opacity:.06;pointer-events:none;background:#6366f109;border-radius:50%;width:120px;height:120px;transition:opacity .25s,transform .25s;position:absolute;bottom:-48px;right:-38px}.rp-kpi:hover:after{opacity:.11;transform:scale(1.06)}.rp-kpi-top,.rp-kpi-value,.rp-kpi-label,.rp-kpi-sub{z-index:1;position:relative}.rp-kpi:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000017}.rp-kpi-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.rp-kpi-icon{background:var(--tone);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 5px 12px #0f172a24}.rp-kpi-value{letter-spacing:-.5px;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:23px;font-weight:700;line-height:1.15;overflow:hidden}.rp-kpi-label{color:#64748b;letter-spacing:.3px;text-transform:uppercase;margin-top:4px;font-size:12px;font-weight:600}.rp-kpi-sub{color:#94a3b8;margin-top:3px;font-size:11.5px}.tone-indigo{--tone:#6366f1}.tone-green{--tone:#10b981}.tone-blue{--tone:#2563eb}.tone-cyan{--tone:#06b6d4}.tone-purple{--tone:#8b5cf6}.tone-amber{--tone:#f59e0b}.tone-pink{--tone:#ec4899}.rp-delta{border-radius:999px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.rp-delta.up{color:#047857;background:#ecfdf5}.rp-delta.down{color:#dc2626;background:#fef2f2}.rp-insights{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;margin-bottom:20px;display:grid}.rp-insight{border:1px solid;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 15px;font-size:13px;line-height:1.5;display:flex}.rp-insight svg{flex-shrink:0;margin-top:1px}.rp-insight.good{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.rp-insight.warn{color:#b45309;background:#fffbeb;border-color:#fde68a}.rp-insight.info{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.rp-panel{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-bottom:18px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.rp-panel-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.rp-panel-head h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.rp-panel-head p{color:#94a3b8;margin:3px 0 0;font-size:12.5px}.rp-grid-2,.rp-grid-3{gap:18px;margin-bottom:18px;display:grid}.rp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.rp-grid-2 .rp-panel,.rp-grid-3 .rp-panel{margin-bottom:0}.rp-chart{height:270px}.rp-chart.sm{height:240px}.rp-chart.lg{height:320px}.rp-empty{color:#94a3b8;text-align:center;justify-content:center;align-items:center;height:100%;min-height:120px;padding:30px 16px;font-size:13.5px;display:flex}.rp-rank{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rp-rank li{background:#fafbfc;border:1px solid #eef0f4;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;transition:all .2s;display:flex}.rp-rank li:hover{background:#f7f8ff;border-color:#c7d2fe}.rp-rank-no{color:#475569;background:#e2e8f0;border-radius:50%;flex:0 0 26px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11.5px;font-weight:800;display:inline-flex}.rp-rank-no.r1{color:#fff;background:#fbbf24}.rp-rank-no.r2{color:#fff;background:#cbd5e1}.rp-rank-no.r3{color:#fff;background:#f0a675}.rp-rank-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;flex-direction:column;flex:1;min-width:0;font-size:13.5px;font-weight:600;display:flex;overflow:hidden}.rp-rank-name small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.rp-rank-meta{color:#94a3b8;flex-shrink:0;font-size:11.5px}.rp-rank-value{color:#0f172a;flex-shrink:0;font-size:13.5px;font-weight:700}.rp-attention{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.rp-attention li{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;align-items:center;gap:12px;padding:11px 13px;display:flex}.rp-attention svg{flex-shrink:0}.rp-att-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13.5px;font-weight:600;overflow:hidden}.rp-att-bar{background:#fde68a;border-radius:999px;flex:0 0 110px;height:6px;overflow:hidden}.rp-att-bar i{background:#f59e0b;border-radius:999px;height:100%;display:block}.rp-att-val{text-align:right;flex:0 0 40px;font-size:12.5px;font-weight:700}.rp-att-meta{color:#a16207;flex-shrink:0;font-size:11.5px}.rp-table-wrap{width:100%;overflow-x:auto}.rp-table{border-collapse:collapse;width:100%}.rp-table thead th{color:#64748b;letter-spacing:.5px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fafbfc;border-bottom:1px solid #eef0f4;padding:11px 14px;font-size:11px;font-weight:700}.rp-table tbody td{color:#475569;white-space:nowrap;border-bottom:1px solid #f4f6f9;padding:12px 14px;font-size:13.5px}.rp-table tbody tr:last-child td{border-bottom:none}.rp-table tbody tr:hover{background:#fafbff}.rp-strong{color:#0f172a;font-weight:600}.rp-muted{color:#94a3b8}.ta-r{text-align:right}.rp-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:999px;align-items:center;padding:3px 10px;font-size:10.5px;font-weight:700;display:inline-flex}.rp-badge.s-published,.rp-badge.s-student{color:#047857;background:#ecfdf5}.rp-badge.s-draft,.rp-badge.s-mentor{color:#b45309;background:#fffbeb}.rp-badge.s-archived{color:#64748b;background:#f1f5f9}.rp-badge.s-admin{color:#4338ca;background:#eef2ff}.rp-prog{align-items:center;gap:9px;min-width:130px;display:flex}.rp-prog span{background:#eef0f4;border-radius:999px;flex:1;height:6px;overflow:hidden}.rp-prog i{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;display:block}.rp-prog b{color:#475569;flex-shrink:0;font-size:12px;font-weight:600}.rp-rating{color:#0f172a;align-items:center;gap:4px;font-weight:600;display:inline-flex}.rp-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;font-size:13.5px;display:flex}.rp-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite rpSpin}@keyframes rpSpin{to{transform:rotate(360deg)}}@media (width<=1250px){.rp-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.rp-kpis.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1000px){.rp-grid-2,.rp-grid-3{grid-template-columns:1fr}}@media (width<=700px){.rp-page{padding:16px}.rp-header{flex-direction:column;align-items:stretch}.rp-actions{width:100%}.rp-kpis,.rp-kpis.four{grid-template-columns:repeat(2,minmax(0,1fr))}.rp-attention li{flex-wrap:wrap}.rp-att-bar{flex-basis:100%;order:5}}@media (width<=460px){.rp-kpis,.rp-kpis.four{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.rp-kpi,.rp-rank li,.rp-tabs button{transition:none}.rp-spinner{animation:none}}.admin-profile-page{box-sizing:border-box;background:#f8fafc;min-height:100%;padding:28px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.admin-profile-page *,.admin-profile-page :before,.admin-profile-page :after{box-sizing:border-box}.admin-profile-container{width:100%;max-width:1000px;margin:0 auto}.admin-profile-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.admin-profile-heading{align-items:center;gap:13px;min-width:0;display:flex}.admin-profile-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 20px #6366f133}.admin-profile-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.2}.admin-subtitle{color:#64748b;margin:5px 0 0;font-size:13px}.admin-profile-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.admin-btn-primary,.admin-btn-secondary{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.admin-btn-primary{color:#fff;background:#6366f1;border:1px solid #6366f1;box-shadow:0 4px 12px #6366f12e}.admin-btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.admin-btn-secondary:hover:not(:disabled){color:#334155;background:#f8fafc;border-color:#cbd5e1}.admin-btn-primary:disabled,.admin-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.admin-alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.admin-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.admin-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.admin-profile-grid{flex-direction:column;gap:18px;display:flex}.admin-profile-image-section{background:linear-gradient(135deg,#eef2ff 0%,#fff 55%);border:1px solid #0000000f;border-radius:20px;flex-wrap:wrap;align-items:center;gap:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.admin-profile-image-section:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);width:5px;position:absolute;top:0;bottom:0;left:0}.admin-profile-image-section:after{content:"";opacity:.06;pointer-events:none;background:#6366f1;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-60px}.admin-profile-image-container{z-index:1;flex-wrap:wrap;flex:320px;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.admin-profile-image-wrapper{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a24}.admin-profile-image-wrapper>img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.admin-profile-image-placeholder{color:#fff;z-index:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.admin-initials{letter-spacing:.5px;font-size:30px;font-weight:700}.admin-profile-image-overlay{z-index:5;opacity:0;background:#0f172ab8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.admin-profile-image-wrapper:hover .admin-profile-image-overlay{opacity:1}.admin-upload-btn{color:#fff;cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.admin-profile-image-overlay input[type=file]{display:none}.admin-remove-image-btn{color:#fff;cursor:pointer;background:#dc2626e6;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.admin-remove-image-btn:hover{background:#dc2626}.admin-profile-identity{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.admin-profile-name{color:#0f172a;letter-spacing:-.4px;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700}.admin-profile-role-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.3px;background:#eef2ff;border-radius:999px;align-items:center;gap:6px;margin-top:9px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.admin-profile-joined{color:#64748b;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:500;display:inline-flex}.admin-profile-quick-actions{z-index:1;flex-flow:wrap;flex:none;align-items:center;gap:10px;display:flex;position:relative}.admin-quick-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.admin-quick-action-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.admin-danger-action:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.admin-profile-details-section{width:100%}.admin-details-card{background:#fff;border:1px solid #0000000f;border-radius:20px;width:100%;padding:24px 26px;box-shadow:0 1px 3px #0f172a0a}.admin-details-card h3{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:9px;margin:0 0 20px;padding-bottom:14px;font-size:16px;font-weight:700;display:flex}.admin-details-card h3 svg{color:#6366f1}.admin-details-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.admin-detail-field{flex-direction:column;gap:7px;min-width:0;display:flex}.admin-detail-field label{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.admin-detail-field input,.admin-detail-field textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.admin-detail-field input:focus,.admin-detail-field textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.admin-detail-field textarea{resize:vertical;min-height:110px;line-height:1.6}.admin-full-width{grid-column:1/-1}.admin-field-value{color:#334155;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;align-items:center;min-height:42px;padding:10px 13px;font-size:13px;display:flex}.admin-role-value{color:#4f46e5;gap:7px;font-weight:600}.admin-bio-value{white-space:pre-wrap;align-items:flex-start;min-height:90px;line-height:1.6}.admin-password-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(480px,100%);overflow:hidden;box-shadow:0 25px 60px #0f172a33}.admin-modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.admin-modal-header p{color:#64748b;margin:5px 0 0;font-size:12px}.admin-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.admin-modal-close:hover{color:#334155;background:#f8fafc}.admin-modal-body{flex-direction:column;gap:17px;padding:22px;display:flex}.admin-password-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.admin-password-field{flex-direction:column;gap:7px;display:flex}.admin-password-field label{color:#475569;font-size:12px;font-weight:600}.admin-password-input{align-items:center;display:flex;position:relative}.admin-password-input input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:9px;outline:none;width:100%;height:42px;padding:10px 42px 10px 13px;font-family:inherit;font-size:13px}.admin-password-input input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.admin-password-input button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:5px}.admin-password-input button:hover{color:#475569;background:#f1f5f9}.admin-field-error{color:#dc2626;font-size:11px}.admin-modal-footer{background:#fafbfc;border-top:1px solid #eef2f7;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.admin-spinning{animation:.9s linear infinite adminSpin}@keyframes adminSpin{to{transform:rotate(360deg)}}@media (width<=900px){.admin-profile-page{padding:22px}.admin-profile-image-section{align-items:flex-start}.admin-profile-quick-actions{width:100%}.admin-quick-action-btn{flex:150px}}@media (width<=768px){.admin-profile-page{padding:16px}.admin-profile-header{flex-direction:column;align-items:stretch}.admin-profile-actions{width:100%}.admin-profile-actions button{flex:1}.admin-profile-heading-icon{width:42px;height:42px}.admin-profile-header h1{font-size:22px}.admin-profile-image-section{flex-direction:column;align-items:stretch;padding:22px}.admin-profile-image-container{flex:none;justify-content:flex-start;width:100%}.admin-profile-quick-actions{width:100%}.admin-quick-action-btn{flex:100%;width:100%}.admin-details-grid{grid-template-columns:1fr}.admin-full-width{grid-column:auto}.admin-details-card{padding:20px}}@media (width<=480px){.admin-profile-page{padding:12px}.admin-profile-actions{flex-direction:column}.admin-profile-actions button{width:100%}.admin-profile-image-container{text-align:center;flex-direction:column;align-items:center}.admin-profile-identity{align-items:center;width:100%}.admin-profile-image-wrapper{width:120px;height:120px}.admin-profile-name{font-size:20px}.admin-details-card{padding:16px}.admin-modal-overlay{padding:12px}.admin-modal-footer{flex-direction:column}.admin-modal-footer button{width:100%}}@media (prefers-reduced-motion:reduce){.admin-btn-primary,.admin-btn-secondary,.admin-quick-action-btn,.admin-profile-image-overlay,.admin-password-input input{transition:none}.admin-spinning{animation:none}}.modules-page{width:100%;font-family:Poppins,system-ui,sans-serif}.modules-container{width:100%}.module-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.module-card{flex-direction:column;gap:12px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.module-card:hover{transform:translateY(-3px)}.module-card-header{align-items:flex-start;gap:13px;display:flex}.module-card-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 4px 12px #6366f147}.module-card-icon svg{color:#fff}.module-card-info{flex:1;min-width:0}.module-card-title-row{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.module-card-title-row h3{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:15.5px;font-weight:700}.module-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;font-size:12px;display:flex}.module-card-meta>span{color:#64748b;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.5;display:inline-flex}.module-card-meta .lesson-count{color:#1d4ed8;background:#eff6ff}.module-card-meta .quiz-count{color:#6d28d9;background:#f5f3ff}.module-stats .stat-icon{border-radius:13px;flex:0 0 48px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 6px 14px #0f172a1f;color:#fff!important}.module-stats .stat-icon svg{color:#fff!important}.module-stats .stat-icon.modules-icon{background:#6366f1}.module-stats .stat-icon.lessons-icon{background:#2563eb}.module-stats .stat-icon.quizzes-icon{background:#8b5cf6}.module-card-meta .lessons-icon{color:#2563eb}.module-card-meta .quizzes-icon{color:#7c3aed}.module-card-description{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.55}.module-card-actions{border-top:1px solid #f1f5f9;gap:8px;margin-top:auto;padding-top:12px;display:flex}.module-card-actions>button{justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;border-radius:8px!important;flex:none!important;min-height:34px!important;padding:0!important;display:inline-flex!important}.module-card-actions{justify-content:flex-end}.module-nav-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.module-nav-btn{justify-content:center;align-items:center;gap:7px;color:#475569!important;width:100%!important;min-height:36px!important;box-shadow:none!important;background:#fafbff!important;border:1px solid #e5e7eb!important;border-radius:9px!important;padding:0 12px!important;font-size:12.5px!important;font-weight:600!important;display:inline-flex!important}.module-nav-btn:hover{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}.date-badge{color:#94a3b8!important;text-transform:none!important;letter-spacing:0!important;background:#f8fafc!important;font-weight:500!important}@media (width<=700px){.module-grid{grid-template-columns:1fr}.module-card-actions>button{flex:100%}}.modules-search{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;width:100%;max-width:440px;height:48px;padding:0 14px;transition:border-color .2s,box-shadow .2s;display:flex}.modules-search svg{color:#94a3b8;flex-shrink:0;width:19px;height:19px}.modules-search input{color:#334155;flex:1;width:100%;height:100%;padding:0;font-family:inherit;font-size:14px;background:0 0!important;border:none!important;outline:none!important}.modules-search input::placeholder{color:#94a3b8}.modules-search:focus-within{border-color:#cbd5e1;box-shadow:0 0 0 3px #94a3b81f}.modules-search input:-webkit-autofill{-webkit-text-fill-color:#334155;box-shadow:inset 0 0 0 1000px #fff}.modules-search input:-webkit-autofill:hover{-webkit-text-fill-color:#334155;box-shadow:inset 0 0 0 1000px #fff}.modules-search input:-webkit-autofill:focus{-webkit-text-fill-color:#334155;box-shadow:inset 0 0 0 1000px #fff}.modules-page>.page-header .quizmarks-title{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;display:block!important}.modules-page>.page-header .quizmarks-title>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.modules-page>.page-header .quizmarks-title>h1{margin:0!important;padding:0!important;line-height:28px!important;display:block!important}.modules-page>.page-header .quizmarks-title+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}:root{--m-font:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--m-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--m-primary:#6366f1;--m-text:#0f172a;--m-muted:#64748b;--m-faint:#94a3b8;--m-line:#e5e7eb;--m-blue:#2563eb;--m-green:#10b981;--m-amber:#f59e0b;--m-purple:#8b5cf6;--m-cyan:#06b6d4;--m-red:#ef4444;--m-pink:#ec4899}.mentor-content,.mentor-content h1,.mentor-content h2,.mentor-content h3,.mentor-content h4,.mentor-content p,.mentor-content span,.mentor-content div,.mentor-content td,.mentor-content th,.mentor-content label,.mentor-content a,.mentor-content button,.mentor-content input,.mentor-content select,.mentor-content textarea{font-family:var(--m-font)}.mentor-content h1{letter-spacing:-.5px;color:var(--m-text);font-size:26px;font-weight:700}.mentor-content .subtitle,.mentor-content .cert-subtitle,.mentor-content .std-subtitle,.mentor-content .course-subtitle{color:var(--m-muted);font-size:14px;font-weight:400}.mentor-content .add-btn,.mentor-content .submit-btn,.mentor-content .save-btn,.mentor-content .btn-save,.mentor-content .btn-primary,.mentor-content .btn-cancel,.mentor-content .btn-secondary,.mentor-content .btn-danger,.mentor-content .edit-btn,.mentor-content .delete-btn,.mentor-content .cert-btn,.mentor-content .add-module-btn,.mentor-content .module-view-btn,.mentor-content .view-btn-header,.mentor-content .std-refresh,.mentor-content .refresh-button,.mentor-content .welcome-btn,.mentor-content .review-reply-btn,.mentor-content .upload-btn,.mentor-content .read-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex!important}.mentor-content button:disabled{opacity:.6!important;cursor:not-allowed!important}.mentor-content button svg{flex-shrink:0}.mentor-content .add-btn,.mentor-content .submit-btn,.mentor-content .save-btn,.mentor-content .btn-save,.mentor-content .btn-primary,.mentor-content .add-module-btn,.mentor-content .cert-btn.primary,.mentor-content .welcome-btn.primary,.mentor-content .review-reply-btn,.mentor-content .upload-btn{box-shadow:0 4px 12px #6366f14d;background:var(--m-gradient)!important;color:#fff!important;border-color:#0000!important}.mentor-content .add-btn:hover:not(:disabled),.mentor-content .submit-btn:hover:not(:disabled),.mentor-content .save-btn:hover:not(:disabled),.mentor-content .btn-save:hover:not(:disabled),.mentor-content .btn-primary:hover:not(:disabled),.mentor-content .add-module-btn:hover:not(:disabled),.mentor-content .cert-btn.primary:hover:not(:disabled),.mentor-content .review-reply-btn:hover:not(:disabled),.mentor-content .upload-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.mentor-content .edit-btn{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}.mentor-content .edit-btn:hover:not(:disabled){background:#e0e7ff!important}.mentor-content .delete-btn,.mentor-content .btn-danger,.mentor-content .cert-btn.reject{color:#dc2626!important;box-shadow:none!important;background:#fef2f2!important;border-color:#fecaca!important}.mentor-content .delete-btn:hover:not(:disabled),.mentor-content .btn-danger:hover:not(:disabled),.mentor-content .cert-btn.reject:hover:not(:disabled){background:#fee2e2!important}.mentor-content .cert-btn.approve{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.mentor-content .cert-btn.approve:hover:not(:disabled){background:#d1fae5!important}.mentor-content .btn-cancel,.mentor-content .btn-secondary,.mentor-content .cert-btn.ghost,.mentor-content .view-btn-header,.mentor-content .std-refresh,.mentor-content .refresh-button,.mentor-content .read-btn{color:#475569!important;border-color:var(--m-line)!important;box-shadow:none!important;background:#fff!important}.mentor-content .btn-cancel:hover:not(:disabled),.mentor-content .btn-secondary:hover:not(:disabled),.mentor-content .cert-btn.ghost:hover:not(:disabled),.mentor-content .view-btn-header:hover:not(:disabled),.mentor-content .std-refresh:hover:not(:disabled),.mentor-content .refresh-button:hover:not(:disabled),.mentor-content .read-btn:hover:not(:disabled){color:var(--m-primary)!important;background:#f8fafc!important;border-color:#c7d2fe!important}.mentor-content .refresh-btn,.mentor-content .review-refresh-btn{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;border:1px solid var(--m-line)!important;color:#475569!important;background:#fff!important;border-radius:10px!important;min-height:0!important;padding:0!important;display:inline-flex!important}.mentor-content .refresh-btn:hover,.mentor-content .review-refresh-btn:hover{color:var(--m-primary)!important;background:#eef2ff!important;border-color:#c7d2fe!important}.mentor-content .detail-close-btn,.mentor-content .cancel-review-btn{color:#475569!important;border-color:var(--m-line)!important;box-shadow:none!important;background:#fff!important}.mentor-content .detail-close-btn:hover:not(:disabled),.mentor-content .cancel-review-btn:hover:not(:disabled){background:#f8fafc!important}.mentor-content .preview-lesson-btn,.mentor-content .edit-lesson-btn,.mentor-content .delete-lesson-btn,.mentor-content .review-view-btn,.mentor-content .module-nav-btn{cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;border:1px solid var(--m-line)!important;color:#4b5563!important;background:#fff!important;border-radius:8px!important;padding:0!important;display:inline-flex!important}.mentor-content .preview-lesson-btn:hover{color:#047857!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.mentor-content .edit-lesson-btn:hover,.mentor-content .review-view-btn:hover{color:#4338ca!important;background:#eef2ff!important;border-color:#c7d2fe!important}.mentor-content .delete-lesson-btn:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.mentor-content .back-link{border:1px solid var(--m-line);color:#475569;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:7px 14px 7px 11px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex!important}.mentor-content .back-link:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;text-decoration:none}.mentor-content .back-link svg{transition:transform .2s}.mentor-content .back-link:hover svg{transform:translate(-2px)}.mentor-content .stat-card,.mentor-content .cert-stat,.mentor-content .std-stat,.mentor-content .review-stat-card{box-sizing:border-box;align-items:center;gap:16px;min-width:0;height:118px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;background:#fff!important;border:1px solid #0000000f!important;border-radius:16px!important;display:flex!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important}.mentor-content .stat-card:hover,.mentor-content .cert-stat:hover,.mentor-content .std-stat:hover,.mentor-content .review-stat-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a!important}.mentor-content .stat-card:after,.mentor-content .cert-stat:after,.mentor-content .std-stat:after,.mentor-content .review-stat-card:after{content:"";pointer-events:none;background:#6366f10a;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.mentor-content .stat-icon,.mentor-content .cert-stat-icon,.mentor-content .std-stat-icon,.mentor-content .review-stat-icon{background:var(--m-stat,var(--m-primary));z-index:1;flex:0 0 48px;justify-content:center;align-items:center;position:relative;box-shadow:0 6px 14px #0f172a1f;color:#fff!important;border-radius:13px!important;width:48px!important;height:48px!important;display:flex!important}.mentor-content .stat-icon svg,.mentor-content .cert-stat-icon svg,.mentor-content .std-stat-icon svg,.mentor-content .review-stat-icon svg{color:#fff;width:22px;height:22px}.mentor-content .indigo{--m-stat:var(--m-primary)}.mentor-content .blue{--m-stat:var(--m-blue)}.mentor-content .green{--m-stat:var(--m-green)}.mentor-content .amber{--m-stat:var(--m-amber)}.mentor-content .purple{--m-stat:var(--m-purple)}.mentor-content .orange{--m-stat:#f97316}.mentor-content .stat-content h3,.mentor-content .cert-stat-value,.mentor-content .std-stat-value,.mentor-content .stat-card strong{letter-spacing:-.4px;z-index:1;line-height:1.25;display:block;position:relative;color:var(--m-text)!important;margin:0!important;font-size:23px!important;font-weight:700!important}.mentor-content .stat-content p,.mentor-content .cert-stat-label,.mentor-content .std-stat-label,.mentor-content .stat-card span{text-transform:uppercase;letter-spacing:.3px;z-index:1;display:block;position:relative;color:var(--m-muted)!important;margin:5px 0 0!important;font-size:12px!important;font-weight:500!important}.mentor-content .stats-grid,.mentor-content .cert-stats,.mentor-content .std-stats,.mentor-content .review-stats,.mentor-content .quiz-marks-stats,.mentor-content .module-stats{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:16px!important;margin-bottom:24px!important;display:grid!important}.mentor-content .modal,.mentor-content .modal-overlay,.mentor-content .popup-overlay,.mentor-content .cert-modal-overlay,.mentor-content .review-modal-overlay,body>.modal-overlay,body>.popup-overlay,body>.cert-modal-overlay,body>.review-modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--m-font);animation:.18s mFadeIn;z-index:9999!important;background:#0f172a8c!important;justify-content:center!important;align-items:flex-start!important;padding:40px 20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}@keyframes mFadeIn{0%{opacity:0}to{opacity:1}}.mentor-content .modal-content,.mentor-content .popup,.mentor-content .cert-modal,.mentor-content .assignment-modal,.mentor-content .review-detail-modal,.mentor-content .reply-modal,body>.popup-overlay>.popup,body>.cert-modal-overlay>.cert-modal{animation:.22s mModalIn;background:#fff!important;border-radius:16px!important;margin:auto!important;box-shadow:0 24px 60px #0f172a47!important}@keyframes mModalIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.mentor-content .modal-header,.mentor-content .modules-header,.mentor-content .cert-modal-header,.mentor-content .review-modal-header{justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #f1f5f9!important;padding:18px 22px!important;display:flex!important}.mentor-content .modal-header h2,.mentor-content .cert-modal-header h3{color:var(--m-text)!important;margin:0!important;font-size:18px!important;font-weight:700!important}.mentor-content .modal-body,.mentor-content .cert-modal-body,.mentor-content .review-detail-body,.mentor-content .modules-section{padding:20px 22px!important}.mentor-content .modal-footer,.mentor-content .popup-buttons,.mentor-content .cert-modal-footer,.mentor-content .review-modal-footer{border-top:1px solid #f1f5f9!important;justify-content:flex-end!important;gap:10px!important;padding:16px 22px!important;display:flex!important}.mentor-content .form-group{margin-bottom:16px}.mentor-content label,.mentor-content .cert-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.mentor-content input[type=text],.mentor-content input[type=email],.mentor-content input[type=number],.mentor-content input[type=date],.mentor-content input[type=password],.mentor-content select,.mentor-content textarea,.mentor-content .form-select,.mentor-content .cert-input,.mentor-content .category-select,.mentor-content .module-picker,.mentor-content .quiz-filter-select,.mentor-content .std-select,.mentor-content .review-filter{width:100%;min-height:40px;color:var(--m-text);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.mentor-content input:focus,.mentor-content select:focus,.mentor-content textarea:focus{border-color:var(--m-primary);box-shadow:0 0 0 3px #6366f126}.mentor-content textarea{resize:vertical;min-height:90px}.mentor-content select,.mentor-content .form-select,.mentor-content .category-select,.mentor-content .module-picker,.mentor-content .quiz-filter-select,.mentor-content .std-select,.mentor-content .review-filter{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.mentor-content .error-text,.mentor-content .quiz-marks-error,.mentor-content .cert-alert,.mentor-content .std-alert,.mentor-content .alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13.5px}.mentor-content .cert-notice,.mentor-content .alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:11px 14px;font-size:13.5px}.mentor-content .toolbar,.mentor-content .cert-toolbar,.mentor-content .std-toolbar,.mentor-content .reviews-toolbar,.mentor-content .quiz-marks-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.mentor-content .search-box,.mentor-content .cert-search,.mentor-content .std-search,.mentor-content .review-search{border:1px solid var(--m-line);min-width:220px;color:var(--m-faint);background:#fff;border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 13px;transition:border-color .15s,box-shadow .15s;display:flex}.mentor-content .search-box:focus-within,.mentor-content .cert-search:focus-within,.mentor-content .std-search:focus-within,.mentor-content .submission-search:focus-within,.mentor-content .review-search:focus-within{border-color:var(--m-primary);box-shadow:0 0 0 3px #6366f114}.mentor-content .search-box input,.mentor-content .cert-search input,.mentor-content .std-search input,.mentor-content .submission-search input,.mentor-content .review-search input{width:100%;color:var(--m-text);background:0 0;outline:none;font-size:14px;min-height:auto!important;box-shadow:none!important;border:none!important;padding:11px 0!important}.mentor-content .search-box input:focus,.mentor-content .cert-search input:focus,.mentor-content .std-search input:focus,.mentor-content .submission-search input:focus,.mentor-content .review-search input:focus{box-shadow:none!important;border:none!important}.mentor-content .course-card,.mentor-content .module-card,.mentor-content .cert-card,.mentor-content .std-course-block,.mentor-content .lesson-item,.mentor-content .module-item,.mentor-content .notification-card,.mentor-content .details-card,.mentor-content .quick-actions-section{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 1px 3px #0000000a}.mentor-content .course-card:hover,.mentor-content .module-card:hover,.mentor-content .cert-card:hover{border-color:#d8dee8;box-shadow:0 10px 25px #0f172a12}.mentor-content .view-grid,.mentor-content .module-grid,.mentor-content .cert-list,.mentor-content .reviews-list{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.mentor-content .cert-list,.mentor-content .reviews-list{grid-template-columns:1fr}.mentor-content .marks-table-container,.mentor-content .std-table-wrap,.mentor-content .assignment-table{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mentor-content table{border-collapse:collapse;width:100%}.mentor-content thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--m-muted);white-space:nowrap;background:#fafafa;border-bottom:1px solid #eef0f3;padding:14px 16px;font-size:11.5px;font-weight:600}.mentor-content tbody td{color:#374151;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.mentor-content tbody tr:last-child td{border-bottom:none}.mentor-content tbody tr:hover{background:#fafbff}.mentor-content .status-badge,.mentor-content .std-badge,.mentor-content .preview-badge,.mentor-content .lesson-type-badge,.mentor-content .replied-badge,.mentor-content .date-badge{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.mentor-content .status-badge.published,.mentor-content .std-badge.completed,.mentor-content .status-badge.pass{color:#047857;background:#ecfdf5}.mentor-content .status-badge.draft,.mentor-content .std-badge.not-started{color:#b45309;background:#fffbeb}.mentor-content .status-badge.archived{color:#64748b;background:#f1f5f9}.mentor-content .std-badge.in-progress{color:#4338ca;background:#eef2ff}.mentor-content .std-badge.expired,.mentor-content .status-badge.fail{color:#b91c1c;background:#fef2f2}.mentor-content .empty-state,.mentor-content .cert-empty,.mentor-content .std-empty,.mentor-content .quiz-marks-empty,.mentor-content .no-courses,.mentor-content .no-modules,.mentor-content .reviews-empty{min-height:240px;color:var(--m-faint);text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.mentor-content .empty-state h3,.mentor-content .cert-empty h3,.mentor-content .std-empty h3{color:#334155;margin:4px 0 0;font-size:17px;font-weight:600}.mentor-content .empty-state svg,.mentor-content .cert-empty svg{color:#cbd5e1}.mentor-content .spinner,.mentor-content .std-spinner,.mentor-content .reviews-spinner{border:3px solid #e2e8f0;border-top-color:var(--m-primary);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite mSpin}.mentor-content .button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite mSpin;display:inline-block}.mentor-content .spin,.mentor-content .spinning{animation:.8s linear infinite mSpin}@keyframes mSpin{to{transform:rotate(360deg)}}.mentor-content .loading-state,.mentor-content .std-loading,.mentor-content .reviews-loading{min-height:300px;color:var(--m-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.mentor-content .page-header,.mentor-content .courses-header,.mentor-content .cert-header,.mentor-content .std-header,.mentor-content .reviews-header,.mentor-content .quiz-marks-header,.mentor-content .assignment-header,.mentor-content .modules-header,.mentor-content .profile-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.mentor-content .header-buttons,.mentor-content .cert-actions,.mentor-content .module-nav-actions,.mentor-content .profile-actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=1024px){.mentor-content .stats-grid,.mentor-content .cert-stats,.mentor-content .std-stats,.mentor-content .review-stats,.mentor-content .quiz-marks-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mentor-content .status-grid,.mentor-content .profile-grid{grid-template-columns:1fr!important}}@media (width<=768px){.mentor-content .page-header,.mentor-content .courses-header,.mentor-content .cert-header,.mentor-content .std-header,.mentor-content .reviews-header,.mentor-content .assignment-header,.mentor-content .quiz-marks-header{flex-direction:column;align-items:stretch}.mentor-content h1{font-size:21px}.mentor-content .header-buttons,.mentor-content .cert-actions,.mentor-content .profile-actions{width:100%}.mentor-content .add-btn,.mentor-content .submit-btn,.mentor-content .std-refresh{flex:100%;min-height:44px}.mentor-content .stats-grid,.mentor-content .cert-stats,.mentor-content .std-stats,.mentor-content .review-stats,.mentor-content .quiz-marks-stats{grid-template-columns:1fr!important;gap:12px!important}.mentor-content .stat-card,.mentor-content .cert-stat,.mentor-content .std-stat{height:auto!important;min-height:96px!important;padding:16px!important}.mentor-content .view-grid,.mentor-content .module-grid{grid-template-columns:1fr}.mentor-content .search-box,.mentor-content .cert-search,.mentor-content .std-search{flex:100%;min-width:0}.mentor-content .marks-table-container,.mentor-content .std-table-wrap,.mentor-content .assignment-table{overflow-x:auto}.mentor-content table{min-width:620px}.mentor-content th,.mentor-content td{white-space:nowrap;padding:11px 12px!important;font-size:13px!important}.mentor-content .modal,.mentor-content .modal-overlay,.mentor-content .popup-overlay,.mentor-content .cert-modal-overlay,body>.modal-overlay,body>.popup-overlay,body>.cert-modal-overlay{padding:12px!important}.mentor-content .modal-content,.mentor-content .popup,.mentor-content .cert-modal,.mentor-content .assignment-modal{width:100%!important;max-width:100%!important;max-height:calc(100vh - 24px)!important}.mentor-content .modal-footer,.mentor-content .popup-buttons,.mentor-content .cert-modal-footer{flex-direction:column-reverse!important;gap:8px!important}.mentor-content .modal-footer>button,.mentor-content .popup-buttons>button,.mentor-content .cert-modal-footer>button{width:100%;min-height:44px}.mentor-content .cert-card,.mentor-content .lesson-item{flex-direction:column;align-items:stretch;gap:12px}.mentor-content .cert-card-actions,.mentor-content .lesson-actions{justify-content:flex-start}}@media (width<=480px){.mentor-content h1{font-size:19px}.mentor-content .cert-tabs,.mentor-content .quiz-marks-toolbar{flex-wrap:nowrap;overflow-x:auto}}@media (hover:none){.mentor-content .stat-card:hover,.mentor-content .cert-stat:hover,.mentor-content .std-stat:hover,.mentor-content .course-card:hover{transform:none!important}}.popup-overlay,.cert-modal-overlay,.review-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--m-font);background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.18s mFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}.popup,.cert-modal,.lesson-modal,.quiz-modal,.preview-modal,.confirm-modal,.assignment-modal,.review-detail-modal,.reply-modal{font-family:var(--m-font);background:#fff;border-radius:16px;margin:auto;animation:.22s mModalIn;box-shadow:0 24px 60px #0f172a47}.popup{width:min(680px,100%)}.popup .modules-header,.cert-modal .cert-modal-header,.popup .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.popup .section-title,.popup .modules-header h2{color:#0f172a;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;display:flex}.popup .modules-section,.cert-modal .cert-modal-body{padding:20px 22px}.popup .popup-buttons,.cert-modal .cert-modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.popup button,.cert-modal button,.assignment-modal button,.review-detail-modal button,.reply-modal button{font-family:var(--m-font)}.popup .view-btn-header,.cert-modal .cert-btn.ghost{border:1px solid var(--m-line);color:#475569;cursor:pointer;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.popup .view-btn-header:hover{color:var(--m-primary);background:#f8fafc;border-color:#c7d2fe}.popup .modules-header .view-btn-header{flex-shrink:0;width:38px;min-height:38px;padding:0}.popup .modules-header .view-btn-header:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.popup .add-module-btn{background:var(--m-gradient);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.popup .add-module-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.popup .add-module-btn:disabled{opacity:.6;cursor:not-allowed}.popup select,.popup input,.popup textarea,.cert-modal input,.cert-modal textarea,.assignment-modal input,.assignment-modal select,.assignment-modal textarea,.reply-modal textarea{width:100%;min-height:40px;font-family:var(--m-font);color:var(--m-text);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;transition:border .15s,box-shadow .15s}.popup select:focus,.popup input:focus,.popup textarea:focus,.cert-modal input:focus,.cert-modal textarea:focus{border-color:var(--m-primary);box-shadow:0 0 0 3px #6366f126}.popup .modules-list{flex-direction:column;gap:10px;display:flex}.popup .module-item{background:#fff;border:1px solid #0000000f;border-radius:12px;padding:14px 16px;box-shadow:0 1px 3px #0000000a}.popup .module-item-header{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.popup .module-info{flex:auto;min-width:0}.popup .module-info h4{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.popup .lesson-count{color:#94a3b8;align-items:center;gap:5px;font-size:12px;display:inline-flex}.popup .position-hint{color:#94a3b8;margin:0 0 14px;font-size:12px}.popup .no-modules{color:#94a3b8;text-align:center;background:#fafbfc;border:1px dashed #e2e8f0;border-radius:12px;padding:34px 16px;font-size:13px}@media (width<=768px){.popup-overlay,.cert-modal-overlay,.review-modal-overlay{padding:12px}.popup,.popup-large,.cert-modal,.lesson-modal,.quiz-modal,.assignment-modal{width:100%;max-width:100%;max-height:calc(100vh - 24px)}.popup .popup-buttons,.cert-modal .cert-modal-footer{flex-direction:column-reverse}.popup .popup-buttons>button,.cert-modal .cert-modal-footer>button{width:100%;min-height:44px}}.quiz-modal{flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 80px);display:flex}.quiz-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:6px;font-size:12.5px;display:flex}.quiz-count{color:#7c3aed;font-weight:600}.quiz-question-card{background:#fafbfc;border:1px solid #eef0f4;border-radius:14px;margin-bottom:14px;padding:16px}.quiz-question-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.quiz-question-number{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:inline-flex}.quiz-question-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.quiz-options-head{color:#64748b;letter-spacing:.3px;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin:14px 0 8px;font-size:12px;font-weight:700;display:flex}.quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-option-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:8px 10px;transition:all .2s;display:flex}.quiz-option-row.is-correct{background:#ecfdf5;border-color:#a7f3d0}.quiz-option-text{flex:1;min-width:0;box-shadow:none!important;background:0 0!important;border:none!important;min-height:32px!important;padding:0!important}.quiz-correct-toggle{color:#64748b;cursor:pointer;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex;margin:0!important}.quiz-option-row.is-correct .quiz-correct-toggle{color:#047857}.quiz-correct-hint{color:#94a3b8;margin-top:6px;font-size:11.5px;display:block}.quiz-total-bar{color:#4338ca;background:#eef2ff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.quiz-error-banner{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:11px 14px;font-size:13.5px}.btn-add-lesson-secondary{cursor:pointer;align-items:center;gap:7px;color:#4338ca!important;min-height:38px!important;box-shadow:none!important;background:#eef2ff!important;border:1px dashed #c7d2fe!important;border-radius:10px!important;padding:0 14px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.btn-add-lesson-secondary:hover{background:#e0e7ff!important}@media (width<=700px){.quiz-question-controls{grid-template-columns:1fr}.quiz-option-row{flex-wrap:wrap}.quiz-correct-toggle{width:100%}}.modal-content.quiz-modal,.quiz-modal{flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 80px);font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;display:flex}.quiz-modal .modal-header{border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.quiz-modal .modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.quiz-modal .modal-body{flex:1;min-height:0;padding:20px 22px;overflow-y:auto}.quiz-modal .modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.quiz-modal .form-group{margin-bottom:14px}.quiz-modal label,.quiz-modal .form-group>label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.quiz-modal input[type=text],.quiz-modal input[type=number],.quiz-modal select,.quiz-modal textarea{color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:40px;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.quiz-modal input:focus,.quiz-modal select:focus,.quiz-modal textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.quiz-modal .quiz-options-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:16px 0 8px;display:flex}.quiz-modal .quiz-options-head>span:first-child{color:#64748b;letter-spacing:.3px;text-transform:uppercase;font-size:12px;font-weight:700}.quiz-modal .quiz-correct-hint{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:999px;margin:0;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.quiz-modal .quiz-options{flex-direction:column;gap:8px;display:flex}.quiz-modal .quiz-option-row{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.quiz-modal .quiz-option-row:hover{border-color:#c7d2fe}.quiz-modal .quiz-option-row.is-correct{background:#ecfdf5;border-color:#a7f3d0}.quiz-modal .quiz-option-text{flex:1;min-width:0;font-size:14px;min-height:34px!important;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.quiz-modal .quiz-correct-toggle{color:#64748b;white-space:nowrap;cursor:pointer;background:#f8fafc;border-radius:8px;flex-shrink:0;align-items:center;gap:7px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .2s;margin:0!important;display:inline-flex!important}.quiz-modal .quiz-correct-toggle input{accent-color:#10b981;cursor:pointer;width:15px;height:15px;margin:0;min-height:auto!important;padding:0!important}.quiz-modal .quiz-option-row.is-correct .quiz-correct-toggle{color:#047857;background:#d1fae5}.quiz-modal .error-text,.quiz-modal .field-hint{align-items:center;gap:6px;margin-top:8px;font-size:12px;display:flex}.quiz-modal .error-text{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:8px 11px}.quiz-modal .field-hint{color:#94a3b8}.quiz-modal .btn-add-lesson-secondary{cursor:pointer;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:14px;font-family:inherit;transition:all .2s;color:#4338ca!important;min-height:42px!important;box-shadow:none!important;background:#eef2ff!important;border:1px dashed #c7d2fe!important;border-radius:10px!important;padding:0 14px!important;font-size:13.5px!important;font-weight:600!important;display:inline-flex!important}.quiz-modal .btn-add-lesson-secondary:hover{background:#e0e7ff!important;border-color:#a5b4fc!important}.quiz-modal .quiz-question-card{background:#fafbfc;border:1px solid #eef0f4;border-radius:14px;margin-bottom:14px;padding:16px}.quiz-modal .quiz-question-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.quiz-modal .quiz-question-head>input{flex:1;min-width:0}.quiz-modal .quiz-question-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.quiz-modal .quiz-total-bar{color:#4338ca;background:#eef2ff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}@media (width<=700px){.quiz-modal{width:100%;max-height:calc(100vh - 24px)}.quiz-modal .quiz-question-controls{grid-template-columns:1fr}.quiz-modal .quiz-option-row{flex-wrap:wrap}.quiz-modal .quiz-correct-toggle{justify-content:center;width:100%}.quiz-modal .modal-footer{flex-direction:column-reverse}.quiz-modal .modal-footer>button{width:100%;min-height:44px}}.quiz-option-row input.quiz-option-text,.quiz-option-row input.quiz-option-text:focus,.quiz-option-row input.quiz-option-text:focus-visible,.quiz-option-row input.quiz-option-text:active{box-shadow:none!important;border:none!important;outline:none!important}.modules-page>.page-header .mentor-quiz-heading{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;line-height:28px!important;display:block!important}.modules-page>.page-header .mentor-quiz-heading>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.modules-page>.page-header .mentor-quiz-heading+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.lesson-list{flex-direction:column;gap:10px;display:flex}.lesson-item{align-items:center;gap:14px;padding:14px 16px;transition:border-color .2s,box-shadow .2s;display:flex}.lesson-item:hover{border-color:#d8dee8;box-shadow:0 6px 16px #0f172a0f}.lesson-number{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:inline-flex}.lesson-title{flex-wrap:wrap;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.lesson-title strong{color:#0f172a;overflow-wrap:anywhere;font-size:14.5px;font-weight:600}.lesson-type-badge{letter-spacing:.3px;border-radius:999px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.lesson-type-icon{display:inline-flex}.lesson-actions{flex-shrink:0;gap:7px;display:flex}.module-picker{cursor:pointer;min-width:280px;max-width:340px;margin-top:16px}.lesson-modal{width:min(620px,100%)}.preview-modal{width:min(820px,100%)}.confirm-modal{width:min(440px,100%)}.preview-body{padding:20px 22px!important}.preview-container{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;position:relative;overflow:hidden}.preview-iframe{background:#000;border:none;width:100%;height:100%;position:absolute;inset:0}video.preview-iframe{object-fit:contain}.preview-empty{color:#94a3b8;text-align:center;background:#f9fafb;border-radius:12px;padding:44px 20px}.preview-description{color:#4b5563;margin:14px 0 0;font-size:13.5px;line-height:1.6}.video-upload-box{color:#6b7280;cursor:pointer;background:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;justify-content:center;align-items:center;min-height:84px;padding:14px;transition:all .2s;display:flex!important}.video-upload-box:hover{color:#4338ca;background:#eef2ff;border-color:#6366f1}.video-upload-box input[type=file]{display:none}.upload-cta{align-items:center;gap:9px;font-size:13.5px;font-weight:600;display:inline-flex}.upload-progress{color:#4338ca;flex-direction:column;align-items:center;gap:9px;width:100%;font-size:13px;font-weight:600;display:flex}.upload-bar{background:#e5e7eb;border-radius:999px;width:100%;height:6px;overflow:hidden}.upload-bar-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .2s;display:block}.label-tag{color:#047857;text-transform:uppercase;background:#ecfdf5;border-radius:999px;margin-left:6px;padding:2px 8px;font-size:10px;font-weight:700}.confirm-content{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:28px 24px 20px;display:flex}.confirm-icon{color:#dc2626;background:#fef2f2;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.confirm-body h3{color:#0f172a;margin:0 0 5px;font-size:17px;font-weight:700}.confirm-sub{color:#64748b;margin:0;font-size:13.5px;line-height:1.5}@media (width<=700px){.lesson-item{flex-wrap:wrap}.lesson-actions{justify-content:flex-end;width:100%}.module-picker{width:100%;min-width:0;max-width:100%}}.quiz-marks-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.quiz-marks-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.quiz-marks-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.quiz-marks-header p{color:#64748b;margin:6px 0 0;font-size:14px}.quiz-header-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;min-width:44px;max-width:44px;height:44px;margin:0;padding:0;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.quiz-header-refresh-btn:hover:not(:disabled){color:#4f46e5;background:#f8fafc;border-color:#cbd5e1}.quiz-header-refresh-btn:active:not(:disabled){transform:scale(.95)}.quiz-header-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-header-refresh-btn svg{flex-shrink:0;width:20px;height:20px}.quizmarks-title{align-items:center;gap:12px;display:flex}.quizmarks-title-icon{color:#111827;stroke:#111827;stroke-width:2px;flex-shrink:0;width:34px;height:34px}.quizmarks-title h1{margin:0}.selector-group{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:20px;display:flex}.module-selector-wrapper{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:2px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:250px;max-width:400px;height:48px;padding:0 16px;transition:all .2s;display:flex;position:relative}.module-selector-wrapper:hover{background:#fafafa;border-color:#9ca3af}.module-selector-wrapper:focus-within{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.module-selector-wrapper select{cursor:pointer;appearance:none;color:#0f172a;z-index:1;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:12px 0;font-family:inherit;font-size:14px;font-weight:500;position:relative;box-shadow:none!important;background:0 0!important;border:none!important}.module-selector-wrapper select:disabled{opacity:.6;cursor:not-allowed}.module-selector-wrapper select option{color:#0f172a;background:#fff;border:none;padding:10px 16px;font-size:14px}.module-selector-wrapper select option:disabled{color:#94a3b8}.module-selector-wrapper select option:hover,.module-selector-wrapper select option:checked{color:#4338ca;background:#eef2ff}.module-selector-wrapper>svg:first-child{color:#6b7280;pointer-events:none;flex-shrink:0}.module-selector-wrapper>svg:last-child{color:#9ca3af;pointer-events:none;flex-shrink:0;transition:transform .25s}.module-selector-wrapper:focus-within>svg:last-child{color:#6366f1;transform:rotate(180deg)}.selected-module-header{background:#fafbff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:flex}.selected-module-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.selected-module-header p{color:#64748b;margin:4px 0 0;font-size:13px}.selected-module-header p strong{color:#0f172a}.module-quiz-count{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:6px 13px;font-size:12.5px;font-weight:700}.quiz-marks-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.quiz-marks-toolbar .search-box{color:#9ca3af;background:#fff;border:2px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;height:48px;padding:0 14px;transition:all .2s;display:flex}.quiz-marks-toolbar .search-box:hover{border-color:#9ca3af}.quiz-marks-toolbar .search-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.quiz-marks-toolbar .search-box input{color:#0f172a;background:0 0;outline:none;width:100%;font-size:14px;border:none!important;min-height:auto!important;padding:12px 0!important}.quiz-filter-select{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid #d1d5db;border-radius:10px;outline:none;min-width:160px;height:48px;padding:12px 40px 12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.quiz-filter-select:hover{border-color:#9ca3af}.quiz-filter-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.quiz-filter-select option{color:#0f172a;background:#fff;padding:10px 16px}.quiz-filter-select option:checked{color:#4338ca;background:#eef2ff}.quiz-refresh-spin{animation:.8s linear infinite quizRefreshSpin}@keyframes quizRefreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.refresh-button{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #d1d5db;border-radius:10px;align-items:center;gap:8px;height:48px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.refresh-button:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.spin{animation:.8s linear infinite spin}.quiz-marks-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.quiz-marks-stats .stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;min-height:80px;padding:16px 20px;transition:all .2s;display:flex}.quiz-marks-stats .stat-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.quiz-marks-stats .stat-icon{color:#fff;background:#6366f1;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.quiz-marks-stats .stat-icon.blue{background:#2563eb}.quiz-marks-stats .stat-icon.amber{background:#f59e0b}.quiz-marks-stats .stat-icon.green{background:#10b981}.quiz-marks-stats .stat-card div:last-child{flex:1;min-width:0}.quiz-marks-stats .stat-card strong{color:#0f172a;letter-spacing:-.4px;font-size:22px;font-weight:700;display:block}.quiz-marks-stats .stat-card span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600;display:block}.marks-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;width:100%;overflow-x:auto}.marks-table{border-collapse:collapse;width:100%;min-width:800px}.marks-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap;background:#fafafa;border-bottom:1px solid #e5e7eb;padding:12px 16px;font-size:11.5px;font-weight:600}.marks-table tbody td{color:#374151;vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:14px}.marks-table tbody tr:last-child td{border-bottom:none}.marks-table tbody tr:hover{background:#fafbff}.student-name{color:#0f172a;font-weight:600}.pct-cell{align-items:center;gap:9px;min-width:140px;display:flex}.pct-track{background:#eef0f4;border-radius:999px;flex:1;height:6px;overflow:hidden}.pct-fill{border-radius:999px;height:100%;transition:width .6s}.pct-fill.pass{background:#10b981}.pct-fill.fail{background:#ef4444}.pct-cell span{color:#475569;flex-shrink:0;font-size:12.5px;font-weight:600}.marks-table .status-badge{text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.marks-table .status-badge.pass{color:#047857;background:#ecfdf5}.marks-table .status-badge.fail{color:#b91c1c;background:#fef2f2}.quiz-marks-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.quiz-marks-empty{color:#9ca3af;text-align:center;background:#fff;border:2px dashed #d1d5db;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:240px;padding:48px 24px;display:flex}.quiz-marks-empty h2{color:#1f2937;margin:4px 0 0;font-size:18px;font-weight:600}.quiz-marks-empty p{color:#6b7280;max-width:400px;margin:0;font-size:14px}.quiz-marks-empty p strong{color:#0f172a}.quiz-marks-empty svg{color:#d1d5db}.quiz-marks-empty .refresh-button{margin-top:8px}@media (width<=1024px){.quiz-marks-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.quiz-marks-header{flex-direction:row;align-items:flex-start}.quiz-marks-header h1{font-size:21px}.quiz-header-refresh-btn{width:44px;min-width:44px;max-width:44px;height:44px}.selector-group{flex-direction:column;align-items:stretch;gap:10px}.module-selector-wrapper{max-width:none;min-width:unset;flex:auto}.selected-module-header{flex-direction:column;align-items:flex-start}.module-selector-wrapper select{font-size:16px}.quiz-marks-toolbar{flex-direction:column;align-items:stretch}.quiz-marks-toolbar .search-box{min-width:unset}.quiz-filter-select{width:100%}.quiz-marks-stats{grid-template-columns:1fr 1fr}.quiz-marks-stats .stat-card{padding:14px 16px}.marks-table-container{border-radius:10px}.marks-table{min-width:720px}.marks-table thead th,.marks-table tbody td{white-space:nowrap;padding:10px 12px;font-size:13px}}@media (width<=480px){.quiz-marks-page{padding:16px}.quiz-marks-header{gap:12px}.quiz-header-refresh-btn{width:42px;min-width:42px;max-width:42px;height:42px}.quiz-header-refresh-btn svg{width:18px;height:18px}.module-selector-wrapper{min-width:unset;height:44px;padding:0 12px}.module-selector-wrapper select{padding:10px 0;font-size:15px}.quiz-marks-toolbar .search-box{height:44px;padding:0 12px}.quiz-filter-select{height:44px;min-width:unset;padding:10px 14px}.refresh-button{height:44px;padding:10px 16px}.selected-module-header{padding:14px 16px}.quiz-marks-stats{grid-template-columns:1fr}.quiz-marks-stats .stat-card{min-height:70px}.quiz-marks-empty{min-height:180px;padding:32px 16px}.quiz-marks-empty h2{font-size:16px}.marks-table thead th,.marks-table tbody td{padding:8px 10px;font-size:12px}.pct-cell{min-width:100px}}.quiz-marks-page .quiz-marks-header .quizmarks-title{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;display:block!important}.quiz-marks-page .quiz-marks-header .quizmarks-title>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.quiz-marks-page .quiz-marks-header .quizmarks-title>h1{margin:0!important;padding:0!important;line-height:28px!important;display:block!important}.quiz-marks-page .quiz-marks-header .quizmarks-title+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.mentor-assignments{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:0 4px 24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.assignment-header{justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 18px;padding:0;display:flex}.assignment-header h1{color:#0f172a;letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;line-height:1.25;display:flex}.assignment-header h1 svg{color:#0f172a;flex-shrink:0;width:26px;height:26px}.assignment-header p{color:#64748b;margin:5px 0 0;font-size:13.5px;line-height:1.5}.assignment-header .add-assignment-btn{flex-shrink:0}.assignment-list{width:100%;overflow-x:auto}.assignment-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e8ecf3;border-radius:16px;width:100%;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.assignment-table thead th{color:#64748b;letter-spacing:.6px;text-align:left;text-transform:uppercase;white-space:nowrap;background:#fff;border-bottom:1px solid #e8ecf3;padding:15px 20px;font-size:11.5px;font-weight:700}.assignment-table tbody td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:18px 20px;font-size:13.5px;line-height:1.5}.assignment-table tbody tr:last-child td{border-bottom:none}.assignment-table tbody tr{transition:background .2s,box-shadow .2s}.assignment-table tbody tr:hover{background:#fafbff}.assignment-title{color:#0f172a;overflow-wrap:anywhere;font-size:14px;font-weight:600}.assignment-course{color:#334155;overflow-wrap:anywhere;font-size:13.5px;font-weight:500}.assignment-due-date{color:#475569;white-space:nowrap;font-size:13px;font-weight:500}.assignment-marks{color:#334155;white-space:nowrap;font-size:13.5px;font-weight:600}.assignment-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.assignment-view-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dbe1ea;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-flex}.assignment-view-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.assignment-view-btn svg{width:18px;height:18px}.no-assignments{box-sizing:border-box;color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;width:100%;padding:48px 20px;font-size:14px}.no-assignments svg{color:#cbd5e1;margin-bottom:10px}.no-assignments h3{color:#334155;margin:0 0 5px;font-size:16px;font-weight:600}.no-assignments p{color:#94a3b8;margin:0;font-size:13px}.assignment-modal{box-sizing:border-box;background:#fff;border-radius:18px;width:min(620px,100vw - 32px);max-height:calc(100vh - 40px);overflow-y:auto}.assignment-modal-large{width:min(820px,100vw - 32px)}.assignment-modal .modal-header{border-bottom:1px solid #eef0f4;justify-content:space-between;align-items:center;padding:20px 22px 16px;display:flex}.assignment-modal .modal-header h2{color:#111827;margin:0;font-size:18px;font-weight:700;line-height:1.3}.assignment-modal .close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #dfe3ea;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .2s,color .2s,border-color .2s;display:flex}.assignment-modal .close-btn:hover{color:#111827;background:#f8fafc;border-color:#cbd5e1}.assignment-modal form{flex-direction:column;gap:0;padding:20px 22px 22px;display:flex}.assignment-modal form>label{color:#374151;margin:0 0 7px;font-size:12.5px;font-weight:600;line-height:1.3;display:block}.assignment-modal form>input,.assignment-modal form>select,.assignment-modal form>textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;width:100%;margin:0 0 16px;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s;display:block}.assignment-modal form>select{cursor:pointer;height:40px}.assignment-modal form>input{height:40px}.assignment-modal form>textarea{resize:vertical;min-height:115px;line-height:1.5}.assignment-modal form>input:focus,.assignment-modal form>select:focus,.assignment-modal form>textarea:focus{border-color:#7c6cff;box-shadow:0 0 0 3px #7c6cff1a}.assignment-modal input::placeholder,.assignment-modal textarea::placeholder{color:#9ca3af}.assignment-modal form>.row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;width:100%;margin:0 0 18px;display:grid}.assignment-modal form>.row>div{min-width:0}.assignment-modal form>.row label{color:#374151;margin:0 0 7px;font-size:12.5px;font-weight:600;line-height:1.3;display:block}.assignment-modal form>.row input[type=date]{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;width:100%;height:40px;margin:0;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.assignment-modal form>.row input[type=date]:focus{border-color:#7c6cff;box-shadow:0 0 0 3px #7c6cff1a}.assignment-modal .marks-counter{box-sizing:border-box;background:#fff;border:1px solid #d8dee8;border-radius:9px;align-items:center;width:100%;height:40px;display:flex;overflow:hidden}.assignment-modal .marks-btn{color:#4b5563;cursor:pointer;background:#fff;border:none;flex:0 0 40px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-family:inherit;font-size:17px;font-weight:500;transition:background .2s,color .2s;display:flex}.assignment-modal .marks-btn:hover{color:#4f46e5;background:#f3f4f6}.assignment-modal .marks-counter input[type=number]{box-sizing:border-box;color:#111827;text-align:center;background:#fff;outline:none;flex:1;width:100%;min-width:0;height:40px;margin:0;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;box-shadow:none!important;border:none!important;border-left:1px solid #eef0f4!important;border-right:1px solid #eef0f4!important;border-radius:0!important}.assignment-modal .marks-counter input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.assignment-modal .marks-counter input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.assignment-modal .marks-counter input[type=number]{appearance:textfield}.assignment-modal .submit-btn{color:#fff;cursor:pointer;background:#6c5ce7;border:none;border-radius:9px;justify-content:center;align-items:center;width:100%;height:42px;margin-top:2px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,transform .2s;display:flex}.assignment-modal .submit-btn:hover{background:#5b4bd5;transform:translateY(-1px)}.assignment-modal .submit-btn:active{transform:translateY(0)}.assignment-view{flex-direction:column;padding:20px 22px 22px;display:flex}.assignment-view>label{color:#374151;margin:0 0 7px;font-size:12.5px;font-weight:600;display:block}.assignment-view>input,.assignment-view>textarea{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;width:100%;margin:0 0 16px;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.assignment-view>input{height:40px}.assignment-view>textarea{resize:vertical;min-height:115px;line-height:1.5}.assignment-view>input:focus,.assignment-view>textarea:focus{border-color:#7c6cff;box-shadow:0 0 0 3px #7c6cff1a}.assignment-view>input:disabled,.assignment-view>textarea:disabled{color:#475569;cursor:default;background:#f8fafc}.assignment-view>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:100%;margin:0 0 20px;display:grid}.assignment-view>.row>div{min-width:0}.assignment-view>.row label{color:#374151;margin:0 0 7px;font-size:12.5px;font-weight:600;display:block}.assignment-view>.row input{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #d8dee8;border-radius:9px;outline:none;width:100%;height:40px;padding:9px 12px;font-family:inherit;font-size:13px}.assignment-view>.row input:focus{border-color:#7c6cff;box-shadow:0 0 0 3px #7c6cff1a}.assignment-view>.row input:disabled{color:#475569;background:#f8fafc}.popup-buttons{justify-content:flex-end;align-items:center;gap:10px;padding-top:2px;display:flex}.popup-buttons button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.popup-buttons .edit-btn{color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe}.popup-buttons .edit-btn:hover{background:#e0e7ff;transform:translateY(-1px)}.popup-buttons .delete-btn{color:#dc2626;background:#fff1f2;border:1px solid #fecaca}.popup-buttons .delete-btn:hover{background:#ffe4e6;transform:translateY(-1px)}.popup-buttons .btn-cancel,.delete-confirm-buttons .btn-cancel{color:#475569;background:#fff;border:1px solid #dbe1ea}.popup-buttons .btn-cancel:hover,.delete-confirm-buttons .btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1}.popup-buttons .save-btn{color:#fff;background:#6c5ce7;border:1px solid #6c5ce7}.popup-buttons .save-btn:hover{background:#5b4bd5;border-color:#5b4bd5;transform:translateY(-1px)}.delete-confirm-modal{box-sizing:border-box;text-align:center;background:#fff;border-radius:18px;width:min(420px,100vw - 32px);padding:28px;box-shadow:0 20px 50px #0f172a2e}.delete-confirm-icon{color:#dc2626;background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;margin:0 auto 16px;display:flex}.delete-confirm-modal h3{color:#111827;margin:0 0 8px;font-size:18px;font-weight:700}.delete-confirm-modal p{color:#64748b;margin:0 0 22px;font-size:13.5px;line-height:1.6}.delete-confirm-modal strong{color:#334155}.delete-confirm-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.delete-confirm-buttons button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.delete-confirm-buttons .btn-danger{color:#fff;background:#dc2626;border:1px solid #dc2626}.delete-confirm-buttons .btn-danger:hover{background:#b91c1c;border-color:#b91c1c;transform:translateY(-1px)}.assignment-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13.5px;line-height:1.5}.assignment-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:11px 14px;font-size:13.5px;line-height:1.5}.assignment-loading{color:#94a3b8;justify-content:center;align-items:center;min-height:180px;font-size:13.5px;display:flex}@media (width<=900px){.mentor-assignments{padding:8px 14px 22px}.assignment-header{gap:14px}.assignment-header h1{font-size:24px}.assignment-header h1 svg{width:24px;height:24px}.assignment-table{min-width:700px}.assignment-modal{width:min(620px,100vw - 28px)}}@media (width<=700px){.mentor-assignments{padding:8px 12px 20px}.assignment-header{flex-direction:column;align-items:stretch;margin-bottom:16px}.assignment-header h1{font-size:21px}.assignment-header h1 svg{width:22px;height:22px}.assignment-header p{font-size:13px}.assignment-header .add-assignment-btn{width:100%}.assignment-form-row{grid-template-columns:1fr}.assignment-modal{border-radius:15px;width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.assignment-modal .modal-header{padding:17px 17px 14px}.assignment-modal .modal-header h2{font-size:16px}.assignment-modal form{padding:17px}.assignment-modal form>.row{grid-template-columns:1fr;gap:0;margin-bottom:16px}.assignment-view{padding:17px}.assignment-view>.row{grid-template-columns:1fr;gap:0}.popup-buttons{flex-wrap:wrap}.popup-buttons button{flex:1}}@media (width<=420px){.mentor-assignments{padding:6px 10px 18px}.assignment-header h1{font-size:20px}.assignment-header h1 svg{width:21px;height:21px}.assignment-table thead th,.assignment-table tbody td{padding-left:14px;padding-right:14px}.assignment-modal{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.assignment-modal .modal-header{padding-left:15px;padding-right:15px}.assignment-modal form,.assignment-view{padding:15px}.delete-confirm-modal{width:calc(100vw - 24px);padding:22px 18px}.delete-confirm-buttons{flex-direction:column}.delete-confirm-buttons button{width:100%}}@media (prefers-reduced-motion:reduce){.assignment-table tbody tr,.assignment-view-btn,.assignment-form-group input,.assignment-form-group select,.assignment-form-group textarea,.assignment-modal .marks-btn,.assignment-modal .submit-btn,.popup-buttons button,.delete-confirm-buttons button{transition:none}}.mentor-assignments .assignment-modal .popup-buttons .edit-btn{font-family:inherit;color:#4338ca!important;white-space:nowrap!important;background:#eef2ff!important;border:1px solid #c7d2fe!important;border-radius:9px!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:8px!important;width:auto!important;min-width:100px!important;max-width:none!important;height:40px!important;padding:0 18px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.mentor-assignments .assignment-modal .popup-buttons .edit-btn svg{flex-shrink:0;width:16px;height:16px}.mentor-assignments .assignment-modal .popup-buttons .edit-btn:hover{background:#e0e7ff!important}.mentor-assignments .modal-overlay:has(>.delete-confirm-modal){box-sizing:border-box!important;z-index:9999!important;justify-content:center!important;align-items:center!important;width:100%!important;height:100%!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow-y:auto!important}.mentor-assignments .modal-overlay>.delete-confirm-modal{box-sizing:border-box!important;flex:0 420px!important;width:420px!important;max-width:100%!important;max-height:calc(100dvh - 40px)!important;margin:auto!important;position:relative!important;inset:auto!important;overflow-y:auto!important;transform:none!important}.mentor-assignments .assignment-table .actions .view-btn{color:#0e7490!important;width:36px!important;min-width:36px!important;height:36px!important;box-shadow:none!important;background:#ecfeff!important;border:1px solid #a5f3fc!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.mentor-assignments .assignment-table .actions .view-btn:hover{background:#cffafe!important}.mentor-assignments .assignment-table .actions .view-btn svg{width:16px;height:16px;stroke:currentColor!important}.mentor-assignments .assignment-header .assignments-title{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;display:block!important}.mentor-assignments .assignment-header .assignments-title>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.mentor-assignments .assignment-header .assignments-title>h1{margin:0!important;padding:0!important;line-height:28px!important;display:block!important}.mentor-assignments .assignment-header .assignments-title+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.cert-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.cert-header h1{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;display:flex}.cert-header h1 svg{color:#0f172a;stroke:#0f172a;stroke-width:2px;flex-shrink:0;width:24px;height:24px}.cert-tabs{background:#fff;border:1px solid #e8ecf3;border-radius:12px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.cert-tabs button{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.cert-tabs button:hover{color:#0f172a;background:#f6f7fb}.cert-tabs button.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f147}.cert-list{flex-direction:column;gap:12px;display:flex}.cert-card{align-items:center;gap:14px;padding:16px 18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.cert-card:hover{transform:translateY(-2px)}.cert-card-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6366f142}.cert-card-body{flex:1;min-width:0}.cert-card-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cert-student{color:#0f172a;align-items:center;gap:6px;font-size:14.5px;font-weight:600;display:inline-flex}.cert-no{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600}.cert-card-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;font-size:12.5px;display:flex}.cert-card-meta>span{overflow-wrap:anywhere;align-items:center;gap:5px;min-width:0;display:inline-flex}.cert-card-actions{flex-shrink:0;gap:8px;display:flex}.cert-notice{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13.5px}.cert-alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:13.5px}.cert-modal{width:min(480px,100%)}.cert-modal-text{color:#475569;margin:0 0 14px;font-size:13.5px;line-height:1.55}.cert-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}@media (width<=768px){.cert-page{padding:20px}.cert-header h1{font-size:21px}.cert-header h1 svg{width:21px;height:21px}.cert-tabs{width:100%}.cert-tabs button{flex:1;justify-content:center}}@media (width<=420px){.cert-page{padding:16px 12px}.cert-header h1{font-size:20px}.cert-header h1 svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.cert-card,.cert-tabs button{transition:none}}.cert-page .cert-header h1{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;line-height:28px!important;display:block!important}.cert-page .cert-header h1>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.cert-page .cert-header h1+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.profile-page{box-sizing:border-box;background:#f8fafc;width:100%;max-width:100%;min-height:calc(100vh - 80px);margin:0;padding:2rem}.profile-container{width:100%;max-width:1400px;margin:0 auto;animation:.3s fadeIn}.profile-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.profile-header h1{color:#1a1a2e;letter-spacing:-.5px;margin:0;font-size:28px;font-weight:700}.profile-header .subtitle{color:#64748b;margin:4px 0 0;font-size:14px}.profile-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 4px 12px #667eea4d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:#e2e8f0}.profile-grid{grid-template-columns:320px 1fr;gap:30px;width:100%;display:grid}.profile-image-section{flex-direction:column;gap:20px;display:flex}.profile-image-container{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px}.profile-image-wrapper{border:4px solid #667eea;border-radius:50%;width:180px;height:180px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 4px 20px #667eea26}.profile-image-wrapper img{object-fit:cover;width:100%;height:100%}.profile-image-placeholder{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:48px;font-weight:700;display:flex}.profile-image-placeholder .initials{color:#fff;font-size:48px;font-weight:700}.profile-image-overlay{opacity:0;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:8px;transition:all .3s;display:flex;position:absolute;inset:0}.profile-image-wrapper:hover .profile-image-overlay{opacity:1}.profile-image-overlay .upload-btn{color:#fff;cursor:pointer;background:#fff3;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.profile-image-overlay .upload-btn:hover{background:#ffffff4d}.profile-image-overlay .remove-image-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.profile-image-overlay .remove-image-btn:hover{background:#dc2626;transform:scale(1.05)}.image-hint{color:#94a3b8;justify-content:center;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.profile-summary{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.profile-summary h3{color:#1a1a2e;margin:0 0 8px;font-size:18px;font-weight:700}.role-badge{color:#4338ca;background:#eef2ff;border-radius:20px;align-items:center;gap:6px;margin:0 0 8px;padding:4px 14px;font-size:12px;font-weight:600;display:inline-flex}.joined-date{color:#94a3b8;justify-content:center;align-items:center;gap:6px;margin:0;font-size:13px;display:flex}.profile-quick-actions{flex-direction:column;gap:8px;display:flex}.quick-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.profile-details-section{flex-direction:column;gap:20px;width:100%;height:100%;display:flex}.details-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;height:100%;padding:32px}.details-card h3{color:#1a1a2e;margin:0 0 20px;font-size:18px;font-weight:700}.details-grid{grid-template-columns:1fr 1fr;gap:24px 40px;display:grid}.detail-field{flex-direction:column;gap:4px;display:flex}.detail-field.full-width{grid-column:1/-1}.detail-field label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.detail-field label svg{color:#9bb894}.detail-field input,.detail-field textarea{color:#334155;box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.detail-field input:focus,.detail-field textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.detail-field input:disabled{cursor:not-allowed;background:#f1f5f9}.detail-field .field-value{color:#1a1a2e;word-break:break-word;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;min-height:42px;margin:0;padding:10px 14px;font-size:14px}.detail-field .field-value a{color:#667eea;text-decoration:none}.detail-field .field-value a:hover{text-decoration:underline}.edit-hint{color:#94a3b8;border-top:1px solid #e2e8f0;align-items:center;gap:6px;margin-top:16px;padding-top:16px;font-size:13px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:90vh;padding:32px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{color:#1a1a2e;margin:0;font-size:20px;font-weight:700}.modal-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px;transition:all .2s}.modal-close:hover{color:#1a1a2e;background:#f1f5f9}.modal-body{margin-bottom:20px}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.password-input-wrapper{position:relative}.password-input-wrapper input{color:#334155;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 40px 10px 14px;font-size:14px;transition:all .2s}.password-input-wrapper input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.password-input-wrapper input.error{border-color:#ef4444}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.password-toggle:hover{color:#475569}.error-text{color:#ef4444;margin-top:4px;font-size:13px;display:block}.spinning{animation:.8s linear infinite spin}@media (width<=1200px){.profile-grid{grid-template-columns:280px 1fr;gap:24px}}@media (width<=1024px){.profile-grid{grid-template-columns:1fr;max-width:700px;margin:0 auto}.profile-image-section{max-width:400px;margin:0 auto}.details-grid{grid-template-columns:1fr 1fr}}@media (width<=768px){.profile-page{padding:1rem}.profile-header{flex-direction:column;align-items:stretch}.profile-header h1{font-size:22px}.profile-actions{width:100%}.profile-actions button{flex:1;justify-content:center}.profile-grid{max-width:100%}.details-grid{grid-template-columns:1fr;gap:16px}.profile-image-wrapper{width:140px;height:140px}.details-card{padding:20px}.profile-image-container{padding:24px}.modal-content{max-width:calc(100% - 32px);margin:16px;padding:24px}.modal-footer{flex-direction:column}.modal-footer button{justify-content:center;width:100%}}@media (width<=480px){.profile-page{padding:.75rem}.profile-header h1{font-size:18px}.profile-actions{flex-direction:column}.profile-actions button{width:100%}.profile-image-wrapper{width:120px;height:120px}.profile-image-placeholder .initials{font-size:36px}.profile-image-container,.details-card,.profile-summary{padding:16px}}@media (prefers-color-scheme:dark){.profile-page{background:#0f0f1a}.profile-header h1{color:#e2e8f0}.profile-header .subtitle{color:#94a3b8}.profile-image-container,.profile-summary,.details-card{background:#1a1a2e;border-color:#2d2d44}.profile-summary h3,.details-card h3{color:#e2e8f0}.detail-field label{color:#94a3b8}.detail-field input,.detail-field textarea{color:#e2e8f0;background:#16213e;border-color:#2d2d44}.detail-field input:focus,.detail-field textarea:focus{border-color:#667eea}.detail-field .field-value{color:#e2e8f0;background:#16213e;border-color:#2d2d44}.btn-secondary{color:#94a3b8;background:#16213e;border-color:#2d2d44}.btn-secondary:hover,.modal-content{background:#1a1a2e}.modal-header h2{color:#e2e8f0}.modal-close:hover{background:#16213e}.modal-footer{border-top-color:#2d2d44}.form-group label{color:#94a3b8}.password-input-wrapper input{color:#e2e8f0;background:#16213e;border-color:#2d2d44}.password-input-wrapper input:focus{border-color:#667eea}.password-toggle{color:#64748b}.password-toggle:hover{color:#94a3b8}.edit-hint{color:#64748b;border-top-color:#2d2d44}.role-badge{color:#818cf8;background:#1e1b4b}.joined-date{color:#64748b}.quick-action-btn{color:#94a3b8;background:#1a1a2e;border-color:#2d2d44}.quick-action-btn:hover{color:#667eea;background:#16213e;border-color:#667eea}.alert-success{color:#6ee7b7;background:#064e3b;border-color:#065f46}.alert-error{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}}.profile-heading{align-items:center;gap:13px;min-width:0;display:flex}.profile-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f147}.profile-heading-icon svg{color:#fff}.profile-name{color:#0f172a;text-align:center;overflow-wrap:anywhere;margin:14px 0 0;font-size:18px;font-weight:700}.profile-role-badge{color:#4338ca;letter-spacing:.4px;text-transform:uppercase;background:#eef2ff;border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:5px 13px;font-size:11px;font-weight:700;display:inline-flex}.profile-joined{color:#94a3b8;align-items:center;gap:6px;margin-top:8px;font-size:12px;display:inline-flex}.profile-quick-actions{flex-direction:column;gap:9px;width:100%;margin-top:20px;display:flex}.quick-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.quick-action-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.quick-action-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:13.5px;display:flex}.alert svg{flex-shrink:0}.alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.detail-field textarea{resize:vertical;min-height:92px;line-height:1.6}.detail-field.full-width .field-value{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.profile-page .profile-container{max-width:1000px;margin:0 auto}.profile-page .profile-grid{flex-direction:column;gap:18px;display:flex!important}.profile-page .profile-image-section{background:linear-gradient(135deg,#eef2ff 0%,#fff 55%);border:1px solid #0000000f;border-radius:20px;flex-wrap:wrap;align-items:center;gap:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.profile-page .profile-image-section:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);width:5px;position:absolute;top:0;bottom:0;left:0}.profile-page .profile-image-section:after{content:"";opacity:.06;pointer-events:none;background:#6366f1;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-60px}.profile-page .profile-image-container{z-index:1;text-align:left;flex-wrap:wrap;flex:320px;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.profile-page .profile-image-wrapper{border:4px solid #fff;flex-shrink:0;width:104px;height:104px;box-shadow:0 8px 22px #0f172a24}.profile-page .profile-name{text-align:left;letter-spacing:-.4px;margin:0;font-size:22px}.profile-page .profile-role-badge,.profile-page .profile-joined{margin-top:8px;margin-right:8px}.profile-page .profile-image-container>:not(.profile-image-wrapper){display:inline-flex}.profile-page .profile-quick-actions{z-index:1;flex-flow:wrap;flex:none;gap:10px;width:auto;margin-top:0;position:relative}.profile-page .profile-quick-actions .quick-action-btn{width:auto;min-width:168px}.profile-page .profile-details-section{width:100%}.profile-page .details-card{background:#fff;border:1px solid #0000000f;border-radius:20px;padding:24px 26px;box-shadow:0 1px 3px #0000000a}.profile-page .details-card h3{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:9px;margin:0 0 18px;padding-bottom:14px;font-size:16px;font-weight:700;display:flex}.profile-page .details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;display:grid}.profile-page .detail-field.full-width{grid-column:1/-1}.profile-page .detail-field label{color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:7px;font-size:10.5px;font-weight:700;display:flex}.profile-page .detail-field label svg{color:#6366f1}.profile-page .field-value{color:#0f172a;overflow-wrap:anywhere;background:#fafbfc;border:1px solid #eef0f4;border-radius:10px;margin:0;padding:11px 14px;font-size:14px;font-weight:500}.profile-page .detail-field input,.profile-page .detail-field textarea{color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.profile-page .detail-field input:focus,.profile-page .detail-field textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}@media (width<=860px){.profile-page .profile-image-section{flex-direction:column;align-items:stretch;gap:18px;padding:22px}.profile-page .profile-image-container{text-align:center;flex-direction:column;align-items:center}.profile-page .profile-name{text-align:center}.profile-page .profile-quick-actions{width:100%}.profile-page .profile-quick-actions .quick-action-btn{flex:1;min-width:0}.profile-page .details-grid{grid-template-columns:1fr}}@media (width<=520px){.profile-page .details-card{padding:20px 18px}.profile-page .profile-image-wrapper{width:92px;height:92px}.profile-page .profile-name{font-size:19px}.profile-page .profile-quick-actions{flex-direction:column}}.dashboard-container{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.welcome-section{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:18px;margin-bottom:24px;padding:24px 26px;box-shadow:0 10px 26px #6366f147}.welcome-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.welcome-content h1{letter-spacing:-.4px;margin:0;font-size:24px;font-weight:700;color:#fff!important}.welcome-content p{color:#ffffffd9;margin:6px 0 0;font-size:14px}.welcome-actions{flex-wrap:wrap;gap:10px;display:flex}.welcome-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff29;border:1px solid #ffffff59;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.welcome-btn:hover{background:#ffffff42}.welcome-section .welcome-btn.primary{color:#4f46e5!important;background:#fff!important;border-color:#fff!important;box-shadow:0 4px 14px #0f172a2e!important}.welcome-section .welcome-btn.primary:hover{background:#f5f3ff!important}.status-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-bottom:24px;display:grid}.status-card{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:14px;padding:18px 20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 1px 3px #0000000a}.status-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000017}.status-icon{color:#6366f1;background:#eef2ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.status-card.draft .status-icon{color:#b45309;background:#fffbeb}.status-card.published .status-icon{color:#047857;background:#ecfdf5}.status-card.total-modules .status-icon{color:#7c3aed;background:#f5f3ff}.status-info{flex:1;min-width:0}.status-info h4{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.status-info p{color:#64748b;margin:3px 0 0;font-size:12.5px}.status-badge.draft-badge{color:#b45309;background:#fffbeb}.status-badge.published-badge{color:#047857;background:#ecfdf5}.status-badge.content-badge{color:#7c3aed;background:#f5f3ff}.quick-actions-section{margin-bottom:20px;padding:18px 20px}.quick-actions-section.full-width{grid-column:1/-1}.section-header{margin-bottom:14px}.section-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.quick-actions-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.quick-actions-grid .quick-action-btn{cursor:pointer;transition:transform .15s,box-shadow .15s,filter .15s;color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:12px!important;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:9px!important;min-height:54px!important;padding:0 18px!important;font-size:14px!important;font-weight:600!important;display:flex!important;box-shadow:0 4px 12px #6366f140!important}.quick-actions-grid .quick-action-btn svg{flex-shrink:0;transition:transform .2s;color:#fff!important}.quick-actions-grid .quick-action-btn:hover{filter:brightness(1.04);transform:translateY(-2px);box-shadow:0 8px 20px #6366f161!important}.quick-actions-grid .quick-action-btn:hover svg{transform:scale(1.08);color:#fff!important}.dashboard-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px}@media (width<=768px){.welcome-section{padding:20px}.welcome-content h1{font-size:20px}.welcome-content{flex-direction:column;align-items:flex-start}.welcome-actions{width:100%}.welcome-btn{flex:1;justify-content:center}.status-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.quick-actions-grid{grid-template-columns:1fr}}.mentor-courses{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.courses-container{width:100%}.course-title{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;display:flex}.description-box{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-left:4px solid #6366f1;border-radius:10px;margin-bottom:4px;padding:12px 15px;font-size:13.5px;line-height:1.5}.view-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.course-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;min-height:330px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0f172a12}.course-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #0f172a1f}.course-background{z-index:0;background-image:var(--course-thumbnail);background-position:50%;background-repeat:no-repeat;background-size:cover;transition:transform .4s;position:absolute;inset:0;transform:scale(1.001)}.course-background:after{content:"";background:linear-gradient(#0f172a59 0%,#0f172a7a 38%,#0f172ac7 72%,#0f172af0 100%);position:absolute;inset:0}.course-card:hover .course-background{transform:scale(1.04)}.course-card-content{z-index:2;color:#fff;flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;position:relative}.course-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.course-card-header h3{color:#fff;overflow-wrap:anywhere;text-shadow:0 2px 5px #00000059;flex:1;min-width:0;margin:0;font-size:21px;font-weight:700;line-height:1.3}.course-card .status-badge{color:#047857;letter-spacing:.4px;text-transform:uppercase;background:#fffffff0;border-radius:999px;flex-shrink:0;padding:6px 11px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #00000026}.course-card .status-badge.draft{color:#b45309}.course-card .status-badge.archived{color:#64748b}.course-info{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex}.course-category{color:#fff;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;background:#4f46e5e6;border-radius:999px;align-self:flex-start;width:fit-content;max-width:100%;margin:0 0 10px;padding:5px 10px;font-size:10.5px;font-weight:700;display:inline-flex;overflow:hidden;box-shadow:0 2px 8px #0003}.course-card .course-subtitle{color:#ffffffe0;text-shadow:0 1px 4px #00000073;max-width:95%;margin:0;font-size:12.5px;line-height:1.55}.course-stats{z-index:2;border-top:1px solid #ffffff47;align-items:center;gap:12px;margin-top:16px;padding-top:13px;display:flex;position:relative}.module-count{color:#fff;text-shadow:0 1px 4px #0006;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:inline-flex}.module-view-btn{z-index:3;color:#0f172a;cursor:pointer;background:#fff;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:calc(100% - 36px);margin:0 18px 18px;padding:13px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 3px 10px #0f172a1f}.module-view-btn:hover{color:#4f46e5;background:#eef2ff;transform:translateY(-1px);box-shadow:0 5px 14px #0f172a29}.module-view-btn:active{transform:translateY(0)}.course-card.no-thumbnail{background:linear-gradient(145deg,#fff,#f8fafc)}.course-card.no-thumbnail .course-card-content{color:#0f172a}.course-card.no-thumbnail .course-card-header h3{color:#0f172a;text-shadow:none}.course-card.no-thumbnail .course-card .course-subtitle,.course-card.no-thumbnail .module-count{color:#64748b;text-shadow:none}.course-card.no-thumbnail .course-stats{border-top-color:#f1f5f9}.no-courses{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:48px 20px;font-size:14px}.popup{flex-direction:column;width:min(680px,100%);max-height:calc(100vh - 80px);display:flex}.popup-large{width:min(820px,100%)}.modules-section{flex:1;min-height:0;overflow-y:auto}.section-title{color:#0f172a;align-items:center;gap:9px;margin:0;font-size:18px;font-weight:700;display:flex}.position-hint{color:#94a3b8;margin:0 0 14px;font-size:12px}.modules-list{flex-direction:column;gap:10px;display:flex}.module-item{padding:14px 16px}.module-item-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.module-info{flex:1;min-width:0}.module-info h4{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 4px;font-size:14px;font-weight:600;overflow:hidden}.lesson-count{color:#94a3b8;align-items:center;gap:5px;font-size:12px;display:inline-flex}.no-modules{color:#94a3b8;text-align:center;background:#fafbfc;border:1px dashed #e2e8f0;border-radius:12px;padding:34px 16px;font-size:13px}@media (width<=900px){.mentor-courses{padding:20px}}@media (width<=700px){.view-grid{grid-template-columns:1fr}.course-title{font-size:21px}.course-card{min-height:320px}.course-card-content{padding:18px}.course-card-header h3{font-size:19px}.module-view-btn{width:calc(100% - 28px);margin:0 14px 14px}}@media (width<=500px){.mentor-courses{padding:16px 12px}.course-card{border-radius:14px;min-height:300px}.course-card-content{padding:16px}.course-card-header{gap:8px}.course-card-header h3{font-size:18px}.course-card .status-badge{padding:5px 8px;font-size:9px}.module-view-btn{width:calc(100% - 24px);margin:0 12px 12px;padding:12px}}@media (prefers-reduced-motion:reduce){.course-card,.course-background,.module-view-btn{transition:none}}.mentor-assignments,.mentor-assignment-submissions,.mentor-courses,.cert-page{box-sizing:border-box;padding:24px}.assignment-header h1,.assignment-submission-title h1,.course-title,.cert-header h1{letter-spacing:-.5px;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;line-height:1.2;display:flex}.assignment-header h1 svg,.assignment-submission-title svg,.course-title svg,.cert-header h1 svg{color:#0f172a;stroke:#0f172a;stroke-width:2px;flex-shrink:0;width:24px;height:24px}.assignment-header p,.assignment-submission-header p{margin:6px 0 0}.assignment-submission-title{align-items:center;gap:10px;width:fit-content;display:flex}@media (width<=768px){.assignment-header h1,.assignment-submission-title h1,.course-title,.cert-header h1{gap:8px;font-size:21px}.assignment-header h1 svg,.assignment-submission-title svg,.course-title svg,.cert-header h1 svg{width:21px;height:21px}}.mentor-courses .courses-header .course-title>svg{stroke-width:2px;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;flex-shrink:0!important;width:48px!important;min-width:48px!important;height:48px!important;padding:12px!important;box-shadow:0 6px 16px #6366f13d!important}.mentor-courses .courses-header .course-title{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;line-height:28px!important;display:block!important}.mentor-courses .courses-header .course-title>svg{position:absolute;top:0;left:0;margin:0!important}.mentor-courses .courses-header .course-title+p{font-size:13px;margin:0!important;padding:0 0 0 54px!important;line-height:18px!important}.students-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.std-title{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:10px;margin:0;font-size:26px;font-weight:700;display:flex}.std-course-block{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-bottom:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.std-course-head{text-align:left;cursor:pointer;background:#fafbff;border:none;align-items:center;gap:12px;width:100%;padding:15px 18px;font-family:inherit;transition:background .2s;display:flex}.std-course-head:hover{background:#f3f4ff}.std-course-chevron{color:#94a3b8;flex-shrink:0;display:flex}.std-course-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.std-course-title{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.std-course-count{color:#94a3b8;flex-shrink:0;font-size:12.5px}.std-table-wrap{overflow-x:auto}.std-table{border-collapse:collapse;width:100%}.std-student{align-items:center;gap:11px;min-width:0;display:flex}.std-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-flex}.std-name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.std-email{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.std-date{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:13px;display:inline-flex}.std-progress{align-items:center;gap:9px;min-width:130px;display:flex}.std-progress-track{background:#eef0f4;border-radius:999px;flex:1;height:6px;overflow:hidden}.std-progress-bar{background:#6366f1;border-radius:999px;height:100%}.std-progress-bar.completed{background:#10b981}.std-progress-bar.in-progress{background:#6366f1}.std-progress-bar.not-started{background:#cbd5e1}.std-progress-pct{color:#475569;flex-shrink:0;font-size:12px;font-weight:600}.std-badge+.std-badge{margin-left:6px}@media (width<=768px){.std-title{font-size:21px}.std-course-count{display:none}}.students-page .std-header .std-title{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;line-height:28px!important;display:block!important}.students-page .std-header .std-title>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.students-page .std-header .std-title+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.mentor-notifications{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.mentor-notifications .ntf-filter{border:1px solid #e8ecf3;border-radius:12px;align-items:center;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex;box-shadow:0 2px 8px #0f172a08;background:#fff!important}.mentor-notifications .ntf-filter button{cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;min-height:38px;padding:9px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex;color:#64748b!important;background:0 0!important;border:none!important}.mentor-notifications .ntf-filter button:hover{color:#0f172a!important;background:#f6f7fb!important}.mentor-notifications .ntf-filter button.active{box-shadow:0 4px 12px #6366f147;color:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important}.mentor-notifications .ntf-list{flex-direction:column;gap:12px;width:100%;display:flex}.mentor-notifications .notification-card{box-sizing:border-box;align-items:flex-start;gap:16px;width:100%;padding:17px 18px;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s;display:flex;position:relative;background:#fff!important;border:1px solid #edf0f4!important;border-radius:16px!important;box-shadow:0 2px 8px #0f172a0a!important}.mentor-notifications .notification-card:hover{transform:translateY(-2px);border-color:#d8dee8!important;box-shadow:0 10px 24px #0f172a12!important}.mentor-notifications .notification-card.unread{background:#fafbff!important;border-left:4px solid #6366f1!important;box-shadow:0 3px 10px #6366f10f!important}.mentor-notifications .notification-card.read{opacity:.88}.mentor-notifications .notification-icon{color:#fff!important;background:#6366f1!important;border:none!important;border-radius:12px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:44px!important;min-width:44px!important;height:44px!important;margin:0!important;padding:0!important;display:flex!important;box-shadow:0 4px 10px #0f172a1a!important}.mentor-notifications .notification-icon.success{background:#10b981!important}.mentor-notifications .notification-icon.warning{background:#f59e0b!important}.mentor-notifications .notification-icon.error{background:#ef4444!important}.mentor-notifications .notification-icon.announcement{background:#6366f1!important}.mentor-notifications .notification-icon.new-arrival{background:#10b981!important}.mentor-notifications .notification-icon.progress{background:#f59e0b!important}.mentor-notifications .notification-icon.event{background:#ec4899!important}.mentor-notifications .notification-icon.payment{background:#10b981!important}.mentor-notifications .notification-icon.general{background:#64748b!important}.mentor-notifications .notification-icon svg{color:#fff!important;stroke:#fff!important;fill:none!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important;width:19px!important;height:19px!important;display:block!important}.mentor-notifications .notification-content{flex:1;min-width:0;padding-top:1px}.mentor-notifications .ntf-card-top{align-items:center;gap:9px;min-width:0;display:flex}.mentor-notifications .notification-content h3{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700;line-height:1.4;color:#0f172a!important}.mentor-notifications .unread-dot{border-radius:50%;flex-shrink:0;box-shadow:0 0 0 3px #eef2ff;background:#6366f1!important;width:8px!important;min-width:8px!important;height:8px!important}.mentor-notifications .notification-content p{overflow-wrap:anywhere;margin:6px 0 9px;font-size:13.5px;line-height:1.55;color:#475569!important}.mentor-notifications .notification-meta{align-items:center;gap:5px;display:inline-flex;color:#94a3b8!important}.mentor-notifications .notification-meta svg{flex-shrink:0;color:#94a3b8!important}.mentor-notifications .notification-content small{font-size:11.5px;line-height:1.4;color:#94a3b8!important}.mentor-notifications .ntf-card-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.mentor-notifications .read-btn{cursor:pointer;gap:6px;font-family:inherit;transition:background .2s,border-color .2s,color .2s;color:#475569!important;background:#fff!important;border:1px solid #dbe2ec!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;min-height:34px!important;padding:0 12px!important;font-size:12.5px!important;font-weight:600!important;display:inline-flex!important}.mentor-notifications .read-btn:hover{color:#6366f1!important;background:#eef2ff!important;border-color:#c7d2fe!important}.mentor-notifications .read-btn svg{color:currentColor!important}.mentor-notifications .delete-lesson-btn{cursor:pointer;transition:background .2s,border-color .2s,color .2s;color:#64748b!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:9px!important;justify-content:center!important;align-items:center!important;width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;display:inline-flex!important}.mentor-notifications .delete-lesson-btn:hover{color:#dc2626!important;background:#fee2e2!important;border-color:#fecaca!important}.mentor-notifications .delete-lesson-btn svg{color:currentColor!important}.mentor-notifications .delete-lesson-btn:disabled{opacity:.5;cursor:not-allowed}.mentor-notifications .empty-state{box-sizing:border-box;text-align:center;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:40px 20px;display:flex;background:#fff!important;border:1px dashed #dbe2ec!important}.mentor-notifications .empty-icon{border-radius:18px;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:14px;display:flex;color:#6366f1!important;background:#eef2ff!important}.mentor-notifications .empty-icon svg{color:#6366f1!important}.mentor-notifications .empty-state h3{margin:0 0 6px;font-size:16px;font-weight:700;color:#0f172a!important}.mentor-notifications .empty-state p{max-width:460px;margin:0;font-size:13px;line-height:1.55;color:#94a3b8!important}.mentor-notifications .error-text{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px;line-height:1.5;color:#b91c1c!important;background:#fef2f2!important;border:1px solid #fecaca!important;border-left:4px solid #ef4444!important}.mentor-notifications .loading-state{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:320px;display:flex}.mentor-notifications .loading-state p{margin:0;font-size:13px}.mentor-notifications .spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite mentorNotificationSpin}@keyframes mentorNotificationSpin{to{transform:rotate(360deg)}}@media (width<=800px){.mentor-notifications{padding:20px}.mentor-notifications .notification-card{gap:13px;padding:15px}.mentor-notifications .notification-icon{width:42px!important;min-width:42px!important;height:42px!important}.mentor-notifications .ntf-card-actions{gap:6px}}@media (width<=700px){.mentor-notifications{padding:16px}.mentor-notifications .ntf-filter{box-sizing:border-box;width:100%}.mentor-notifications .ntf-filter button{text-align:center;flex:1}.mentor-notifications .notification-card{flex-wrap:wrap;padding:15px}.mentor-notifications .notification-content{flex:1;min-width:calc(100% - 60px)}.mentor-notifications .ntf-card-actions{justify-content:flex-end;width:100%;padding-top:3px}}@media (width<=420px){.mentor-notifications{padding:12px}.mentor-notifications .notification-card{gap:11px;padding:13px}.mentor-notifications .notification-icon{border-radius:10px!important;width:38px!important;min-width:38px!important;height:38px!important}.mentor-notifications .notification-icon svg{width:17px!important;height:17px!important}.mentor-notifications .notification-content h3{font-size:14px}.mentor-notifications .notification-content p{font-size:12.5px}.mentor-notifications .notification-content small{font-size:10.5px}.mentor-notifications .read-btn{padding:0 10px!important;font-size:12px!important}.mentor-notifications .delete-lesson-btn{width:34px!important;min-width:34px!important;height:34px!important}}@media (prefers-reduced-motion:reduce){.mentor-notifications .notification-card,.mentor-notifications .ntf-filter button,.mentor-notifications .read-btn,.mentor-notifications .delete-lesson-btn{transition:none}.mentor-notifications .spinner{animation:none}}.mentor-notifications>.page-header h1{position:relative;min-height:0!important;margin:0!important;padding:0 0 0 54px!important;line-height:28px!important;display:block!important}.mentor-notifications>.page-header h1>svg{position:absolute;top:0;left:0;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.mentor-notifications>.page-header h1+p{text-align:left;margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.reviews-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100vh;padding:24px 32px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.reviews-header h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.reviews-header p{color:#64748b;margin:6px 0 0;font-size:14px}.review-refresh-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:140px;padding:10px 28px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.review-refresh-btn:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.review-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px;display:grid}.review-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;align-items:center;gap:14px;min-height:80px;padding:16px 20px;transition:all .2s;display:flex}.review-stat-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.review-stat-icon{color:#fff;border-radius:10px;flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.review-stat-icon.purple{background:#6366f1}.review-stat-icon.orange{background:#f59e0b}.review-stat-icon.green{background:#10b981}.review-stat-icon.blue{background:#2563eb}.review-stat-card h3{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.review-stat-card p{text-transform:uppercase;letter-spacing:.3px;color:#64748b;margin:4px 0 0;font-size:11px;font-weight:600}.reviews-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.review-search{color:#9ca3af;background:#fff;border:2px solid #d1d5db;border-radius:10px;flex:1;align-items:center;gap:8px;min-width:200px;height:48px;padding:0 14px;transition:all .2s;display:flex}.review-search:hover{border-color:#9ca3af}.review-search:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.review-search input{color:#0f172a;background:0 0;outline:none;width:100%;font-size:14px;border:none!important;min-height:auto!important;padding:12px 0!important}.review-filter{color:#0f172a;cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 14px center no-repeat;border:2px solid #d1d5db;border-radius:10px;outline:none;min-width:160px;height:48px;padding:12px 40px 12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.review-filter:hover{border-color:#9ca3af}.review-filter:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.review-filter option{padding:8px 12px}.reviews-container{width:100%}.reviews-list{flex-direction:column;gap:12px;display:flex}.review-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px 20px;padding:20px 24px;transition:all .2s;display:grid;position:relative}.review-card:hover{border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 2px 8px #0000000f}.review-card.unread-review{background:#fafbff;border-left:4px solid #6366f1}.review-card .unread-dot{background:#6366f1;border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse-dot;position:absolute;top:12px;right:12px}.review-student{align-items:center;gap:12px;min-width:0;display:flex}.student-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:inline-flex}.review-student .student-info h3{color:#0f172a;margin:0;font-size:14.5px;font-weight:600}.review-student .student-info span{color:#94a3b8;font-size:12px}.review-course{color:#6366f1;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.review-rating{align-items:center;gap:8px;display:flex}.review-stars{color:#eab308;gap:2px;display:inline-flex}.review-rating strong{color:#475569;font-size:13px}.review-comment{grid-column:1/-1;margin:0}.review-comment p{color:#475569;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.6}.review-date{color:#94a3b8;align-items:center;gap:5px;font-size:12px;display:flex}.review-status{align-items:center;gap:6px;display:inline-flex}.review-status .replied-badge{text-transform:uppercase;letter-spacing:.02em;color:#047857;background:#ecfdf5;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.review-status .pending-badge{text-transform:uppercase;letter-spacing:.02em;color:#b45309;background:#fffbeb;border-radius:999px;align-items:center;gap:5px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.review-actions{border-top:1px solid #f1f5f9;grid-column:1/-1;align-items:center;gap:8px;padding-top:12px;display:flex}.review-reply-btn{color:#4338ca;cursor:pointer;background:#eef2ff;border:1px solid #c7d2fe;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.review-reply-btn:hover{background:#e0e7ff;transform:translateY(-1px);box-shadow:0 2px 8px #4338ca26}.reviews-empty p{color:#6b7280;margin:0;font-size:14px}.reviews-empty svg{color:#d1d5db}.review-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0f172a99;justify-content:center;align-items:center;padding:20px;animation:.2s modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.reply-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:560px;max-height:90vh;animation:.25s modalSlideUp;display:flex;box-shadow:0 24px 60px #0f172a40}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.review-modal-header{border-bottom:1px solid #f1f3f5;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.review-modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.review-modal-header p{color:#64748b;margin:4px 0 0;font-size:13px}.review-modal-header .modal-close-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:inline-flex}.review-modal-header .modal-close-btn:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#fecaca}.review-modal-header .modal-close-btn:disabled{opacity:.6;cursor:not-allowed}.reply-modal-body{flex:1;padding:24px;overflow-y:auto}.reply-modal-body::-webkit-scrollbar{width:6px}.reply-modal-body::-webkit-scrollbar-track{background:#f1f3f5;border-radius:10px}.reply-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.reply-modal-body::-webkit-scrollbar-thumb:hover{background:#b0b4ba}.reply-review-preview{background:#fafbfc;border:1px solid #eef0f4;border-radius:10px;margin-bottom:18px;padding:14px 16px}.reply-preview-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.reply-preview-top strong{color:#374151;font-size:13px}.reply-preview-top .detail-rating{gap:4px}.reply-preview-top .review-stars svg{width:14px;height:14px}.reply-review-preview p{color:#475569;margin:0;font-size:13px;line-height:1.6}.reply-form-group{margin-bottom:4px}.reply-form-group label{color:#374151;margin:0 0 6px;font-size:13px;font-weight:600;display:block}.reply-form-group textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:10px;outline:none;width:100%;min-height:120px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .2s}.reply-form-group textarea:hover{border-color:#9ca3af}.reply-form-group textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.reply-form-group textarea:disabled{cursor:not-allowed;opacity:.7;background:#f8fafc}.reply-form-group span{color:#94a3b8;text-align:right;margin-top:4px;font-size:12px;display:block}.review-modal-footer{border-top:1px solid #f1f5f9;flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.detail-close-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:10px 32px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.detail-close-btn:hover:not(:disabled){background:#f8fafc;border-color:#9ca3af}.detail-close-btn:disabled{opacity:.6;cursor:not-allowed}.detail-reply-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-width:120px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.detail-reply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #6366f159}.detail-reply-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@media (width<=1024px){.reviews-page{padding:20px 24px}}@media (width<=768px){.reviews-page{min-height:100vh;padding:16px}.reviews-header{flex-direction:column;align-items:stretch}.reviews-header h1{font-size:21px}.review-refresh-btn{min-width:unset;justify-content:center;width:100%}.review-stats{grid-template-columns:1fr 1fr}.review-stat-card{min-height:70px;padding:14px 16px}.review-stat-card h3{font-size:19px}.reviews-toolbar{flex-direction:column;align-items:stretch}.review-search{min-width:unset}.review-filter{width:100%}.review-card{grid-template-columns:1fr;gap:8px;padding:16px 18px}.review-card .unread-dot{top:8px;right:8px}.review-actions{flex-wrap:wrap}.review-reply-btn{flex:1;justify-content:center}.reply-modal{border-radius:14px;max-width:100%;max-height:95vh}.review-modal-header{padding:14px 18px}.reply-modal-body{padding:18px}.review-modal-footer{flex-direction:column-reverse;gap:8px;padding:14px 18px}.detail-close-btn,.detail-reply-btn{width:100%;min-width:unset;justify-content:center}}@media (width<=480px){.reviews-page{padding:12px}.reviews-header h1{font-size:19px}.review-refresh-btn{padding:10px 20px;font-size:13px}.review-stats{grid-template-columns:1fr}.review-stat-card{min-height:60px;padding:12px 14px}.review-stat-card h3{font-size:17px}.review-card{padding:14px}.review-card .unread-dot{width:8px;height:8px;top:6px;right:6px}.student-avatar{width:32px;height:32px;font-size:12px}.review-student .student-info h3{font-size:13px}.review-rating .review-stars{gap:1px}.review-rating .review-stars svg{width:14px;height:14px}.review-reply-btn{padding:6px 14px;font-size:12px}.reply-modal{border-radius:12px}.review-modal-header{padding:12px 14px}.review-modal-header h2{font-size:16px}.reply-modal-body{padding:14px}.reply-form-group textarea{min-height:100px;font-size:15px}.review-modal-footer{padding:12px 14px}.detail-close-btn,.detail-reply-btn{min-width:unset;padding:8px 14px;font-size:13px}.reply-review-preview{padding:10px 12px}.reply-preview-top strong{font-size:12px}}.review-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding:0;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.review-refresh-btn:hover:not(:disabled){color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.review-refresh-btn:active:not(:disabled){transform:scale(.95)}.review-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.review-refresh-btn svg{flex-shrink:0;width:17px;height:17px}@keyframes refreshSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reviews-page .reviews-header .quizmarks-title{min-height:48px;align-items:center!important;gap:6px!important;margin:0!important;padding:0!important;display:flex!important}.reviews-page .reviews-header .quizmarks-title>svg{position:static;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.reviews-page .reviews-header .quizmarks-title>h1{margin:0!important;padding:0!important;line-height:28px!important}.reviews-page .reviews-header .quizmarks-title:has(+p){position:relative;min-height:0!important;padding-left:54px!important;display:block!important}.reviews-page .reviews-header .quizmarks-title:has(+p)>svg{position:absolute;top:0;left:0}.reviews-page .reviews-header .quizmarks-title+p{margin:2px 0 0!important;padding:0 0 0 54px!important;font-size:13px!important;line-height:18px!important}.mentor-assignment-submissions{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-width:0;min-height:100vh;padding:24px;font-family:Poppins,system-ui,sans-serif}.mentor-assignment-submissions *,.mentor-assignment-submissions :before,.mentor-assignment-submissions :after{box-sizing:border-box}.mentor-assignment-submissions button,.mentor-assignment-submissions input,.mentor-assignment-submissions textarea{font-family:inherit}.mentor-assignment-submissions button{cursor:pointer}.mentor-assignment-submissions button:disabled{opacity:.6;cursor:not-allowed}.mentor-assignment-submissions button:focus,.mentor-assignment-submissions a:focus,.mentor-assignment-submissions input:focus,.mentor-assignment-submissions textarea:focus{outline:none!important}.mentor-assignment-submissions button:focus-visible,.mentor-assignment-submissions a:focus-visible{outline-offset:2px;outline:2px solid #818cf8!important}.mentor-assignment-submissions .assignment-submission-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.mentor-assignment-submissions .assignment-submission-title>svg{color:#0f172a;flex-shrink:0;width:24px;height:24px}.mentor-assignment-submissions .assignment-submission-title h1{letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.2}.mentor-assignment-submissions .assignment-submission-header p{color:#6b7280;margin:6px 0 0;font-size:13px;line-height:1.6}.mentor-assignment-submissions .assignment-refresh-btn{color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:9px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;padding:0;display:inline-flex}.mentor-assignment-submissions .assignment-refresh-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.assignment-refresh-spinning{animation:.8s linear infinite assignmentRefreshSpin}@keyframes assignmentRefreshSpin{to{transform:rotate(360deg)}}.mentor-assignment-submissions .submission-search{background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;width:100%;max-width:520px;height:46px;margin-bottom:22px;padding:0 15px;display:flex}.mentor-assignment-submissions .submission-search:focus-within{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.mentor-assignment-submissions .submission-search svg{color:#9ca3af;flex-shrink:0}.mentor-assignment-submissions .submission-search input,.mentor-assignment-submissions .submission-search input:focus{color:#1f2937;background:0 0;width:100%;min-width:0;height:100%;padding:0;font-size:14px;box-shadow:none!important;border:none!important;outline:none!important}.mentor-assignment-submissions .assignment-submission-layout{grid-template-columns:360px minmax(0,1fr);align-items:start;gap:20px;display:grid}.mentor-assignment-submissions .assignment-list-panel,.mentor-assignment-submissions .student-submissions-panel{background:#fff;border:1px solid #e5e7eb;border-radius:14px;min-width:0;overflow:hidden}.mentor-assignment-submissions .panel-title{border-bottom:1px solid #e5e7eb;padding:18px 20px}.mentor-assignment-submissions .panel-title h2{color:#1f2937;margin:0;font-size:17px}.mentor-assignment-submissions .panel-title span{color:#9ca3af;margin-top:4px;font-size:12px;display:block}.mentor-assignment-submissions .assignment-selection-list{flex-direction:column;display:flex}.mentor-assignment-submissions .assignment-selection-card{text-align:left;background:#fff;border:0;border-bottom:1px solid #f0f0f0;border-radius:0;align-items:flex-start;gap:12px;width:100%;padding:17px 18px;display:flex;position:relative}.mentor-assignment-submissions .assignment-selection-card:last-child{border-bottom:0}.mentor-assignment-submissions .assignment-selection-card:hover{background:#f8fafc}.mentor-assignment-submissions .assignment-selection-card.selected{background:#f1f5ff;box-shadow:inset 3px 0 #4f46e5}.mentor-assignment-submissions .assignment-selection-card:focus-visible{outline-offset:-3px}.mentor-assignment-submissions .assignment-card-icon{color:#4f46e5;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.mentor-assignment-submissions .assignment-card-content{flex:1;min-width:0}.mentor-assignment-submissions .assignment-card-content h3{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;overflow:hidden}.mentor-assignment-submissions .assignment-card-content p{color:#6b7280;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:12px;overflow:hidden}.mentor-assignment-submissions .assignment-card-meta{color:#9ca3af;margin-top:7px;font-size:11px}.mentor-assignment-submissions .assignment-submission-count,.mentor-assignment-submissions .submission-total{color:#374151;background:#f3f4f6;border-radius:20px;flex-shrink:0;padding:7px 10px;font-size:12px;font-weight:600}.mentor-assignment-submissions .submissions-panel-header{border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:20px;display:flex}.mentor-assignment-submissions .submissions-panel-header h2{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:19px}.mentor-assignment-submissions .submissions-panel-header p{color:#6b7280;margin:5px 0 0;font-size:13px}.mentor-assignment-submissions .select-assignment-placeholder,.mentor-assignment-submissions .submission-loading,.mentor-assignment-submissions .submission-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:280px;padding:30px;display:flex}.mentor-assignment-submissions .select-assignment-placeholder{min-height:500px}.mentor-assignment-submissions .select-assignment-placeholder>svg{color:#4f46e5}.mentor-assignment-submissions .select-assignment-placeholder h2,.mentor-assignment-submissions .submission-empty h3{color:#374151;margin:15px 0 6px;font-size:18px}.mentor-assignment-submissions .select-assignment-placeholder p,.mentor-assignment-submissions .submission-empty p{max-width:420px;margin:0;font-size:13px;line-height:1.6}.mentor-assignment-submissions .student-submission-list{flex-direction:column;gap:14px;padding:18px;display:flex}.mentor-assignment-submissions .student-submission-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.mentor-assignment-submissions .student-submission-card:hover{border-color:#d1d5db;box-shadow:0 5px 18px #0f172a0f}.mentor-assignment-submissions .student-submission-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.mentor-assignment-submissions .student-information,.mentor-assignment-submissions .review-student{align-items:center;gap:12px;min-width:0;display:flex}.mentor-assignment-submissions .student-information>div:last-child,.mentor-assignment-submissions .review-student>div:last-child{min-width:0}.mentor-assignment-submissions .student-avatar,.mentor-assignment-submissions .review-student-avatar{color:#4f46e5;background:#e0e7ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-weight:700;display:flex}.mentor-assignment-submissions .student-information h3,.mentor-assignment-submissions .review-student h3{color:#1f2937;overflow-wrap:anywhere;margin:0;font-size:15px}.mentor-assignment-submissions .student-information p,.mentor-assignment-submissions .review-student p{color:#6b7280;overflow-wrap:anywhere;margin:4px 0 0;font-size:12px}.mentor-assignment-submissions .submission-status{border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:600;display:inline-flex}.mentor-assignment-submissions .submission-status.graded{color:#047857;background:#ecfdf5}.mentor-assignment-submissions .submission-status.submitted{color:#b45309;background:#fffbeb}.mentor-assignment-submissions .submission-status.rejected{color:#dc2626;background:#fef2f2}.mentor-assignment-submissions .submission-information{border:1px solid #f1f5f9;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px;display:grid}.mentor-assignment-submissions .submission-info-item{border-right:1px solid #f1f5f9;padding:12px}.mentor-assignment-submissions .submission-info-item:last-child{border-right:0}.mentor-assignment-submissions .submission-info-item span,.mentor-assignment-submissions .submission-note>span{color:#9ca3af;margin-bottom:5px;font-size:11px;display:block}.mentor-assignment-submissions .submission-info-item strong{color:#374151;overflow-wrap:anywhere;font-size:12px}.mentor-assignment-submissions .submission-note{background:#f8fafc;border-radius:8px;margin-top:14px;padding:12px}.mentor-assignment-submissions .submission-note p{color:#4b5563;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}.mentor-assignment-submissions .submission-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:16px;display:flex}.mentor-assignment-submissions .download-submission-btn,.mentor-assignment-submissions .review-submission-btn,.mentor-assignment-submissions .cancel-review-btn,.mentor-assignment-submissions .accept-submission-btn,.mentor-assignment-submissions .reject-submission-btn{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:auto;min-width:0;min-height:38px;padding:9px 15px;font-size:12px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.mentor-assignment-submissions .download-submission-btn,.mentor-assignment-submissions .cancel-review-btn{color:#475569;background:#fff;border-color:#e5e7eb}.mentor-assignment-submissions .review-submission-btn{color:#fff;background:#4f46e5}.mentor-assignment-submissions .review-submission-btn:hover{background:#4338ca}.mentor-assignment-submissions .accept-submission-btn{color:#fff;background:#059669;border-color:#059669}.mentor-assignment-submissions .accept-submission-btn:hover:not(:disabled){background:#047857}.mentor-assignment-submissions .reject-submission-btn{color:#dc2626;background:#fef2f2;border-color:#fecaca}.mentor-assignment-submissions .reject-submission-btn:hover:not(:disabled){background:#fee2e2}.mentor-assignment-submissions .no-file{color:#9ca3af;margin-right:auto;font-size:12px}.mentor-assignment-submissions .submission-message{border-radius:8px;margin:15px 18px;padding:11px 13px;font-size:13px;line-height:1.6}.mentor-assignment-submissions .submission-message.success{color:#047857;background:#ecfdf5}.mentor-assignment-submissions .submission-message.error{color:#b91c1c;background:#fef2f2}.mentor-assignment-submissions .submission-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.mentor-assignment-submissions .submission-review-modal{background:#fff;border:0;border-radius:15px;width:100%;max-width:650px;max-height:calc(100dvh - 48px);margin:auto;overflow-y:auto;box-shadow:0 25px 70px #0f172a33}.mentor-assignment-submissions .submission-modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:flex-start;gap:15px;padding:20px;display:flex}.mentor-assignment-submissions .submission-modal-header h2{color:#1f2937;margin:0;font-size:19px}.mentor-assignment-submissions .submission-modal-header p{color:#6b7280;margin:5px 0 0;font-size:12px}.mentor-assignment-submissions .submission-modal-close{color:#64748b;background:#f3f4f6;border:0;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:flex}.mentor-assignment-submissions .review-student{background:#f8fafc;padding:18px 20px}.mentor-assignment-submissions .review-section{padding:18px 20px 0}.mentor-assignment-submissions .review-section h3{color:#374151;margin:0 0 10px;font-size:14px}.mentor-assignment-submissions .review-file{border:1px solid #e5e7eb;border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px;padding:13px;display:flex}.mentor-assignment-submissions .review-file>svg{color:#4f46e5;flex-shrink:0}.mentor-assignment-submissions .review-file>div{flex:1;min-width:0}.mentor-assignment-submissions .review-file strong{color:#374151;font-size:13px}.mentor-assignment-submissions .review-file p{color:#9ca3af;margin:3px 0 0;font-size:11px}.mentor-assignment-submissions .review-file a{color:#4f46e5;align-items:center;gap:5px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.mentor-assignment-submissions .student-note-box{color:#4b5563;white-space:pre-wrap;overflow-wrap:anywhere;background:#f8fafc;border-radius:8px;padding:12px 14px;font-size:13px;line-height:1.6}.mentor-assignment-submissions .grade-form{flex-direction:column;gap:15px;display:flex}.mentor-assignment-submissions .grade-form label{color:#374151;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.mentor-assignment-submissions .marks-input-wrapper{align-items:center;gap:8px;display:flex}.mentor-assignment-submissions .marks-input-wrapper input{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:140px;max-width:100%;height:40px;padding:0 11px;font-size:14px}.mentor-assignment-submissions .marks-input-wrapper span{color:#6b7280;font-size:13px}.mentor-assignment-submissions .feedback-field textarea{color:#1f2937;resize:vertical;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;min-height:110px;padding:11px;font-size:13px;display:block}.mentor-assignment-submissions .marks-input-wrapper input:focus,.mentor-assignment-submissions .feedback-field textarea:focus{border-color:#818cf8!important;outline:none!important;box-shadow:0 0 0 3px #6366f11a!important}.mentor-assignment-submissions .review-modal-actions{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;padding:17px 20px;display:flex}@media (width<=1050px){.mentor-assignment-submissions .assignment-submission-layout{grid-template-columns:300px minmax(0,1fr)}}@media (width<=850px){.mentor-assignment-submissions .assignment-submission-layout{grid-template-columns:minmax(0,1fr)}.mentor-assignment-submissions .assignment-list-panel{max-height:400px;overflow-y:auto}.mentor-assignment-submissions .submission-information{grid-template-columns:minmax(0,1fr)}.mentor-assignment-submissions .submission-info-item{border-bottom:1px solid #f1f5f9;border-right:0}.mentor-assignment-submissions .submission-info-item:last-child{border-bottom:0}}@media (width<=600px){.mentor-assignment-submissions{padding:20px 15px}.mentor-assignment-submissions .assignment-submission-title h1{font-size:21px}.mentor-assignment-submissions .submission-actions{flex-direction:column;align-items:stretch}.mentor-assignment-submissions .submission-actions>a,.mentor-assignment-submissions .submission-actions>button{width:100%}.mentor-assignment-submissions .submission-modal-overlay{padding:12px}.mentor-assignment-submissions .submission-review-modal{max-height:calc(100dvh - 24px)}}@media (prefers-reduced-motion:reduce){.assignment-refresh-spinning{animation:none}}.mentor-assignment-submissions .assignment-submission-title{align-items:center;gap:14px;min-width:0;display:flex}.mentor-assignment-submissions .assignment-submission-title>svg{box-sizing:border-box;stroke-width:2px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;flex-shrink:0;min-width:48px;padding:12px;display:block;box-shadow:0 6px 16px #6366f13d;color:#fff!important;stroke:#fff!important;width:48px!important;height:48px!important}.mentor-assignment-submissions .assignment-submission-title>div{min-width:0}.mentor-assignment-submissions .assignment-submission-title h1{margin:0;line-height:1.3}.mentor-assignment-submissions .assignment-submission-title p{margin:6px 0 0;line-height:1.6}.submission-modal-overlay{z-index:10000;box-sizing:border-box;-webkit-backdrop-filter:blur(5px);background:#0f172a8c;width:100%;height:100%;overflow:hidden;justify-content:center!important;align-items:center!important;padding:24px!important;display:flex!important;position:fixed!important;inset:0!important}.submission-modal-overlay .submission-review-modal{box-sizing:border-box;overscroll-behavior:contain;clip-path:inset(0 round 18px);scrollbar-width:thin;scrollbar-color:#cbd5e1 #fff;background:#fff;border:1px solid #e2e8f0;width:100%;min-width:0;max-width:650px;position:relative;border-radius:18px!important;max-height:calc(100dvh - 48px)!important;margin:0!important;padding:0!important;overflow:hidden auto!important}.submission-modal-overlay .submission-review-modal::-webkit-scrollbar{width:7px}.submission-modal-overlay .submission-review-modal::-webkit-scrollbar-track{background:#fff;margin-block:18px}.submission-modal-overlay .submission-review-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #fff;border-radius:999px}.submission-modal-overlay .submission-review-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.submission-modal-overlay .submission-review-modal::-webkit-scrollbar-corner{background:0 0}.submission-review-modal .submission-modal-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-start;gap:16px;margin:0;display:flex;padding:20px!important}.submission-review-modal .submission-modal-header>div{min-width:0}.submission-review-modal .submission-modal-header h2{margin:0;line-height:1.4}.submission-review-modal .submission-modal-header p{overflow-wrap:anywhere;margin:5px 0 0}.submission-review-modal .submission-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;min-width:34px;height:34px;padding:0;display:inline-flex}.submission-review-modal .submission-modal-close:hover{color:#334155;background:#f1f5f9}.submission-review-modal .review-student>div:last-child{min-width:0}.submission-review-modal .review-student h3,.submission-review-modal .review-student p{overflow-wrap:anywhere}.submission-review-modal .review-student-avatar{flex-shrink:0}.submission-review-modal .marks-input-wrapper input,.submission-review-modal .feedback-field textarea{box-sizing:border-box;color:#334155;background:#fff;border:1px solid #cbd5e1;max-width:100%;font-family:inherit;border-radius:10px!important}.submission-review-modal .marks-input-wrapper input:focus,.submission-review-modal .feedback-field textarea:focus{border-color:#8b5cf6!important;outline:none!important;box-shadow:0 0 0 3px #8b5cf61f!important}.submission-review-modal .feedback-field textarea{resize:vertical;width:100%;min-height:110px;padding:12px}.submission-review-modal .review-modal-actions{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px;display:flex;padding:18px 20px!important}.submission-review-modal .review-modal-actions button{white-space:nowrap;justify-content:center;align-items:center;gap:7px;width:auto;min-height:40px;padding:9px 16px;font-family:inherit;font-weight:600;display:inline-flex;border-radius:10px!important}.submission-review-modal .review-modal-actions button svg{flex-shrink:0}.submission-review-modal button:focus-visible,.submission-review-modal a:focus-visible{outline-offset:3px;outline:2px solid #8b5cf6}@media (width<=600px){.mentor-assignment-submissions .assignment-submission-title{align-items:flex-start;gap:12px}.mentor-assignment-submissions .assignment-submission-title>svg{border-radius:12px;min-width:44px;padding:11px;width:44px!important;height:44px!important}.submission-modal-overlay{padding:12px!important}.submission-modal-overlay .submission-review-modal{max-height:calc(100dvh - 24px)!important}.submission-review-modal .submission-modal-header{padding:16px!important}.submission-review-modal .review-student{padding:16px}.submission-review-modal .review-section{padding:16px 16px 0}.submission-review-modal .review-file{flex-wrap:wrap}.submission-review-modal .review-modal-actions{gap:8px;padding:16px!important}.submission-review-modal .review-modal-actions button{padding:9px 12px}}.mentor-assignment-submissions .assignment-submission-title{align-items:flex-start!important;gap:6px!important;margin:0!important;padding:0!important;display:flex!important}.mentor-assignment-submissions .assignment-submission-title>svg{position:static;box-shadow:0 6px 16px #6366f13d;box-sizing:border-box!important;color:#fff!important;stroke:#fff!important;background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;border:none!important;border-radius:14px!important;flex:0 0 48px!important;width:48px!important;min-width:48px!important;height:48px!important;margin:0!important;padding:12px!important}.mentor-assignment-submissions .assignment-submission-title>div{min-width:0;margin:0!important;padding:0!important}.mentor-assignment-submissions .assignment-submission-title h1{margin:0!important;padding:0!important;line-height:28px!important}.mentor-assignment-submissions .assignment-submission-title p{margin:2px 0 0!important;padding:0!important;font-size:13px!important;line-height:18px!important}.student-dashboard-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.student-dashboard-container{width:100%}.dashboard-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:26px;display:grid}.dashboard-summary-card{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:16px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.dashboard-summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #00000017}.dashboard-summary-card:after{content:"";pointer-events:none;background:#6366f10d;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.dashboard-summary-icon{color:#fff;z-index:1;background:#6366f1;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative;box-shadow:0 6px 14px #0f172a1f}.dashboard-summary-icon.blue{background:#2563eb}.dashboard-summary-icon.green{background:#10b981}.dashboard-summary-icon.orange{background:#f59e0b}.dashboard-summary-icon.purple{background:#8b5cf6}.dashboard-summary-card h3,.dashboard-summary-card strong{color:#0f172a;letter-spacing:-.4px;z-index:1;margin:0;font-size:23px;font-weight:700;display:block;position:relative}.dashboard-summary-card p,.dashboard-summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;z-index:1;margin:5px 0 0;font-size:12px;font-weight:500;display:block;position:relative}.dashboard-section{margin-bottom:26px}.dashboard-section-header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.dashboard-section-label{color:#0f172a;letter-spacing:-.2px;margin:0;font-size:16px;font-weight:700}.dashboard-text-button{color:#6366f1;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.dashboard-text-button:hover{text-decoration:underline}.dashboard-progress-list{flex-direction:column;gap:12px;display:flex}.dashboard-progress-card{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:15px;padding:15px 17px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #0000000a}.dashboard-progress-card:hover{transform:translateY(-2px);box-shadow:0 10px 22px #0f172a12}.dashboard-course-image{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:76px;height:56px;display:flex;overflow:hidden}.dashboard-course-image img{object-fit:cover;width:100%;height:100%}.dashboard-progress-content{flex:1;min-width:0}.dashboard-progress-content h4{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;font-size:14.5px;font-weight:600;overflow:hidden}.dashboard-course-tag{color:#4338ca;text-transform:uppercase;background:#eef2ff;border-radius:999px;margin-top:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.dashboard-course-progress{margin-top:9px}.dashboard-course-progress-top,.dashboard-course-progress-bottom{color:#64748b;justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;font-weight:600;display:flex}.dashboard-course-progress-bottom{margin-top:5px}.dashboard-progress-track{background:#eef0f4;border-radius:999px;width:100%;height:6px;margin-top:5px;overflow:hidden}.dashboard-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .35s;display:block}.dashboard-continue-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.dashboard-continue-button:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.recent-course-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.recent-course-card{text-align:left;appearance:none;cursor:pointer;background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;padding:0;font-family:inherit;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.recent-course-card:hover{border-color:#d8dee8;transform:translateY(-3px);box-shadow:0 14px 28px #0f172a1a}.recent-course-image{background:#0f172a;flex-shrink:0;height:132px;position:relative;overflow:hidden}.recent-course-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.recent-course-card:hover .recent-course-image img{transform:scale(1.05)}.recent-course-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 45%,#0f172a59);position:absolute;inset:0}.recent-course-content{flex-direction:column;flex:1;gap:9px;padding:15px 16px 44px;display:flex}.recent-course-content h3{color:#0f172a;text-align:left;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14.5px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.recent-course-progress-text{justify-content:space-between;align-items:center;gap:10px;display:flex}.recent-course-progress-text span{color:#94a3b8;letter-spacing:.3px;text-transform:uppercase;font-size:11.5px;font-weight:600}.recent-course-progress-text strong{color:#4338ca;font-size:13px;font-weight:700}.recent-course-track{background:#eef0f4;border-radius:999px;width:100%;height:6px;overflow:hidden}.recent-course-track>div{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .4s}.recent-course-arrow{box-sizing:border-box;color:#4338ca;background:#eef2ff;border-radius:50%;width:28px;height:28px;padding:6px;transition:all .25s;position:absolute;bottom:13px;right:14px}.recent-course-card:hover .recent-course-arrow{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);transform:translate(3px)}.dashboard-empty-card{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;padding:40px 20px;font-size:14px}.dashboard-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:10px;margin-bottom:16px;padding:12px 15px;font-size:13.5px}.student-dashboard-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.dashboard-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite dashSpin}@keyframes dashSpin{to{transform:rotate(360deg)}}@media (width<=768px){.dashboard-summary-grid,.recent-course-grid{grid-template-columns:1fr}.dashboard-progress-card{flex-wrap:wrap}.dashboard-continue-button{justify-content:center;width:100%;min-height:44px}}.dashboard-hero{background:#fff;border:1px solid #0000000f;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;margin-bottom:22px;padding:24px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.dashboard-hero:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);width:5px;position:absolute;top:0;bottom:0;left:0}.dashboard-hero:after{content:"";pointer-events:none;background:#6366f10d;border-radius:50%;width:240px;height:240px;position:absolute;top:-80px;right:-70px}.dashboard-hero-text{z-index:1;min-width:0;position:relative}.dashboard-hero-eyebrow{color:#6366f1;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.dashboard-hero h1{color:#0f172a;letter-spacing:-.6px;align-items:center;gap:9px;margin:0;font-size:25px;font-weight:700;display:flex}.dashboard-hero .wave{transform-origin:70% 70%;animation:2.4s ease-in-out infinite heroWave;display:inline-block}@keyframes heroWave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%,40%{transform:rotate(-8deg)}}.dashboard-hero p{color:#64748b;margin:7px 0 0;font-size:13.5px}.dashboard-hero-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:18px;margin-top:12px;font-size:12.5px;display:flex}.dashboard-hero-meta>span{align-items:center;gap:6px;display:inline-flex}.dashboard-hero-stats{z-index:1;flex-wrap:wrap;gap:12px;display:flex;position:relative}.hero-stat{background:#fafbff;border:1px solid #eef0f4;border-radius:14px;align-items:center;gap:11px;min-width:140px;padding:12px 15px;display:flex}.hero-stat-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.hero-stat-icon.streak{background:#f97316}.hero-stat-icon.goal{background:#6366f1}.hero-stat strong{color:#0f172a;font-size:19px;font-weight:700;line-height:1.1;display:block}.hero-stat span{color:#94a3b8;margin-top:2px;font-size:11.5px;font-weight:500;display:block}.learning-goal-card{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-bottom:24px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.learning-goal-head{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.learning-goal-title{align-items:flex-start;gap:11px;min-width:0;display:flex}.learning-goal-title>svg{color:#6366f1;flex-shrink:0;margin-top:2px}.learning-goal-title h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.learning-goal-title p{color:#94a3b8;margin:3px 0 0;font-size:12.5px}.learning-goal-pct{color:#4338ca;letter-spacing:-.4px;flex-shrink:0;font-size:20px;font-weight:700}.learning-goal-track{background:#eef0f4;border-radius:999px;width:100%;height:9px;overflow:hidden}.learning-goal-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .45s;display:block}.learning-goal-foot{color:#64748b;flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px;font-size:12.5px;font-weight:500;display:flex}.learning-goal-foot>span{align-items:center;gap:6px;display:inline-flex}.learning-goal-foot svg{color:#94a3b8}@media (width<=900px){.dashboard-hero{padding:20px}.dashboard-hero h1{font-size:21px}.dashboard-hero-stats{width:100%}.hero-stat{flex:1;min-width:0}}@media (width<=560px){.learning-goal-head{flex-direction:column;gap:10px}.learning-goal-foot{gap:14px}.dashboard-hero-meta{gap:12px}}@media (prefers-reduced-motion:reduce){.dashboard-hero .wave{animation:none}}.student-dashboard-page .dashboard-learning-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;width:100%;min-width:0;margin-bottom:26px;display:grid}.student-dashboard-page .dashboard-learning-columns>.dashboard-section{min-width:0;margin-bottom:0}.student-dashboard-page .dashboard-learning-columns .dashboard-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.student-dashboard-page .dashboard-learning-columns .dashboard-section-header>div{min-width:0}.student-dashboard-page .dashboard-learning-columns .dashboard-text-button{white-space:nowrap;flex-shrink:0}.student-dashboard-page .dashboard-learning-columns .dashboard-progress-list{min-width:0}.student-dashboard-page .dashboard-learning-columns .dashboard-progress-card{box-sizing:border-box;min-width:0;max-width:100%}.student-dashboard-page .dashboard-learning-columns .dashboard-progress-content{min-width:0}.student-dashboard-page .dashboard-learning-columns .dashboard-course-progress-bottom{flex-wrap:wrap;gap:4px 12px;display:flex}.student-dashboard-page .dashboard-learning-columns .recent-course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;min-width:0;display:grid}.student-dashboard-page .dashboard-learning-columns .recent-course-card{box-sizing:border-box;min-width:0;max-width:100%}.student-dashboard-page .dashboard-learning-columns .recent-course-image{width:100%}.student-dashboard-page .dashboard-learning-columns .recent-course-image img{object-fit:cover;width:100%;height:100%;display:block}.student-dashboard-page .dashboard-learning-columns .recent-course-content{min-width:0}.student-dashboard-page .dashboard-learning-columns .recent-course-content h3{overflow-wrap:anywhere}@media (width<=900px){.student-dashboard-page .dashboard-learning-columns{grid-template-columns:minmax(0,1fr);gap:26px}}:root{--s-font:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--s-gradient:linear-gradient(135deg, #6366f1, #8b5cf6);--s-primary:#6366f1;--s-text:#0f172a;--s-muted:#64748b;--s-faint:#94a3b8;--s-line:#e5e7eb;--s-blue:#2563eb;--s-green:#10b981;--s-amber:#f59e0b;--s-purple:#8b5cf6;--s-cyan:#06b6d4;--s-red:#ef4444;--s-pink:#ec4899}.student-layout,.student-layout h1,.student-layout h2,.student-layout h3,.student-layout h4,.student-layout p,.student-layout span,.student-layout div,.student-layout td,.student-layout th,.student-layout label,.student-layout a,.student-layout button,.student-layout input,.student-layout select,.student-layout textarea{font-family:var(--s-font)}.student-layout h1{letter-spacing:-.5px;color:var(--s-text);font-size:26px;font-weight:700}.student-layout .subtitle,.student-layout .page-subtitle{color:var(--s-muted);font-size:14px}.student-layout .page-header,.student-layout .section-header-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.student-layout .header-actions{flex-wrap:wrap;gap:10px;display:flex}.student-layout .page-heading{align-items:center;gap:13px;min-width:0;display:flex}.student-layout .page-heading-icon{background:var(--s-gradient);color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f147}.student-layout .page-heading-icon svg{color:#fff}.student-layout .page-heading>div{min-width:0}.student-layout .page-heading h1{margin:0}.student-layout .page-heading p{color:var(--s-muted);margin:4px 0 0;font-size:14px}.student-layout .btn,.student-layout .btn-primary,.student-layout .btn-secondary,.student-layout .btn-cancel,.student-layout .btn-save,.student-layout .btn-danger,.student-layout .add-btn,.student-layout .submit-btn,.student-layout .continue-btn,.student-layout .start-btn,.student-layout .resume-btn,.student-layout .download-btn,.student-layout .apply-btn,.student-layout .view-btn,.student-layout .read-btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;transition:all .2s;display:inline-flex!important}.student-layout button:disabled{opacity:.6!important;cursor:not-allowed!important}.student-layout button svg{flex-shrink:0}.student-layout .btn-primary,.student-layout .btn-save,.student-layout .add-btn,.student-layout .submit-btn,.student-layout .continue-btn,.student-layout .start-btn,.student-layout .resume-btn,.student-layout .apply-btn{box-shadow:0 4px 12px #6366f14d;background:var(--s-gradient)!important;color:#fff!important;border-color:#0000!important}.student-layout .btn-primary:hover:not(:disabled),.student-layout .btn-save:hover:not(:disabled),.student-layout .add-btn:hover:not(:disabled),.student-layout .submit-btn:hover:not(:disabled),.student-layout .continue-btn:hover:not(:disabled),.student-layout .start-btn:hover:not(:disabled),.student-layout .resume-btn:hover:not(:disabled),.student-layout .apply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.student-layout .download-btn{color:#047857!important;box-shadow:none!important;background:#ecfdf5!important;border-color:#a7f3d0!important}.student-layout .download-btn:hover:not(:disabled){background:#d1fae5!important}.student-layout .view-btn,.student-layout .read-btn{color:#0e7490!important;background:#ecfeff!important;border-color:#a5f3fc!important}.student-layout .view-btn:hover:not(:disabled){background:#cffafe!important}.student-layout .btn-secondary,.student-layout .btn-cancel{color:#475569!important;border-color:var(--s-line)!important;box-shadow:none!important;background:#fff!important}.student-layout .btn-secondary:hover:not(:disabled),.student-layout .btn-cancel:hover:not(:disabled){background:#f8fafc!important}.student-layout .btn-danger{color:#dc2626!important;box-shadow:none!important;background:#fef2f2!important;border-color:#fecaca!important}.student-layout .btn-danger:hover:not(:disabled){background:#fee2e2!important}.student-layout .refresh-btn,.student-layout .icon-btn{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;border:1px solid var(--s-line)!important;color:#475569!important;background:#fff!important;border-radius:10px!important;min-height:0!important;padding:0!important;display:inline-flex!important}.student-layout .refresh-btn:hover,.student-layout .icon-btn:hover{color:var(--s-primary)!important;background:#eef2ff!important;border-color:#c7d2fe!important}.student-layout .action-btn{cursor:pointer;justify-content:center;align-items:center;transition:all .2s;border:1px solid var(--s-line)!important;color:#475569!important;background:#fff!important;border-radius:8px!important;width:34px!important;height:34px!important;min-height:0!important;padding:0!important;display:inline-flex!important}.student-layout .action-btn.read-btn{color:#0e7490!important;background:#ecfeff!important;border-color:#a5f3fc!important}.student-layout .action-btn.read-btn:hover:not(:disabled){background:#cffafe!important}.student-layout .action-btn.delete-btn{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.student-layout .action-btn.delete-btn:hover:not(:disabled){background:#fee2e2!important}.student-layout .back-link{border:1px solid var(--s-line);color:#475569;cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:7px 14px 7px 11px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex!important}.student-layout .back-link:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.student-layout .back-link svg{transition:transform .2s}.student-layout .back-link:hover svg{transform:translate(-2px)}.student-layout .stat-card,.student-layout .stats-card,.student-layout .summary-card{box-sizing:border-box;align-items:center;gap:16px;min-width:0;height:118px;min-height:118px;padding:20px;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;background:#fff!important;border:1px solid #0000000f!important;border-radius:16px!important;display:flex!important;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f!important}.student-layout .stat-card:hover,.student-layout .stats-card:hover,.student-layout .summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0000001a!important}.student-layout .stat-card:after,.student-layout .stats-card:after,.student-layout .summary-card:after{content:"";background:var(--s-stat,var(--s-primary));opacity:.05;pointer-events:none;border-radius:50%;width:110px;height:110px;position:absolute;bottom:-45px;right:-35px}.student-layout .stat-icon,.student-layout .card-icon{background:var(--s-stat,var(--s-primary));z-index:1;flex:0 0 48px;justify-content:center;align-items:center;position:relative;box-shadow:0 6px 14px #0f172a1f;color:#fff!important;border-radius:13px!important;width:48px!important;height:48px!important;display:flex!important}.student-layout .stat-icon svg,.student-layout .card-icon svg{width:22px;height:22px;color:#fff!important}.student-layout .sc-blue{--s-stat:var(--s-blue)}.student-layout .sc-green{--s-stat:var(--s-green)}.student-layout .sc-amber{--s-stat:var(--s-amber)}.student-layout .sc-purple{--s-stat:var(--s-purple)}.student-layout .sc-cyan{--s-stat:var(--s-cyan)}.student-layout .sc-red{--s-stat:var(--s-red)}.student-layout .sc-pink{--s-stat:var(--s-pink)}.student-layout .stat-value,.student-layout .stat-card h3,.student-layout .stat-card h2,.student-layout .stat-card strong{letter-spacing:-.4px;z-index:1;line-height:1.25;display:block;position:relative;color:var(--s-text)!important;margin:0!important;font-size:23px!important;font-weight:700!important}.student-layout .stat-label,.student-layout .stat-card p{text-transform:uppercase;letter-spacing:.3px;z-index:1;display:block;position:relative;color:var(--s-muted)!important;margin:5px 0 0!important;font-size:12px!important;font-weight:500!important}.student-layout .stats-grid,.student-layout .summary-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))!important;gap:16px!important;margin-bottom:24px!important;display:grid!important}.student-layout .course-card,.student-layout .lesson-card,.student-layout .quiz-card,.student-layout .cert-card,.student-layout .assignment-card,.student-layout .notification-card,.student-layout .panel,.student-layout .content-card{background:#fff;border:1px solid #0000000f;border-radius:16px;box-shadow:0 1px 3px #0000000a}.student-layout .course-card:hover,.student-layout .quiz-card:hover,.student-layout .cert-card:hover,.student-layout .assignment-card:hover{border-color:#d8dee8;box-shadow:0 10px 25px #0f172a12}.student-layout .course-grid,.student-layout .card-grid,.student-layout .quiz-grid,.student-layout .cert-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.student-layout .progress-track,.student-layout .progress-bar-bg{background:#eef0f4;border-radius:999px;width:100%;height:7px;overflow:hidden}.student-layout .progress-fill,.student-layout .progress-bar{background:var(--s-gradient);border-radius:999px;height:100%;transition:width .35s;display:block}.student-layout .progress-fill.complete{background:var(--s-green)}.student-layout .progress-fill.none{background:#cbd5e1}.student-layout .progress-row{align-items:center;gap:10px;display:flex}.student-layout .progress-pct{color:var(--s-muted);flex-shrink:0;font-size:12.5px;font-weight:600}.student-layout .badge,.student-layout .status-badge,.student-layout .tag{letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:inline-flex}.student-layout .badge-green,.student-layout .status-badge.completed,.student-layout .status-badge.passed{color:#047857;background:#ecfdf5}.student-layout .badge-amber,.student-layout .status-badge.in-progress,.student-layout .status-badge.pending{color:#b45309;background:#fffbeb}.student-layout .badge-blue,.student-layout .status-badge.active{color:#4338ca;background:#eef2ff}.student-layout .badge-red,.student-layout .status-badge.failed,.student-layout .status-badge.expired{color:#b91c1c;background:#fef2f2}.student-layout .badge-gray,.student-layout .status-badge.not-started{color:#64748b;background:#f1f5f9}.student-layout .form-group{margin-bottom:16px}.student-layout .form-group label,.student-layout .field-label{color:#374151;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.student-layout input[type=text],.student-layout input[type=email],.student-layout input[type=number],.student-layout input[type=password],.student-layout input[type=date],.student-layout select,.student-layout textarea{width:100%;min-height:40px;color:var(--s-text);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border .15s,box-shadow .15s}.student-layout input:focus,.student-layout select:focus,.student-layout textarea:focus{border-color:var(--s-primary);box-shadow:0 0 0 2px #6366f114}.student-layout textarea{resize:vertical;min-height:90px}.student-layout select{appearance:none;cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.student-layout .toolbar,.student-layout .filters-bar{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.student-layout .search-box{border:1px solid var(--s-line);min-width:0;color:var(--s-faint);background:#fff;border-radius:10px;flex:240px;align-items:center;gap:8px;padding:0 13px;display:flex;overflow:hidden}.student-layout .search-box input{color:var(--s-text);font-size:14px;width:auto!important;min-width:0!important;min-height:auto!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;flex:auto!important;padding:11px 0!important}.student-layout .table-wrapper{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.student-layout table{border-collapse:collapse;width:100%}.student-layout thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--s-muted);white-space:nowrap;background:#fafafa;border-bottom:1px solid #eef0f3;padding:14px 16px;font-size:11.5px;font-weight:600}.student-layout tbody td{color:#374151;border-bottom:1px solid #f3f4f6;padding:14px 16px;font-size:14px}.student-layout tbody tr:last-child td{border-bottom:none}.student-layout tbody tr:hover{background:#fafbff}.student-layout .empty-state,.student-layout .no-data{min-height:240px;color:var(--s-faint);text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:48px 20px;display:flex}.student-layout .empty-state h3{color:#334155;margin:4px 0 0;font-size:17px;font-weight:600}.student-layout .empty-state svg{color:#cbd5e1}.student-layout .loading-state{min-height:300px;color:var(--s-muted);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:14px;display:flex}.student-layout .spinner{border:3px solid #e2e8f0;border-top-color:var(--s-primary);border-radius:50%;width:36px;height:36px;animation:.75s linear infinite sSpin}.student-layout .button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite sSpin;display:inline-block}@keyframes sSpin{to{transform:rotate(360deg)}}.student-layout .alert-error,.student-layout .error-text{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:11px 14px;font-size:13.5px}.student-layout .alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:11px 14px;font-size:13.5px}.student-layout .alert-info{border:1px solid #c7d2fe;border-left:4px solid var(--s-primary);color:#4338ca;background:#eef2ff;border-radius:10px;padding:11px 14px;font-size:13.5px}.student-modal-overlay,.student-layout .modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);font-family:var(--s-font);background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.18s sFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes sFadeIn{0%{opacity:0}to{opacity:1}}.student-modal{width:min(560px,100%);font-family:var(--s-font);background:#fff;border-radius:16px;margin:auto;animation:.22s sModalIn;box-shadow:0 24px 60px #0f172a47}@keyframes sModalIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.student-modal-lg{width:min(820px,100%)}.student-modal-sm{width:min(440px,100%)}.student-modal .modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.student-modal .modal-header h2,.student-modal .modal-header h3{color:var(--s-text);margin:0;font-size:18px;font-weight:700}.student-modal .modal-close{border:1px solid var(--s-line);color:#64748b;cursor:pointer;background:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:inline-flex}.student-modal .modal-close:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.student-modal .modal-body{padding:20px 22px}.student-modal .modal-footer{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding:16px 22px;display:flex}.student-modal input,.student-modal select,.student-modal textarea{width:100%;min-height:40px;font-family:var(--s-font);color:var(--s-text);background:#fff;border:1px solid #d1d5db;border-radius:10px;outline:none;padding:10px 12px;font-size:14px}.student-modal input:focus,.student-modal select:focus,.student-modal textarea:focus{border-color:var(--s-primary);box-shadow:0 0 0 2px #6366f114}.student-modal button{font-family:var(--s-font)}@media (width<=1024px){.student-layout .stats-grid,.student-layout .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=768px){.student-layout .page-header,.student-layout .section-header-row{flex-direction:column;align-items:stretch}.student-layout h1{font-size:21px}.student-layout .header-actions{width:100%}.student-layout .header-actions>button{flex:auto;justify-content:center;min-height:44px}.student-layout .stats-grid,.student-layout .summary-grid{grid-template-columns:1fr!important;gap:12px!important}.student-layout .stat-card,.student-layout .stats-card,.student-layout .summary-card{height:auto!important;min-height:96px!important;padding:16px!important}.student-layout .course-grid,.student-layout .card-grid,.student-layout .quiz-grid,.student-layout .cert-grid{grid-template-columns:1fr}.student-layout .search-box{flex:100%}.student-layout table{min-width:620px}.student-layout th,.student-layout td{white-space:nowrap;padding:11px 12px!important;font-size:13px!important}.student-modal-overlay,.student-layout .modal-overlay{padding:12px}.student-modal,.student-modal-lg,.student-modal-sm{width:100%;max-width:100%;max-height:calc(100vh - 24px);overflow-y:auto}.student-modal .modal-footer{flex-direction:column-reverse}.student-modal .modal-footer>button{width:100%;min-height:44px}}@media (width<=480px){.student-layout h1{font-size:19px}.student-layout .tabs,.student-layout .filter-tabs{flex-wrap:nowrap;overflow-x:auto}}@media (hover:none){.student-layout .stat-card:hover,.student-layout .course-card:hover,.student-layout .quiz-card:hover{transform:none!important}}.student-layout .native-video-player,video.native-video-player{object-fit:contain;border-radius:inherit;background:#000;width:100%;height:100%;display:block}.my-learning-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.my-learning-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.my-learning-title-row{justify-content:flex-start;align-items:center;gap:13px;display:flex}.my-learning-title-row>svg{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;width:46px;height:46px;padding:11px;box-shadow:0 6px 16px #6366f147}.my-learning-title-row h1{letter-spacing:-.5px;color:#0f172a;margin:0;font-size:26px;font-weight:700}.my-learning-header>div:first-child>p{color:#64748b;margin:6px 0 0;font-size:14px}.my-learning-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.my-learning-refresh-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.my-learning-stats{background:#f8fafc;border:1px solid #0000000a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:18px;padding:12px 18px;display:flex}.my-learning-stats .stat-item{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.my-learning-stats .stat-item svg{color:#6366f1;flex-shrink:0}.my-learning-stats .stat-item strong{color:#0f172a;font-weight:700}.my-learning-page .my-learning-filters{flex-wrap:wrap!important;align-items:center!important;gap:12px!important;width:100%!important;margin-bottom:20px!important;display:flex!important}.my-learning-page .course-search{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex:280px!important;align-items:center!important;gap:10px!important;min-width:180px!important;height:44px!important;padding:0 14px!important;transition:border-color .2s,box-shadow .2s!important;display:flex!important;overflow:visible!important;box-shadow:0 1px 2px #0f172a08!important}.my-learning-page .course-search:focus-within{border-color:#a5b4fc!important;box-shadow:0 0 0 3px #6366f114!important}.my-learning-page .course-search>svg{color:#94a3b8!important;flex-shrink:0!important;width:18px!important;height:18px!important}.my-learning-page .course-search input{width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;box-shadow:none!important;color:#0f172a!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;flex:auto!important;margin:0!important;padding:0!important;font-family:inherit!important;font-size:14px!important}.my-learning-page .course-search input::placeholder{color:#9aa4b2!important}.my-learning-page .course-search input:focus{box-shadow:none!important;border:none!important;outline:none!important}.my-learning-page .course-search .clear-search-btn{color:#94a3b8!important;cursor:pointer!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:22px!important;height:22px!important;min-height:0!important;padding:0!important;transition:all .2s!important;display:inline-flex!important}.my-learning-page .course-search .clear-search-btn:hover{color:#dc2626!important;background:#fef2f2!important}.my-learning-page .course-filter{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex:0 190px!important;align-items:center!important;gap:9px!important;min-width:130px!important;height:44px!important;padding:0 14px!important;transition:border-color .2s,box-shadow .2s!important;display:flex!important;overflow:visible!important;box-shadow:0 1px 2px #0f172a08!important}.my-learning-page .course-filter:focus-within{border-color:#a5b4fc!important;box-shadow:0 0 0 3px #6366f114!important}.my-learning-page .course-filter>svg{color:#94a3b8!important;flex-shrink:0!important;width:15px!important;height:15px!important}.my-learning-page .course-filter select{width:auto!important;min-width:0!important;height:100%!important;min-height:0!important;box-shadow:none!important;color:#334155!important;cursor:pointer!important;appearance:none!important;background-color:#0000!important;background-image:linear-gradient(45deg,#0000 50%,#94a3b8 50%),linear-gradient(135deg,#94a3b8 50%,#0000 50%)!important;background-position:calc(100% - 9px),calc(100% - 4px)!important;background-repeat:no-repeat!important;background-size:5px 5px,5px 5px!important;border:none!important;border-radius:0!important;outline:none!important;flex:auto!important;margin:0!important;padding:0 18px 0 0!important;font-family:inherit!important;font-size:14px!important;font-weight:500!important}.my-learning-page .course-filter select:focus{box-shadow:none!important;border:none!important;outline:none!important}.my-learning-page .clear-filters-btn{color:#64748b!important;cursor:pointer!important;white-space:nowrap!important;height:44px!important;min-height:44px!important;box-shadow:none!important;background:#fff!important;border:1px solid #e5e7eb!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:6px!important;padding:0 16px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.my-learning-page .clear-filters-btn:hover{color:#dc2626!important;background:#fef2f2!important;border-color:#fecaca!important}.my-learning-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;display:grid}.my-learning-course-card{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.my-learning-course-card:hover{border-color:#d8dee8;transform:translateY(-3px);box-shadow:0 12px 26px #0f172a14}.course-card-image{background:#f1f5f9;flex-shrink:0;height:150px;position:relative;overflow:hidden}.course-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}.my-learning-course-card:hover .course-card-image img{transform:scale(1.05)}.course-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.course-status-badge{z-index:2;letter-spacing:.3px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid #fff3;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px;right:auto}.course-status-badge.completed{color:#047857;background:#ecfdf5}.course-status-badge.in_progress{color:#4338ca;background:#eef2ff}.course-status-badge.not_started{color:#64748b;background:#f1f5f9}.course-card-content{flex-direction:column;flex:1;gap:10px;padding:16px 17px 17px;display:flex}.course-card-top{flex:1}.course-category{color:#4338ca;letter-spacing:.4px;text-transform:uppercase;background:#eef2ff;border-radius:999px;align-items:center;margin-bottom:6px;padding:2px 10px;font-size:10px;font-weight:700;display:inline-flex}.course-card-content h3{color:#0f172a;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-size:15.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.course-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.course-card-progress{margin-top:2px}.progress-header span{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.progress-header strong{color:#4338ca;font-size:13px;font-weight:700}.progress-track{background:#eef0f4;border-radius:999px;width:100%;height:6px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .35s;display:block}.progress-fill.completed{background:linear-gradient(90deg,#10b981,#34d399)}.progress-meta{color:#94a3b8;margin-top:5px;font-size:11.5px;font-weight:500}.continue-course-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;margin-top:auto;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f147}.continue-course-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.continue-course-btn svg{flex-shrink:0}.my-learning-empty{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;padding:48px 20px;display:flex}.my-learning-empty h2{color:#334155;margin:4px 0 0;font-size:18px;font-weight:600}.my-learning-empty p{max-width:420px;margin:0;font-size:14px;line-height:1.6}.my-learning-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 15px;font-size:13.5px;display:flex}.my-learning-error button{color:#b91c1c;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px}.my-learning-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.my-learning-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite mlSpin}@keyframes mlSpin{to{transform:rotate(360deg)}}@media (width<=900px){.my-learning-page .my-learning-filters{gap:10px!important}.my-learning-page .course-search{flex:100%!important;min-width:0!important}.my-learning-page .course-filter{flex:calc(50% - 5px)!important;min-width:0!important}.my-learning-page .clear-filters-btn{flex:0 auto!important}}@media (width<=768px){.my-learning-title-row h1{font-size:21px}.my-learning-grid{grid-template-columns:1fr}.my-learning-stats{flex-wrap:wrap;gap:16px;padding:10px 14px}.my-learning-stats .stat-item{font-size:12px}.my-learning-header{flex-direction:column;align-items:stretch}.my-learning-refresh-btn{justify-content:center;width:100%}.course-card-image{height:130px}}@media (width<=480px){.my-learning-page .my-learning-filters{flex-direction:column!important;gap:10px!important}.my-learning-page .course-search,.my-learning-page .course-filter{flex:100%!important;min-width:0!important}.my-learning-page .clear-filters-btn{justify-content:center!important;width:100%!important}.my-learning-stats{flex-direction:column;align-items:stretch;gap:6px}.my-learning-stats .stat-item{border-bottom:1px solid #f1f5f9;padding:4px 0}.my-learning-stats .stat-item:last-child{border-bottom:none}.course-card-content h3{font-size:14.5px}.my-learning-title-row h1{font-size:19px}}.course-player-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.course-player-header{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 18px;display:flex;box-shadow:0 1px 3px #0000000a}.course-player-header-left{align-items:center;gap:14px;min-width:0;display:flex}.course-player-header-left h1{letter-spacing:-.3px;color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:18px;font-weight:700;overflow:hidden}.player-back-btn,.mobile-menu-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.player-back-btn:hover,.mobile-menu-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.mobile-menu-btn{width:38px;padding:0;display:none}.header-course-progress{align-items:center;gap:10px;min-width:190px;display:flex}.header-progress-label{color:#64748b;flex-shrink:0;font-size:12px;font-weight:600}.header-progress-track{background:#eef0f4;border-radius:999px;flex:1;height:6px;overflow:hidden}.header-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .35s;display:block}.course-player-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.course-player-content{grid-column:1;min-width:0}.course-player-sidebar{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;grid-column:2;min-width:0;max-height:calc(100vh - 120px);display:flex;position:sticky;top:20px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.course-player-sidebar .course-sidebar-header{background:#fafbff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.course-player-sidebar .course-sidebar-header>div:first-child{flex-direction:column;gap:3px;min-width:0;display:flex}.course-player-sidebar .course-sidebar-header span:first-child{color:#6366f1;letter-spacing:1px;text-transform:uppercase;font-size:10.5px;font-weight:800}.course-player-sidebar .course-sidebar-header span:last-child{color:#64748b;font-size:12.5px;font-weight:600}.course-player-sidebar .course-sidebar-content{min-height:0;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0;flex:1;padding:12px;position:static;overflow-y:auto}.course-player-sidebar .course-sidebar-content::-webkit-scrollbar{width:6px}.course-player-sidebar .course-sidebar-content::-webkit-scrollbar-thumb{background:#dfe3ec;border-radius:999px}.sidebar-module-header{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8ecf3;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-family:inherit;transition:all .2s;display:flex}.sidebar-module-header:hover{background:#f7f8ff;border-color:#c7d2fe}.module-details{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.module-details>span:first-child,.module-details h4{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13.5px;font-weight:600;overflow:hidden}.module-details>span:last-child{color:#94a3b8;font-size:11.5px;font-weight:500}.sidebar-module-header>svg:last-child{color:#94a3b8;flex-shrink:0}.sidebar-lessons{border-left:2px solid #eef0f4;flex-direction:column;gap:5px;margin-left:11px;padding:8px 0 4px 10px;display:flex}.lesson-video-container{aspect-ratio:16/9;background:#000;border-radius:16px;width:100%;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a29}.youtube-player-wrapper{border:none;width:100%;height:100%;position:absolute;inset:0}.youtube-player-wrapper iframe{border:none;width:100%;height:100%;pointer-events:none!important}video.youtube-player-wrapper,.native-video-player{object-fit:contain;background:#000;display:block}.course-player-no-selection{color:#94a3b8;text-align:center;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px;display:flex;position:absolute;inset:0}.course-player-no-selection p{margin:0;font-size:14px}.lesson-loader,.player-spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:34px;height:34px;animation:.75s linear infinite cpSpin}@keyframes cpSpin{to{transform:rotate(360deg)}}.lesson-information{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-top:16px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.lesson-information-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.lesson-label{color:#6366f1;letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-size:10.5px;font-weight:700;display:block}.lesson-information-top h2{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:19px;font-weight:700;line-height:1.35}.lesson-information-meta{color:#94a3b8;align-items:center;gap:0;margin-top:9px;font-size:12.5px;line-height:18px;display:flex}.lesson-meta-item{color:#94a3b8;white-space:nowrap;justify-content:flex-start;align-items:center;gap:5px;margin:0;padding:0;font-size:12.5px;font-weight:500;line-height:18px;display:inline-flex}.lesson-meta-item svg{color:#94a3b8;flex-shrink:0;width:17px;height:17px;display:block}.progress-saving{color:#4338ca;background:#eef2ff;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.lesson-overall-progress{margin-top:16px}.lesson-progress-header{color:#64748b;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:12.5px;font-weight:600;display:flex}.lesson-progress-main-track{background:#eef0f4;border-radius:999px;width:100%;height:8px;overflow:hidden}.lesson-progress-main-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .35s;display:block}.course-sidebar-header{background:#fafbff;border-bottom:1px solid #f1f5f9;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 17px;display:flex}.course-sidebar-header h3{color:#0f172a;margin:0;font-size:15px;font-weight:700}.mobile-close-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:none}.mobile-close-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.sidebar-lessons{flex:1;min-height:0;padding:12px;overflow-y:auto}.sidebar-lessons::-webkit-scrollbar{width:6px}.sidebar-lessons::-webkit-scrollbar-thumb{background:#dfe3ec;border-radius:999px}.sidebar-module{margin-bottom:14px}.sidebar-module-header{color:#475569;background:#f6f7fb;border-radius:8px;align-items:center;gap:9px;margin-bottom:6px;padding:8px 10px;font-size:12.5px;font-weight:700;display:flex}.module-index{color:#fff;background:#6366f1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:inline-flex}.module-details{min-width:0}.sidebar-lesson-info{color:#475569;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;margin-bottom:3px;padding:9px 10px;font-family:inherit;font-size:13px;transition:all .2s;display:flex}.sidebar-lesson-info:hover{color:#0f172a;background:#f6f7fb}.sidebar-lesson-info.active{color:#4338ca;background:#eef2ff;border-color:#c7d2fe;font-weight:600}.lesson-icon{color:#94a3b8;flex-shrink:0;display:inline-flex}.sidebar-lesson-info.active .lesson-icon{color:#4338ca}.sidebar-lesson-info.completed .lesson-icon{color:#10b981}.lesson-title-line{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.lesson-progress-row{align-items:center;gap:8px;margin-top:5px;display:flex}.lesson-progress-track{background:#eef0f4;border-radius:999px;flex:1;height:4px;overflow:hidden}.lesson-progress-fill{background:#6366f1;border-radius:999px;height:100%;display:block}.no-lessons{color:#94a3b8;text-align:center;padding:30px 16px;font-size:13px}.course-sidebar-overlay{display:none}.course-player-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:340px;display:flex}.course-player-loading .lesson-loader,.course-player-loading .player-spinner{border-color:#6366f1 #e2e8f0 #e2e8f0}.course-player-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:12px;padding:14px 16px;font-size:13.5px}@media (width<=1100px){.course-player-layout{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=900px){.course-player-layout{grid-template-columns:1fr}.mobile-menu-btn,.mobile-close-btn{display:inline-flex}.course-player-sidebar{z-index:9999;border-radius:0;width:min(340px,88vw);max-height:none;transition:transform .3s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.course-player-sidebar.open,.course-player-sidebar.mobile-open{transform:translate(0)}.course-sidebar-overlay{z-index:9998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a80;display:block;position:fixed;inset:0}.header-course-progress{width:100%;min-width:0}}@media (width<=600px){.course-player-header{padding:12px 14px}.course-player-header-left h1{font-size:16px}.lesson-information{padding:16px}.lesson-information-top h2{font-size:17px}}.header-course-progress .header-progress-label{margin-right:4px}.header-course-progress>span:last-child,.header-course-progress strong{color:#4338ca;flex-shrink:0;font-size:13px;font-weight:700}.lesson-information-top h2+p,.lesson-information .lesson-subtitle{color:#64748b;margin:4px 0 0;font-size:13px}.lesson-meta-item{color:#64748b;white-space:nowrap;background:#f6f7fb;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;line-height:1;display:inline-flex}.lesson-meta-item svg{color:#94a3b8;flex-shrink:0;display:block}.lesson-progress-header>span:last-child,.lesson-progress-header strong{color:#4338ca;font-weight:700}.sidebar-lesson-info{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;width:100%;padding:8px 10px;font-family:inherit;transition:all .2s;display:flex}.sidebar-lesson-info .lesson-title-line{min-width:0;color:inherit;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.sidebar-lesson-info small,.sidebar-lesson-info .lesson-time{color:#94a3b8;white-space:nowrap;flex-shrink:0;font-size:10.5px;font-weight:600}.course-player-layout>.course-player-content{grid-area:1/1;width:100%;min-width:0}.course-player-layout>.course-player-sidebar{grid-area:1/2}.course-player-content .lesson-video-container{aspect-ratio:16/9;background:#0f172a;border-radius:16px;width:100%;min-height:320px;position:relative;overflow:hidden}.course-player-content .course-player-no-selection{color:#cbd5e1;text-align:center;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;min-height:320px;padding:30px;display:flex;position:static;inset:auto}.course-player-content .course-player-no-selection svg{color:#6366f1}.course-player-content .course-player-no-selection h2{color:#fff;margin:4px 0 0;font-size:18px;font-weight:700}.course-player-content .course-player-no-selection p{color:#94a3b8;max-width:320px;margin:0;font-size:13.5px;line-height:1.55}.sidebar-lessons .sidebar-lesson{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;width:100%;padding:10px 11px;font-family:inherit;transition:all .2s;display:flex}.sidebar-lessons .sidebar-lesson:hover{background:#f6f7fb;border-color:#e8ecf3}.sidebar-lessons .sidebar-lesson.active{background:#eef2ff;border-color:#c7d2fe}.sidebar-lessons .sidebar-lesson .lesson-icon{color:#94a3b8;flex-shrink:0;margin-top:1px;display:inline-flex}.sidebar-lessons .sidebar-lesson.active .lesson-icon{color:#4338ca}.sidebar-lessons .sidebar-lesson.completed .lesson-icon{color:#10b981}.sidebar-lessons .sidebar-lesson-info{background:0 0;border:none;flex-direction:column;flex:1;gap:5px;min-width:0;padding:0;display:flex}.sidebar-lessons .lesson-title-line{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.sidebar-lessons .lesson-title-line>span:first-child{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;font-weight:600;overflow:hidden}.sidebar-lessons .lesson-title-line>span:last-child{color:#4338ca;flex-shrink:0;font-size:11.5px;font-weight:700}.sidebar-lessons .lesson-progress-row{color:#94a3b8;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.sidebar-lessons .lesson-progress-track{background:#e8ecf3;border-radius:999px;width:100%;height:4px;overflow:hidden}.sidebar-lessons .lesson-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .35s;display:block}@media (width<=900px){.course-player-layout>.course-player-content,.course-player-layout>.course-player-sidebar{grid-column:1}.course-player-layout>.course-player-content{grid-row:1}.course-player-layout>.course-player-sidebar{grid-row:2}}.module-header-right{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex}.module-complete-badge{color:#fff;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;background:#10b981;border-radius:12px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:700;display:flex}.module-complete-badge svg{width:12px;height:12px}.sidebar-quiz-section{border-top:2px dashed #e5e7eb;margin-top:8px;padding:8px 4px 4px}.sidebar-quiz-link{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 2px 8px #10b98140}.sidebar-quiz-link:hover{background:linear-gradient(135deg,#059669,#047857);transform:translate(4px);box-shadow:0 4px 12px #10b98159}.sidebar-quiz-link:active{transform:scale(.98)}.sidebar-quiz-link svg:first-child{color:#ffffffe6;flex-shrink:0}.sidebar-quiz-link span{flex:1;font-size:12.5px}.sidebar-quiz-link svg:last-child{opacity:.7;flex-shrink:0;transition:transform .2s}.sidebar-quiz-link:hover svg:last-child{opacity:1;transform:translate(2px)}.sidebar-quiz-progress{color:#64748b;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.sidebar-quiz-progress .quiz-locked-icon{color:#94a3b8;opacity:.6;flex-shrink:0}.sidebar-quiz-progress span{flex:1;line-height:1.4}.sidebar-quiz-progress .completion-count{color:#4338ca;font-weight:700}.sidebar-quiz-section:has(.sidebar-quiz-link){border-top-style:solid;border-top-color:#10b981}@media (prefers-color-scheme:dark){.sidebar-quiz-progress{color:#94a3b8;background:#ffffff0d;border-color:#ffffff14}.sidebar-quiz-section{border-top-color:#ffffff14}.sidebar-quiz-section:has(.sidebar-quiz-link){border-top-color:#10b981}}@media (width<=600px){.sidebar-quiz-link{padding:8px 12px;font-size:12px}.sidebar-quiz-link span{font-size:11.5px}.sidebar-quiz-progress{padding:8px 12px;font-size:11px}.module-complete-badge{padding:1px 8px;font-size:9px}}@keyframes quizUnlock{0%{opacity:.5;transform:scale(.95)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.sidebar-quiz-link{animation:.4s forwards quizUnlock}.lms-video-shell{position:relative}.lms-video-shell .youtube-player-wrapper{z-index:1}.student-video-controls{z-index:20;color:#fff;background:linear-gradient(#0000,#000000ad,#000000eb);align-items:center;gap:8px;min-height:58px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.student-video-control-btn{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:8px;flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:background .18s,transform .18s;display:inline-flex}.student-video-control-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.student-video-control-btn:focus-visible{outline-offset:2px;outline:2px solid #ffffffd9}.student-video-time{color:#ffffffe6;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;min-width:42px;font-size:11px;font-weight:600;line-height:1}.student-video-seek{appearance:none;cursor:pointer;background:#ffffff47;border-radius:999px;outline:none;flex:auto;min-width:70px;height:4px;margin:0 3px}.student-video-seek::-webkit-slider-runnable-track{background:#ffffff47;border-radius:999px;height:4px}.student-video-seek::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4px}.student-video-seek::-moz-range-track{background:#ffffff47;border-radius:999px;height:4px}.student-video-seek::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:12px;height:12px}.student-video-volume{appearance:none;cursor:pointer;background:#ffffff47;border-radius:999px;outline:none;flex:0 0 64px;width:64px;height:4px}.student-video-volume::-webkit-slider-runnable-track{background:#ffffff47;border-radius:999px;height:4px}.student-video-volume::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border:0;border-radius:50%;width:11px;height:11px;margin-top:-3.5px}.student-video-volume::-moz-range-track{background:#ffffff47;border-radius:999px;height:4px}.student-video-volume::-moz-range-thumb{cursor:pointer;background:#fff;border:0;border-radius:50%;width:11px;height:11px}.lms-video-shell:fullscreen{background:#000;border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none}:is(.lms-video-shell:fullscreen .youtube-player-wrapper,.lms-video-shell:fullscreen .native-video-player){width:100%;height:100%}@media (width<=700px){.student-video-controls{gap:5px;min-height:52px;padding:8px}.student-video-control-btn{flex-basis:32px;width:32px;height:32px}.student-video-time{min-width:35px;font-size:10px}.student-video-volume{display:none}}@media (prefers-reduced-motion:reduce){.student-video-control-btn{transition:none}}.assignments-container{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.assignments-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.assignments-title{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:13px;margin:0;font-size:26px;font-weight:700;display:flex}.assignments-title svg{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;width:46px;height:46px;padding:11px;box-shadow:0 6px 16px #6366f147}.assignments-subtitle{color:#64748b;margin:6px 0 0;font-size:14px}.assignments-count{color:#4338ca;background:#eef2ff;border-radius:999px;flex-shrink:0;padding:7px 14px;font-size:12.5px;font-weight:700}.assignments-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));align-items:start;gap:14px;display:grid}.assignment-card{background:#fff;border:1px solid #0000000f;border-left:4px solid #6366f1;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.assignment-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0f172a14}.assignment-card.assignment-overdue{border-left-color:#ef4444}.assignment-header{align-items:flex-start;gap:13px;padding:15px 17px 0;display:flex}.assignment-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex;box-shadow:0 4px 12px #6366f142}.assignment-card.assignment-overdue .assignment-icon{background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef444442}.assignment-icon svg{color:#fff}.assignment-title-section{flex:1;min-width:0}.assignment-title{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:16px;font-weight:700;line-height:1.35}.assignment-course{color:#6366f1;letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:6px;margin-top:5px;font-size:11.5px;font-weight:700;display:inline-flex}.assignment-body{padding:12px 17px 16px}.assignment-description{color:#475569;overflow-wrap:anywhere;margin:0 0 12px;font-size:13.5px;line-height:1.55}.assignment-description h3{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:700}.assignment-description p{margin:0}.assignment-meta-grid{border-top:1px solid #f1f5f9;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.meta-item{background:#fafbfc;border-radius:10px;flex:160px;align-items:center;gap:10px;min-width:0;max-width:300px;padding:9px 11px;display:flex}.meta-icon{color:#6366f1;background:#eef2ff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.meta-label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.meta-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:600;display:block;overflow:hidden}.meta-subvalue{color:#94a3b8;font-size:11px;display:block}.assignment-overdue .meta-item:first-child{background:#fef2f2}.assignment-overdue .meta-item:first-child .meta-icon{color:#dc2626;background:#fee2e2}.assignment-overdue .meta-item:first-child .meta-value{color:#b91c1c}.assignments-empty,.assignments-error{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:280px;padding:48px 20px;display:flex}.assignments-error{color:#b91c1c;background:#fef2f2;border-style:solid;border-color:#fecaca}.assignments-empty-icon{color:#cbd5e1}.assignments-empty h3{color:#334155;margin:4px 0 0;font-size:17px;font-weight:600}.assignment-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;min-height:40px;margin-top:6px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.assignments-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.assignment-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite asgSpin}@keyframes asgSpin{to{transform:rotate(360deg)}}@media (width<=768px){.assignments-title{font-size:21px}.assignments-header{flex-direction:column;align-items:stretch}.assignment-meta-grid{flex-direction:column}.meta-item{max-width:none}}.assignment-overdue-badge,.assignment-status-badge{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.assignment-overdue-badge{color:#b91c1c;background:#fef2f2}.assignment-status-badge.submitted{color:#b45309;background:#fffbeb}.assignment-status-badge.graded{color:#047857;background:#ecfdf5}.assignment-status-badge.locked{color:#475569;background:#f1f5f9}.assignment-submission{border-top:1px solid #f1f5f9;flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;display:flex}.submission-status{border:1px solid #0000;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.submission-status svg{flex-shrink:0;margin-top:1px}.submission-status-submitted{color:#b45309;background:#fffbeb;border-color:#fde68a}.submission-status-graded{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.submission-status-text{flex-direction:column;gap:5px;min-width:0;display:flex}.submission-status-text strong{font-size:13.5px;font-weight:700}.submission-feedback{color:#334155;overflow-wrap:anywhere;align-items:flex-start;gap:6px;font-size:12.5px;font-weight:500;line-height:1.5;display:flex}.submission-feedback svg{color:#64748b;flex-shrink:0;margin-top:2px}.submission-meta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:2px;display:flex}.submission-file-link{color:#4338ca;align-items:center;gap:5px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.submission-file-link:hover{text-decoration:underline}.submission-date{color:#94a3b8;font-size:11.5px;font-weight:500}.submission-upload{flex-direction:column;gap:10px;display:flex}.submission-upload-label{color:#334155;align-items:center;gap:7px;font-size:12.5px;font-weight:700;display:inline-flex}.submission-upload-label svg{color:#6366f1}.submission-file-input{color:#475569;cursor:pointer;background:#fafbfc;border:1px dashed #cbd5e1;border-radius:10px;width:100%;padding:10px 12px;font-family:inherit;font-size:12.5px}.submission-file-input::file-selector-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;margin-right:12px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.submission-note{box-sizing:border-box;color:#0f172a;resize:vertical;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:44px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.submission-note:focus{border-color:#a5b4fc;outline:none;box-shadow:0 0 0 3px #6366f11a}.submission-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-self:flex-start;align-items:center;gap:8px;min-height:42px;padding:0 20px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f147}.submission-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.submission-submit-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#f1f5f9}.assignment-btn-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite asgSpin;display:inline-block}.submission-hint{color:#94a3b8;margin:0;font-size:11.5px}.submission-msg{border-radius:10px;padding:10px 13px;font-size:12.5px;font-weight:600}.submission-msg-success{color:#047857;background:#ecfdf5}.submission-msg-error{color:#b91c1c;background:#fef2f2}.submission-locked{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.submission-locked svg{color:#94a3b8;flex-shrink:0;margin-top:1px}.submission-locked-text{flex-direction:column;gap:3px;min-width:0;display:flex}.submission-locked-text strong{color:#334155;font-size:13.5px;font-weight:700}.submission-locked-text span{overflow-wrap:anywhere;font-size:12.5px;line-height:1.5}.assignments-container .assignment-status-badge.rejected{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.assignments-container .assignment-status-badge.pending{color:#64748b;background:#f1f5f9}.assignments-container .submission-status-rejected{color:#b91c1c;background:#fff5f5;border:1px solid #fecaca;border-radius:12px;align-items:flex-start;gap:10px;padding:14px;display:flex}.assignments-container .submission-status-rejected>svg{color:#dc2626;flex-shrink:0;margin-top:2px}.assignments-container .submission-status-text{flex:1;min-width:0}.assignments-container .student-assignment-feedback{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:9px;margin-top:8px;padding:11px 12px}.assignments-container .submission-status-rejected .student-assignment-feedback{border-color:#fecaca}.assignments-container .student-assignment-feedback-label{color:#475569;align-items:center;gap:7px;margin-bottom:6px;font-size:12px;font-weight:700;display:flex}.assignments-container .submission-status-rejected .student-assignment-feedback-label{color:#b91c1c}.assignments-container .student-assignment-feedback p{color:#334155;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:400;line-height:1.7}.assignments-container .student-assignment-status-note{overflow-wrap:anywhere;margin:7px 0;font-size:12px;font-weight:400;line-height:1.6}.assignments-container .student-assignment-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.assignments-container .student-assignment-refresh-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.assignments-container .student-assignment-refresh-btn:hover:not(:disabled){color:#4f46e5;background:#eef2ff;border-color:#c7d2fe}.assignments-container .student-assignment-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.assignments-container .student-assignment-refreshing{animation:.8s linear infinite studentAssignmentRefresh}@keyframes studentAssignmentRefresh{to{transform:rotate(360deg)}}.assignments-container .submission-note:focus{border-color:#a5b4fc;outline:none;box-shadow:0 0 0 3px #6366f11a}.assignments-container .student-assignment-refresh-btn:focus-visible,.assignments-container .submission-file-input:focus-visible,.assignments-container .submission-submit-btn:focus-visible{outline-offset:2px;outline:2px solid #818cf8}@media (prefers-reduced-motion:reduce){.assignments-container .student-assignment-refreshing{animation:none}}.progress-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.progress-eyebrow{color:#667eea;letter-spacing:.7px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-flex}.progress-header h1{color:#1a1a2e;margin:0;font-size:32px;font-weight:750;line-height:1.2}.progress-header p{color:#64748b;margin:8px 0 0;font-size:14px;line-height:1.6}.progress-refresh-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.progress-refresh-btn:hover:not(:disabled){color:#667eea;background:#f8faff;border-color:#667eea}.progress-refresh-btn:disabled{opacity:.7;cursor:not-allowed}.refresh-spinning{animation:.8s linear infinite progress-spin}@keyframes progress-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.progress-error{color:#991b1b;background:#fff1f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:14px;margin-bottom:24px;padding:15px 17px;display:flex}.progress-error>svg{flex-shrink:0}.progress-error div{flex:1;min-width:0}.progress-error strong{font-size:14px;display:block}.progress-error p{color:#b91c1c;margin:3px 0 0;font-size:13px}.progress-error button{color:#991b1b;cursor:pointer;background:#fff;border:1px solid #fca5a5;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:600}.progress-summary-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:14px;min-height:100px;padding:18px;display:flex}.summary-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.summary-icon.purple{color:#6366f1;background:#eef2ff}.summary-icon.blue{color:#2563eb;background:#eff6ff}.summary-icon.green{color:#059669;background:#ecfdf5}.summary-icon.orange{color:#ea580c;background:#fff7ed}.progress-summary-card strong{color:#1a1a2e;align-items:baseline;gap:2px;font-size:24px;line-height:1;display:flex}.progress-summary-card small{color:#94a3b8;font-size:14px;font-weight:600}.progress-section-title{margin-bottom:16px}.progress-section-title h2{color:#1a1a2e;margin:0;font-size:21px;font-weight:700}.progress-section-title p{color:#64748b;margin:5px 0 0;font-size:13px}.course-progress-list{flex-direction:column;gap:18px;display:flex}.course-progress-card{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;transition:all .2s}.course-progress-card:hover{border-color:#d8def5;box-shadow:0 8px 28px #0f172a0d}.course-progress-top{align-items:center;gap:14px;display:flex}.course-icon{color:#667eea;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.course-info{flex:1;min-width:0}.course-info h3{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:17px;font-weight:700;overflow:hidden}.course-info span{color:#94a3b8;margin-top:4px;font-size:12px;display:block}.course-status{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.course-status.completed{color:#047857;background:#ecfdf5}.course-status.in-progress{color:#4f46e5;background:#eef2ff}.course-status.not-started{color:#64748b;background:#f1f5f9}.course-progress-percentage-row{justify-content:space-between;align-items:center;margin-top:22px;margin-bottom:8px;display:flex}.course-progress-percentage-row span{color:#64748b;font-size:12px;font-weight:600}.course-progress-percentage-row strong{color:#1a1a2e;font-size:15px}.course-progress-track{background:#e9eef5;border-radius:999px;width:100%;height:9px;overflow:hidden}.course-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#667eea,#764ba2);min-width:0;height:100%;transition:width .45s}.course-progress-meta{color:#94a3b8;justify-content:space-between;gap:15px;margin-top:8px;font-size:11px;display:flex}.lesson-progress-list{border-top:1px solid #eef2f7;margin-top:22px;padding-top:18px}.lesson-list-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lesson-list-header h4{color:#334155;margin:0;font-size:13px;font-weight:700}.lesson-list-header span{color:#94a3b8;font-size:11px}.lesson-progress-row{border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:12px 0;display:flex}.lesson-progress-row:last-child{border-bottom:none}.lesson-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.lesson-status-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.lesson-status-icon.done{color:#059669;background:#ecfdf5}.lesson-status-icon.watching{color:#667eea;background:#eef2ff}.lesson-details{flex-direction:column;gap:3px;min-width:0;display:flex}.lesson-details strong{text-overflow:ellipsis;white-space:nowrap;color:#334155;font-size:13px;font-weight:600;overflow:hidden}.lesson-details span{color:#94a3b8;font-size:11px}.lesson-progress-right{flex-shrink:0;align-items:center;gap:10px;width:190px;display:flex}.lesson-mini-track{background:#eef2f7;border-radius:999px;flex:1;height:6px;overflow:hidden}.lesson-mini-fill{border-radius:inherit;background:#667eea;height:100%;transition:width .35s}.lesson-progress-right>strong{text-align:right;color:#475569;width:38px;font-size:11px}.course-complete-message{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:center;gap:9px;margin-top:18px;padding:11px 13px;font-size:12px;font-weight:600;display:flex}.progress-empty h2{color:#1a1a2e;margin:0;font-size:20px}.progress-empty p{color:#64748b;max-width:460px;margin:8px auto 0;font-size:13px;line-height:1.6}.progress-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:65vh;font-size:14px;display:flex}.progress-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:34px;height:34px;animation:.8s linear infinite progress-spin}@media (width<=1100px){.progress-summary-grid{grid-template-columns:repeat(2,1fr)}.lesson-progress-right{width:160px}}@media (width<=768px){.progress-page{padding:18px}.progress-header{flex-direction:column;align-items:stretch}.progress-refresh-btn{width:fit-content}.progress-header h1{font-size:26px}.progress-summary-grid{grid-template-columns:1fr}.course-progress-card{padding:18px}.course-progress-top{flex-wrap:wrap;align-items:flex-start}.course-status{margin-left:60px}.lesson-progress-row{align-items:flex-start}.lesson-progress-right{width:120px}}@media (width<=560px){.progress-page{padding:14px}.progress-header h1{font-size:23px}.progress-summary-card{min-height:88px}.course-progress-top{grid-template-columns:auto 1fr;display:grid}.course-status{grid-column:2;width:fit-content;margin-left:0}.lesson-progress-row{flex-direction:column;gap:9px}.lesson-progress-right,.lesson-left{width:100%}.course-progress-meta{flex-direction:column;gap:3px}.progress-error{flex-wrap:wrap;align-items:flex-start}.progress-error button{margin-left:34px}}@media (prefers-color-scheme:dark){.progress-page{background:#0f0f1a}.progress-header h1,.progress-section-title h2,.progress-summary-card strong,.course-info h3,.course-progress-percentage-row strong,.progress-empty h2{color:#e2e8f0}.progress-header p,.progress-section-title p,.progress-summary-card span,.course-info span,.course-progress-percentage-row span,.course-progress-meta,.lesson-list-header span,.lesson-details span,.progress-empty p{color:#94a3b8}.progress-refresh-btn,.progress-summary-card,.course-progress-card,.progress-empty{background:#1a1a2e;border-color:#2d2d44}.progress-refresh-btn{color:#cbd5e1}.progress-refresh-btn:hover:not(:disabled){background:#20203a}.course-progress-track,.lesson-mini-track{background:#2d2d44}.lesson-progress-list,.lesson-progress-row{border-color:#2d2d44}.lesson-details strong,.lesson-list-header h4{color:#e2e8f0}.course-complete-message{color:#6ee7b7;background:#064e3b;border-color:#065f46}.progress-error{background:#3f1515;border-color:#7f1d1d}.progress-error p{color:#fca5a5}}.progress-page{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.progress-container{width:100%;max-width:1400px;margin:0 auto}.progress-page-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.progress-eyebrow{letter-spacing:1.2px;color:#667085;margin-bottom:8px;font-size:12px;font-weight:700;display:inline-block}.progress-page-header h1{color:#172033;margin:0;font-size:32px;font-weight:750;line-height:1.2}.progress-page-header p{color:#667085;max-width:700px;margin:10px 0 0;font-size:15px;line-height:1.6}.progress-header-icon{color:#4f46e5;background:#eef2ff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.progress-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;align-items:center;gap:10px;margin-bottom:22px;padding:14px 16px;font-size:14px;display:flex}.progress-summary-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:32px;display:grid}.progress-summary-card{box-sizing:border-box;background:#fff;border:1px solid #eaecf0;border-radius:16px;align-items:center;gap:15px;min-height:108px;padding:20px;display:flex;box-shadow:0 4px 16px #1018280a}.progress-summary-icon{color:#4f46e5;background:#f2f4ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.progress-summary-card span{color:#667085;margin-bottom:5px;font-size:13px;font-weight:500;display:block}.progress-summary-card strong{color:#172033;font-size:25px;font-weight:750;display:block}.progress-section{width:100%}.progress-section-header{margin-bottom:18px}.progress-section-header h2{color:#172033;margin:0;font-size:22px;font-weight:700}.progress-section-header p{color:#667085;margin:6px 0 0;font-size:14px}.progress-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.progress-card{background:#fff;border:1px solid #eaecf0;border-radius:18px;min-height:220px;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 5px 18px #1018280d}.progress-card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #10182817}.progress-thumbnail{background:#eef1f6;width:220px;min-width:220px;height:auto;min-height:220px;overflow:hidden}.progress-thumbnail img{object-fit:cover;width:100%;height:100%;min-height:220px;display:block}.progress-content{flex-direction:column;flex:1;min-width:0;padding:22px;display:flex}.progress-header{align-items:center;margin-bottom:12px;display:flex}.progress-tag{color:#4f46e5;letter-spacing:.3px;background:#eef2ff;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.progress-title{color:#172033;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:19px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.progress-instructor{color:#667085;align-items:center;gap:7px;margin-bottom:16px;font-size:13px;display:flex}.progress-progress-area{margin-top:auto;margin-bottom:17px}.progress-progress-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.progress-progress-label{color:#667085;font-size:12px;font-weight:500}.progress-progress-percentage{color:#172033;font-size:13px;font-weight:750}.progress-bar{background:#eaecf0;border-radius:999px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:inherit;background:#4f46e5;height:100%;transition:width .3s}.progress-lessons{color:#98a2b3;margin-top:7px;font-size:11px}.continue-btn{color:#fff;cursor:pointer;background:#172033;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:42px;padding:10px 14px;font-size:13px;font-weight:650;transition:background .2s,transform .2s;display:inline-flex}.continue-btn:hover{background:#0f172a}.continue-btn:active{transform:scale(.98)}.progress-empty{text-align:center;background:#fff;border:1px dashed #d0d5dd;border-radius:16px;padding:55px 25px}.progress-empty-icon{color:#667085;background:#f2f4f7;border-radius:16px;justify-content:center;align-items:center;width:62px;height:62px;margin:0 auto 16px;display:flex}.progress-empty h3{color:#172033;margin:0;font-size:18px}.progress-empty p{color:#667085;margin:8px 0 0;font-size:14px}.progress-loading{color:#667085;flex-direction:column;justify-content:center;align-items:center;min-height:420px;display:flex}.progress-loading p{margin-top:12px;font-size:14px}.progress-spinner{animation:1s linear infinite progress-spin}@media (width<=1100px){.progress-list{grid-template-columns:1fr}}@media (width<=850px){.progress-summary-grid{grid-template-columns:1fr}.progress-page-header{align-items:flex-start}}@media (width<=650px){.progress-page{padding:18px}.progress-page-header h1{font-size:26px}.progress-header-icon{border-radius:13px;width:48px;height:48px}.progress-card{flex-direction:column}.progress-thumbnail{width:100%;min-width:100%;height:190px;min-height:190px}.progress-thumbnail img{min-height:190px}.progress-content{padding:18px}}.quiz-container{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.quiz-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.quiz-title{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;display:flex}.quiz-title svg{box-sizing:border-box;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;width:46px;height:46px;padding:11px;box-shadow:0 6px 16px #6366f147}.quiz-subtitle{color:#64748b;margin:6px 0 0;font-size:14px}.quiz-course-badge{color:#6366f1;font-weight:600}.quiz-header-actions{flex-wrap:wrap;gap:10px;display:flex}.quiz-back-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.quiz-back-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.quiz-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.quiz-refresh-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.refresh-spin{animation:.8s linear infinite quizSpin}.quiz-stats{background:#f8fafc;border:1px solid #0000000a;border-radius:12px;flex-wrap:wrap;align-items:center;gap:24px;margin-bottom:18px;padding:12px 18px;display:flex}.quiz-stat-item{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.quiz-stat-item svg{color:#6366f1;flex-shrink:0}.quiz-stat-item strong{color:#0f172a;font-weight:700}.quiz-list{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px;display:grid}.quiz-card{background:#fff;border:1px solid #0000000f;border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.quiz-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px #0f172a14}.quiz-card-header{align-items:flex-start;gap:13px;padding:17px 18px 12px;display:flex}.quiz-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #8b5cf647}.quiz-icon svg{color:#fff}.quiz-title-section{flex:1;min-width:0}.quiz-title-section h3{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:15.5px;font-weight:700;line-height:1.35}.quiz-module{color:#7c3aed;letter-spacing:.3px;text-transform:uppercase;align-items:center;gap:6px;margin-top:5px;font-size:11.5px;font-weight:700;display:inline-flex}.quiz-status-badge{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.quiz-status-badge.available{color:#4338ca;background:#eef2ff}.quiz-status-badge.completed{color:#047857;background:#ecfdf5}.quiz-card-body{flex-direction:column;flex:1;gap:13px;padding:8px 18px 18px;display:flex}.quiz-description{color:#475569;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.quiz-meta-grid{border-top:1px solid #f1f5f9;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:9px;padding-top:13px;display:grid}.quiz-meta-item{background:#fafbfc;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:9px 11px;display:flex}.quiz-meta-icon{color:#7c3aed;background:#f5f3ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.quiz-meta-label{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.quiz-meta-value{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;font-weight:600;display:block;overflow:hidden}.quiz-take-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:4px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f147}.quiz-take-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.quiz-take-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#f1f5f9}.quiz-progress-info{color:#64748b;align-items:center;gap:12px;font-size:13px;font-weight:600;display:flex}.quiz-exit-btn{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.quiz-exit-btn:hover{background:#fee2e2}.quiz-taking-container{max-width:800px;margin:0 auto}.quiz-progress-bar{background:#eef0f4;border-radius:999px;width:100%;height:6px;margin-bottom:24px;overflow:hidden}.quiz-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px;height:100%;transition:width .3s}.quiz-question-container{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-bottom:20px;padding:24px}.quiz-question-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.question-number{color:#6366f1;font-size:13px;font-weight:700}.question-marks{color:#94a3b8;font-size:12px;font-weight:600}.quiz-question-text{color:#0f172a;margin:0 0 20px;font-size:18px;font-weight:600}.quiz-options-list{flex-direction:column;gap:10px;display:flex}.quiz-option{cursor:pointer;color:#0f172a;text-align:left;background:#fff;border:2px solid #e8ecf3;border-radius:12px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.quiz-option:hover:not(.disabled){background:#f8faff;border-color:#a5b4fc}.quiz-option.selected{background:#eef2ff;border-color:#6366f1}.quiz-option.correct{background:#ecfdf5;border-color:#10b981}.quiz-option.wrong{background:#fef2f2;border-color:#ef4444}.quiz-option.disabled{cursor:default;opacity:.85}.option-indicator{color:#94a3b8;flex-shrink:0}.quiz-option.selected .option-indicator{color:#6366f1}.option-text{flex:1}.result-icon{flex-shrink:0}.correct-icon{color:#10b981}.wrong-icon{color:#ef4444}.quiz-navigation{justify-content:space-between;gap:12px;margin-top:8px;display:flex}.quiz-nav-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.quiz-nav-btn:hover:not(:disabled){color:#4338ca;background:#f8fafc;border-color:#c7d2fe}.quiz-nav-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-nav-btn.next{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.quiz-nav-btn.next:hover:not(:disabled){background:#e0e7ff}.quiz-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b9814d}.quiz-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.quiz-submit-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-question-dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.quiz-dot{cursor:pointer;background:0 0;border:2px solid #e2e8f0;border-radius:50%;width:12px;height:12px;padding:0;transition:all .2s}.quiz-dot.active{background:#6366f1;border-color:#6366f1}.quiz-dot.answered{background:#10b981;border-color:#10b981}.quiz-dot:hover{transform:scale(1.2)}.quiz-results-container{max-width:800px;margin:0 auto}.quiz-results-header{text-align:center;background:linear-gradient(#fbfbff 0%,#fff 60%);border:1px solid #0000000f;border-radius:16px;margin-bottom:20px;padding:36px 30px}.quiz-results-header svg{box-sizing:border-box;border-radius:50%;width:88px;height:88px;margin-bottom:18px;padding:20px}.passed-icon{color:#059669;background:#ecfdf5;box-shadow:0 0 0 8px #10b98114}.failed-icon{color:#d97706;background:#fffbeb;box-shadow:0 0 0 8px #f59e0b14}.quiz-results-header h2{color:#0f172a;letter-spacing:-.4px;margin:0 0 8px;font-size:26px;font-weight:700}.quiz-results-header p{color:#64748b;margin:0;font-size:16px}.quiz-results-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px;display:grid}.result-stat{text-align:center;background:#fff;border:1px solid #0000000f;border-radius:12px;padding:16px}.result-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.result-value{color:#0f172a;font-size:20px;font-weight:700;display:block}.result-value.passed{color:#10b981}.result-value.failed{color:#ef4444}.quiz-answers-review{background:#fff;border:1px solid #0000000f;border-radius:16px;margin-bottom:20px;padding:20px 24px}.quiz-answers-review h3{color:#0f172a;margin:0 0 16px;font-size:16px;font-weight:700}.answer-review-item{border-bottom:1px solid #f1f5f9;padding:12px 0}.answer-review-item:last-child{border-bottom:none}.answer-review-item.correct{border-left:3px solid #10b981;padding-left:12px}.answer-review-item.wrong{border-left:3px solid #ef4444;padding-left:12px}.review-question{align-items:center;gap:10px;margin-bottom:4px;display:flex}.review-q-number{color:#94a3b8;flex-shrink:0;font-size:12px;font-weight:700}.review-q-text{color:#0f172a;flex:1;font-weight:500}.review-q-status{font-size:14px}.review-answer,.review-correct-answer{color:#64748b;padding-left:28px;font-size:13px}.review-label{color:#94a3b8;font-weight:600}.no-answer{color:#ef4444;font-style:italic}.review-correct-answer{color:#10b981}.quiz-finish-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.quiz-finish-btn:hover{color:#4338ca;background:#f8fafc;border-color:#c7d2fe}.quiz-empty,.quiz-error{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:48px 20px;display:flex}.quiz-error{color:#b91c1c;background:#fef2f2;border-style:solid;border-color:#fecaca}.quiz-empty-icon{color:#cbd5e1}.quiz-empty h2{color:#334155;margin:4px 0 0;font-size:18px;font-weight:600}.quiz-empty p{max-width:420px;margin:0;font-size:14px;line-height:1.6}.quiz-empty-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;min-height:40px;margin-top:6px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.quiz-empty-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.quiz-debug-info{color:#475569;text-align:left;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;width:100%;max-width:450px;margin-top:12px;padding:12px 16px;font-size:13px}.quiz-error h2{color:#991b1b;margin:4px 0 0}.quiz-error p{color:#b91c1c}.quiz-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;min-height:40px;margin-top:6px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.quiz-retry-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.quiz-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.quiz-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite quizSpin}@keyframes quizSpin{to{transform:rotate(360deg)}}@media (width<=768px){.quiz-title{font-size:21px}.quiz-header{flex-direction:column;align-items:stretch}.quiz-header-actions{width:100%}.quiz-back-btn,.quiz-refresh-btn{flex:1;justify-content:center}.quiz-stats{gap:16px;padding:10px 14px}.quiz-stat-item{font-size:12px}.quiz-list{grid-template-columns:1fr}.quiz-meta-grid,.quiz-results-stats{grid-template-columns:1fr 1fr}.quiz-navigation{flex-wrap:wrap}.quiz-nav-btn,.quiz-submit-btn{flex:1;justify-content:center;min-height:44px}}@media (width<=480px){.quiz-card-header{flex-wrap:wrap}.quiz-meta-grid{grid-template-columns:1fr}.quiz-empty h2{font-size:16px}.quiz-stats{flex-direction:column;align-items:stretch;gap:6px}.quiz-stat-item{border-bottom:1px solid #f1f5f9;padding:4px 0}.quiz-stat-item:last-child{border-bottom:none}.quiz-results-stats{grid-template-columns:1fr}.quiz-question-text{font-size:16px}.quiz-option{padding:12px 14px;font-size:13px}.quiz-progress-info{font-size:12px}}.certificates-page{width:100%;font-family:Poppins,system-ui,sans-serif}.certificates-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.certificates-heading{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:13px;margin:0;font-size:26px;font-weight:700;display:flex}.certificates-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f147}.certificates-heading-icon svg{color:#fff}.certificate-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.certificate-refresh-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.certificates-section{margin-bottom:26px}.certificates-section-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.certificates-section-header h2,.certificates-section-header h3{color:#0f172a;align-items:center;gap:9px;margin:0;font-size:16px;font-weight:700;display:flex}.course-count{color:#475569;background:#f1f5f9;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.certificate-list{flex-direction:column;gap:13px;display:flex}.certificate-card{background:#fff;border:1px solid #0000000f;border-radius:16px;transition:transform .2s,box-shadow .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.certificate-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #0f172a14}.certificate-card-header{background:#fafbff;border-bottom:1px solid #f1f5f9;align-items:center;gap:14px;padding:16px 18px;display:flex}.certificate-course-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 12px #6366f142}.certificate-course-icon svg{color:#fff}.certificate-course-info{flex:1;min-width:0}.certificate-course-info h3,.certificate-course-info h4{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:15.5px;font-weight:700;line-height:1.35}.certificate-course-info p,.certificate-course-info span{color:#94a3b8;margin:3px 0 0;font-size:12.5px;display:block}.certificate-approved-badge,.certificate-pending-badge{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.certificate-approved-badge{color:#047857;background:#ecfdf5}.certificate-pending-badge{color:#b45309;background:#fffbeb}.certificate-card-body{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:16px 18px;display:grid}.certificate-info-item{background:#fafbfc;border:1px solid #eef0f4;border-radius:10px;min-width:0;padding:11px 13px}.certificate-info-item label,.certificate-info-item>span:first-child{color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.certificate-info-item strong,.certificate-info-item>span:last-child{color:#0f172a;overflow-wrap:anywhere;font-size:13px;font-weight:600;display:block}.certificate-card-actions{flex-wrap:wrap;align-items:center;gap:10px;padding:0 18px 18px;display:flex}.download-certificate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #10b98147}.download-certificate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #10b98166}.download-certificate-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#f1f5f9}.certificate-waiting{color:#b45309;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:center;gap:9px;width:100%;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.certificate-waiting svg{flex-shrink:0}.certificate-empty{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:240px;padding:44px 20px;display:flex}.certificate-empty-icon{color:#cbd5e1}.certificate-empty h3{color:#334155;margin:4px 0 0;font-size:17px;font-weight:600}.certificates-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.certificate-loader{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite certSpin}@keyframes certSpin{to{transform:rotate(360deg)}}@media (width<=768px){.certificates-heading{font-size:21px}.certificates-header{flex-direction:column;align-items:stretch}.certificate-refresh-btn{width:100%}.certificate-card-header{flex-wrap:wrap}.certificate-card-body{grid-template-columns:1fr}.download-certificate-btn,.apply-certificate-btn{width:100%}}.certificate-message{border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 15px;font-size:13.5px;font-weight:500;display:flex}.certificate-message.success{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.certificate-message.error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.certificate-message svg{flex-shrink:0}.certificate-message span{flex:1;min-width:0}.certificate-message button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;font-size:20px;line-height:1}.certificate-message button:hover{opacity:1}.certificate-eligible-badge,.certificate-locked-badge,.certificate-rejected-badge{letter-spacing:.3px;text-transform:uppercase;white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:6px;padding:5px 12px;font-size:10.5px;font-weight:700;display:inline-flex}.certificate-eligible-badge{color:#047857;background:#ecfdf5}.certificate-locked-badge{color:#64748b;background:#f1f5f9}.certificate-rejected-badge{color:#b91c1c;background:#fef2f2}.certificate-checking{color:#64748b;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.certificate-checking svg{animation:.75s linear infinite certSpin}.certificate-eligible-note{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;align-items:flex-start;gap:9px;width:100%;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.certificate-eligible-note svg{flex-shrink:0;margin-top:1px}.certificate-reasons{flex-direction:column;gap:7px;width:100%;margin:0;padding:0;list-style:none;display:flex}.certificate-reasons li{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:500;display:flex}.certificate-reasons svg{color:#d97706;flex-shrink:0;margin-top:1px}.certificate-rejected{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:9px;width:100%;padding:11px 14px;font-size:13px;font-weight:500;display:flex}.certificate-rejected svg{flex-shrink:0;margin-top:1px}.certificate-rejected strong{display:block}.certificate-rejected span{color:#7f1d1d;margin-top:2px;font-weight:400;display:block}.apply-certificate-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f147}.apply-certificate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.apply-certificate-btn:disabled{color:#94a3b8;box-shadow:none;cursor:not-allowed;background:#f1f5f9}.cert-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.cert-modal{background:#fff;border-radius:16px;width:100%;max-width:440px;animation:.18s certModalIn;overflow:hidden;box-shadow:0 24px 60px #0f172a40}@keyframes certModalIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cert-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.cert-modal-header h3{color:#0f172a;align-items:center;gap:9px;margin:0;font-size:16px;font-weight:700;display:flex}.cert-modal-close{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .2s;display:inline-flex}.cert-modal-close:hover:not(:disabled){background:#e2e8f0}.cert-modal-body{padding:18px}.cert-modal-body p{color:#475569;margin:0 0 14px;font-size:13.5px;line-height:1.55}.cert-modal-body label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.cert-modal-body input{color:#0f172a;border:1px solid #e2e8f0;border-radius:10px;width:100%;min-height:44px;padding:0 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.cert-modal-body input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.cert-modal-error{color:#b91c1c;align-items:center;gap:7px;margin-top:10px;font-size:12.5px;font-weight:500;display:flex}.cert-modal-error svg{flex-shrink:0}.cert-modal-footer{background:#fafbff;border-top:1px solid #f1f5f9;justify-content:flex-end;align-items:center;gap:10px;padding:14px 18px;display:flex}.cert-modal-cancel{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;min-height:42px;padding:0 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s}.cert-modal-cancel:hover:not(:disabled){background:#f8fafc}.cert-modal-confirm{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f147}.cert-modal-confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.cert-modal-confirm:disabled,.cert-modal-cancel:disabled{opacity:.6;cursor:not-allowed}.cert-modal-confirm .button-spinner{border-top-color:#fff}.notifications-container{box-sizing:border-box;color:#0f172a;background:#f8fafc;width:100%;min-height:100%;padding:24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.notifications-header{background:linear-gradient(135deg,#eef2ff 0%,#fff 58%);border:1px solid #0000000f;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:18px 22px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.notifications-header:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);width:5px;position:absolute;top:0;bottom:0;left:0}.notifications-header:after{content:"";opacity:.06;pointer-events:none;background:#6366f1;border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-50px}.notifications-heading{z-index:1;align-items:center;gap:13px;min-width:0;display:flex;position:relative}.notifications-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f147}.notifications-heading-icon svg{color:#fff}.notifications-title{z-index:1;letter-spacing:-.4px;color:#0f172a;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex;position:relative}.notifications-title svg{color:#6366f1;flex-shrink:0}.notifications-subtitle{z-index:1;color:#64748b;margin:5px 0 0;font-size:13.5px;position:relative}.unread-badge{color:#fff;background:#ef4444;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 3px 8px #ef444452}.notifications-actions{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.mark-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.mark-all-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.mark-all-btn:disabled{opacity:.55;cursor:not-allowed}.notifications-list{background:#fff;border:1px solid #0000000f;border-radius:18px;flex-direction:column;display:flex;overflow:visible;box-shadow:0 1px 3px #0000000a}.notification-item:first-child{border-radius:18px 18px 0 0}.notification-item:last-child{border-radius:0 0 18px 18px}.notification-item{align-items:flex-start;gap:15px;padding:17px 20px;transition:background .2s;display:flex;position:relative}.notification-item:not(:last-child){border-bottom:1px solid #f4f6f9}.notification-item:hover{background:#fafbff}.notification-item.unread{background:linear-gradient(90deg,#f5f7ff 0%,#fff 46%)}.notification-item.unread:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);border-radius:0 3px 3px 0;width:3px;position:absolute;top:10px;bottom:10px;left:0}.notification-item.unread:hover{background:linear-gradient(90deg,#eef2ff 0%,#fff 52%)}.notification-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;box-shadow:0 5px 13px #0f172a29;background:currentColor!important}.notification-icon svg{width:19px;height:19px;color:#fff!important;stroke:#fff!important}.notification-item:not(.unread) .notification-icon{opacity:.55;box-shadow:0 2px 6px #0f172a1a}.notification-content{cursor:pointer;flex:1;min-width:0}.notification-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.notification-top{align-items:center;gap:8px;min-width:0;display:flex}.notification-type{color:#4338ca;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;padding:3px 10px;font-size:9.5px;font-weight:700;display:inline-flex}.notification-item:not(.unread) .notification-type{color:#64748b;background:#f1f5f9}.unread-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 3px #6366f129}.notification-time{color:#a0aec0;white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:500;display:inline-flex}.notification-title{color:#0f172a;overflow-wrap:anywhere;margin:0 0 5px;font-size:14.5px;font-weight:600;line-height:1.4}.notification-item:not(.unread) .notification-title{color:#475569;font-weight:500}.notification-message{color:#64748b;overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.6}.notification-message.collapsed{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notification-message.expanded{display:block;overflow:visible}.expand-btn{color:#6366f1;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin-top:8px;padding:0;font-family:inherit;font-size:12px;font-weight:600;display:inline-flex}.expand-btn:hover{text-decoration:underline}.expand-btn svg{flex-shrink:0}.notification-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.action-btn{color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e8ecf3;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .18s;display:inline-flex}.action-btn svg{width:16px;height:16px}.read-btn:hover{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.delete-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.action-btn[data-tip]{position:relative}.action-btn[data-tip]:after{content:attr(data-tip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:20;background:#1f2937;border-radius:7px;padding:5px 9px;font-size:11px;font-weight:600;line-height:1;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(3px);box-shadow:0 4px 12px #0f172a38}.action-btn[data-tip]:before{content:"";opacity:0;pointer-events:none;z-index:20;border:5px solid #0000;border-top-color:#1f2937;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 3px);left:50%;transform:translate(-50%)translateY(3px)}.action-btn[data-tip]:hover:after,.action-btn[data-tip]:focus-visible:after,.action-btn[data-tip]:hover:before,.action-btn[data-tip]:focus-visible:before{opacity:1;transform:translate(-50%)translateY(0)}.notification-item{overflow:visible}.notification-item:hover{z-index:5}.notification-item:first-child .action-btn[data-tip]:after{top:calc(100% + 8px);bottom:auto}.notification-item:first-child .action-btn[data-tip]:before{border-top-color:#0000;border-bottom-color:#1f2937;top:calc(100% + 3px);bottom:auto}.notifications-empty,.notifications-error{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #dbe1ea;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:300px;padding:52px 20px;display:flex}.notifications-error{color:#b91c1c;background:#fef2f2;border-style:solid;border-color:#fecaca}.empty-icon{color:#a5b4fc;background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:50%;justify-content:center;align-items:center;width:66px;height:66px;display:flex}.error-icon{color:#dc2626}.notifications-empty h3{color:#334155;margin:6px 0 0;font-size:17px;font-weight:600}.notifications-empty p{max-width:340px;margin:0;font-size:13.5px;line-height:1.6}.retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;align-items:center;gap:8px;min-height:40px;margin-top:6px;padding:0 18px;font-family:inherit;font-size:13.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 12px #6366f14d}.notifications-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}@keyframes ntfSpin{to{transform:rotate(360deg)}}@media (width<=768px){.notifications-header{flex-direction:column;align-items:stretch;padding:16px 18px}.notifications-title{font-size:19px}.notifications-actions{width:100%}.mark-all-btn{flex:1;justify-content:center;min-height:42px}.notification-item{flex-wrap:wrap;gap:13px;padding:15px 16px}.notification-icon{width:38px;height:38px}.notification-header{flex-direction:column;align-items:flex-start;gap:5px}.notification-actions{justify-content:flex-end;width:100%;padding-top:2px}}@media (width<=420px){.notification-title{font-size:13.5px}.notification-message{font-size:12.5px}}@media (prefers-reduced-motion:reduce){.notification-item,.action-btn,.mark-all-btn{transition:none}}.payments-container{max-width:1000px;margin:0 auto;animation:.3s ease-in-out fadeIn}.payments-header{margin-bottom:28px}.payments-title{color:#1a1a2e;margin:0 0 6px;font-size:26px;font-weight:700}.payments-subtitle{color:#6b6b8a;margin:0;font-size:15px}.payments-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:32px;display:grid}.stat-card{background:#fff;border:1px solid #eef0f4;border-radius:12px;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.stat-icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon-wrapper.total{color:#1976d2;background:#e8f0fe}.stat-icon-wrapper.success{color:#0a9d5a;background:#e6f7ed}.stat-icon-wrapper.pending{color:#e37400;background:#fef3e2}.stat-info{flex-direction:column;display:flex}.stat-value{color:#1a1a2e;font-size:22px;font-weight:700;line-height:1.2}.stat-label{color:#6b6b8a;margin-top:2px;font-size:13px}.payments-list{flex-direction:column;gap:12px;display:flex}.payment-item{background:#fff;border:1px solid #eef0f4;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 1px 3px #0000000a}.payment-item:hover{box-shadow:0 4px 12px #0000000f}.payment-item-main{align-items:center;gap:16px;padding:16px 20px;display:flex}.payment-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.payment-icon svg{width:20px;height:20px}.payment-info{flex:1;min-width:0}.payment-top{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.payment-title{color:#1a1a2e;margin:0;font-size:15px;font-weight:600}.payment-status{border-radius:20px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:500;display:inline-flex}.payment-meta{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.meta-item{color:#6b6b8a;align-items:center;gap:4px;font-size:13px;display:flex}.payment-amount{flex-shrink:0;align-items:center;gap:8px;display:flex}.amount{color:#1a1a2e;font-size:18px;font-weight:700}.expand-btn-sm{cursor:pointer;color:#6b6b8a;background:#f5f7fa;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.expand-btn-sm:hover{background:#e8ecf1}.payment-details{border-top:1px solid #f0f2f5;padding:16px 20px 20px;animation:.2s slideDown}.details-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.detail-item{flex-direction:column;display:flex}.detail-label{color:#6b6b8a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.detail-value{color:#1a1a2e;word-break:break-all;margin-top:2px;font-size:14px;font-weight:500}.details-actions{border-top:1px solid #f0f2f5;flex-wrap:wrap;gap:10px;padding-top:12px;display:flex}.detail-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.invoice-btn{color:#1a1a2e;background:#f5f7fa}.invoice-btn:hover{background:#e8ecf1}.view-btn{color:#fff;background:#1976d2}.view-btn:hover{background:#1557b0}.payments-loading{flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-spinner{border:3px solid #eef0f4;border-top-color:#1976d2;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.payments-loading p{color:#6b6b8a;margin-top:16px;font-size:15px}.payments-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.error-icon{color:#dc3545;margin-bottom:16px}.payments-error h3{color:#1a1a2e;margin:0 0 8px;font-size:20px}.payments-error p{color:#6b6b8a;margin:0 0 20px}.retry-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;padding:10px 32px;font-size:14px;font-weight:500;transition:all .2s}.retry-btn:hover{background:#1557b0}.payments-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:40px 20px;display:flex}.empty-icon{margin-bottom:16px;font-size:64px}.payments-empty h2{color:#1a1a2e;margin:0 0 12px;font-size:24px}.payments-empty p{color:#6b6b8a;max-width:480px;margin:0 0 24px;font-size:16px}.browse-btn{color:#fff;background:#1976d2;border-radius:8px;padding:12px 36px;font-size:16px;font-weight:500;text-decoration:none;transition:all .2s}.browse-btn:hover{background:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}@media (width<=1024px){.payments-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.payments-title{font-size:22px}.payments-stats{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:14px 16px}.stat-value{font-size:18px}.payment-item-main{flex-wrap:wrap;padding:14px 16px}.payment-icon{width:36px;height:36px}.payment-icon svg{width:16px;height:16px}.payment-title{font-size:14px}.payment-amount{justify-content:flex-end;width:100%}.payment-meta{gap:10px}.meta-item{font-size:12px}.details-grid{grid-template-columns:1fr 1fr}.details-actions{flex-direction:column}.detail-btn{justify-content:center;width:100%}}@media (width<=480px){.payments-title{font-size:20px}.payments-subtitle{font-size:14px}.payments-stats{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:12px 14px}.stat-icon-wrapper{width:36px;height:36px}.stat-icon-wrapper svg{width:16px;height:16px}.stat-value{font-size:16px}.stat-label{font-size:11px}.payment-item-main{padding:12px}.payment-top{flex-direction:column;align-items:flex-start}.payment-status{font-size:11px}.details-grid{grid-template-columns:1fr}.amount{font-size:16px}.payment-details{padding:12px 14px 16px}}.student-profile-page{box-sizing:border-box;background:#f8fafc;min-height:100%;padding:28px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif}.student-profile-page *,.student-profile-page :before,.student-profile-page :after{box-sizing:border-box}.student-profile-container{width:100%;max-width:1000px;margin:0 auto}.student-profile-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.student-profile-heading{align-items:center;gap:13px;min-width:0;display:flex}.student-profile-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 20px #6366f133}.student-profile-header h1{color:#0f172a;letter-spacing:-.5px;margin:0;font-size:26px;font-weight:700;line-height:1.2}.student-subtitle{color:#64748b;margin:5px 0 0;font-size:13px;font-weight:400}.student-profile-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.student-btn-primary,.student-btn-secondary{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,transform .2s;display:inline-flex}.student-btn-primary{color:#fff;background:#6366f1;border:1px solid #6366f1;box-shadow:0 4px 12px #6366f12e}.student-btn-primary:hover:not(:disabled){background:#4f46e5;border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f140}.student-btn-secondary{color:#475569;background:#fff;border:1px solid #e2e8f0}.student-btn-secondary:hover:not(:disabled){color:#334155;background:#f8fafc;border-color:#cbd5e1}.student-btn-primary:disabled,.student-btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.student-alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:13px;font-weight:500;display:flex}.student-alert-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.student-alert-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.student-profile-grid{flex-direction:column;gap:18px;display:flex}.student-profile-image-section{background:linear-gradient(135deg,#eef2ff 0%,#fff 55%);border:1px solid #0000000f;border-radius:20px;flex-wrap:wrap;align-items:center;gap:24px;padding:26px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.student-profile-image-section:before{content:"";background:linear-gradient(#6366f1,#8b5cf6);width:5px;position:absolute;top:0;bottom:0;left:0}.student-profile-image-section:after{content:"";opacity:.06;pointer-events:none;background:#6366f1;border-radius:50%;width:210px;height:210px;position:absolute;top:-70px;right:-60px}.student-profile-image-container{z-index:1;flex-wrap:wrap;flex:320px;align-items:center;gap:20px;min-width:0;display:flex;position:relative}.student-profile-image-wrapper{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:4px solid #fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:104px;height:104px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #0f172a24}.student-profile-image-wrapper>img{object-fit:cover;z-index:2;border-radius:50%;width:100%;height:100%;display:block;position:absolute;inset:0}.student-profile-image-placeholder{color:#fff;z-index:1;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.student-initials{letter-spacing:.5px;font-size:30px;font-weight:700}.student-profile-image-overlay{z-index:5;opacity:0;background:#0f172ab8;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:8px;transition:opacity .2s;display:flex;position:absolute;inset:0}.student-profile-image-wrapper:hover .student-profile-image-overlay{opacity:1}.student-upload-btn{color:#fff;cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:10px;font-weight:600;display:flex}.student-profile-image-overlay input[type=file]{display:none}.student-remove-image-btn{color:#fff;cursor:pointer;background:#dc2626e6;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.student-remove-image-btn:hover{background:#dc2626}.student-profile-identity{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.student-profile-name{color:#0f172a;letter-spacing:-.4px;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700}.student-profile-role-badge{color:#4f46e5;text-transform:uppercase;letter-spacing:.3px;background:#eef2ff;border-radius:999px;align-items:center;gap:6px;margin-top:9px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.student-profile-joined{color:#64748b;align-items:center;gap:6px;margin-top:8px;font-size:12px;font-weight:500;display:inline-flex}.student-profile-quick-actions{z-index:1;flex-flow:wrap;flex:none;align-items:center;gap:10px;display:flex;position:relative}.student-quick-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-width:150px;min-height:38px;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.student-quick-action-btn:hover{color:#4f46e5;background:#eef2ff;border-color:#c7d2fe;transform:translateY(-1px)}.student-danger-action:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.student-profile-details-section{width:100%}.student-details-card{background:#fff;border:1px solid #0000000f;border-radius:20px;width:100%;padding:24px 26px;box-shadow:0 1px 3px #0f172a0a}.student-details-card h3{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:9px;margin:0 0 20px;padding-bottom:14px;font-size:16px;font-weight:700;display:flex}.student-details-card h3 svg{color:#6366f1}.student-details-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.student-detail-field{flex-direction:column;gap:7px;min-width:0;display:flex}.student-detail-field label{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:600;display:flex}.student-detail-field input,.student-detail-field textarea{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:9px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .2s,box-shadow .2s}.student-detail-field input:focus,.student-detail-field textarea:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.student-detail-field textarea{resize:vertical;min-height:110px;line-height:1.6}.student-full-width{grid-column:1/-1}.student-field-value{color:#334155;overflow-wrap:anywhere;background:#f8fafc;border:1px solid #eef2f7;border-radius:9px;align-items:center;min-height:42px;padding:10px 13px;font-size:13px;display:flex}.student-role-value{color:#4f46e5;gap:7px;font-weight:600}.student-bio-value{white-space:pre-wrap;align-items:flex-start;min-height:90px;line-height:1.6}.student-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a7a;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.student-password-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(480px,100%);overflow:hidden;box-shadow:0 25px 60px #0f172a33}.student-modal-header{border-bottom:1px solid #eef2f7;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 22px;display:flex}.student-modal-header h2{color:#0f172a;margin:0;font-size:18px;font-weight:700}.student-modal-header p{color:#64748b;margin:5px 0 0;font-size:12px}.student-modal-close{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.student-modal-close:hover{color:#334155;background:#f8fafc}.student-modal-body{flex-direction:column;gap:17px;padding:22px;display:flex}.student-password-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.student-password-field{flex-direction:column;gap:7px;display:flex}.student-password-field label{color:#475569;font-size:12px;font-weight:600}.student-password-input{align-items:center;display:flex;position:relative}.student-password-input input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:9px;outline:none;width:100%;height:42px;padding:10px 42px 10px 13px;font-family:inherit;font-size:13px}.student-password-input input:focus{border-color:#818cf8;box-shadow:0 0 0 3px #6366f11a}.student-password-input button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:5px}.student-password-input button:hover{color:#475569;background:#f1f5f9}.student-field-error{color:#dc2626;font-size:11px}.student-modal-footer{background:#fafbfc;border-top:1px solid #eef2f7;justify-content:flex-end;align-items:center;gap:10px;padding:16px 22px;display:flex}.student-spinning{animation:.9s linear infinite studentSpin}@keyframes studentSpin{to{transform:rotate(360deg)}}@media (width<=900px){.student-profile-page{padding:22px}.student-profile-image-section{align-items:flex-start}.student-profile-quick-actions{width:100%}.student-quick-action-btn{flex:150px}}@media (width<=768px){.student-profile-page{padding:16px}.student-profile-header{flex-direction:column;align-items:stretch}.student-profile-actions{width:100%}.student-profile-actions button{flex:1}.student-profile-heading-icon{width:42px;height:42px}.student-profile-header h1{font-size:22px}.student-profile-image-section{flex-direction:column;align-items:stretch;padding:22px}.student-profile-image-container{flex:none;justify-content:flex-start;width:100%}.student-profile-quick-actions{width:100%}.student-quick-action-btn{flex:100%;width:100%}.student-details-grid{grid-template-columns:1fr}.student-full-width{grid-column:auto}.student-details-card{padding:20px}}@media (width<=480px){.student-profile-page{padding:12px}.student-profile-actions{flex-direction:column}.student-profile-actions button{width:100%}.student-profile-image-container{text-align:center;flex-direction:column;align-items:center}.student-profile-identity{align-items:center;width:100%}.student-profile-image-wrapper{width:120px;height:120px}.student-profile-name{font-size:20px}.student-details-card{padding:16px}.student-modal-overlay{padding:12px}.student-modal-footer{flex-direction:column}.student-modal-footer button{width:100%}}@media (prefers-reduced-motion:reduce){.student-btn-primary,.student-btn-secondary,.student-quick-action-btn,.student-profile-image-overlay,.student-password-input input{transition:none}.student-spinning{animation:none}}.reviews-page{width:100%;font-family:Poppins,system-ui,sans-serif}.reviews-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.reviews-heading{letter-spacing:-.5px;color:#0f172a;align-items:center;gap:13px;margin:0;font-size:26px;font-weight:700;display:flex}.reviews-heading-icon{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 6px 16px #6366f147}.reviews-heading-icon svg{color:#fff}.reviews-refresh-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.reviews-refresh-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.reviews-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:22px;display:grid}.summary-card{background:#fff;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:14px;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px #0f172a17}.summary-icon{color:#fff;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex;box-shadow:0 5px 13px #0f172a1f}.summary-icon svg{color:#fff}.summary-icon.blue{background:#2563eb}.summary-icon.green{background:#10b981}.summary-icon.orange{background:#f59e0b}.summary-icon.purple{background:#8b5cf6}.summary-card h3,.summary-card strong{color:#0f172a;letter-spacing:-.4px;margin:0;font-size:23px;font-weight:700;line-height:1.15;display:block}.summary-card p,.summary-card span{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin:4px 0 0;font-size:12px;font-weight:500;display:block}.review-tabs{background:#fff;border:1px solid #e8ecf3;border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:inline-flex}.review-tabs button{color:#64748b;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:7px;padding:9px 17px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.review-tabs button:hover{color:#0f172a;background:#f6f7fb}.review-tabs button.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f147}.courses-card{background:#fff;border:1px solid #0000000f;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.courses-card-header{background:#fafbff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.courses-title{color:#0f172a;align-items:center;gap:9px;margin:0;font-size:15px;font-weight:700;display:flex}.course-list{flex-direction:column;display:flex}.course-review-card{border-bottom:1px solid #f4f6f9;align-items:flex-start;gap:14px;padding:16px 18px;transition:background .2s;display:flex}.course-review-card:last-child{border-bottom:none}.course-review-card:hover{background:#fafbff}.course-thumbnail{background:#f1f5f9;border-radius:10px;flex-shrink:0;width:74px;height:54px;overflow:hidden}.course-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.thumbnail-placeholder{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.course-review-content{flex:1;min-width:0}.course-review-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.course-review-top h3,.course-review-top h4{color:#0f172a;overflow-wrap:anywhere;margin:0;font-size:14.5px;font-weight:700}.review-stars,.rating-display{color:#eab308;align-items:center;gap:3px;display:inline-flex}.rating-label{color:#64748b;margin-left:6px;font-size:12.5px;font-weight:600}.review-star-box{color:#b45309;background:#fffbeb;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.existing-review{background:#fafbfc;border:1px solid #eef0f4;border-left:3px solid #6366f1;border-radius:0 12px 12px 0;margin-top:11px;padding:13px 15px}.existing-review-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.review-comment{color:#475569;overflow-wrap:anywhere;margin:0;font-size:13.5px;line-height:1.6}.review-date{color:#94a3b8;font-size:11.5px}.review-actions{align-items:center;gap:8px;margin-top:11px;display:flex}.edit-review-btn,.delete-review-btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:9px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.edit-review-btn:hover{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.delete-review-btn:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.mentor-reply{color:#065f46;background:#ecfdf5;border-left:3px solid #10b981;border-radius:0 10px 10px 0;margin-top:11px;padding:12px 14px;font-size:13px;line-height:1.6}.write-review-area{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:11px;display:flex}.write-review-info{color:#94a3b8;font-size:12.5px}.write-review-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #6366f147}.write-review-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #6366f166}.review-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;justify-content:center;align-items:flex-start;padding:40px 20px;animation:.18s revFade;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes revFade{0%{opacity:0}to{opacity:1}}.review-modal{background:#fff;border-radius:16px;width:min(560px,100%);margin:auto;animation:.22s revIn;box-shadow:0 24px 60px #0f172a47}@keyframes revIn{0%{opacity:0;transform:translateY(-12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.review-modal-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;display:flex}.review-modal-header h2,.review-modal-header h3{color:#0f172a;margin:0;font-size:18px;font-weight:700}.review-form{padding:20px 22px}.form-group{margin-bottom:16px}.form-group label{color:#374151;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.rating-selector{align-items:center;gap:6px;display:flex}.rating-selector button,.rating-selector svg{color:#e2e8f0;cursor:pointer;background:0 0;border:none;transition:transform .15s,color .15s}.rating-selector button:hover{transform:scale(1.15)}.rating-selector button.active svg,.rating-selector svg.active{color:#eab308}.review-form textarea{color:#0f172a;resize:vertical;background:#f8fafc;border:1.5px solid #e5e7eb;border-radius:12px;outline:none;width:100%;min-height:130px;padding:14px 15px;font-family:inherit;font-size:14px;line-height:1.65;transition:border .15s,box-shadow .15s,background .15s}.review-form textarea::placeholder{color:#94a3b8}.review-form textarea:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.character-count{color:#94a3b8;text-align:right;margin-top:6px;font-size:11.5px;display:block}.modal-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:14px;padding:10px 13px;font-size:13px}.modal-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:10px;padding-top:16px;display:flex}.submit-btn,.cancel-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.submit-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #6366f14d}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #6366f16b}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-btn{color:#475569;background:#fff;border-color:#e5e7eb}.cancel-btn:hover{background:#f8fafc}.button-spinner{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.7s linear infinite revSpin;display:inline-block}.reviews-alert{border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 15px;font-size:13.5px;display:flex}.reviews-alert>div{align-items:center;gap:9px;display:flex}.reviews-alert svg{flex-shrink:0}.reviews-alert.success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.reviews-alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.reviews-empty{color:#94a3b8;text-align:center;background:#fff;border:1px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:260px;padding:48px 20px;display:flex}.empty-icon{color:#cbd5e1}.reviews-empty h3{color:#334155;margin:4px 0 0;font-size:17px;font-weight:600}.reviews-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:320px;display:flex}.reviews-spinner{border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:36px;height:36px;animation:.75s linear infinite revSpin}@keyframes revSpin{to{transform:rotate(360deg)}}@media (width<=768px){.reviews-heading{font-size:21px}.reviews-header{flex-direction:column;align-items:stretch}.reviews-refresh-btn{width:100%}.reviews-summary{grid-template-columns:1fr}.review-tabs{width:100%}.review-tabs button{flex:1;justify-content:center}.course-review-card{flex-wrap:wrap}.course-thumbnail{width:100%;height:120px}.write-review-area{flex-direction:column;align-items:stretch}.write-review-btn{justify-content:center;width:100%;min-height:44px}.review-modal-overlay{padding:12px}.review-modal{max-height:calc(100vh - 24px);overflow-y:auto}.modal-actions{flex-direction:column-reverse}.modal-actions>button{width:100%;min-height:44px}}.student-sidebar{--sb-bg:#fff;--sb-border:#eef0f4;--sb-text:#64748b;--sb-text-hover:#111827;--sb-active-bg:#eef2ff;--sb-active-text:#4f46e5;--sb-category:#a0aec0;--sb-hover-bg:#f6f7fb;z-index:999;width:var(--admin-sidebar-width,260px);background:var(--sb-bg);border-right:1px solid var(--sb-border);flex-direction:column;height:100vh;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0}.student-sidebar .sidebar-header{height:var(--admin-header-height,68px);border-bottom:1px solid var(--sb-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.student-sidebar .logo-container{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.student-sidebar .logo-icon{color:#111827;letter-spacing:-1px;background:#ffbd22;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;display:flex;box-shadow:0 7px 18px #ffbd2247}.student-sidebar .logo-text{flex-direction:column;justify-content:center;min-width:0;max-width:170px;display:flex}.student-sidebar .logo-title{color:#172033;letter-spacing:.2px;white-space:nowrap;margin:0;font-size:15px;font-weight:700;line-height:1.15;display:block}.student-sidebar .logo-student-name{text-overflow:ellipsis;white-space:nowrap;color:#64748b;letter-spacing:.8px;text-transform:uppercase;max-width:170px;margin-top:4px;font-size:10px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.student-sidebar .sidebar-nav{flex:1;min-height:0;padding:16px 12px;overflow:hidden auto}.student-sidebar .sidebar-nav::-webkit-scrollbar{width:6px}.student-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#dfe3ec;border-radius:999px}.student-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd2e0}.student-sidebar .sidebar-nav::-webkit-scrollbar-track{background:0 0}.student-sidebar .nav-category{color:var(--sb-category);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:16px 12px 8px;font-size:10px;font-weight:600}.student-sidebar .sidebar-nav>div:first-child .nav-category{padding-top:4px}.student-sidebar .nav-item{width:100%;color:var(--sb-text);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.student-sidebar .nav-icon{color:#94a3b8;flex-shrink:0;width:19px;height:19px;transition:color .2s;display:flex}.student-sidebar .nav-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.student-sidebar .nav-item:hover{background:var(--sb-hover-bg);color:var(--sb-text-hover)}.student-sidebar .nav-item:hover .nav-icon{color:#6366f1}.student-sidebar .nav-item.active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600}.student-sidebar .nav-item.active .nav-icon{color:var(--sb-active-text)}.student-sidebar .nav-item.active:before{content:"";background:#6366f1;border-radius:0 6px 6px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.student-sidebar .sidebar-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:12px}.student-sidebar .logout-btn{border:1px solid var(--admin-border,#e5e7eb);width:100%;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:flex}.student-sidebar .logout-btn .nav-icon{color:var(--admin-text-muted,#94a3b8);flex-shrink:0;transition:color .2s}.student-sidebar .logout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.student-sidebar .logout-btn:hover .nav-icon{color:#dc2626}.student-sidebar.collapsed{width:var(--admin-sidebar-collapsed-width,76px)}.student-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.student-sidebar.collapsed .logo-text,.student-sidebar.collapsed .nav-label,.student-sidebar.collapsed .nav-category,.student-sidebar.collapsed .logout-btn span{display:none}.student-sidebar.collapsed .nav-item,.student-sidebar.collapsed .logout-btn{justify-content:center;padding-left:0;padding-right:0}.student-sidebar.collapsed .nav-item:after{content:attr(data-title);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#1f2937;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 12px #0f172a2e}.student-sidebar.collapsed .nav-item:hover:after{opacity:1}@media (width<=900px){.student-sidebar{box-shadow:none;transform:translate(-100%)}.student-sidebar.mobile-open{transform:translate(0);box-shadow:0 12px 30px #0f172a1f}.student-sidebar.collapsed{width:var(--admin-sidebar-width,260px)}.student-sidebar.collapsed .logo-text,.student-sidebar.collapsed .nav-label,.student-sidebar.collapsed .nav-category,.student-sidebar.collapsed .logout-btn span{display:block}.student-sidebar.collapsed .nav-item,.student-sidebar.collapsed .logout-btn{justify-content:flex-start;padding-left:12px;padding-right:12px}.student-sidebar.collapsed .sidebar-header{justify-content:space-between;padding:0 20px}.student-sidebar.collapsed .logo-title,.student-sidebar.collapsed .logo-student-name{display:block}}@media (width<=600px){.student-sidebar,.student-sidebar.collapsed{width:min(var(--admin-sidebar-width,260px), 85vw)}.student-sidebar .logo-text,.student-sidebar .logo-student-name{max-width:150px}}@media (prefers-reduced-motion:reduce){.student-sidebar,.student-sidebar .nav-item,.student-sidebar .logout-btn,.student-sidebar .nav-icon{transition:none}}@media (width>=901px){.student-sidebar.collapsed .sidebar-header{box-sizing:border-box;width:100%;justify-content:center!important;align-items:center!important;gap:0!important;padding-left:0!important;padding-right:0!important;display:flex!important}.student-sidebar.collapsed .sidebar-header .logo-container{justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.student-sidebar.collapsed .sidebar-header .logo-icon{box-sizing:border-box;flex:0 0 42px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}.student-sidebar.collapsed .sidebar-header .logo-text{display:none!important}}.student-header{z-index:900;height:var(--admin-header-height,68px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--admin-border-light,#eef0f4);background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;display:flex;position:sticky;top:0}.sh-left{align-items:center;gap:12px;min-width:0;display:flex}.sh-menu-btn{border:1px solid var(--admin-border,#e5e7eb);width:38px;height:38px;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:none}.sh-menu-btn:hover{color:var(--admin-text,#111827);background:#f8fafc}.sh-collapse-btn{border:1px solid var(--admin-border,#e5e7eb);width:38px;height:38px;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.sh-collapse-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sh-breadcrumb{align-items:center;gap:6px;min-width:0;display:flex}.sh-breadcrumb-parent{color:var(--admin-text-muted,#94a3b8);white-space:nowrap;font-size:13px;font-weight:500}.sh-breadcrumb-sep{color:var(--admin-text-light,#cbd5e1);flex-shrink:0}.sh-breadcrumb-current{color:var(--admin-text,#111827);letter-spacing:-.2px;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.sh-right{align-items:center;gap:12px;display:flex}.sh-icon-btn{border:1px solid var(--admin-border,#e5e7eb);width:40px;height:40px;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.sh-icon-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.sh-badge{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.sh-profile-wrapper{position:relative}.sh-profile{border:1px solid var(--admin-border,#e5e7eb);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:12px;padding:5px 10px 5px 5px;transition:all .2s;display:flex}.sh-profile:hover{background:#f8fafc;border-color:#d1d5db}.sh-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.sh-profile-info{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}.sh-profile-name{color:var(--admin-text,#111827);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.sh-profile-role{color:var(--admin-text-muted,#94a3b8);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:500}.sh-profile-arrow{color:var(--admin-text-muted,#94a3b8);flex-shrink:0;transition:transform .2s}.sh-profile-arrow.open{transform:rotate(180deg)}.sh-profile-dropdown{z-index:950;border:1px solid var(--admin-border-light,#eef0f4);background:#fff;border-radius:12px;width:260px;padding:6px;animation:.16s shDropdownIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 30px #0f172a1f}@keyframes shDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.sh-dropdown-user{align-items:center;gap:12px;padding:12px;display:flex}.sh-dropdown-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.sh-dropdown-user>div:last-child{min-width:0}.sh-dropdown-user h4{color:var(--admin-text,#111827);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.sh-dropdown-user span{color:var(--admin-text-muted,#94a3b8);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sh-dropdown-divider{background:var(--admin-border-light,#eef0f4);height:1px;margin:4px 0}.sh-dropdown-item{width:100%;color:var(--admin-text-secondary,#475569);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sh-dropdown-item svg{color:var(--admin-text-muted,#94a3b8);flex-shrink:0;transition:color .2s}.sh-dropdown-item:hover{color:#6366f1;background:#eef2ff}.sh-dropdown-item:hover svg{color:#6366f1}.sh-dropdown-logout:hover{color:#dc2626;background:#fee2e2}.sh-dropdown-logout:hover svg{color:#dc2626}@media (width<=900px){.student-header{padding:0 16px}.sh-menu-btn{display:flex}.sh-collapse-btn{display:none}}@media (width<=600px){.sh-breadcrumb-parent,.sh-breadcrumb-sep{display:none}.sh-breadcrumb-current{font-size:14px}.sh-profile-info{display:none}.sh-profile{border-radius:50%;padding:4px}.sh-profile-arrow{display:none}.sh-profile-dropdown{width:min(280px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.sh-profile-dropdown{animation:none}.sh-icon-btn,.sh-profile,.sh-dropdown-item,.sh-profile-arrow{transition:none}}:root{--admin-primary:#6366f1;--admin-primary-hover:#4f46e5;--admin-primary-light:#eef2ff;--admin-primary-soft:#f5f3ff;--admin-secondary:#7c3aed;--admin-secondary-light:#f5f3ff;--admin-success:#16a34a;--admin-success-light:#dcfce7;--admin-warning:#d97706;--admin-warning-light:#fef3c7;--admin-danger:#dc2626;--admin-danger-hover:#b91c1c;--admin-danger-light:#fee2e2;--admin-info:#2563eb;--admin-info-light:#dbeafe;--admin-bg:#f6f7fb;--admin-bg-subtle:#f8fafc;--admin-surface:#fff;--admin-surface-hover:#fafbff;--admin-sidebar-bg:#111827;--admin-sidebar-bg-secondary:#172033;--admin-sidebar-text:#94a3b8;--admin-sidebar-text-hover:#fff;--admin-sidebar-active:#6366f124;--admin-sidebar-border:#ffffff12;--admin-text:#111827;--admin-text-secondary:#475569;--admin-text-muted:#94a3b8;--admin-text-light:#cbd5e1;--admin-border:#e5e7eb;--admin-border-light:#eef0f4;--admin-border-dark:#d1d5db;--admin-space-1:4px;--admin-space-2:8px;--admin-space-3:12px;--admin-space-4:16px;--admin-space-5:20px;--admin-space-6:24px;--admin-space-7:28px;--admin-space-8:32px;--admin-space-10:40px;--admin-space-12:48px;--admin-space-16:64px;--admin-radius-sm:6px;--admin-radius-md:8px;--admin-radius-lg:12px;--admin-radius-xl:16px;--admin-radius-2xl:20px;--admin-radius-full:999px;--admin-shadow-xs:0 1px 2px #0f172a0a;--admin-shadow-sm:0 1px 3px #0f172a0f, 0 1px 2px #0f172a0a;--admin-shadow-md:0 4px 12px #0f172a14;--admin-shadow-lg:0 12px 30px #0f172a1f;--admin-shadow-modal:0 20px 60px #0f172a2e;--admin-sidebar-width:260px;--admin-sidebar-collapsed-width:76px;--admin-header-height:68px;--admin-transition-fast:.15s ease;--admin-transition:.2s ease;--admin-transition-slow:.3s ease;--admin-font:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--admin-font-xs:11px;--admin-font-sm:12px;--admin-font-md:13px;--admin-font-base:14px;--admin-font-lg:16px;--admin-font-xl:18px;--admin-font-2xl:22px;--admin-font-3xl:28px;--admin-line-height:1.5}.admin-layout,.admin-layout *{box-sizing:border-box}.admin-layout{font-family:var(--admin-font);color:var(--admin-text);background:var(--admin-bg);font-size:var(--admin-font-base);line-height:var(--admin-line-height)}.admin-layout button,.admin-layout input,.admin-layout select,.admin-layout textarea{font-family:inherit}.admin-layout button{-webkit-tap-highlight-color:transparent}.admin-layout a{color:inherit}.admin-page-header{justify-content:space-between;align-items:flex-start;gap:var(--admin-space-4);margin-bottom:var(--admin-space-6);display:flex}.admin-page-title{color:var(--admin-text);font-size:var(--admin-font-3xl);letter-spacing:-.5px;margin:0;font-weight:700;line-height:1.25}.admin-page-description{color:var(--admin-text-muted);font-size:var(--admin-font-md);margin:6px 0 0}.admin-card{background:var(--admin-surface);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-sm)}.admin-card-padded{padding:var(--admin-space-6)}.admin-card-header{justify-content:space-between;align-items:center;gap:var(--admin-space-4);padding:var(--admin-space-5) var(--admin-space-6);border-bottom:1px solid var(--admin-border-light);display:flex}.admin-card-title{font-size:var(--admin-font-lg);color:var(--admin-text);margin:0;font-weight:600}.admin-card-subtitle{color:var(--admin-text-muted);font-size:var(--admin-font-sm);margin:3px 0 0}.admin-card-body{padding:var(--admin-space-6)}.admin-stat-grid{gap:var(--admin-space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.admin-stat-card{padding:var(--admin-space-5);background:var(--admin-surface);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);box-shadow:var(--admin-shadow-sm);transition:transform var(--admin-transition), box-shadow var(--admin-transition);position:relative;overflow:hidden}.admin-stat-card:hover{box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.admin-stat-icon{border-radius:var(--admin-radius-lg);background:var(--admin-primary-light);width:42px;height:42px;color:var(--admin-primary);justify-content:center;align-items:center;display:flex}.admin-stat-label{margin-top:var(--admin-space-4);color:var(--admin-text-muted);font-size:var(--admin-font-sm);font-weight:500}.admin-stat-value{color:var(--admin-text);margin-top:3px;font-size:26px;font-weight:700;line-height:1.2}.admin-btn{justify-content:center;align-items:center;gap:var(--admin-space-2);border-radius:var(--admin-radius-md);min-height:38px;font-size:var(--admin-font-md);cursor:pointer;white-space:nowrap;transition:background var(--admin-transition), border-color var(--admin-transition), color var(--admin-transition), box-shadow var(--admin-transition), transform var(--admin-transition);border:1px solid #0000;padding:8px 16px;font-weight:600;display:inline-flex}.admin-btn:disabled{opacity:.55;cursor:not-allowed}.admin-btn-primary{background:var(--admin-primary);color:#fff;border-color:var(--admin-primary)}.admin-btn-primary:hover:not(:disabled){background:var(--admin-primary-hover);border-color:var(--admin-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #6366f140}.admin-btn-secondary{color:var(--admin-text-secondary);border-color:var(--admin-border);background:#fff}.admin-btn-secondary:hover:not(:disabled){background:var(--admin-bg-subtle);border-color:var(--admin-border-dark)}.admin-btn-danger{background:var(--admin-danger);color:#fff;border-color:var(--admin-danger)}.admin-btn-danger:hover:not(:disabled){background:var(--admin-danger-hover)}.admin-btn-ghost{color:var(--admin-text-secondary);background:0 0;border-color:#0000}.admin-btn-ghost:hover:not(:disabled){background:var(--admin-bg-subtle);color:var(--admin-text)}.admin-btn-sm{min-height:32px;font-size:var(--admin-font-sm);padding:6px 11px}.admin-btn-lg{min-height:44px;font-size:var(--admin-font-base);padding:10px 20px}.admin-icon-btn{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:var(--admin-surface);width:36px;height:36px;color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);justify-content:center;align-items:center;padding:0;display:inline-flex}.admin-icon-btn:hover{background:var(--admin-bg-subtle);color:var(--admin-text);border-color:var(--admin-border-dark)}.admin-icon-btn.danger:hover{background:var(--admin-danger-light);color:var(--admin-danger);border-color:#fecaca}.admin-icon-btn.edit:hover{background:var(--admin-info-light);color:var(--admin-info);border-color:#bfdbfe}.admin-icon-btn.success:hover{background:var(--admin-success-light);color:var(--admin-success);border-color:#bbf7d0}.admin-table-container{background:var(--admin-surface);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);width:100%;box-shadow:var(--admin-shadow-sm);overflow:hidden}.admin-table-scroll{width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:700px}.admin-table th{background:var(--admin-bg-subtle);border-bottom:1px solid var(--admin-border);color:var(--admin-text-muted);font-size:var(--admin-font-xs);text-align:left;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:13px 18px;font-weight:600}.admin-table td{border-bottom:1px solid var(--admin-border-light);color:var(--admin-text-secondary);font-size:var(--admin-font-md);padding:14px 18px}.admin-table tbody tr{transition:background var(--admin-transition-fast)}.admin-table tbody tr:hover{background:#fafbff}.admin-table tbody tr:last-child td{border-bottom:none}.admin-badge{border-radius:var(--admin-radius-full);min-height:24px;font-size:var(--admin-font-xs);white-space:nowrap;justify-content:center;align-items:center;gap:5px;padding:3px 9px;font-weight:600;line-height:1;display:inline-flex}.admin-badge-success{background:var(--admin-success-light);color:#15803d}.admin-badge-warning{background:var(--admin-warning-light);color:#a16207}.admin-badge-danger{background:var(--admin-danger-light);color:#b91c1c}.admin-badge-info{background:var(--admin-info-light);color:#1d4ed8}.admin-badge-neutral{color:#475569;background:#f1f5f9}.admin-badge-primary{background:var(--admin-primary-light);color:#4f46e5}.status-badge{border-radius:var(--admin-radius-full);min-height:24px;font-size:var(--admin-font-xs);white-space:nowrap;justify-content:center;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.status-badge.active,.status-badge.completed,.status-badge.published{background:var(--admin-success-light);color:#15803d}.status-badge.inactive,.status-badge.draft{background:var(--admin-warning-light);color:#a16207}.status-badge.suspended,.status-badge.failed{background:var(--admin-danger-light);color:#b91c1c}.status-badge.pending{background:var(--admin-info-light);color:#1d4ed8}.admin-input,.admin-select,.admin-textarea{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);width:100%;color:var(--admin-text);font-family:inherit;font-size:var(--admin-font-md);transition:border-color var(--admin-transition), box-shadow var(--admin-transition);background:#fff;outline:none}.admin-input,.admin-select{height:40px;padding:0 12px}.admin-textarea{resize:vertical;min-height:100px;padding:10px 12px}.admin-input::placeholder,.admin-textarea::placeholder{color:var(--admin-text-muted)}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6366f11a}.admin-label{color:var(--admin-text);font-size:var(--admin-font-md);margin-bottom:6px;font-weight:500;display:block}.admin-form-group{margin-bottom:var(--admin-space-4)}.search-input,.filter-select{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);color:var(--admin-text);transition:all var(--admin-transition);background:#fff;outline:none;font-family:inherit}.search-input{min-height:40px;padding:0 12px 0 38px}.filter-select{min-height:40px;padding:0 12px}.search-input:focus,.filter-select:focus{border-color:var(--admin-primary);box-shadow:0 0 0 3px #6366f11a}.admin-filter-bar,.filters-bar{align-items:center;gap:var(--admin-space-3);margin-bottom:var(--admin-space-5);flex-wrap:wrap;display:flex}.admin-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal{border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-xl);width:min(100%,560px);max-height:calc(100vh - 40px);box-shadow:var(--admin-shadow-modal);background:#fff;flex-direction:column;animation:.2s adminModalIn;display:flex;overflow:hidden}.admin-modal-lg{width:min(100%,760px)}.admin-modal-xl{width:min(100%,960px)}.admin-modal-header{border-bottom:1px solid var(--admin-border-light);justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.admin-modal-title{color:var(--admin-text);font-size:var(--admin-font-lg);margin:0;font-weight:600}.admin-modal-close{border-radius:var(--admin-radius-md);width:34px;height:34px;color:var(--admin-text-muted);cursor:pointer;transition:all var(--admin-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.admin-modal-close:hover{background:var(--admin-danger-light);color:var(--admin-danger)}.admin-modal-body{padding:22px;overflow-y:auto}.admin-modal-footer{justify-content:flex-end;align-items:center;gap:var(--admin-space-2);border-top:1px solid var(--admin-border-light);padding:16px 22px;display:flex}@keyframes adminModalIn{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-empty-state{min-height:260px;padding:var(--admin-space-8);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-empty-icon{width:56px;height:56px;margin-bottom:var(--admin-space-4);border-radius:var(--admin-radius-lg);background:var(--admin-bg-subtle);color:var(--admin-text-muted);justify-content:center;align-items:center;display:flex}.admin-empty-state h3{color:var(--admin-text);font-size:var(--admin-font-lg);margin:0 0 6px;font-weight:600}.admin-empty-state p{max-width:420px;color:var(--admin-text-muted);font-size:var(--admin-font-md);margin:0}.empty-state{padding:var(--admin-space-12) var(--admin-space-5);text-align:center;color:var(--admin-text-muted)}.empty-state h3{color:var(--admin-text);font-size:var(--admin-font-lg);margin:0 0 8px}.empty-state p{font-size:var(--admin-font-md);margin:0 0 20px}.admin-loading{min-height:240px;color:var(--admin-text-muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.admin-spinner{border:3px solid var(--admin-border);border-top-color:var(--admin-primary);border-radius:50%;width:34px;height:34px;margin-bottom:12px;animation:.8s linear infinite adminSpin}.admin-pagination{border-top:1px solid var(--admin-border-light);justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.admin-pagination-info{color:var(--admin-text-muted);font-size:var(--admin-font-sm)}.admin-pagination-buttons{align-items:center;gap:4px;display:flex}.admin-pagination-btn{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);min-width:34px;height:34px;color:var(--admin-text-secondary);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 8px;display:flex}.admin-pagination-btn:hover:not(:disabled){background:var(--admin-bg-subtle)}.admin-pagination-btn.active{background:var(--admin-primary);border-color:var(--admin-primary);color:#fff}.admin-pagination-btn:disabled{opacity:.45;cursor:not-allowed}.admin-expand-btn{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);width:32px;height:32px;color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);background:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.admin-expand-btn:hover{background:var(--admin-primary-light);color:var(--admin-primary);border-color:#c7d2fe}.admin-expand-btn svg{transition:transform var(--admin-transition)}.admin-expand-btn.open svg{transform:rotate(180deg)}.admin-actions,.action-buttons{align-items:center;gap:var(--admin-space-2);display:flex}.admin-flex{display:flex}.admin-flex-center{justify-content:center;align-items:center;display:flex}.admin-flex-between{justify-content:space-between;align-items:center;display:flex}.admin-flex-column{flex-direction:column;display:flex}.admin-gap-1{gap:4px}.admin-gap-2{gap:8px}.admin-gap-3{gap:12px}.admin-gap-4{gap:16px}.admin-gap-5{gap:20px}.admin-gap-6{gap:24px}.admin-text-muted{color:var(--admin-text-muted)}.admin-text-secondary{color:var(--admin-text-secondary)}.admin-text-primary{color:var(--admin-primary)}.admin-text-success{color:var(--admin-success)}.admin-text-danger{color:var(--admin-danger)}.admin-text-center{text-align:center}.admin-text-right{text-align:right}@media (width<=1100px){.admin-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-page-title{font-size:var(--admin-font-2xl)}}@media (width<=768px){.admin-page-header{flex-direction:column;align-items:stretch}.admin-page-title{font-size:21px}.admin-card-padded,.admin-card-body,.admin-card-header{padding:16px}.admin-stat-grid{grid-template-columns:1fr}.admin-filter-bar,.filters-bar{flex-direction:column;align-items:stretch}.admin-filter-bar>*,.filters-bar>*{width:100%}.admin-table-container{border-radius:var(--admin-radius-lg)}.admin-pagination{flex-direction:column;align-items:stretch}.admin-pagination-buttons{justify-content:center}.admin-modal-overlay{padding:12px}.admin-modal{max-height:calc(100vh - 24px)}.admin-modal-header,.admin-modal-body,.admin-modal-footer{padding:16px}}@media (width<=480px){.admin-btn{min-height:40px}.admin-actions{width:100%}.admin-actions .admin-btn{flex:1}.admin-modal-footer{flex-direction:column-reverse}.admin-modal-footer .admin-btn{width:100%}}@media (prefers-reduced-motion:reduce){.admin-layout *,.admin-layout :before,.admin-layout :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.student-layout{min-height:100vh;font-family:var(--admin-font);color:var(--admin-text);background:#e9ecee;margin:-10px;position:relative}.student-layout *,.student-layout :before,.student-layout :after{box-sizing:border-box}.student-layout .main-content{min-height:100vh;margin-left:var(--admin-sidebar-width,260px);flex-direction:column;transition:margin-left .3s;display:flex}.student-layout .main-content.sidebar-collapsed{margin-left:var(--admin-sidebar-collapsed-width,76px)}.student-layout .page-content{flex:1;width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:24px}.student-layout .page-content::-webkit-scrollbar{width:8px}.student-layout .page-content::-webkit-scrollbar-thumb{background:#d8dde8;border-radius:999px}.student-layout .page-content::-webkit-scrollbar-thumb:hover{background:#c3cad8}.student-layout .mobile-overlay{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;animation:.2s studentOverlayIn;position:fixed;inset:0}@keyframes studentOverlayIn{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.student-layout .page-content{padding:20px}}@media (width<=900px){.student-layout .main-content,.student-layout .main-content.sidebar-collapsed{margin-left:0}.student-layout .page-content{padding:16px}}@media (width<=600px){.student-layout .page-content{padding:14px 12px 32px}}@media print{.student-sidebar,.student-header,.student-layout .mobile-overlay{display:none!important}.student-layout .main-content{margin-left:0!important}.student-layout .page-content{max-width:none!important;padding:0!important}}.admin-header{z-index:900;height:var(--admin-header-height);justify-content:space-between;align-items:center;gap:var(--admin-space-4);padding:0 var(--admin-space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--admin-border-light);font-family:var(--admin-font);background:#ffffffd9;flex-shrink:0;display:flex;position:sticky;top:0}.ah-left{align-items:center;gap:var(--admin-space-3);min-width:0;display:flex}.ah-menu-btn{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:var(--admin-surface);width:38px;height:38px;color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);justify-content:center;align-items:center;padding:0;display:none}.ah-menu-btn:hover{background:var(--admin-bg-subtle);color:var(--admin-text)}.ah-collapse-btn{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:var(--admin-surface);width:38px;height:38px;color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);justify-content:center;align-items:center;padding:0;display:flex}.ah-collapse-btn:hover{background:var(--admin-primary-light);color:var(--admin-primary);border-color:#c7d2fe}.ah-breadcrumb{align-items:center;gap:6px;min-width:0;display:flex}.ah-breadcrumb-parent{color:var(--admin-text-muted);font-size:var(--admin-font-md);white-space:nowrap;font-weight:500}.ah-breadcrumb-sep{color:var(--admin-text-light);flex-shrink:0}.ah-breadcrumb-current{color:var(--admin-text);font-size:var(--admin-font-lg);letter-spacing:-.2px;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ah-right{align-items:center;gap:var(--admin-space-3);display:flex}.ah-icon-btn{border:1px solid var(--admin-border);border-radius:var(--admin-radius-md);background:var(--admin-surface);width:40px;height:40px;color:var(--admin-text-secondary);cursor:pointer;transition:all var(--admin-transition);justify-content:center;align-items:center;padding:0;display:flex;position:relative}.ah-icon-btn:hover{background:var(--admin-primary-light);color:var(--admin-primary);border-color:#c7d2fe}.ah-badge{border:2px solid var(--admin-surface);border-radius:var(--admin-radius-full);background:var(--admin-danger);color:#fff;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.ah-profile-wrapper{position:relative}.ah-profile{align-items:center;gap:var(--admin-space-3);border:1px solid var(--admin-border);border-radius:var(--admin-radius-full);background:var(--admin-surface);cursor:pointer;transition:all var(--admin-transition);padding:5px 10px 5px 5px;display:flex}.ah-profile:hover{background:var(--admin-bg-subtle);border-color:var(--admin-border-dark)}.ah-avatar{color:#fff;width:34px;height:34px;font-size:var(--admin-font-base);text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.ah-profile-info{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}.ah-profile-name{color:var(--admin-text);font-size:var(--admin-font-md);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-weight:600;overflow:hidden}.ah-profile-role{color:var(--admin-text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:500}.ah-profile-arrow{color:var(--admin-text-muted);transition:transform var(--admin-transition);flex-shrink:0}.ah-profile-arrow.open{transform:rotate(180deg)}.ah-profile-dropdown{z-index:950;background:var(--admin-surface);border:1px solid var(--admin-border-light);border-radius:var(--admin-radius-lg);width:260px;box-shadow:var(--admin-shadow-lg);padding:6px;animation:.16s ahDropdownIn;position:absolute;top:calc(100% + 10px);right:0}@keyframes ahDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ah-dropdown-user{align-items:center;gap:var(--admin-space-3);padding:var(--admin-space-3);display:flex}.ah-dropdown-avatar{color:#fff;width:42px;height:42px;font-size:var(--admin-font-lg);text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.ah-dropdown-user>div:last-child{min-width:0}.ah-dropdown-user h4{color:var(--admin-text);font-size:var(--admin-font-base);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:600;line-height:1.3;overflow:hidden}.ah-dropdown-user span{color:var(--admin-text-muted);font-size:var(--admin-font-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.ah-dropdown-divider{background:var(--admin-border-light);height:1px;margin:4px 0}.ah-dropdown-item{align-items:center;gap:var(--admin-space-3);width:100%;padding:10px var(--admin-space-3);border-radius:var(--admin-radius-md);color:var(--admin-text-secondary);font-family:inherit;font-size:var(--admin-font-md);text-align:left;cursor:pointer;transition:all var(--admin-transition);background:0 0;border:none;font-weight:500;text-decoration:none;display:flex}.ah-dropdown-item svg{color:var(--admin-text-muted);transition:color var(--admin-transition);flex-shrink:0}.ah-dropdown-item:hover{background:var(--admin-primary-light);color:var(--admin-primary)}.ah-dropdown-item:hover svg{color:var(--admin-primary)}.ah-dropdown-logout:hover{background:var(--admin-danger-light);color:var(--admin-danger)}.ah-dropdown-logout:hover svg{color:var(--admin-danger)}@media (width<=900px){.admin-header{padding:0 var(--admin-space-4)}.ah-menu-btn{display:flex}.ah-collapse-btn{display:none}}@media (width<=600px){.ah-breadcrumb-parent,.ah-breadcrumb-sep{display:none}.ah-breadcrumb-current{font-size:var(--admin-font-base)}.ah-profile-info{display:none}.ah-profile{border-radius:50%;padding:4px}.ah-profile-arrow{display:none}.ah-profile-dropdown{width:min(280px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.ah-profile-dropdown{animation:none}.ah-icon-btn,.ah-profile,.ah-dropdown-item,.ah-profile-arrow{transition:none}}.admin-sidebar{--sb-bg:#fff;--sb-border:#eef0f4;--sb-text:#64748b;--sb-text-hover:#111827;--sb-active-bg:#eef2ff;--sb-active-text:#4f46e5;--sb-category:#a0aec0;--sb-hover-bg:#f6f7fb;z-index:999;width:var(--admin-sidebar-width);background:var(--sb-bg);border-right:1px solid var(--sb-border);height:100vh;font-family:var(--admin-font);transition:width var(--admin-transition-slow), transform var(--admin-transition-slow);flex-direction:column;display:flex;position:fixed;top:0;left:0}.admin-sidebar .sidebar-logo{height:var(--admin-header-height);border-bottom:1px solid var(--sb-border);flex-shrink:0;align-items:center;gap:12px;padding:0 20px;display:flex}.admin-sidebar .logo-mark{color:#171717;background:#ffbd28;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 6px 16px #ffbd2847}.admin-sidebar .logo-mark span{letter-spacing:-1px;font-family:Georgia,Times New Roman,serif;font-size:19px;font-weight:500}.admin-sidebar .logo-brand-text{min-width:0}.admin-sidebar .logo-brand-text h2{color:#303030;letter-spacing:.2px;white-space:nowrap;margin:0;font-size:15px;font-weight:700;line-height:1.15}.admin-sidebar .logo-brand-text p{color:#969696;letter-spacing:.7px;white-space:nowrap;margin:4px 0 0;font-size:9px;font-weight:600;line-height:1}.admin-sidebar .sidebar-nav{flex:1;min-height:0;padding:16px 12px;overflow:hidden auto}.admin-sidebar .sidebar-nav::-webkit-scrollbar{width:6px}.admin-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#dfe3ec;border-radius:999px}.admin-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd2e0}.admin-sidebar .sidebar-nav::-webkit-scrollbar-track{background:0 0}.admin-sidebar .nav-category{color:var(--sb-category);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:16px 12px 8px;font-size:10px;font-weight:600}.admin-sidebar .sidebar-nav>div:first-child .nav-category{padding-top:4px}.admin-sidebar .sidebar-link{color:var(--sb-text);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.admin-sidebar .sidebar-link svg{color:#94a3b8;flex-shrink:0;width:19px;height:19px;transition:color .2s}.admin-sidebar .sidebar-link:hover{background:var(--sb-hover-bg);color:var(--sb-text-hover)}.admin-sidebar .sidebar-link:hover svg{color:#6366f1}.admin-sidebar .sidebar-link.active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600}.admin-sidebar .sidebar-link.active svg{color:var(--sb-active-text)}.admin-sidebar .sidebar-link.active:before{content:"";background:#6366f1;border-radius:0 6px 6px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.admin-sidebar .sidebar-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:12px}.admin-sidebar .logout-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.admin-sidebar .logout-btn svg{color:#94a3b8;flex-shrink:0}.admin-sidebar .logout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.admin-sidebar .logout-btn:hover svg{color:#dc2626}.admin-sidebar.collapsed{width:var(--admin-sidebar-collapsed-width)}.admin-sidebar.collapsed .sidebar-logo{justify-content:center;padding:0}.admin-sidebar.collapsed .logo-brand-text,.admin-sidebar.collapsed .sidebar-link span,.admin-sidebar.collapsed .logout-btn span,.admin-sidebar.collapsed .nav-category{display:none}.admin-sidebar.collapsed .sidebar-link,.admin-sidebar.collapsed .logout-btn{justify-content:center;padding-left:0;padding-right:0}.admin-sidebar.collapsed .sidebar-link:after{content:attr(data-title);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:1000;background:#1f2937;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 12px #0f172a2e}.admin-sidebar.collapsed .sidebar-link:hover:after{opacity:1}@media (width<=900px){.admin-sidebar{box-shadow:none;transform:translate(-100%)}.admin-sidebar.mobile-open{transform:translate(0);box-shadow:0 12px 30px #0f172a1f}.admin-sidebar.collapsed{width:var(--admin-sidebar-width)}.admin-sidebar.collapsed .logo-brand-text,.admin-sidebar.collapsed .sidebar-link span,.admin-sidebar.collapsed .logout-btn span,.admin-sidebar.collapsed .nav-category{display:block}.admin-sidebar.collapsed .sidebar-link,.admin-sidebar.collapsed .logout-btn{justify-content:flex-start;padding-left:12px;padding-right:12px}.admin-sidebar.collapsed .sidebar-logo{justify-content:flex-start;padding:0 20px}}@media (prefers-reduced-motion:reduce){.admin-sidebar,.admin-sidebar .sidebar-link,.admin-sidebar .logout-btn{transition:none}}.admin-layout{min-height:100vh;font-family:var(--admin-font);color:var(--admin-text);background:#e9ecee;margin:-10px;position:relative}.admin-main{min-height:100vh;margin-left:var(--admin-sidebar-width);transition:margin-left var(--admin-transition-slow);flex-direction:column;display:flex}.admin-main.sidebar-closed{margin-left:var(--admin-sidebar-collapsed-width)}.admin-content{width:100%;min-width:0;max-width:1440px;padding:var(--admin-space-6);flex:1;margin:0 auto}.admin-content::-webkit-scrollbar{width:8px}.admin-content::-webkit-scrollbar-thumb{border-radius:var(--admin-radius-full);background:#d8dde8}.admin-content::-webkit-scrollbar-thumb:hover{background:#c3cad8}.admin-content::-webkit-scrollbar-track{background:0 0}.admin-sidebar-backdrop{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;animation:.2s adminBackdropIn;position:fixed;inset:0}@keyframes adminBackdropIn{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.admin-content{padding:var(--admin-space-5)}}@media (width<=900px){.admin-main,.admin-main.sidebar-open,.admin-main.sidebar-closed{margin-left:0}.admin-content{padding:var(--admin-space-4)}}@media (width<=600px){.admin-content{padding:var(--admin-space-4) var(--admin-space-3) var(--admin-space-8)}}@media print{.admin-sidebar,.admin-header,.admin-sidebar-backdrop{display:none!important}.admin-main{margin-left:0!important}.admin-content{max-width:none!important;padding:0!important}}.mentor-header{z-index:900;height:var(--admin-header-height,68px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--admin-border-light,#eef0f4);background:#ffffffd9;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:0 24px;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;display:flex;position:sticky;top:0}.mh-left{align-items:center;gap:12px;min-width:0;display:flex}.mh-menu-btn{border:1px solid var(--admin-border,#e5e7eb);width:38px;height:38px;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:none}.mh-menu-btn:hover{color:var(--admin-text,#111827);background:#f8fafc}.mh-collapse-btn{border:1px solid var(--admin-border,#e5e7eb);width:38px;height:38px;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.mh-collapse-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.mh-breadcrumb{align-items:center;gap:6px;min-width:0;display:flex}.mh-breadcrumb-parent{color:var(--admin-text-muted,#94a3b8);white-space:nowrap;font-size:13px;font-weight:500}.mh-breadcrumb-sep{color:var(--admin-text-light,#cbd5e1);flex-shrink:0}.mh-breadcrumb-current{color:var(--admin-text,#111827);letter-spacing:-.2px;text-transform:capitalize;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:600;overflow:hidden}.mh-right{align-items:center;gap:12px;display:flex}.mh-icon-btn{border:1px solid var(--admin-border,#e5e7eb);width:40px;height:40px;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.mh-icon-btn:hover{color:#6366f1;background:#eef2ff;border-color:#c7d2fe}.mh-badge{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:flex;position:absolute;top:-5px;right:-5px}.mh-profile-wrapper{position:relative}.mh-profile{border:1px solid var(--admin-border,#e5e7eb);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:12px;padding:5px 10px 5px 5px;transition:all .2s;display:flex}.mh-profile:hover{background:#f8fafc;border-color:#d1d5db}.mh-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;font-weight:600;display:flex;overflow:hidden}.mh-profile-info{flex-direction:column;align-items:flex-start;min-width:0;line-height:1.2;display:flex}.mh-profile-name{color:var(--admin-text,#111827);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:13px;font-weight:600;overflow:hidden}.mh-profile-role{color:var(--admin-text-muted,#94a3b8);letter-spacing:.4px;text-transform:uppercase;font-size:10px;font-weight:500}.mh-profile-arrow{color:var(--admin-text-muted,#94a3b8);flex-shrink:0;transition:transform .2s}.mh-profile-arrow.open{transform:rotate(180deg)}.mh-profile-dropdown{z-index:950;border:1px solid var(--admin-border-light,#eef0f4);background:#fff;border-radius:12px;width:260px;padding:6px;animation:.16s mhDropdownIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 30px #0f172a1f}@keyframes mhDropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mh-dropdown-user{align-items:center;gap:12px;padding:12px;display:flex}.mh-dropdown-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:16px;font-weight:600;display:flex;overflow:hidden}.mh-dropdown-user>div:last-child{min-width:0}.mh-dropdown-user h4{color:var(--admin-text,#111827);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.mh-dropdown-user span{color:var(--admin-text-muted,#94a3b8);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.mh-dropdown-divider{background:var(--admin-border-light,#eef0f4);height:1px;margin:4px 0}.mh-dropdown-item{width:100%;color:var(--admin-text-secondary,#475569);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.mh-dropdown-item svg{color:var(--admin-text-muted,#94a3b8);flex-shrink:0;transition:color .2s}.mh-dropdown-item:hover{color:#6366f1;background:#eef2ff}.mh-dropdown-item:hover svg{color:#6366f1}.mh-dropdown-logout:hover{color:#dc2626;background:#fee2e2}.mh-dropdown-logout:hover svg{color:#dc2626}@media (width<=900px){.mentor-header{padding:0 16px}.mh-menu-btn{display:flex}.mh-collapse-btn{display:none}}@media (width<=600px){.mh-breadcrumb-parent,.mh-breadcrumb-sep{display:none}.mh-breadcrumb-current{font-size:14px}.mh-profile-info{display:none}.mh-profile{border-radius:50%;padding:4px}.mh-profile-arrow{display:none}.mh-profile-dropdown{width:min(280px,100vw - 32px)}}@media (prefers-reduced-motion:reduce){.mh-profile-dropdown{animation:none}.mh-icon-btn,.mh-profile,.mh-dropdown-item,.mh-profile-arrow{transition:none}}.mentor-sidebar{--sb-bg:#fff;--sb-border:#eef0f4;--sb-text:#64748b;--sb-text-hover:#111827;--sb-active-bg:#eef2ff;--sb-active-text:#4f46e5;--sb-category:#a0aec0;--sb-hover-bg:#f6f7fb;z-index:999;width:var(--admin-sidebar-width,260px);background:var(--sb-bg);border-right:1px solid var(--sb-border);flex-direction:column;height:100vh;font-family:Poppins,system-ui,Segoe UI,Roboto,sans-serif;transition:width .3s,transform .3s;display:flex;position:fixed;top:0;left:0}.mentor-sidebar .sidebar-header{height:var(--admin-header-height,68px);border-bottom:1px solid var(--sb-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex}.mentor-sidebar .logo-container{align-items:center;gap:12px;width:100%;min-width:0;display:flex}.mentor-sidebar .logo-icon{color:#111827;letter-spacing:-1px;background:#ffbd22;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-family:Georgia,Times New Roman,serif;font-size:17px;font-weight:500;display:flex;box-shadow:0 7px 18px #ffbd2247}.mentor-sidebar .logo-text{flex-direction:column;justify-content:center;min-width:0;max-width:170px;display:flex}.mentor-sidebar .logo-title{color:#172033;letter-spacing:.2px;white-space:nowrap;margin:0;font-size:15px;font-weight:700;line-height:1.15;display:block}.mentor-sidebar .logo-mentor-name{text-overflow:ellipsis;white-space:nowrap;color:#64748b;letter-spacing:.8px;text-transform:uppercase;max-width:170px;margin-top:4px;font-size:10px;font-weight:600;line-height:1.2;display:block;overflow:hidden}.mentor-sidebar .sidebar-nav{flex:1;min-height:0;padding:16px 12px;overflow:hidden auto}.mentor-sidebar .sidebar-nav::-webkit-scrollbar{width:6px}.mentor-sidebar .sidebar-nav::-webkit-scrollbar-thumb{background:#dfe3ec;border-radius:999px}.mentor-sidebar .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#cbd2e0}.mentor-sidebar .sidebar-nav::-webkit-scrollbar-track{background:0 0}.mentor-sidebar .nav-category{color:var(--sb-category);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:16px 12px 8px;font-size:10px;font-weight:600}.mentor-sidebar .sidebar-nav>div:first-child .nav-category{padding-top:4px}.mentor-sidebar .sidebar-link{width:100%;color:var(--sb-text);white-space:nowrap;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:flex;position:relative}.mentor-sidebar .nav-icon{color:#94a3b8;flex-shrink:0;width:19px;height:19px;transition:color .2s}.mentor-sidebar .nav-label{text-overflow:ellipsis;min-width:0;overflow:hidden}.mentor-sidebar .sidebar-link:hover{background:var(--sb-hover-bg);color:var(--sb-text-hover)}.mentor-sidebar .sidebar-link:hover .nav-icon{color:#6366f1}.mentor-sidebar .sidebar-link.active{background:var(--sb-active-bg);color:var(--sb-active-text);font-weight:600}.mentor-sidebar .sidebar-link.active .nav-icon{color:var(--sb-active-text)}.mentor-sidebar .sidebar-link.active:before{content:"";background:#6366f1;border-radius:0 6px 6px 0;width:3px;height:20px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.mentor-sidebar .sidebar-footer{border-top:1px solid var(--sb-border);flex-shrink:0;padding:12px}.mentor-sidebar .logout-btn{border:1px solid var(--admin-border,#e5e7eb);width:100%;color:var(--admin-text-secondary,#475569);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s,border-color .2s,color .2s;display:flex}.mentor-sidebar .logout-btn .nav-icon{color:var(--admin-text-muted,#94a3b8);transition:color .2s}.mentor-sidebar .logout-btn:hover{color:#dc2626;background:#fee2e2;border-color:#fecaca}.mentor-sidebar .logout-btn:hover .nav-icon{color:#dc2626}.mentor-sidebar.collapsed{width:var(--admin-sidebar-collapsed-width,76px)}.mentor-sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.mentor-sidebar.collapsed .logo-text,.mentor-sidebar.collapsed .nav-label,.mentor-sidebar.collapsed .nav-category,.mentor-sidebar.collapsed .logout-btn span{display:none}.mentor-sidebar.collapsed .sidebar-link,.mentor-sidebar.collapsed .logout-btn{justify-content:center;padding-left:0;padding-right:0}.mentor-sidebar.collapsed .sidebar-link:after{content:attr(data-title);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#1f2937;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .2s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%);box-shadow:0 4px 12px #0f172a2e}.mentor-sidebar.collapsed .sidebar-link:hover:after{opacity:1}@media (width<=900px){.mentor-sidebar{box-shadow:none;transform:translate(-100%)}.mentor-sidebar.mobile-open{transform:translate(0);box-shadow:0 12px 30px #0f172a1f}.mentor-sidebar.collapsed{width:var(--admin-sidebar-width,260px)}.mentor-sidebar.collapsed .logo-text,.mentor-sidebar.collapsed .nav-label,.mentor-sidebar.collapsed .nav-category,.mentor-sidebar.collapsed .logout-btn span{display:block}.mentor-sidebar.collapsed .sidebar-link,.mentor-sidebar.collapsed .logout-btn{justify-content:flex-start;padding-left:12px;padding-right:12px}.mentor-sidebar.collapsed .sidebar-header{justify-content:space-between;padding:0 20px}.mentor-sidebar.collapsed .logo-title,.mentor-sidebar.collapsed .logo-mentor-name{display:block}}@media (width<=600px){.mentor-sidebar,.mentor-sidebar.collapsed{width:min(var(--admin-sidebar-width,260px), 85vw)}.mentor-sidebar .logo-text,.mentor-sidebar .logo-mentor-name{max-width:150px}}@media (prefers-reduced-motion:reduce){.mentor-sidebar,.mentor-sidebar .sidebar-link,.mentor-sidebar .logout-btn,.mentor-sidebar .nav-icon{transition:none}}.mentor-sidebar.collapsed .sidebar-header{box-sizing:border-box;width:100%;justify-content:center!important;align-items:center!important;gap:0!important;padding-left:0!important;padding-right:0!important;display:flex!important}.mentor-sidebar.collapsed .sidebar-header .logo-container{justify-content:center!important;align-items:center!important;gap:0!important;width:100%!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.mentor-sidebar.collapsed .sidebar-header .logo-icon{box-sizing:border-box;flex:0 0 42px!important;justify-content:center!important;align-items:center!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;display:flex!important;position:static!important;transform:none!important}.mentor-sidebar.collapsed .sidebar-header .logo-text{display:none!important}.mentor-layout{min-height:100vh;font-family:var(--admin-font);color:var(--admin-text);background:#e9ecee;margin:-10px;position:relative}.mentor-layout *,.mentor-layout :before,.mentor-layout :after{box-sizing:border-box}.mentor-main{min-height:100vh;margin-left:var(--admin-sidebar-width,260px);flex-direction:column;transition:margin-left .3s;display:flex}.mentor-main.sidebar-closed{margin-left:var(--admin-sidebar-collapsed-width,76px)}.mentor-content{flex:1;width:100%;min-width:0;max-width:1440px;margin:0 auto;padding:24px}.mentor-content::-webkit-scrollbar{width:8px}.mentor-content::-webkit-scrollbar-thumb{background:#d8dde8;border-radius:999px}.mentor-content::-webkit-scrollbar-thumb:hover{background:#c3cad8}.mentor-content::-webkit-scrollbar-track{background:0 0}.mentor-sidebar-backdrop{z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a73;animation:.2s mentorBackdropIn;position:fixed;inset:0}@keyframes mentorBackdropIn{0%{opacity:0}to{opacity:1}}@media (width<=1100px){.mentor-content{padding:20px}}@media (width<=900px){.mentor-main,.mentor-main.sidebar-open,.mentor-main.sidebar-closed{margin-left:0}.mentor-content{padding:16px}}@media (width<=600px){.mentor-content{padding:14px 12px 32px}}@media print{.mentor-sidebar,.mentor-header,.mentor-sidebar-backdrop{display:none!important}.mentor-main{margin-left:0!important}.mentor-content{max-width:none!important;padding:0!important}}:root{--btn-font:"Poppins", system-ui, "Segoe UI", Roboto, sans-serif;--btn-height:40px;--btn-pad-x:16px;--btn-radius:10px;--btn-font-size:14px;--btn-font-weight:600;--btn-gap:8px;--btn-transition:all .2s ease;--btn-icon-size:40px;--btn-icon-radius:10px;--btn-close-size:34px;--btn-close-radius:8px;--btn-row-size:34px;--btn-row-radius:8px;--btn-primary-bg:linear-gradient(135deg, #6366f1, #8b5cf6);--btn-primary-fg:#fff;--btn-primary-shadow:0 4px 12px #6366f14d;--btn-primary-shadow-hover:0 6px 18px #6366f16b;--btn-edit-bg:#eef2ff;--btn-edit-fg:#4338ca;--btn-edit-border:#c7d2fe;--btn-edit-bg-hover:#e0e7ff;--btn-danger-bg:#fef2f2;--btn-danger-fg:#dc2626;--btn-danger-border:#fecaca;--btn-danger-bg-hover:#fee2e2;--btn-cancel-bg:#fff;--btn-cancel-fg:#475569;--btn-cancel-border:#e5e7eb;--btn-cancel-bg-hover:#f8fafc;--btn-view-bg:#ecfeff;--btn-view-fg:#0e7490;--btn-view-border:#a5f3fc;--btn-view-bg-hover:#cffafe;--btn-approve-bg:#ecfdf5;--btn-approve-fg:#047857;--btn-approve-border:#a7f3d0;--btn-approve-bg-hover:#d1fae5;--btn-icon-bg:#fff;--btn-icon-fg:#475569;--btn-icon-border:#e5e7eb;--btn-icon-bg-hover:#eef2ff;--btn-icon-fg-hover:#6366f1;--btn-icon-border-hover:#c7d2fe}.btn-save,.save-btn,.btn-update,.update-btn,.btn-primary,.primary-button,.add-btn,.add-module-btn,.submit-btn,.invite-user-button,.invite-button,.ntf-btn-primary,.pay-btn-primary,.rp-btn.primary,.cert-btn.primary,.welcome-btn.primary,.detail-reply-btn,.grade-save-btn,.save-grade-btn,.review-submission-btn,.submission-submit-btn,.continue-btn,.continue-course-btn,.dashboard-continue-button,.start-btn,.resume-btn,.apply-btn,.apply-certificate-btn,.write-review-btn,.quiz-take-btn,.quiz-retry-btn,.quiz-empty-btn,.assignment-retry-btn,.quiz-submit-btn,.courses-primary-btn,.module-add-btn,.browse-btn,.mark-all-btn,.retry-btn,.btn-edit,.edit-btn,.edit-review-btn,.edit-template-btn,.btn-delete,.delete-btn,.btn-danger,.danger-button,.delete-review-btn,.delete-confirm,.modal-delete,.reject-btn,.cert-btn.reject,.quiz-exit-btn,.btn-cancel,.cancel-btn,.btn-secondary,.secondary-button,.secondary-btn,.ntf-btn-ghost,.pay-btn-ghost,.cancel-review-btn,.detail-close-btn,.download-btn,.download-certificate-btn,.download-submission-btn,.approve-btn,.cert-btn.approve{justify-content:center!important;align-items:center!important;gap:var(--btn-gap)!important;min-height:var(--btn-height)!important;padding:0 var(--btn-pad-x)!important;border-radius:var(--btn-radius)!important;font-family:var(--btn-font)!important;font-size:var(--btn-font-size)!important;font-weight:var(--btn-font-weight)!important;white-space:nowrap!important;cursor:pointer!important;transition:var(--btn-transition)!important;border:1px solid #0000!important;line-height:1!important;text-decoration:none!important;display:inline-flex!important}.btn-save svg,.save-btn svg,.btn-primary svg,.add-btn svg,.submit-btn svg,.btn-edit svg,.edit-btn svg,.btn-delete svg,.delete-btn svg,.btn-danger svg,.btn-cancel svg,.cancel-btn svg,.btn-secondary svg,.ntf-btn-primary svg,.ntf-btn-ghost svg,.detail-reply-btn svg,.detail-close-btn svg,.cancel-review-btn svg{flex-shrink:0}.btn-save,.save-btn,.btn-update,.update-btn,.btn-primary,.primary-button,.add-btn,.add-module-btn,.submit-btn,.invite-user-button,.invite-button,.ntf-btn-primary,.pay-btn-primary,.rp-btn.primary,.cert-btn.primary,.welcome-btn.primary,.detail-reply-btn,.grade-save-btn,.save-grade-btn,.review-submission-btn,.submission-submit-btn,.continue-btn,.continue-course-btn,.dashboard-continue-button,.start-btn,.resume-btn,.apply-btn,.apply-certificate-btn,.write-review-btn,.quiz-take-btn,.quiz-retry-btn,.quiz-empty-btn,.assignment-retry-btn,.quiz-submit-btn,.courses-primary-btn,.module-add-btn,.browse-btn,.mark-all-btn,.retry-btn{background:var(--btn-primary-bg)!important;color:var(--btn-primary-fg)!important;box-shadow:var(--btn-primary-shadow)!important;border-color:#0000!important}.btn-save:hover:not(:disabled),.save-btn:hover:not(:disabled),.btn-update:hover:not(:disabled),.update-btn:hover:not(:disabled),.btn-primary:hover:not(:disabled),.primary-button:hover:not(:disabled),.add-btn:hover:not(:disabled),.add-module-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled),.invite-user-button:hover:not(:disabled),.invite-button:hover:not(:disabled),.ntf-btn-primary:hover:not(:disabled),.pay-btn-primary:hover:not(:disabled),.rp-btn.primary:hover:not(:disabled),.cert-btn.primary:hover:not(:disabled),.welcome-btn.primary:hover:not(:disabled),.detail-reply-btn:hover:not(:disabled),.grade-save-btn:hover:not(:disabled),.save-grade-btn:hover:not(:disabled),.review-submission-btn:hover:not(:disabled),.submission-submit-btn:hover:not(:disabled),.continue-btn:hover:not(:disabled),.continue-course-btn:hover:not(:disabled),.dashboard-continue-button:hover:not(:disabled),.start-btn:hover:not(:disabled),.resume-btn:hover:not(:disabled),.apply-btn:hover:not(:disabled),.apply-certificate-btn:hover:not(:disabled),.write-review-btn:hover:not(:disabled),.quiz-take-btn:hover:not(:disabled),.quiz-retry-btn:hover:not(:disabled),.quiz-empty-btn:hover:not(:disabled),.assignment-retry-btn:hover:not(:disabled),.quiz-submit-btn:hover:not(:disabled),.courses-primary-btn:hover:not(:disabled),.module-add-btn:hover:not(:disabled),.browse-btn:hover:not(:disabled),.mark-all-btn:hover:not(:disabled),.retry-btn:hover:not(:disabled){box-shadow:var(--btn-primary-shadow-hover)!important;transform:translateY(-1px)!important}.btn-edit,.edit-btn,.edit-review-btn,.edit-template-btn{background:var(--btn-edit-bg)!important;color:var(--btn-edit-fg)!important;border-color:var(--btn-edit-border)!important;box-shadow:none!important}.btn-edit:hover:not(:disabled),.edit-btn:hover:not(:disabled),.edit-review-btn:hover:not(:disabled),.edit-template-btn:hover:not(:disabled){background:var(--btn-edit-bg-hover)!important}.btn-delete,.delete-btn,.btn-danger,.danger-button,.delete-review-btn,.delete-confirm,.modal-delete,.reject-btn,.cert-btn.reject,.quiz-exit-btn{background:var(--btn-danger-bg)!important;color:var(--btn-danger-fg)!important;border-color:var(--btn-danger-border)!important;box-shadow:none!important}.btn-delete:hover:not(:disabled),.delete-btn:hover:not(:disabled),.btn-danger:hover:not(:disabled),.danger-button:hover:not(:disabled),.delete-review-btn:hover:not(:disabled),.delete-confirm:hover:not(:disabled),.modal-delete:hover:not(:disabled),.reject-btn:hover:not(:disabled),.cert-btn.reject:hover:not(:disabled),.quiz-exit-btn:hover:not(:disabled){background:var(--btn-danger-bg-hover)!important}.btn-cancel,.cancel-btn,.btn-secondary,.secondary-button,.secondary-btn,.ntf-btn-ghost,.pay-btn-ghost,.cancel-review-btn,.detail-close-btn{background:var(--btn-cancel-bg)!important;color:var(--btn-cancel-fg)!important;border-color:var(--btn-cancel-border)!important;box-shadow:none!important}.btn-cancel:hover:not(:disabled),.cancel-btn:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.secondary-button:hover:not(:disabled),.secondary-btn:hover:not(:disabled),.ntf-btn-ghost:hover:not(:disabled),.pay-btn-ghost:hover:not(:disabled),.cancel-review-btn:hover:not(:disabled),.detail-close-btn:hover:not(:disabled){background:var(--btn-cancel-bg-hover)!important}.download-btn,.download-certificate-btn,.download-submission-btn,.approve-btn,.cert-btn.approve{background:var(--btn-approve-bg)!important;color:var(--btn-approve-fg)!important;border-color:var(--btn-approve-border)!important;box-shadow:none!important}.download-btn:hover:not(:disabled),.download-certificate-btn:hover:not(:disabled),.download-submission-btn:hover:not(:disabled),.approve-btn:hover:not(:disabled),.cert-btn.approve:hover:not(:disabled){background:var(--btn-approve-bg-hover)!important}.btn-save:disabled,.save-btn:disabled,.btn-update:disabled,.update-btn:disabled,.btn-primary:disabled,.primary-button:disabled,.add-btn:disabled,.add-module-btn:disabled,.submit-btn:disabled,.invite-user-button:disabled,.invite-button:disabled,.ntf-btn-primary:disabled,.pay-btn-primary:disabled,.detail-reply-btn:disabled,.grade-save-btn:disabled,.save-grade-btn:disabled,.review-submission-btn:disabled,.submission-submit-btn:disabled,.continue-btn:disabled,.continue-course-btn:disabled,.quiz-take-btn:disabled,.quiz-submit-btn:disabled,.apply-certificate-btn:disabled,.btn-edit:disabled,.edit-btn:disabled,.btn-delete:disabled,.delete-btn:disabled,.btn-danger:disabled,.btn-cancel:disabled,.cancel-btn:disabled,.btn-secondary:disabled,.ntf-btn-ghost:disabled,.pay-btn-ghost:disabled,.cancel-review-btn:disabled,.detail-close-btn:disabled,.download-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.modal-close,.modal-close-btn,.cert-modal-close,.mobile-close-btn,.submission-modal-close,.close-btn,.ntf-icon-btn,.pay-icon-btn{width:var(--btn-close-size)!important;height:var(--btn-close-size)!important;border:1px solid var(--btn-icon-border)!important;border-radius:var(--btn-close-radius)!important;background:var(--btn-icon-bg)!important;min-height:0!important;color:var(--btn-icon-fg)!important;cursor:pointer!important;transition:var(--btn-transition)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.modal-close:hover:not(:disabled),.modal-close-btn:hover:not(:disabled),.cert-modal-close:hover:not(:disabled),.mobile-close-btn:hover:not(:disabled),.submission-modal-close:hover:not(:disabled),.close-btn:hover:not(:disabled),.ntf-icon-btn:hover:not(:disabled),.pay-icon-btn:hover:not(:disabled),.ntf-icon-btn.danger:hover:not(:disabled){background:var(--btn-danger-bg)!important;border-color:var(--btn-danger-border)!important;color:var(--btn-danger-fg)!important}.edit-lesson-btn,.delete-lesson-btn,.preview-lesson-btn,.module-action-btn,.review-view-btn,.card-edit-btn,.card-delete-btn,.marks-btn{width:var(--btn-row-size)!important;height:var(--btn-row-size)!important;border:1px solid var(--btn-icon-border)!important;border-radius:var(--btn-row-radius)!important;background:var(--btn-icon-bg)!important;min-height:0!important;color:var(--btn-icon-fg)!important;cursor:pointer!important;transition:var(--btn-transition)!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:inline-flex!important}.edit-lesson-btn:hover:not(:disabled),.card-edit-btn:hover:not(:disabled),.review-view-btn:hover:not(:disabled){background:var(--btn-edit-bg)!important;color:var(--btn-edit-fg)!important;border-color:var(--btn-edit-border)!important}.delete-lesson-btn:hover:not(:disabled),.card-delete-btn:hover:not(:disabled){background:var(--btn-danger-bg)!important;color:var(--btn-danger-fg)!important;border-color:var(--btn-danger-border)!important}.preview-lesson-btn:hover:not(:disabled){background:var(--btn-approve-bg)!important;color:var(--btn-approve-fg)!important;border-color:var(--btn-approve-border)!important}.module-action-btn:hover:not(:disabled),.marks-btn:hover:not(:disabled){background:var(--btn-icon-bg-hover)!important;color:var(--btn-icon-fg-hover)!important;border-color:var(--btn-icon-border-hover)!important}.card-edit-btn:disabled,.card-delete-btn:disabled,.edit-lesson-btn:disabled,.delete-lesson-btn:disabled,.preview-lesson-btn:disabled{opacity:.6!important;cursor:not-allowed!important}