:root,[data-theme=dark]{--color-primary:#cd0b5c;--color-primary-glow:#cd0b5c66;--color-primary-hover:#e8126f;--color-secondary:#525251;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-danger-light:#ef444426;--bg-main:radial-gradient(circle at 30% 20%, #1e2536 0%, #0a0c10 100%);--bg-glass:#0f131da6;--bg-glass-card:#141a288c;--bg-glass-hover:#ffffff0d;--border-glass:1px solid #ffffff14;--border-glass-card:1px solid #ffffff0f;--shadow-glass:0 8px 32px 0 #0000004d;--blur-glass:blur(16px);--bg-hero-banner:linear-gradient(135deg, #cd0b5c26 0%, #0f131dd9 100%);--bg-footer:#07090d;--bg-img-container:#090a0f;--color-text:#f8fafc;--color-heading:#fff;--color-text-muted:#94a3b8;--bg-input:#ffffff0d;--border-input:1px solid #ffffff26;--color-input-text:#fff;--color-input-placeholder:#ffffff59;--bg-profile-card:#ffffff08;--border-profile-card:1px solid #ffffff0d;--color-menu-text:#ffffffbf;--color-menu-hover-bg:#ffffff0d;--color-menu-hover-text:#fff;--bg-btn-sec:#ffffff0d;--border-btn-sec:1px solid #ffffff1a;--color-btn-sec-text:#fff;--bg-btn-sec-hover:#ffffff1f;--bg-auth-page:linear-gradient(#0a0c10cc, #0a0c10e6), url(/login_bg.png) center/cover no-repeat;--bg-auth-card:#0f131dbf;--font-title:"Outfit", "Inter", sans-serif;--font-body:"Inter", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg-main:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--bg-glass:#ffffffeb;--bg-glass-card:#fffffff5;--bg-glass-hover:#cd0b5c0a;--border-glass:1px solid #cbd5e1cc;--border-glass-card:1px solid #cbd5e1cc;--shadow-glass:0 8px 30px 0 #0000000f;--blur-glass:blur(16px);--bg-hero-banner:linear-gradient(135deg, #cd0b5c14 0%, #f8fafcf5 100%);--bg-footer:#f1f5f9;--bg-img-container:#e2e8f0;--color-text:#334155;--color-heading:#0f172a;--color-text-muted:#475569;--bg-input:#f1f5f9f2;--border-input:1px solid #cbd5e1f2;--color-input-text:#0f172a;--color-input-placeholder:#64748b;--bg-profile-card:#f1f5f9d9;--border-profile-card:1px solid #cbd5e1cc;--color-menu-text:#334155;--color-menu-hover-bg:#cd0b5c14;--color-menu-hover-text:#cd0b5c;--bg-btn-sec:#f1f5f9f2;--border-btn-sec:1px solid #cbd5e1f2;--color-btn-sec-text:#0f172a;--bg-btn-sec-hover:#e2e8f0;--bg-auth-page:linear-gradient(#0a0c10cc, #0a0c10e6), url(/login_bg.png) center/cover no-repeat;--bg-auth-card:#fffffff5}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-main);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;transition:background .3s,color .3s;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--color-heading)}.portal-layout{grid-template-columns:280px 1fr 380px;gap:1.25rem;height:100vh;max-height:100vh;padding:1.25rem;display:grid;overflow:hidden}@media (width<=1200px){.portal-layout{grid-template-columns:240px 1fr}.right-column-panel{display:none}}@media (width<=768px){.portal-layout{grid-template-columns:1fr;height:auto;overflow-y:auto}}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);border:var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-glass);transition:var(--transition);flex-direction:column;display:flex;overflow:hidden}.sidebar-panel{padding:1.5rem 1rem}.sidebar-header{border-bottom:var(--border-glass);flex-direction:column;align-items:center;gap:.25rem;padding-bottom:1.5rem;display:flex}.sidebar-logo{filter:drop-shadow(0 0 8px #cd0b5c4d);max-height:50px}.profile-card{background:var(--bg-profile-card);border:var(--border-profile-card);border-radius:var(--radius-md);align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.profile-avatar{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;width:44px;height:44px}.profile-info{flex-direction:column;display:flex;overflow:hidden}.profile-name{color:var(--color-heading);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.profile-role{color:var(--color-text-muted);font-size:.75rem}.menu-links{flex-direction:column;flex:1;gap:.35rem;margin-top:1.5rem;list-style:none;display:flex}.menu-item-btn{width:100%;color:var(--color-menu-text);font-family:var(--font-title);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.9rem;font-weight:500;display:flex}.menu-item-btn:hover{background:var(--color-menu-hover-bg);color:var(--color-menu-hover-text)}.menu-item-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 15px var(--color-primary-glow)}.center-content-panel{flex-direction:column;gap:1rem;padding-right:.25rem;display:flex;overflow-y:auto}.center-content-panel::-webkit-scrollbar{width:6px}.center-content-panel::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:3px}.video-card{padding:1.25rem}.video-title-header{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:1px;margin-bottom:.35rem;font-size:.75rem}.video-title-main{color:var(--color-heading);margin-bottom:1rem;font-size:1.35rem;font-weight:700}.mockup-player-screen{border-radius:var(--radius-md);aspect-ratio:16/9;border:var(--border-glass-card);background:#000;position:relative;overflow:hidden}.mockup-player-screen img{object-fit:cover;width:100%;height:100%}.mockup-player-controls{z-index:10;background:linear-gradient(#0000 0%,#000000f2 100%);flex-direction:column;gap:.75rem;width:100%;padding:1.5rem 1rem .75rem;display:flex;position:absolute;bottom:0;left:0}.player-progressbar-container{cursor:pointer;background:#fff3;border-radius:2px;width:100%;height:4px;position:relative}.player-progressbar-fill{background:var(--color-primary);border-radius:2px;width:32%;height:100%;position:relative}.player-progressbar-handle{width:10px;height:10px;box-shadow:0 0 6px var(--color-primary);background:#fff;border-radius:50%;position:absolute;top:50%;right:-5px;transform:translateY(-50%)}.player-controls-row{justify-content:space-between;align-items:center;display:flex}.player-controls-left{color:#fff;align-items:center;gap:1rem;display:flex}.player-time-label{color:var(--color-text-muted);font-size:.75rem}.video-details-card{margin-top:1rem}.video-details-title{color:var(--color-heading);margin-bottom:.5rem;font-size:1.15rem;font-weight:700;line-height:1.4}.video-details-author{color:var(--color-primary);font-size:.85rem;font-weight:600}.video-actions-row{border-top:var(--border-glass);gap:.75rem;margin-top:1.25rem;padding-top:1rem;display:flex}.video-action-btn{background:var(--bg-btn-sec);border:var(--border-btn-sec);color:var(--color-btn-sec-text);font-family:var(--font-title);text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;display:inline-flex}.video-action-btn:hover{background:var(--bg-btn-sec-hover);border-color:var(--color-primary)}.right-column-panel{flex-direction:column;gap:1.25rem;height:100%;display:flex}.chat-panel-mock{flex-direction:column;flex:1;display:flex}.chat-panel-tabs{border-bottom:var(--border-glass);padding:0 1rem;display:flex}.chat-tab-btn{color:var(--color-text-muted);font-family:var(--font-title);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;background:0 0;border:none;padding:1rem .75rem;font-size:.85rem;font-weight:600;position:relative}.chat-tab-btn.active{color:var(--color-heading)}.chat-tab-btn.active:after{content:"";background:var(--color-primary);width:100%;height:2px;position:absolute;bottom:0;left:0}.chat-badge{background:var(--color-primary);color:#fff;border-radius:10px;margin-left:.35rem;padding:.1rem .35rem;font-size:.65rem;font-weight:700}.chat-messages-container{flex-direction:column;flex:1;gap:1rem;padding:1rem;display:flex;overflow-y:auto}.chat-messages-container::-webkit-scrollbar{width:4px}.chat-messages-container::-webkit-scrollbar-thumb{background:var(--bg-input);border-radius:2px}.chat-user-message{gap:.75rem;display:flex}.chat-user-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.chat-msg-body{flex-direction:column;flex:1;gap:.15rem;display:flex}.chat-msg-header{justify-content:space-between;align-items:center;display:flex}.chat-msg-name{color:var(--color-heading);font-size:.8rem;font-weight:600}.chat-msg-time{color:var(--color-text-muted);font-size:.65rem}.chat-msg-content{color:var(--color-text);font-size:.8rem;line-height:1.4}.progress-card{padding:1.25rem}.progress-header{font-family:var(--font-title);text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-bottom:.75rem;font-size:.8rem;font-weight:700}.progress-course-name{color:var(--color-heading);margin-bottom:.5rem;font-size:.95rem;font-weight:600}.progress-bar-wrap{background:var(--bg-input);border-radius:3px;width:100%;height:6px;margin-bottom:.75rem;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#cd0b5c,#ec4899);border-radius:3px;height:100%}.progress-stats-row{color:var(--color-text-muted);justify-content:space-between;margin-bottom:.75rem;font-size:.75rem;display:flex}.progress-next-unit{background:var(--bg-profile-card);border-radius:var(--radius-sm);border:var(--border-profile-card);color:var(--color-text);padding:.5rem;font-size:.75rem}.auth-page{background:var(--bg-auth-page);height:100vh;font-family:var(--font-body);flex-direction:column;justify-content:flex-start;align-items:center;gap:2rem;padding:4rem 1.5rem 2rem;transition:background .3s;display:flex;overflow-y:auto}.auth-card{background:var(--bg-auth-card);-webkit-backdrop-filter:blur(24px);border:var(--border-glass);width:100%;max-width:440px;box-shadow:var(--shadow-glass);color:var(--color-heading);text-align:center;transition:var(--transition);border-radius:24px;margin-top:auto;margin-bottom:auto;padding:3rem 2.5rem}.dashboard-grid{grid-template-columns:1.5fr 1fr;gap:1.5rem;display:grid}.two-col-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=992px){.dashboard-grid,.two-col-grid{grid-template-columns:1fr!important}}.form-group{text-align:left;flex-direction:column;align-items:stretch;margin-bottom:1.5rem;display:flex}.form-label{font-family:var(--font-title);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.form-control{background:var(--bg-input);border:var(--border-input);width:100%;color:var(--color-input-text);font-size:.9rem;font-family:var(--font-body);transition:var(--transition);border-radius:12px;outline:none;padding:.85rem 1.25rem}select.form-control option{background-color:var(--bg-glass-card);color:var(--color-input-text)}input[type=date].form-control,input[type=datetime-local].form-control{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] input[type=date].form-control,[data-theme=light] input[type=datetime-local].form-control{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.form-control::placeholder{color:var(--color-input-placeholder)}.form-control:focus{border-color:var(--color-primary);box-shadow:0 0 15px var(--color-primary-glow);background:var(--bg-glass-hover)}input:-webkit-autofill{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1e29!important}input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1e29!important}input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1e29!important}input:-webkit-autofill:active{caret-color:#fff;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1a1e29!important}[data-theme=light] input:-webkit-autofill{caret-color:#0f172a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #f1f5f9!important}[data-theme=light] input:-webkit-autofill:hover{caret-color:#0f172a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #f1f5f9!important}[data-theme=light] input:-webkit-autofill:focus{caret-color:#0f172a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #f1f5f9!important}[data-theme=light] input:-webkit-autofill:active{caret-color:#0f172a;transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;-webkit-box-shadow:inset 0 0 0 1000px #f1f5f9!important}.btn{font-family:var(--font-title);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:12px;outline:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.85rem;font-weight:700;display:inline-flex}.btn-primary{color:#fff!important;background:linear-gradient(135deg,#cd0b5c 0%,#e8126f 100%)!important;border:none!important;box-shadow:0 4px 20px #cd0b5c66!important}.btn-primary:hover{transform:translateY(-2px);color:#fff!important;background:linear-gradient(135deg,#e8126f 0%,#cd0b5c 100%)!important;box-shadow:0 6px 25px #cd0b5c99!important}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-btn-sec)!important;border:var(--border-btn-sec)!important;color:var(--color-btn-sec-text)!important}.btn-secondary:hover{transform:translateY(-2px);background:var(--bg-btn-sec-hover)!important;border-color:var(--color-primary)!important}.btn-secondary:active{transform:translateY(0)}.btn-full{width:100%}.btn-sm{border-radius:8px;padding:.6rem 1.2rem;font-size:.8rem}.courses-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.card-glass{background:var(--bg-glass-card);border:var(--border-glass-card);box-shadow:var(--shadow-glass);transition:var(--transition);border-radius:20px;flex-direction:column;justify-content:space-between;gap:1.25rem;padding:1.75rem;display:flex}.card-glass:hover{background:var(--bg-glass-hover);border-color:#cd0b5c66;transform:translateY(-4px);box-shadow:0 12px 30px #cd0b5c26}.avatar-circle{color:#fff;background:linear-gradient(135deg,#cd0b5c 0%,#ec4899 100%);border:2px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex;box-shadow:0 4px 10px #cd0b5c4d}.chat-input{background:var(--bg-input);border:var(--border-input);color:var(--color-input-text);transition:var(--transition);border-radius:8px;outline:none;flex:1;padding:.65rem 1rem;font-size:.8rem}.chat-input::placeholder{color:var(--color-input-placeholder)}.chat-input:focus{border-color:var(--color-primary);background:var(--bg-glass-hover)}.live-badge-glow{color:#ef4444;border-radius:var(--radius-sm);font-family:var(--font-title);letter-spacing:.5px;background:#ef444426;border:1px solid #ef44444d;align-items:center;gap:.35rem;padding:.25rem .5rem;font-size:.7rem;font-weight:700;display:flex}.table-glass{border-collapse:collapse;width:100%}.table-glass th{color:var(--color-text-muted);font-family:var(--font-title);text-transform:uppercase;border-bottom:var(--border-glass);padding:1rem;font-size:.8rem;font-weight:600}.table-glass td{border-bottom:var(--border-glass-card);color:var(--color-text);padding:1rem}.table-glass tr:hover{background:var(--bg-glass-hover)}.auth-top-bar{width:100%;font-size:.75rem;font-family:var(--font-title);color:var(--color-text-muted);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;display:flex;position:absolute;top:0;left:0}.auth-secure-tag{letter-spacing:.5px;align-items:center;gap:.35rem;display:inline-flex}.auth-top-link{color:var(--color-text-muted);transition:var(--transition);text-decoration:none}.auth-top-link:hover{color:var(--color-primary);text-shadow:0 0 8px var(--color-primary-glow)}.auth-footer-bar{text-align:center;width:100%;max-width:500px;font-size:.75rem;font-family:var(--font-body);color:var(--color-text-muted);z-index:10;border-top:var(--border-glass);flex-direction:column;gap:.25rem;padding:1rem 0 0;display:flex}.auth-footer-powered{letter-spacing:.5px;color:var(--color-text-muted);opacity:.7;font-size:.7rem;font-weight:500}.auth-header{margin-bottom:2.25rem}.auth-sub{color:var(--color-text-muted);margin-top:.5rem;font-size:.85rem}.table-responsive-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:1rem;overflow-x:auto}@media (width<=640px){.auth-page{padding:4.5rem 1rem 1.5rem}.auth-card{width:100%;max-width:100%;padding:1.5rem 1.25rem}.auth-top-bar{flex-direction:row;gap:.5rem;padding:1rem}.auth-secure-tag{display:none}}@media (width<=768px){body{overflow-y:auto}.portal-layout{gap:.75rem;padding:.75rem;grid-template-columns:1fr!important;height:auto!important;max-height:none!important;overflow-y:visible!important}.sidebar-panel{border-right:none;border-bottom:var(--border-glass);margin-bottom:.5rem}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}.table-glass th,.table-glass td{padding:.65rem .5rem;font-size:.75rem}.modal-content{width:95%!important;margin:1rem!important;padding:1.25rem!important}.btn{padding:.65rem 1rem}}.mobile-menu-toggle{background:var(--bg-btn-sec);border:var(--border-btn-sec);color:var(--color-heading);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:.5rem .65rem;display:none}.mobile-menu-toggle:hover{background:var(--bg-btn-sec-hover);border-color:var(--color-primary)}.desktop-nav-actions{align-items:center;gap:.75rem;display:flex}.mobile-nav-dropdown{background:var(--bg-auth-card);-webkit-backdrop-filter:blur(24px);border-bottom:var(--border-glass);z-index:9999;flex-direction:column;gap:1rem;width:100%;padding:1.25rem 1.5rem;animation:.25s cubic-bezier(.4,0,.2,1) fadeInDown;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 20px 40px #0006}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.mobile-menu-toggle{display:flex}.desktop-nav-actions{display:none!important}.mobile-nav-dropdown.open{display:flex}.header-search-container{max-width:180px!important}}@media (width<=480px){.header-search-container{display:none!important}}