*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-bg:#e8eaf0;--sidebar-width:215px;--sidebar-collapsed:72px;--header-height:64px;--bg:#fff;--surface:#f3f4f6;--surface-2:#e5e7eb;--border:rgba(15,23,42,.08);--border-light:rgba(15,23,42,.04);--social-card-border:#000;--social-card-shadow:0 10px 30px rgba(15,23,42,.06),0 1px 3px rgba(15,23,42,.02);--primary:#3636e8;--primary-dark:#2525cc;--primary-light:rgba(54,54,232,.08);--accent:#6366f1;--success:#10b981;--success-light:rgba(16,185,129,.1);--warning:#f59e0b;--warning-light:rgba(245,158,11,.1);--danger:#ef4444;--danger-light:rgba(239,68,68,.1);--info:#3b82f6;--info-light:rgba(59,130,246,.1);--text-primary:#1e1e3a;--text-secondary:#6b6b8a;--text-muted:#9999b0;--text-inverse:#fff;--neu-light:#fff;--neu-dark:#c5c7cf;--neu-glow:hsla(0,0%,100%,.7);--shadow-sm:3px 3px 6px #c5c7cf,-3px -3px 6px #fff;--shadow:6px 6px 12px #c5c7cf,-6px -6px 12px #fff;--shadow-md:8px 8px 16px #c2c4cc,-8px -8px 16px #fff;--shadow-lg:12px 12px 24px #bdbfc7,-12px -12px 24px #fff;--community-box-shadow:0 8px 30px rgba(0,0,0,.03);--shadow-inset:inset 4px 4px 8px #c5c7cf,inset -4px -4px 8px #fff;--radius-sm:8px;--radius:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:28px;--radius-pill:50px;--transition:all 0.2s ease;--scrollbar-thumb:#d1d5db;--scrollbar-thumb-hover:#9ca3af;--skeleton-base:#e8eaf0;--skeleton-shine:#dddfe6;--community-item-bg:#e8eaf0;--community-item-bg-mobile:#fff;--community-item-text:#1e1e3a;--community-item-shadow-light:#fff;--community-item-shadow-dark:#c5c7cf;--course-icon-bg:color-mix(in srgb,var(--primary-light) 70%,var(--surface) 30%);--course-icon-color:#4f46e5;--course-icon-border:rgba(79,70,229,.16);--course-icon-hover-bg:color-mix(in srgb,var(--primary-light) 86%,var(--surface) 14%);--course-icon-selected-bg:color-mix(in srgb,var(--primary-light) 78%,var(--surface) 22%);--course-icon-selected-border:rgba(79,70,229,.46);--staff-role-badge-manager-bg:rgba(79,70,229,.06);--staff-role-badge-manager-border:rgba(79,70,229,.22);--staff-role-badge-manager-color:#4f46e5;--staff-role-badge-manager-icon:#4f46e5;--staff-role-badge-admin-bg:rgba(239,68,68,.06);--staff-role-badge-admin-border:rgba(239,68,68,.22);--staff-role-badge-admin-color:#dc2626;--staff-role-badge-admin-icon:#dc2626;--topic-header-bg:#dde1e8;--topic-header-text:#1e1e3a;--topic-header-muted:#4f566b;--quiz-countdown-label-color:#4f566b;--quiz-countdown-edit-bg:hsla(0,0%,100%,.5);--quiz-countdown-edit-icon:#1e1e3a}.community-channel-btn{background:var(--community-item-bg);box-shadow:4px 4px 8px var(--community-item-shadow-dark),-4px -4px 8px var(--community-item-shadow-light);transition:transform .22s cubic-bezier(.25,.8,.25,1),box-shadow .22s ease,border-color .22s ease}.community-channel-btn:hover:not(.active){transform:translateY(-2px);box-shadow:0 6px 16px rgba(54,54,232,.12),-2px -2px 6px var(--community-item-shadow-light)}.community-channel-btn:active:not(.active){transform:translateY(0);box-shadow:2px 2px 4px var(--community-item-shadow-dark),-2px -2px 4px var(--community-item-shadow-light)}@media (max-width:767px){.community-channel-btn{background:var(--community-item-bg-mobile);box-shadow:6px 6px 14px var(--community-item-shadow-dark),-6px -6px 14px var(--community-item-shadow-light)}}.dm-channel-btn{background:var(--community-item-bg);box-shadow:4px 4px 8px var(--community-item-shadow-dark),-4px -4px 8px var(--community-item-shadow-light);transition:transform .22s cubic-bezier(.25,.8,.25,1),box-shadow .22s ease,border-color .22s ease}.dm-channel-btn:hover:not(.active){transform:translateY(-2px);box-shadow:0 6px 16px rgba(54,54,232,.12),-2px -2px 6px var(--community-item-shadow-light)}.dm-channel-btn:active:not(.active){transform:translateY(0);box-shadow:2px 2px 4px var(--community-item-shadow-dark),-2px -2px 4px var(--community-item-shadow-light)}@media (max-width:767px){.dm-channel-btn{background:var(--community-item-bg-mobile);box-shadow:6px 6px 14px var(--community-item-shadow-dark),-6px -6px 14px var(--community-item-shadow-light)}}.modal-user-btn{background:var(--community-item-bg);box-shadow:4px 4px 8px var(--community-item-shadow-dark),-4px -4px 8px var(--community-item-shadow-light)}:root[data-theme=dark]{--sidebar-bg:#08080c;--bg:#08080c;--surface:#0e0e14;--surface-2:#14141e;--border:hsla(0,0%,100%,.08);--border-light:hsla(0,0%,100%,.05);--social-card-border:#000;--social-card-shadow:0 10px 30px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.2);--primary:#6d6dff;--primary-dark:#5757e8;--primary-light:rgba(109,109,255,.16);--accent:#818cf8;--success:#34d399;--success-light:rgba(52,211,153,.16);--warning:#fbbf24;--warning-light:rgba(251,191,36,.16);--danger:#f87171;--danger-light:hsla(0,91%,71%,.16);--info:#60a5fa;--info-light:rgba(96,165,250,.16);--text-primary:#fff;--text-secondary:#a3a8bd;--text-muted:#6f7488;--text-inverse:#08080c;--course-icon-bg:color-mix(in srgb,var(--primary-light) 48%,var(--surface-2) 52%);--course-icon-color:#9b9bff;--course-icon-border:rgba(155,155,255,.2);--course-icon-hover-bg:color-mix(in srgb,var(--primary-light) 62%,var(--surface-2) 38%);--course-icon-selected-bg:color-mix(in srgb,var(--primary-light) 72%,var(--surface-2) 28%);--course-icon-selected-border:rgba(155,155,255,.5);--staff-role-badge-manager-bg:rgba(129,140,248,.12);--staff-role-badge-manager-border:rgba(129,140,248,.35);--staff-role-badge-manager-color:#818cf8;--staff-role-badge-manager-icon:#818cf8;--staff-role-badge-admin-bg:rgba(251,113,133,.12);--staff-role-badge-admin-border:rgba(251,113,133,.35);--staff-role-badge-admin-color:#fb7185;--staff-role-badge-admin-icon:#fb7185;--topic-header-bg:#1b1b28;--topic-header-text:#fff;--topic-header-muted:#b7bccd;--quiz-countdown-label-color:hsla(0,0%,100%,.72);--quiz-countdown-edit-bg:hsla(0,0%,100%,.5);--quiz-countdown-edit-icon:#1e1e3a;--neu-light:transparent;--neu-dark:#0b0e14;--neu-glow:transparent;--shadow-sm:0 1px 3px rgba(0,0,0,.45);--shadow:0 2px 8px rgba(0,0,0,.45);--shadow-md:0 4px 14px rgba(0,0,0,.5);--shadow-lg:0 10px 30px rgba(0,0,0,.55);--community-box-shadow:0 10px 30px rgba(0,0,0,.35);--shadow-inset:inset 0 1px 3px rgba(0,0,0,.45);--scrollbar-thumb:#2f3645;--scrollbar-thumb-hover:#3d4556;--skeleton-base:#1f2430;--skeleton-shine:#272d3b;color-scheme:dark;--community-item-bg:#131b2e;--community-item-bg-mobile:#131b2e;--community-item-text:#f8fafc;--community-item-shadow-light:#1e293b;--community-item-shadow-dark:#020617}:root[data-theme=dark] .sidebar-logo-plate{background:var(--surface-2)!important;box-shadow:none!important}:root[data-theme=dark] .mobile-login-logo-img,:root[data-theme=dark] .sidebar-logo-img{filter:brightness(0) invert(1)}.chat-wallpaper{background-image:url(/images/chat-wallpaper.png);background-repeat:repeat;background-size:400px auto;background-position:top}:root[data-theme=dark] .chat-wallpaper{background-color:#111317;background-image:url(/images/chat-wallpaper-dark.png)}:root[data-theme=dark] .custom-page-content,:root[data-theme=dark] .custom-page-content *{color:var(--text-secondary)!important}:root[data-theme=dark] .custom-page-content b,:root[data-theme=dark] .custom-page-content h1,:root[data-theme=dark] .custom-page-content h2,:root[data-theme=dark] .custom-page-content h3,:root[data-theme=dark] .custom-page-content h4,:root[data-theme=dark] .custom-page-content h5,:root[data-theme=dark] .custom-page-content h6,:root[data-theme=dark] .custom-page-content strong{color:var(--text-primary)!important}:root[data-theme=dark] .custom-page-content a{color:var(--accent)!important}html{height:100%}body,html{overflow-x:hidden}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text-primary);min-height:100vh;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;letter-spacing:.01em}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.w-full{width:100%}.text-sm{font-size:13px}.text-base{font-size:15px}.text-lg{font-size:17px}.text-xl{font-size:19px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.rounded{border-radius:var(--radius)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden-mobile{display:inline}.staff-role-badge{display:inline-flex;align-items:center;box-sizing:border-box;max-width:min(100%,88px);min-width:0;flex:0 1 auto;overflow:hidden;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:800;line-height:1;letter-spacing:0;white-space:nowrap;word-break:normal;vertical-align:middle;box-shadow:none;transition:all .2s ease}.staff-role-badge--manager{background:var(--staff-role-badge-manager-bg);border:1px solid var(--staff-role-badge-manager-border);color:var(--staff-role-badge-manager-color)}.staff-role-badge--manager .staff-role-badge__icon{color:var(--staff-role-badge-manager-icon)}.staff-role-badge--admin{background:var(--staff-role-badge-admin-bg);border:1px solid var(--staff-role-badge-admin-border);color:var(--staff-role-badge-admin-color)}.staff-role-badge--admin .staff-role-badge__icon{color:var(--staff-role-badge-admin-icon)}.staff-role-badge__icon{flex:0 0 auto;width:12px;height:12px}.staff-role-badge__label{min-width:0;overflow:hidden;text-overflow:ellipsis}.chat-msg-bubble .staff-role-badge--manager{background:rgba(79,70,229,.07)!important;border-color:rgba(79,70,229,.22)!important;color:#4f46e5!important}.chat-msg-bubble .staff-role-badge--manager .staff-role-badge__icon{color:#4f46e5!important}.chat-msg-bubble .staff-role-badge--admin{background:rgba(220,38,38,.07)!important;border-color:rgba(220,38,38,.22)!important;color:#dc2626!important}.chat-msg-bubble .staff-role-badge--admin .staff-role-badge__icon{color:#dc2626!important}@media (max-width:1024px){.staff-role-badge{max-width:min(100%,82px);gap:3px;padding:2px 7px;font-size:9.5px}.staff-role-badge__icon{width:11px;height:11px}}@media (max-width:767px){.hidden-mobile{display:none}.staff-role-badge{max-width:min(100%,78px);padding:2px 6px;font-size:9px}.staff-role-badge__icon{width:10.5px;height:10.5px}}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:var(--radius-pill);font-weight:500;font-size:13px;transition:var(--transition);cursor:pointer;white-space:nowrap;box-shadow:var(--shadow-sm)}.btn-primary{background:var(--primary);color:#fff;box-shadow:4px 4px 8px rgba(54,54,232,.3),-2px -2px 6px var(--neu-glow)}.btn-primary:hover{background:var(--primary-dark);box-shadow:4px 4px 12px rgba(54,54,232,.4),-2px -2px 6px var(--neu-glow)}.btn-secondary{background:var(--bg);color:var(--primary);box-shadow:var(--shadow-sm)}.btn-secondary:hover{box-shadow:var(--shadow)}.btn-ghost{background:var(--bg);color:var(--text-secondary);box-shadow:var(--shadow-sm)}.btn-ghost:hover{box-shadow:var(--shadow);color:var(--text-primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#059669}.btn-sm{padding:5px 14px;font-size:12px}.btn-lg{padding:12px 28px;font-size:15px}.btn-icon{padding:10px;border-radius:var(--radius-pill)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:.02em}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-success{background:var(--success-light);color:#059669}.badge-warning{background:var(--warning-light);color:#d97706}.badge-danger{background:var(--danger-light);color:#dc2626}.badge-info{background:var(--info-light);color:#2563eb}.badge-gray{background:var(--surface-2);color:var(--text-secondary)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.form-input{width:100%;padding:10px 14px;border:none;border-radius:var(--radius);background:var(--bg);color:var(--text-primary);transition:var(--transition);outline:none;box-shadow:var(--shadow-inset)}.form-input:focus{box-shadow:var(--shadow-inset),0 0 0 2px rgba(54,54,232,.15)}.form-input::placeholder{color:var(--text-muted)}.announcements-page-container,.dashboard-inner-page,.page-container{padding:24px;max-width:none;width:100%;min-width:0;margin:0;overflow-x:hidden}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.page-title{font-size:22px;font-weight:700;color:var(--text-primary)}.page-subtitle{font-size:13px;color:var(--text-muted);margin-top:2px}.grid-2{grid-template-columns:repeat(2,1fr);grid-gap:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:20px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.divider{height:1px;background:var(--border-light);margin:16px 0}.avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;flex-shrink:0}.search-input{width:100%;padding:8px 12px 8px 36px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-primary);outline:none;transition:var(--transition)}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-muted)}.empty-state svg{opacity:.4;margin-bottom:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes float{0%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-40px) rotate(4deg)}to{transform:translateY(0) rotate(0deg)}}.animate-float{animation:float 6s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fade-in{animation:fadeIn .3s ease}.spinner{animation:spin .8s linear infinite}.skeleton{background:linear-gradient(90deg,var(--skeleton-shine) 25%,var(--skeleton-base) 50%,var(--skeleton-shine) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.18),0 2px 8px rgba(0,0,0,.1);width:100%;max-width:min(900px,calc(100vw - 32px));max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border-light)}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border-light)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:1px solid var(--border)}td{padding:13px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:var(--surface-2)}@media (max-width:1200px){.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.page-container{padding:16px}}@media (max-width:767px){.page-container{padding-top:6px}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}.calendar-mobile-only,.mobile-bottom-nav,.mobile-only-notice{display:none}@media (max-width:767px){.calendar-desktop-only,.dashboard-header.mobile-hide-header,.desktop-only-nav-item,.header-profile,.support-btn-float,.support-floating-wrapper,.support-stack,.support-stack-item,a.support-btn-float{display:none!important}.calendar-mobile-only{display:block!important}.mobile-bottom-nav{display:flex!important;justify-content:space-around;align-items:flex-start;position:fixed;left:0;right:0;bottom:0;z-index:999;height:calc(64px + max(env(safe-area-inset-bottom, 0px), var(--android-nav-bottom, 0px)));background:var(--sidebar-bg);padding-bottom:max(env(safe-area-inset-bottom,0px),var(--android-nav-bottom,0px));box-shadow:0 -10px 30px rgba(0,0,0,.25);border-top:1px solid var(--border);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease;box-sizing:border-box}.mobile-bottom-nav.hidden{transform:translateY(110%);opacity:0;pointer-events:none}.mobile-bottom-nav.visible{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-bottom-tab{position:relative;flex-direction:column;flex:1 1;height:64px;text-decoration:none;color:var(--text-muted);padding-bottom:0}.mobile-bottom-tab,.mobile-bottom-tab .tab-icon-wrapper{display:flex;align-items:center;justify-content:center;transition:all .25s ease}.mobile-bottom-tab .tab-icon-wrapper{width:24px;height:24px}.mobile-bottom-tab .tab-icon svg{width:22px;height:22px;stroke:currentColor;transition:stroke .2s ease}.mobile-bottom-tab .tab-label{font-size:10px;font-weight:500;margin-top:5px;transition:all .2s ease}.mobile-bottom-tab.active{color:var(--text-primary)}.mobile-bottom-tab.active .tab-label{font-weight:700;color:var(--text-primary)}.mobile-bottom-tab.academics-action-tab{height:64px;overflow:visible;padding-bottom:0}.mobile-bottom-tab.academics-action-tab .tab-icon-wrapper{position:absolute;top:-30px;width:58px;height:58px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;box-shadow:0 8px 20px rgba(99,102,241,.4),inset 0 1px 0 hsla(0,0%,100%,.3);z-index:10;border:4px solid #fff;transition:transform .25s cubic-bezier(.175,.885,.32,1.275)}.mobile-bottom-tab.academics-action-tab .tab-icon svg{width:24px;height:24px;stroke:#fff}.mobile-bottom-tab.academics-action-tab.active .tab-icon-wrapper{background:linear-gradient(135deg,#8b5cf6,#4f46e5);transform:scale(1.05);box-shadow:0 10px 24px rgba(79,70,229,.5),inset 0 1px 0 hsla(0,0%,100%,.3)}.mobile-bottom-tab.academics-action-tab .tab-label{margin-top:32px}.mobile-bottom-nav:before{content:"";position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:76px;height:38px;border-radius:38px 38px 0 0;background:var(--sidebar-bg);border-top:1px solid var(--border);box-shadow:0 -8px 10px rgba(0,0,0,.02);z-index:1}.lecture-row{padding:14px 16px!important;border-radius:20px!important}.lecture-row>.lecture-row-actions{width:100%!important;margin-left:0!important;justify-content:flex-start!important;border-top:1px solid #d8dae3;padding-top:10px;margin-top:4px}.lecture-row>.lecture-row-actions>div:first-child{border-right:none!important;padding-right:0!important;margin-right:0!important}.bundle-modal-grid{grid-template-columns:1fr!important;overflow-y:auto!important}.bundle-modal-box{height:auto!important;max-height:calc(100vh - 24px)!important;overflow-y:auto!important}.admin-user-row{flex-wrap:wrap!important;border-radius:24px!important;padding:14px 16px!important;gap:12px!important}.admin-user-meta{width:100%!important;margin-left:0!important;gap:10px!important;flex-wrap:wrap!important;justify-content:flex-start!important}.admin-user-meta>div{width:auto!important;text-align:left!important;justify-content:flex-start!important}}.master-detail-back{display:none}@media (max-width:767px){.master-detail-layout{flex-direction:column!important;gap:0!important}.master-detail-layout>.master-detail-list{width:100%!important;flex-shrink:1!important}.master-detail-layout:not([data-detail-open=true])>.master-detail-pane,.master-detail-layout[data-detail-open=true]>.master-detail-list{display:none!important}.master-detail-back{display:inline-flex!important}}.mobile-blocker-overlay{position:fixed;inset:0;z-index:99999;background:rgba(15,15,25,.7);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:24px;transition:opacity .3s ease}.mobile-blocker-content{background:var(--surface);padding:40px 32px;border-radius:var(--radius-xl);max-width:440px;width:100%;text-align:center;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),var(--shadow-sm);border:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;align-items:center;gap:20px;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1)}.warning-icon{font-size:48px;margin-bottom:8px}.warning-title{font-size:28px;font-weight:800}.warning-text,.warning-title{color:var(--text-primary);margin:0}.warning-text{font-size:16px;line-height:1.6}.warning-hint{font-size:14px;color:var(--text-secondary);font-style:italic;margin-bottom:8px}.dismiss-btn{background:var(--primary);color:#fff;padding:14px 28px;border-radius:var(--radius-pill);font-weight:600;font-size:15px;width:100%;transition:var(--transition);box-shadow:0 4px 12px rgba(54,54,232,.3)}.dismiss-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(54,54,232,.4)}.fade-out{opacity:0;pointer-events:none}@keyframes greenPulse{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{transform:scale(1);box-shadow:0 0 0 6px rgba(16,185,129,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(16,185,129,0)}}@keyframes badgeGlow{0%{box-shadow:0 0 5px rgba(16,185,129,.2)}50%{box-shadow:0 0 15px rgba(16,185,129,.5)}to{box-shadow:0 0 5px rgba(16,185,129,.2)}}@keyframes joinPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes joinGlow{0%{box-shadow:0 8px 20px rgba(239,68,68,.2)}50%{box-shadow:0 8px 30px rgba(239,68,68,.6)}to{box-shadow:0 8px 20px rgba(239,68,68,.2)}}.responsive-two-column-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px}@media (max-width:767px){.responsive-two-column-grid{grid-template-columns:1fr!important;gap:16px!important}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}@media (max-width:1200px){.dashboard-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){:root{--course-banner-height:180px;--course-card-padding:28px 24px 24px;--course-icon-size:72px;--course-title-size:20px}}@media (max-width:767px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px!important}.stat-card{flex-direction:row!important;align-items:center!important;min-height:auto!important;padding:12px 14px!important;gap:10px!important}}.stat-card{padding:24px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:140px;gap:16px;position:relative;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);transition:var(--transition)}.stat-card-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-label{font-size:11px;color:#9999b0;font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:.06em}.stat-card-value{font-size:26px;font-weight:800;color:var(--text-primary);line-height:1.1}@media (max-width:767px){.stat-card{padding:14px 16px!important;gap:12px!important;border-radius:16px!important}.stat-card-icon{width:40px!important;height:40px!important;border-radius:11px!important}.stat-card-icon svg{width:18px!important;height:18px!important}.stat-card-label{font-size:9.5px!important;letter-spacing:.04em!important}.stat-card-value{font-size:20px!important}}.responsive-support-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:24px;gap:24px}@media (max-width:767px){.responsive-support-grid{grid-template-columns:1fr!important;gap:16px!important}}.dashboard-layout{background:var(--bg)}.dashboard-layout,.dashboard-main-container{display:flex;height:100vh;height:100dvh;overflow:hidden}.dashboard-main-container{flex:1 1;flex-direction:column;width:100%;max-width:100vw;margin-left:0;padding-left:76px;transition:padding-left .3s cubic-bezier(.4,0,.2,1),margin-left .3s cubic-bezier(.4,0,.2,1),max-width .3s cubic-bezier(.4,0,.2,1)}.dashboard-header{flex-shrink:0}.dashboard-scroll-region{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;box-sizing:border-box}@media (min-width:768px){.dashboard-main-container:has(.dashboard-header.mobile-hide-header)>.dashboard-header{position:relative!important;top:auto!important}.dashboard-main-container:has(.dashboard-header.mobile-hide-header)>.dashboard-scroll-region{overscroll-behavior-y:contain}}.dashboard-main-container main>.announcements-page-container,.dashboard-main-container main>.dashboard-inner-page,.dashboard-main-container main>.page-container:not(.dashboard-home-page){margin-top:32px!important}@media (max-width:767px){.dashboard-main-container main>.announcements-page-container,.dashboard-main-container main>.dashboard-inner-page,.dashboard-main-container main>.page-container:not(.dashboard-home-page){margin-top:0!important}}.header-titles{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (min-width:768px){.header-titles-dashboard{left:120px!important;transform:translateY(-50%)!important;align-items:flex-start!important;text-align:left!important}}.sidebar-nav{width:76px;min-height:0;background:transparent;display:flex;flex-direction:column;padding:0 8px;flex-shrink:0;position:fixed;left:0;top:160px;bottom:24px;z-index:100;transform:translateX(0);transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.sidebar-nav.is-tablet-device{top:100px!important;bottom:16px!important}.sidebar-nav.desktop-expanded{width:240px}.sidebar-vertical-container{height:auto!important;max-height:calc(100% - 68px)!important;border:none!important;border-radius:24px!important;padding:12px 6px!important}.sidebar-logout-card,.sidebar-vertical-container{background:rgba(17,17,30,.85)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:none!important}.sidebar-logout-card{margin-top:auto!important;width:100%!important;border:none!important;border-radius:16px!important;padding:6px!important}.sidebar-scrollable-content::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}.sidebar-scrollable-content{scrollbar-width:none!important;-ms-overflow-style:none!important}@media (max-width:767px){.dashboard-main-container{padding-left:0!important;margin-left:0!important;width:100%;max-width:100vw;padding-top:0!important}.sidebar-nav{width:240px!important;transform:translateX(-100%);background:var(--sidebar-bg);padding:85px 16px 24px;box-shadow:none;top:0!important;bottom:0!important;min-height:100vh!important}.sidebar-nav.sidebar-open{transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,.15)}.sidebar-vertical-container{height:auto!important;max-height:none!important}.sidebar-logout-card,.sidebar-vertical-container{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.sidebar-logout-card{margin-top:16px!important}.sidebar-logout-card button[title="Collapse Sidebar"]{display:none!important}}.sidebar-toggle-btn{display:none;width:40px;height:40px;border-radius:50%;background:var(--sidebar-bg);box-shadow:var(--shadow-sm);align-items:center;justify-content:center;color:var(--text-secondary);cursor:pointer;border:none;flex-shrink:0;transition:var(--transition)}.sidebar-toggle-btn:hover{color:var(--primary);box-shadow:var(--shadow)}.sidebar-toggle-btn:active{box-shadow:var(--shadow-inset)}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,15,25,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:98;opacity:0;pointer-events:none;transition:opacity .3s ease}@media (max-width:767px){.dashboard-main-container{margin-left:0;width:100%;max-width:100vw;padding-top:0!important}.sidebar-nav{transform:translateX(-100%);box-shadow:none}.sidebar-nav.sidebar-open{transform:translateX(0);box-shadow:10px 0 30px rgba(0,0,0,.15)}.sidebar-toggle-btn{display:none!important}.sidebar-overlay{display:block}.sidebar-overlay.active{opacity:1;pointer-events:auto}.dashboard-header{padding:env(safe-area-inset-top,0) 16px 0!important;height:calc(76px + env(safe-area-inset-top, 0px))!important}main{padding-top:env(safe-area-inset-top,0)!important}body:has(.dashboard-header:not(.mobile-hide-header)) main{padding-top:0!important}.header-titles,.mobile-hidden-header{display:none!important}.mobile-header-greeting{display:flex!important}.mobile-header-greeting:after{content:"";position:absolute;left:56px;right:0;bottom:-10px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#6366f1 30%,#8b5cf6 70%,transparent);opacity:.55}.mobile-header-greeting{position:relative}}.mobile-header-greeting{display:none}@media (min-width:768px){.mobile-header-back-title,.mobile-header-greeting{display:none!important}}.course-detail-mobile-only,.live-sessions-mobile-only,.my-courses-mobile-only{display:none}@media (max-width:767px){.my-courses-desktop-only{display:none!important}.my-courses-mobile-only{display:block!important}.course-detail-desktop-only{display:none!important}.course-detail-mobile-only{display:block!important}.live-sessions-desktop-only{display:none!important}.live-sessions-mobile-only{display:block!important}.course-detail-mobile-only{margin:0}.course-detail-mobile-only .mobile-course-detail>div:first-of-type{padding-left:22px!important;padding-right:22px!important}.course-detail-mobile-only .mobile-course-detail>div:first-of-type>div,.course-detail-mobile-only .mobile-course-detail>div:first-of-type>h1,.course-detail-mobile-only .mobile-course-detail>div:first-of-type>p{margin-left:0;padding-left:0}body:has(.course-detail-mobile-only>.mobile-course-detail) .dashboard-header,body:has(.lecture-page-mobile) .dashboard-header,body:has(.mobile-menu-page) .dashboard-header,body:has(.mobile-profile-page) .dashboard-header{display:none!important}body:has(.course-detail-mobile-only>.mobile-course-detail) main,body:has(.lecture-page-mobile) main{padding-top:0!important}body:has(.mobile-menu-page) main,body:has(.mobile-profile-page) main{padding-top:env(safe-area-inset-top,0)!important}}.mobile-only-login{display:none}@media (max-width:767px){.desktop-only-login{display:none!important}.mobile-only-login{display:block!important}.header-titles-dashboard{display:none!important}.dashboard-header[style*="140px"]{height:96px!important}}.login-container{min-height:100vh;display:flex;background:var(--bg)}.login-left-panel{flex:0 0 42%;background:var(--bg);flex-direction:column;padding:48px;position:relative}.login-geometric-composition,.login-left-panel{display:flex;align-items:center;justify-content:center}.login-geometric-composition{flex-wrap:wrap;gap:28px;margin:40px 0;max-width:420px;width:100%}.login-footer-links{position:absolute;bottom:24px;left:32px;display:flex;gap:12px;flex-wrap:wrap}.desktop-only-footer-links{display:flex}.mobile-only-policies-container{display:none!important}@keyframes slideUpFade{0%{opacity:0;bottom:calc(100% + 4px)}to{opacity:1;bottom:calc(100% + 10px)}}.login-right-panel{flex:1 1;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;position:relative}.login-card-container{width:100%;max-width:480px;padding:56px 36px!important;background:var(--surface)!important;border-radius:32px!important;box-shadow:0 20px 40px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.02)!important;border:1px solid rgba(0,0,0,.05)!important;text-align:center}.login-card-title{font-size:32px!important;font-weight:800!important;color:var(--text-primary)!important;margin-bottom:12px!important;letter-spacing:-.02em!important}.login-card-subtitle,.login-card-title{margin-top:0!important;text-align:center!important}.login-card-subtitle{font-size:15px!important;font-weight:600!important;color:var(--text-secondary)!important;margin-bottom:32px!important;line-height:1.5!important}.login-terms-text{font-size:12px!important;font-weight:500!important;color:var(--text-muted)!important;margin-top:24px!important;text-align:center!important;line-height:1.6!important;white-space:nowrap!important}.login-terms-text span{color:var(--text-primary)!important;font-weight:700!important}.login-explore-btn{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:14px 32px!important;background:var(--primary)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;border-radius:16px!important;box-shadow:0 10px 25px rgba(35,35,71,.25)!important;text-decoration:none!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.login-explore-btn:hover{background:var(--primary-dark)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 14px 32px rgba(35,35,71,.35)!important}.login-contact-developer{position:absolute;bottom:24px;right:32px}@media (min-width:768px) and (max-width:1100px) and (orientation:portrait){.login-container{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;flex-direction:column;overflow:hidden;padding:clamp(40px,6dvh,76px) 32px 88px;box-sizing:border-box}.login-container,.login-left-panel{width:100%;align-items:center;justify-content:flex-start}.login-left-panel{flex:0 0 auto;max-width:520px;padding:0;position:static}.login-logo-container{width:100%;display:flex;justify-content:center;margin:0}.login-logo-card{width:min(100%,320px)!important;max-width:320px!important;min-height:188px!important;padding:22px 22px 18px!important;border-radius:28px!important}.login-logo-card img{max-width:252px!important;max-height:122px!important}.login-logo-container p{margin-top:10px!important}.desktop-only-footer-links,.login-geometric-composition{display:none!important}.login-right-panel{flex:0 0 auto;width:100%;max-width:560px;padding:clamp(40px,5dvh,58px) 0 0;align-items:center;justify-content:flex-start;position:static}.login-card-container{width:min(100%,500px)!important;max-width:500px!important;padding:clamp(34px,4.2dvh,48px) 36px!important;box-sizing:border-box}.login-card-title{font-size:clamp(28px,4vw,32px)!important}.login-card-subtitle{margin-bottom:clamp(22px,3dvh,30px)!important}.login-terms-text{white-space:normal!important}.login-explore-btn{padding:13px 32px!important}.login-right-footer-container{position:fixed;left:24px;right:24px;bottom:max(18px,max(env(safe-area-inset-bottom,0px),var(--android-nav-bottom,0px)));display:flex!important;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;z-index:20;pointer-events:none}.login-right-footer-container>*{pointer-events:auto}.mobile-only-policies-container{display:block!important}.login-contact-developer{position:static;right:auto;bottom:auto}.login-right-footer-container .policies-dropdown-menu{left:50%!important;right:auto!important;transform:translateX(-50%)!important}}@media (max-width:767px){.login-container{flex-direction:column;min-height:100vh;overflow-y:auto}.login-left-panel{flex:none;padding:20px 16px 8px;margin-top:8px}.login-logo-container{margin-bottom:12px!important}.login-logo-container p{font-size:16px!important;margin-top:10px!important}.login-logo-card{max-width:300px!important;min-height:auto!important;padding:18px 18px 14px!important;border-radius:24px!important}.login-logo-card img{max-height:72px!important}.login-geometric-composition{display:none!important}.login-footer-links{position:static;margin-top:16px;justify-content:center;width:100%}.desktop-only-footer-links{display:none!important}.login-right-panel{padding:8px 16px 20px;margin-bottom:12px;flex:none}.login-card-container{padding:24px 20px!important;max-width:400px!important}.login-card-title{font-size:24px!important;margin-bottom:20px!important}.login-card-subtitle{font-size:13.5px!important;margin-bottom:20px!important}.login-terms-text{font-size:10px!important;white-space:normal!important}.login-explore-btn{padding:12px 28px!important;font-size:14px!important;border-radius:14px!important}.login-right-footer-container{display:flex!important;gap:16px;justify-content:center;align-items:center;margin-top:24px;margin-bottom:8px;width:100%}.mobile-only-policies-container{display:block!important}.login-contact-developer{position:static;margin-top:0!important;align-self:center;padding:8px 16px!important;font-size:12px!important}}.lecture-layout-grid{display:grid;grid-template-columns:1fr 350px;grid-gap:32px;gap:32px}@media (max-width:767px){.lecture-layout-grid{grid-template-columns:1fr!important;gap:24px!important}}.clean-video-wrapper{position:relative;background:#0f172a;border-radius:24px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.15);margin-bottom:32px;padding-top:56.25%}.clean-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.clean-video-wrapper.google-drive iframe{top:0;height:100%}@media (min-width:768px){.home-hero-slider{display:none!important}}@media (max-width:767px){.notification-dropdown{right:-10px!important}}.download-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;padding:0!important;border-radius:50px!important;background:linear-gradient(135deg,#3b82f6,#2563eb 50%,#1d4ed8)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;box-shadow:0 4px 12px rgba(37,99,235,.3),inset 0 1px 0 var(--neu-glow)!important;transition:all .3s cubic-bezier(.25,.8,.25,1)!important;cursor:pointer!important;font-family:Outfit,Nunito,sans-serif!important;border:none!important;position:relative!important;overflow:hidden!important;flex-shrink:0!important}.download-btn:hover{width:142px!important}.download-btn-text{max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .3s cubic-bezier(.25,.8,.25,1),opacity .2s ease,margin-left .3s ease;margin-left:0;font-weight:700;display:inline-block}.download-btn:hover .download-btn-text{max-width:100px;opacity:1;margin-left:8px}.download-btn:before{content:""!important;position:absolute!important;top:0!important;left:-150%!important;width:50%!important;height:100%!important;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.6) 50%,hsla(0,0%,100%,0))!important;transform:skewX(-25deg)!important;animation:download-shine 3.5s ease-in-out infinite!important;pointer-events:none!important}@keyframes download-shine{0%{left:-150%}35%{left:150%}to{left:150%}}.download-btn:hover{transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 20px rgba(37,99,235,.45),inset 0 1px 0 var(--neu-glow)!important;background:linear-gradient(135deg,#4f87ff,#2563eb 50%,#1d4ed8)!important}.download-btn:active{transform:translateY(-.5px) scale(.99)!important;box-shadow:0 4px 10px rgba(37,99,235,.3),inset 0 1px 0 var(--neu-glow)!important}@media (max-width:767px){.download-btn,.sidebar-desktop-logo-fixed-container{display:none!important}}@media (min-width:768px) and (max-width:1024px) and (orientation:portrait){.sidebar-nav{top:100px!important;bottom:16px!important}.sidebar-nav.desktop-collapsed{width:76px!important}.sidebar-nav.desktop-expanded{width:240px!important;box-shadow:10px 0 30px rgba(0,0,0,.25)!important}.sidebar-scrollable-content{gap:1.8vh!important}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)!important}.header-titles{position:static!important;transform:none!important;text-align:left!important;align-items:flex-start!important;margin-left:56px!important}.header-titles-dashboard h1{font-size:32px!important}.header-titles-dashboard p{font-size:14px!important}.sidebar-vertical-container{max-height:calc(100% - 52px)!important;border-radius:18px!important;padding:8px 4px!important}.sidebar-logout-card{border-radius:12px!important;padding:4px!important}}@media (min-width:768px) and (max-width:800px) and (orientation:portrait){.dashboard-header{padding-left:18px!important;padding-right:18px!important}.header-inner-container{gap:12px!important}.header-left-section{flex:1 1 auto!important;min-width:0!important}.header-titles-dashboard{margin-left:44px!important;max-width:calc(100vw - 430px)!important;min-width:0!important}.header-titles-dashboard h1{max-width:100%!important;overflow:visible!important;overflow-wrap:anywhere!important;text-overflow:clip!important;font-size:28px!important;letter-spacing:0!important;white-space:normal!important}.header-titles-dashboard h1 span{letter-spacing:0!important}.header-titles-dashboard p{max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:13px!important}.download-btn:hover{width:40px!important}.dashboard-home-page .dashboard-stats-grid .stat-card>div:first-child{display:grid!important;grid-template-columns:72px minmax(0,1fr)!important;grid-column-gap:12px!important;column-gap:12px!important;align-items:stretch!important}.dashboard-home-page .dashboard-stats-grid .stat-card .stat-card-value{width:100%!important;margin-right:0!important;justify-self:center!important;align-self:center!important;text-align:center!important;font-size:36px!important;line-height:1!important;white-space:nowrap!important}.dashboard-home-page .dashboard-stats-grid .stat-card .stat-card-label{white-space:nowrap!important}}@media (max-height:850px){.sidebar-scrollable-content{gap:4px!important}.sidebar-vertical-container{padding:6px 4px!important}.sidebar-nav{top:160px!important;bottom:12px!important}.sidebar-scrollable-content a{min-height:clamp(38px,4.8vh,44px)!important;height:auto!important;font-size:13px!important}.sidebar-nav.desktop-collapsed .sidebar-scrollable-content a{padding:8px 0!important}.sidebar-nav.desktop-expanded .sidebar-scrollable-content a{padding:8px 14px!important}.sidebar-logout-card button{min-height:clamp(38px,4.8vh,44px)!important;height:auto!important;font-size:13px!important;padding:8px 14px!important}}.sidebar-link-item{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sidebar-link-item:not(.active):hover{background:hsla(0,0%,100%,.08)!important;box-shadow:0 4px 12px rgba(0,0,0,.1)!important}.sidebar-link-item:not(.active):hover .sidebar-link-icon,.sidebar-link-item:not(.active):hover .sidebar-link-label{color:#fff!important}.sidebar-link-item .sidebar-link-icon{transition:transform .25s cubic-bezier(.34,1.56,.64,1),color .2s ease!important}.sidebar-link-item:hover .sidebar-link-icon{transform:scale(1.08)!important}.sidebar-link-item .sidebar-link-label{transition:transform .25s cubic-bezier(.34,1.56,.64,1),opacity .2s ease,width .2s ease!important}.sidebar-nav.desktop-expanded .sidebar-link-item:not(.active):hover .sidebar-link-label{transform:translateX(4px)!important}.sidebar-logout-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sidebar-logout-btn:hover{background:rgba(239,68,68,.18)!important;box-shadow:0 4px 12px rgba(239,68,68,.15)!important}.sidebar-logout-btn:hover span{color:#ff6b6b!important}.sidebar-logout-btn:hover svg{transform:scale(1.08)!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important}.sidebar-collapse-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sidebar-collapse-btn:hover{background:hsla(0,0%,100%,.1)!important}.sidebar-collapse-btn:hover span{color:#fff!important}.sidebar-collapse-btn:hover svg{transform:translateX(-3px)!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important}.sidebar-expand-btn{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.sidebar-expand-btn:hover{background:hsla(0,0%,100%,.1)!important}.sidebar-expand-btn:hover span{color:#fff!important}.sidebar-expand-btn:hover svg{transform:translateX(3px)!important;transition:transform .25s cubic-bezier(.34,1.56,.64,1)!important}@keyframes card-flip-spin{0%{transform:rotateY(0deg) translateY(0) scale(1);box-shadow:var(--social-card-shadow)}15%{transform:rotateY(54deg) translateY(-20px) scale(.85);box-shadow:0 35px 70px rgba(0,0,0,.4),0 15px 30px rgba(0,0,0,.2)}50%{transform:rotateY(180deg) translateY(-24px) scale(.8);box-shadow:0 45px 90px rgba(0,0,0,.45),0 20px 40px rgba(0,0,0,.25)}85%{transform:rotateY(306deg) translateY(4px) scale(1.05);box-shadow:0 4px 12px rgba(0,0,0,.15)}to{transform:rotateY(1turn) translateY(0) scale(1);box-shadow:var(--social-card-shadow)}}@media (min-width:1024px){body.lecture-watch-desktop-mode .dashboard-header,body.lecture-watch-desktop-mode .sidebar-desktop-logo-fixed-container,body.lecture-watch-desktop-mode .sidebar-nav,body.lecture-watch-desktop-mode .sidebar-overlay,body.lecture-watch-desktop-mode .support-floating-button{display:none!important}body.lecture-watch-desktop-mode .dashboard-main-container{padding-left:0!important;margin-left:0!important;max-width:100vw!important}body.lecture-watch-desktop-mode .dashboard-scroll-region{padding-top:0!important}.desktop-redesign-container{min-height:100vh;background:var(--bg);color:var(--text-primary);padding:24px 40px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box;font-family:Outfit,Nunito,sans-serif}.desktop-top-area{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--border);padding-bottom:16px;margin-bottom:8px}.desktop-back-btn{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);padding:8px 16px;border-radius:50px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:2px 2px 5px var(--neu-dark,rgba(0,0,0,.05)),-2px -2px 5px var(--neu-light,hsla(0,0%,100%,.05))}.desktop-back-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.desktop-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.desktop-lecture-title{font-size:22px;font-weight:800;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-course-name{font-size:13px;font-weight:600;color:var(--text-secondary);opacity:.8}.desktop-workspace{display:grid;grid-template-columns:7.2fr 2.8fr;grid-gap:32px;gap:32px;align-items:start}.desktop-left-column{min-width:0;display:flex;flex-direction:column;gap:24px}.desktop-content-viewer{width:100%;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 10px 30px rgba(0,0,0,.15);border:1px solid var(--border)}.desktop-pdf-viewer-wrapper{width:100%;background:#0b1020;border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.desktop-pdf-title-bar{display:flex;justify-content:space-between;align-items:center;background:rgba(11,16,32,.95);padding:12px 20px;border-bottom:1px solid hsla(0,0%,100%,.08)}.desktop-pdf-title{font-size:15px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-pdf-download-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:50px;font-size:12px;font-weight:700;text-decoration:none;cursor:pointer;transition:opacity .2s ease;box-shadow:0 4px 12px var(--accent-light,rgba(99,102,241,.25))}.desktop-pdf-download-btn:hover{opacity:.9}.desktop-right-panel{background:var(--surface);border-radius:24px;border:1px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:20px;position:-webkit-sticky;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 4px 20px rgba(0,0,0,.02)}.desktop-right-panel::-webkit-scrollbar{width:6px}.desktop-right-panel::-webkit-scrollbar-track{background:transparent}.desktop-right-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}.desktop-right-panel::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.next-lectures-header-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--border)}.next-lectures-title{font-size:13px;font-weight:800;color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase}.next-lecture-btn{background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:50px;padding:4px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.next-lecture-btn:hover{background:var(--accent);color:#fff}.desktop-topics-list{display:flex;flex-direction:column;gap:12px}.desktop-topic-item{display:flex;flex-direction:column;border-radius:16px;border:1px solid var(--border);overflow:hidden;transition:border-color .2s ease}.desktop-topic-item.topic-active{border-color:var(--accent)}.desktop-topic-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--surface-2);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .2s ease}.desktop-topic-header:hover{background:var(--border)}.desktop-topic-title-container{display:flex;align-items:center;gap:8px;min-width:0;flex:1 1}.desktop-topic-title{font-size:14px;font-weight:700;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-topic-badge{font-size:11px;color:var(--text-muted);font-weight:600;white-space:nowrap}.desktop-topic-content{display:flex;flex-direction:column;padding:6px 0;background:var(--surface);border-top:1px solid var(--border)}.desktop-content-row{display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:0}.desktop-content-row:hover{background:var(--surface-2)}.desktop-content-row.content-active{background:rgba(99,102,241,.08)}.desktop-content-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--surface-2);color:var(--text-muted);flex-shrink:0;transition:all .2s ease}.desktop-content-row.content-active .desktop-content-icon{background:var(--accent);color:#fff}.desktop-content-info{display:flex;flex-direction:column;min-width:0;flex:1 1;gap:2px}.desktop-content-title-wrapper{display:flex;align-items:center;gap:8px;min-width:0}.desktop-content-title{font-size:13.5px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.desktop-content-row.content-active .desktop-content-title{color:var(--accent);font-weight:700}.desktop-content-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-muted)}.desktop-load-more-btn{width:100%;background:transparent;border:1px dashed var(--border);color:var(--text-secondary);border-radius:12px;padding:10px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center;box-sizing:border-box;margin-top:8px}.desktop-load-more-btn:hover{background:var(--surface-2);border-color:var(--text-muted);color:var(--text-primary)}.desktop-section-card{background:var(--bg);padding:16px 0}.desktop-section-title{font-size:18px;font-weight:800;color:var(--text-primary);margin-top:0;margin-bottom:12px;display:flex;align-items:center;gap:8px}.desktop-section-card textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius);padding:12px;width:100%;box-sizing:border-box;resize:vertical;outline:none;font-family:inherit}.desktop-section-card textarea:focus{border-color:var(--primary)}body.lecture-watch-desktop-mode .dashboard-scroll-region{overflow-y:auto!important}body.lecture-watch-desktop-mode .dashboard-scroll-region,body.lecture-watch-desktop-mode main{max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}body.lecture-watch-desktop-mode .desktop-redesign-container{max-width:100%!important;width:100%!important;margin:0!important;padding:16px 24px!important;box-sizing:border-box!important;min-height:100vh!important;height:auto!important}body.lecture-watch-desktop-mode .desktop-right-panel{background:var(--bg)!important;border-radius:0!important;border:none!important;border-left:1px solid var(--border)!important;box-shadow:none!important;padding:0!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;height:100vh!important;max-height:100vh!important;overflow:hidden!important}body.lecture-watch-desktop-mode .desktop-right-panel-scroll{scrollbar-width:none!important;-ms-overflow-style:none!important}body.lecture-watch-desktop-mode .desktop-right-panel-scroll::-webkit-scrollbar,body.lecture-watch-desktop-mode .desktop-right-panel::-webkit-scrollbar{display:none!important}.source-info-tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.source-info-tooltip{display:none;position:absolute;top:24px;right:0;width:240px;background:var(--surface);color:var(--text-primary);padding:8px 12px;border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(0,0,0,.15);font-size:12px;z-index:100;line-height:1.4;font-weight:500;text-align:left}.source-info-tooltip-wrapper:hover .source-info-tooltip{display:block}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}