@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fb;color:#111827;font-family:Poppins,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}.page-loading{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40vh;color:#64748b;font-size:15px}.page-loading-spinner{width:22px;height:22px;border:3px solid #dbe4ee;border-top-color:#2563eb;border-radius:50%;animation:page-loading-spin .8s linear infinite}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.page-loading-spinner{animation-duration:2.4s}}.super-layout,.admin-layout{min-height:100vh;background:#f0faf5}.super-sidebar,.admin-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:#fff;padding:16px 12px;box-shadow:4px 0 20px #0000000f;z-index:1000;transition:width .25s ease;display:flex;flex-direction:column;overflow:hidden}.super-page,.admin-page{min-height:100vh;margin-left:260px;background:#f0faf5;transition:margin-left .25s ease;padding-top:0}.sidebar-collapsed .super-sidebar,.sidebar-collapsed .admin-sidebar{width:56px}.sidebar-collapsed .super-page,.sidebar-collapsed .admin-page{margin-left:56px}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;flex-shrink:0}.sidebar-logo-box{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;min-width:0}.sidebar-logo-box img{max-width:120px;height:auto;transition:max-width .25s ease}.sidebar-collapse-btn{width:32px;height:32px;border:none;border-radius:10px;background:#f0faf5;color:#059669;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s;flex-shrink:0}.sidebar-collapse-btn:hover{background:#dcfce7}.sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-bottom:14px;border-radius:12px;background:#f0faf5;flex-shrink:0}.profile-circle{width:38px;height:38px;border-radius:50%;background:#059669;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden}.profile-circle-img{width:100%;height:100%;object-fit:cover}.profile-text{min-width:0;flex:1}.sidebar-profile h3{margin:0;font-size:13px;color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-profile p{margin:2px 0 0;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px}.sidebar-menu::-webkit-scrollbar{width:0}.sidebar-menu a,.dropdown-toggle{width:100%;min-height:38px;border:none;border-radius:10px;background:transparent;color:#475569;text-decoration:none;font-size:13px;font-weight:500;padding:0 10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s;white-space:nowrap}.sidebar-menu a .menu-icon,.dropdown-toggle .menu-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.sidebar-menu a:hover,.dropdown-toggle:hover{background:#f0faf5;color:#059669}.sidebar-menu a.active{background:#dcfce7;color:#059669;font-weight:600}.dropdown-toggle{justify-content:space-between}.dropdown-toggle.active-dropdown{background:#f0faf5;color:#059669}.dropdown-arrow{font-size:14px;flex-shrink:0;color:#94a3b8}.dropdown-submenu{margin:2px 0 2px 30px;padding-left:10px;border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:2px}.dropdown-submenu a{min-height:34px;font-size:12px;font-weight:500}.sidebar-logout{margin-top:auto;width:100%;min-height:38px;border:none;border-radius:10px;background:#fef2f2;color:#dc2626;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;transition:background .15s}.sidebar-logout:hover{background:#fee2e2}.sidebar-collapsed .sidebar-logo-box{display:none}.sidebar-collapsed .sidebar-top{justify-content:center;margin-bottom:12px}.sidebar-collapsed .sidebar-profile,.sidebar-collapsed .sidebar-menu a,.sidebar-collapsed .dropdown-toggle,.sidebar-collapsed .sidebar-logout{display:none}.sidebar-collapsed .sidebar-collapse-btn{width:36px;height:36px}.mobile-topbar,.sidebar-close{display:none}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999}@media (max-width: 768px){.mobile-topbar{display:flex;height:56px;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;box-shadow:0 2px 10px #0000000f;position:sticky;top:0;z-index:900}.mobile-topbar img{height:32px}.mobile-topbar button{border:none;background:#f0faf5;color:#059669;width:38px;height:38px;border-radius:10px;font-size:20px}.super-sidebar,.admin-sidebar{width:260px;transform:translate(-100%)}.super-sidebar.sidebar-open,.admin-sidebar.sidebar-open{transform:translate(0)}.super-page,.admin-page,.sidebar-collapsed .super-page,.sidebar-collapsed .admin-page{margin-left:0;padding:16px}.sidebar-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:8px;background:#f0faf5;color:#059669;font-size:20px;cursor:pointer}.sidebar-collapse-btn{display:none}.sidebar-collapsed .sidebar-logo-box,.sidebar-collapsed .sidebar-profile,.sidebar-collapsed .sidebar-menu a,.sidebar-collapsed .dropdown-toggle,.sidebar-collapsed .sidebar-logout{display:flex}.sidebar-collapsed .super-sidebar,.sidebar-collapsed .admin-sidebar{width:260px}}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}@media (max-width: 768px){.super-layout,.admin-layout{width:100%;min-width:0;min-height:100vh;overflow-x:hidden}.super-page,.admin-page,.sidebar-collapsed .super-page,.sidebar-collapsed .admin-page{width:100%;max-width:100%;min-width:0;margin-left:0!important;padding:12px;overflow-x:hidden}.mobile-topbar{position:sticky;top:0;left:0;width:100%;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#fff;z-index:11000;box-shadow:0 2px 10px #0000000f}.mobile-topbar img{max-width:120px;width:auto;height:32px;object-fit:contain}.mobile-topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;position:relative;z-index:11001}.mobile-topbar-actions button,.mobile-topbar button{width:40px;height:40px;min-width:40px;min-height:40px;padding:0;margin:0;border:none;border-radius:10px;background:#f0faf5;color:#059669;display:grid;place-items:center;cursor:pointer;position:relative;z-index:11002;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.mobile-topbar-actions button:active,.mobile-topbar button:active{transform:scale(.95)}.notif-bell-mobile{position:relative!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;display:grid!important;place-items:center!important;pointer-events:auto!important;z-index:11005!important}.notif-bell-mobile svg,.notif-bell-mobile i{pointer-events:none}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;z-index:11006;pointer-events:none}.notif-dropdown{position:fixed!important;top:56px!important;left:8px!important;right:8px!important;width:auto!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 68px)!important;margin:0!important;border-radius:0 0 14px 14px;z-index:12000!important;overflow:hidden;pointer-events:auto!important}.notif-dropdown-list{max-height:calc(100vh - 170px);overflow-y:auto;-webkit-overflow-scrolling:touch}.notif-dropdown-item{padding:12px}.notif-dropdown-content p{white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.page-topbar{display:none!important;pointer-events:none!important}.super-sidebar,.admin-sidebar{position:fixed;top:0;left:0;width:min(280px,85vw)!important;max-width:280px;height:100dvh;transform:translate(-105%);z-index:13000;transition:transform .25s ease;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.super-sidebar.sidebar-open,.admin-sidebar.sidebar-open{transform:translate(0)!important}.sidebar-close{display:grid;position:absolute;top:12px;right:12px;width:34px;height:34px;z-index:13005;place-items:center;border:none;border-radius:8px;background:#f0faf5;color:#059669;cursor:pointer;-webkit-tap-highlight-color:transparent}.sidebar-collapse-btn{display:none!important}.sidebar-collapsed .super-sidebar,.sidebar-collapsed .admin-sidebar{width:min(280px,85vw)!important}.sidebar-collapsed .sidebar-logo-box,.sidebar-collapsed .sidebar-profile,.sidebar-collapsed .sidebar-menu a,.sidebar-collapsed .dropdown-toggle,.sidebar-collapsed .sidebar-logout{display:flex}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;background:#0000004d;z-index:12500}.super-page>*,.admin-page>*{max-width:100%;min-width:0}.super-page img,.admin-page img,.super-page table,.admin-page table{max-width:100%}}@media (max-width: 380px){.mobile-topbar{padding:0 9px}.mobile-topbar img{max-width:105px;height:29px}.mobile-topbar-actions{gap:5px}.mobile-topbar-actions button,.mobile-topbar button,.notif-bell-mobile{width:38px!important;height:38px!important;min-width:38px!important;min-height:38px!important}.super-page,.admin-page{padding:10px}.notif-dropdown{left:5px!important;right:5px!important;max-width:calc(100vw - 10px)!important}}.mobile-notification-wrapper{position:relative;width:100%;z-index:11000}.mobile-notif-dropdown{position:fixed!important;top:56px!important;left:10px!important;right:10px!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 66px)!important;background:#fff;border-radius:0 0 14px 14px;z-index:20000!important;overflow:hidden;box-shadow:0 10px 35px #00000026,0 0 0 1px #0000000d;pointer-events:auto!important}@media (max-width: 768px){.mobile-notification-wrapper{display:block}.mobile-notif-dropdown .notif-dropdown-list{max-height:calc(100dvh - 170px);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-notif-dropdown .notif-dropdown-item{padding:13px 12px}.mobile-notif-dropdown .notif-dropdown-content{min-width:0}.mobile-notif-dropdown .notif-dropdown-content p{white-space:normal;overflow:hidden;text-overflow:ellipsis;line-height:1.35}}@media (max-width: 380px){.mobile-notif-dropdown{left:6px!important;right:6px!important;top:56px!important}.mobile-notif-dropdown .notif-dropdown-header{padding:12px}.mobile-notif-dropdown .notif-dropdown-item{padding:11px}}.pcb-floating{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;padding:12px 14px 10px;border-radius:16px;border:1.5px solid;box-shadow:0 4px 16px #0000001a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.pcb-floating:hover{transform:scale(1.08);box-shadow:0 6px 24px #00000026}.pcb-ring-wrap{position:relative;width:48px;height:48px}.pcb-ring{display:block}.pcb-percent{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800}.pcb-label{color:#fff;font-size:.62rem;font-weight:600;padding:3px 10px;border-radius:20px;white-space:nowrap;letter-spacing:.01em}@media (max-width: 600px){.pcb-floating{bottom:16px;right:16px;padding:10px 12px 8px}}.dept-admin-layout{min-height:100vh;background:#f0faf5}.dept-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;background:#fff;padding:16px 12px;box-shadow:4px 0 20px #0000000f;z-index:1000;transition:width .25s ease;display:flex;flex-direction:column;overflow:hidden}.dept-admin-page{min-height:100vh;margin-left:260px;background:#f0faf5;transition:margin-left .25s ease}.sidebar-collapsed .dept-sidebar{width:56px}.sidebar-collapsed .dept-admin-page{margin-left:56px}.dept-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;flex-shrink:0}.dept-sidebar-logo-box{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;min-width:0}.dept-sidebar-logo-box img{max-width:120px;height:auto;transition:max-width .25s ease}.dept-sidebar-collapse-btn{width:32px;height:32px;border:none;border-radius:10px;background:#f0faf5;color:#059669;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s;flex-shrink:0}.dept-sidebar-collapse-btn:hover{background:#dcfce7}.dept-sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-bottom:14px;border-radius:12px;background:#f0faf5;flex-shrink:0}.dept-profile-circle{width:38px;height:38px;border-radius:50%;background:#059669;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden}.dept-profile-circle-img{width:100%;height:100%;object-fit:cover}.dept-profile-text{min-width:0;flex:1}.dept-profile-text h3{margin:0;font-size:13px;color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-profile-text p{margin:2px 0 0;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dept-sidebar-menu{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px}.dept-sidebar-menu::-webkit-scrollbar{width:0}.dept-sidebar-menu>a,.dept-sidebar-menu>.dept-sidebar-dropdown>.dept-dropdown-toggle{width:100%;min-height:38px;border:none;border-radius:10px;background:transparent;color:#475569;text-decoration:none;font-size:13px;font-weight:500;padding:0 10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.dept-sidebar-menu>a:hover,.dept-sidebar-menu>.dept-sidebar-dropdown>.dept-dropdown-toggle:hover{background:#f0faf5;color:#059669}.dept-sidebar-menu>a.active{background:#dcfce7;color:#059669;font-weight:600}.dept-dropdown-toggle{justify-content:space-between}.dept-dropdown-toggle.active-dropdown{background:#f0faf5;color:#059669}.dept-dropdown-arrow{font-size:14px;flex-shrink:0;color:#94a3b8}.dept-dropdown-submenu{margin:2px 0 2px 30px;padding-left:10px;border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:2px}.dept-dropdown-submenu a{min-height:34px;font-size:12px;font-weight:500;border-radius:8px;padding:0 10px;display:flex;align-items:center;color:#64748b;text-decoration:none;transition:background .15s,color .15s}.dept-dropdown-submenu a:hover{background:#f0faf5;color:#059669}.dept-dropdown-submenu a.active{background:#dcfce7;color:#059669;font-weight:600}.dept-sidebar-logout{margin-top:auto;width:100%;min-height:38px;border:none;border-radius:10px;background:#fef2f2;color:#dc2626;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;transition:background .15s}.dept-sidebar-logout:hover{background:#fee2e2}.sidebar-collapsed .dept-sidebar-logo-box{display:none}.sidebar-collapsed .dept-sidebar-top{justify-content:center;margin-bottom:12px}.sidebar-collapsed .dept-sidebar-profile{display:none}.sidebar-collapsed .dept-sidebar-menu>a,.sidebar-collapsed .dept-sidebar-menu>.dept-sidebar-dropdown>.dept-dropdown-toggle{display:none}.sidebar-collapsed .dept-sidebar-logout{display:none}.sidebar-collapsed .dept-sidebar-collapse-btn{width:36px;height:36px}.dept-sidebar-close,.dept-sidebar-backdrop{display:none}@media (max-width: 768px){.dept-sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;z-index:1000;transform:translate(-100%);transition:transform .25s ease}.dept-sidebar.sidebar-open{transform:translate(0)}.dept-admin-page{margin-left:0;padding:16px;min-height:calc(100vh - 56px)}.sidebar-collapsed .dept-admin-page{margin-left:0}.dept-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999}.dept-sidebar-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:8px;background:#f0faf5;color:#059669;font-size:20px;cursor:pointer}.dept-sidebar-collapse-btn{display:none}.sidebar-collapsed .dept-sidebar-logo-box,.sidebar-collapsed .dept-sidebar-profile,.sidebar-collapsed .dept-sidebar-menu>a,.sidebar-collapsed .dept-sidebar-menu>.dept-sidebar-dropdown>.dept-dropdown-toggle,.sidebar-collapsed .dept-sidebar-logout{display:flex}.sidebar-collapsed .dept-sidebar{width:260px}}.page-topbar{display:flex;align-items:center;justify-content:flex-end;padding:12px 24px;background:transparent;position:absolute;top:0;right:0;z-index:1000;pointer-events:none}.page-topbar-spacer{flex:1}.notif-bell,.notif-bell-mobile{position:relative;width:44px;height:44px;border:none;border-radius:12px;background:#fff;color:#64748b;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;border:1px solid #e8f5ee;transition:.2s;box-shadow:0 2px 8px #00000014;pointer-events:auto}.notif-bell:hover,.notif-bell-mobile:hover{background:#f0fdf4;color:#059669;border-color:#bbf7d0;transform:scale(1.05)}.mobile-topbar-actions{display:flex;align-items:center;gap:8px}.mobile-topbar-actions button{border:none;background:#f0faf5;color:#059669;width:38px;height:38px;border-radius:10px;font-size:20px;cursor:pointer;display:grid;place-items:center}.notif-bell-mobile{position:relative}@media (max-width: 768px){.page-topbar{display:none}.notif-dropdown{position:fixed;top:56px;left:0;right:0;width:100%;max-height:calc(100vh - 56px);border-radius:0 0 14px 14px;animation:notifSlideDown .25s ease}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}.learner-shell{min-height:100vh;background:#f0faf5}.learner-side-nav{position:fixed;top:0;left:0;width:260px;height:100vh;background:#fff;padding:16px 12px;box-shadow:4px 0 20px #0000000f;z-index:1000;transition:width .25s ease;display:flex;flex-direction:column;overflow:hidden}.learner-main-area{min-height:100vh;margin-left:260px;background:#f0faf5;transition:margin-left .25s ease}.learner-sidebar-collapsed .learner-side-nav{width:56px}.learner-sidebar-collapsed .learner-main-area{margin-left:56px}.learner-sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px;flex-shrink:0}.learner-logo-box{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:1;min-width:0}.learner-logo-box img{max-width:120px;height:auto;transition:max-width .25s ease}.learner-sidebar-collapse-btn{width:32px;height:32px;border:none;border-radius:10px;background:#f0faf5;color:#059669;font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s;flex-shrink:0}.learner-sidebar-collapse-btn:hover{background:#dcfce7}.learner-sidebar-profile{display:flex;align-items:center;gap:10px;padding:12px 10px;margin-bottom:14px;border-radius:12px;background:#f0faf5;flex-shrink:0}.learner-profile-circle{width:38px;height:38px;border-radius:50%;background:#059669;color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex-shrink:0;overflow:hidden}.learner-profile-circle-img{width:100%;height:100%;object-fit:cover}.learner-sidebar-profile-text{min-width:0;flex:1}.learner-sidebar-profile h3{margin:0;font-size:13px;color:#1e293b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learner-sidebar-profile p{margin:2px 0 0;font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.learner-nav-menu{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;padding-right:2px}.learner-nav-menu::-webkit-scrollbar{width:0}.learner-nav-menu a{width:100%;min-height:38px;border:none;border-radius:10px;background:transparent;color:#475569;text-decoration:none;font-size:13px;font-weight:500;padding:0 10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .15s;white-space:nowrap}.learner-nav-menu a:hover{background:#f0faf5;color:#059669}.learner-nav-menu a.active{background:#dcfce7;color:#059669;font-weight:600}.learner-logout{margin-top:auto;width:100%;min-height:38px;border:none;border-radius:10px;background:#fef2f2;color:#dc2626;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;transition:background .15s}.learner-logout:hover{background:#fee2e2}.learner-sidebar-collapsed .learner-logo-box{display:none}.learner-sidebar-collapsed .learner-sidebar-top{justify-content:center;margin-bottom:12px}.learner-sidebar-collapsed .learner-sidebar-profile,.learner-sidebar-collapsed .learner-nav-menu a,.learner-sidebar-collapsed .learner-logout{display:none}.learner-sidebar-collapsed .learner-sidebar-collapse-btn{width:36px;height:36px}.learner-mobile-topbar,.learner-sidebar-close{display:none}.learner-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:999}@media (max-width: 768px){.learner-mobile-topbar{display:flex;height:56px;align-items:center;justify-content:space-between;padding:0 16px;background:#fff;box-shadow:0 2px 10px #0000000f;position:sticky;top:0;z-index:900}.learner-mobile-topbar img{height:32px}.learner-mobile-topbar button{border:none;background:#f0faf5;color:#059669;width:38px;height:38px;border-radius:10px;font-size:20px}.learner-side-nav{width:260px;transform:translate(-100%)}.learner-side-nav.sidebar-open{transform:translate(0)}.learner-main-area,.learner-sidebar-collapsed .learner-main-area{margin-left:0;padding:16px}.learner-sidebar-close{display:grid;place-items:center;position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;border-radius:8px;background:#f0faf5;color:#059669;font-size:20px;cursor:pointer}.learner-sidebar-collapse-btn{display:none}.learner-sidebar-collapsed .learner-logo-box,.learner-sidebar-collapsed .learner-sidebar-profile,.learner-sidebar-collapsed .learner-nav-menu a,.learner-sidebar-collapsed .learner-logout{display:flex}.learner-sidebar-collapsed .learner-side-nav{width:260px}}.doubt-nav-badge{background:#dc2626;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-left:6px}.learner-topbar{display:flex;align-items:center;justify-content:flex-end;padding:12px 24px;background:transparent;position:absolute;top:0;right:0;z-index:1000;pointer-events:none}.learner-topbar-spacer{flex:1}.learner-notif-bell,.learner-notif-bell-mobile{position:relative;width:44px;height:44px;border:none;border-radius:12px;background:#fff;color:#64748b;font-size:1.1rem;cursor:pointer;display:grid;place-items:center;border:1px solid #e8f5ee;transition:.2s;box-shadow:0 2px 8px #00000014;pointer-events:auto;margin-right:25px;margin-top:10px}.learner-notif-bell:hover,.learner-notif-bell-mobile:hover{background:#f0fdf4;color:#059669;border-color:#bbf7d0;transform:scale(1.05)}.learner-notif-bell.has-unread,.learner-notif-bell-mobile.has-unread{animation:notifBellRing 2s ease-in-out infinite}@keyframes notifBellRing{0%,to{transform:rotate(0)}5%{transform:rotate(12deg)}10%{transform:rotate(-10deg)}15%{transform:rotate(6deg)}20%{transform:rotate(-4deg)}25%{transform:rotate(0)}}.notif-badge{position:absolute;top:-4px;right:-4px;background:#dc2626;color:#fff;font-size:.6rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff;animation:notifBadgePop .3s ease}@keyframes notifBadgePop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.notif-dropdown{position:fixed;top:60px;right:40px;width:380px;max-height:500px;background:#fff;border-radius:14px;box-shadow:0 10px 40px #00000026,0 0 0 1px #0000000d;border:1px solid #e8f5ee;overflow:hidden;z-index:9999;pointer-events:auto;animation:notifSlideIn .25s ease}@keyframes notifSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f1f5f9}.notif-dropdown-header h3{margin:0;font-size:.9rem;font-weight:600;color:#1e293b}.notif-dropdown-header button{border:none;background:#f0fdf4;color:#059669;font-size:.72rem;font-weight:600;cursor:pointer;padding:5px 12px;border-radius:8px;transition:.2s}.notif-dropdown-header button:hover{background:#dcfce7}.notif-dropdown-list{max-height:350px;overflow-y:auto}.notif-dropdown-list::-webkit-scrollbar{width:4px}.notif-dropdown-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:100px}.notif-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;text-align:center}.notif-dropdown-empty svg{font-size:2rem;color:#e2e8f0;margin-bottom:8px}.notif-dropdown-empty p{margin:0;font-size:.82rem}.notif-dropdown-item{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;cursor:pointer;transition:.2s;position:relative;border-bottom:1px solid #f8fafc}.notif-dropdown-item:hover{background:#f8fdf9;padding-left:20px}.notif-dropdown-item.unread{background:#f0fdf4}.notif-dropdown-item.unread:hover{background:#dcfce7}.notif-dropdown-icon{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;font-size:.8rem}.notif-dropdown-icon.doubt{background:#dbeafe;color:#2563eb}.notif-dropdown-icon.doubt_reply{background:#dcfce7;color:#16a34a}.notif-dropdown-icon.course_assigned{background:#fef3c7;color:#d97706}.notif-dropdown-icon.new_video,.notif-dropdown-icon.course_updated{background:#ede9fe;color:#7c3aed}.notif-dropdown-icon.course_removed{background:#fee2e2;color:#dc2626}.notif-dropdown-icon.course_completed{background:#d1fae5;color:#059669}.notif-dropdown-icon.quiz_updated{background:#e0e7ff;color:#4f46e5}.notif-dropdown-icon.certificate_ready{background:#fef3c7;color:#d97706}.notif-dropdown-content{flex:1;min-width:0}.notif-dropdown-content h4{margin:0 0 2px;font-size:.78rem;font-weight:600;color:#1e293b}.notif-dropdown-content p{margin:0 0 3px;font-size:.72rem;color:#64748b;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-dropdown-content span{font-size:.65rem;color:#94a3b8}.notif-dropdown-dot{width:7px;height:7px;border-radius:50%;background:#059669;flex-shrink:0;margin-top:4px}.notif-dropdown-footer{display:block;text-align:center;padding:12px;font-size:.78rem;font-weight:600;color:#059669;text-decoration:none;border-top:1px solid #f1f5f9;cursor:pointer;transition:.2s}.notif-dropdown-footer:hover{background:#f0fdf4;letter-spacing:.3px}.learner-mobile-topbar-actions{display:flex;align-items:center;gap:8px}.learner-mobile-topbar-actions button{border:none;background:#f0faf5;color:#059669;width:38px;height:38px;border-radius:10px;font-size:20px;cursor:pointer;display:grid;place-items:center}.learner-notif-bell-mobile{position:relative}@media (max-width: 768px){.learner-topbar{display:none}.notif-dropdown{position:fixed;top:56px;left:0;right:0;width:100%;max-height:calc(100vh - 56px);border-radius:0 0 14px 14px;animation:notifSlideDown .25s ease}@keyframes notifSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}}