*{box-sizing:border-box}body{margin:0;padding-top:70px}.learnix-navbar-container{z-index:1000;background-color:#fff;border-bottom:2px solid #e5f3ff;justify-content:space-between;align-items:center;height:70px;padding:.75rem 1.5rem;transition:transform .22s;display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(0)}.learnix-navbar-container:hover{box-shadow:none}.learnix-navbar-container.navbar--hidden{transform:translateY(-100%)}.learnix-navbar-brand{flex-shrink:0;align-items:center;display:flex}.learnix-logo-link{transition:transform .2s;display:block}.learnix-logo-link:hover{transform:scale(1.02)}.learnix-logo-image{object-fit:contain;width:auto;max-width:160px;height:auto;max-height:42px;transition:opacity .2s}.learnix-logo-image:hover{opacity:.9}.learnix-menu-toggle-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5f3ff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:background-color .2s,border-color .2s,color .2s;display:flex}.learnix-menu-toggle-btn:hover{color:#3b82f6;background-color:#f0f9ff;border-color:#3b82f6}.learnix-menu-icon{justify-content:center;align-items:center;display:flex}.learnix-navbar-right{align-items:center;gap:12px;display:flex}.learnix-notification-wrapper{position:relative}.learnix-notification-btn{color:#1f2937;cursor:pointer;background-color:#fff;border:1px solid #e5f3ff;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .25s;display:flex;position:relative}.learnix-notification-btn:hover{color:#3b82f6;background-color:#f0f9ff;border-color:#3b82f6;transform:translateY(-1px)}.learnix-notification-badge{color:#fff;background-color:#ef4444;border-radius:10px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.7rem;font-weight:600;animation:2s infinite learnix-badge-pulse;display:flex;position:absolute;top:-4px;right:-4px}@keyframes learnix-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.learnix-notification-popup{z-index:1100;background-color:#fff;border:1px solid #e5f3ff;border-radius:12px;width:360px;max-height:480px;animation:.2s ease-out learnix-popup-slide;position:absolute;top:54px;right:0;overflow:hidden;box-shadow:0 8px 32px #0ea5e926}@keyframes learnix-popup-slide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.learnix-notif-header{background-color:#f0f9ff;border-bottom:1px solid #e5f3ff;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.learnix-notif-header h4{color:#1f2937;margin:0;font-size:1rem;font-weight:600}.learnix-notif-count{color:#0ea5e9;background-color:#dbeafe;border-radius:12px;padding:3px 10px;font-size:.8rem;font-weight:500}.learnix-notif-list{scrollbar-width:none;-ms-overflow-style:none;max-height:400px;overflow-y:auto}.learnix-notif-list::-webkit-scrollbar{display:none}.learnix-notif-loading,.learnix-notif-empty{text-align:center;color:#94a3b8;padding:32px 16px}.learnix-notif-empty svg{color:#cbd5e1;margin-bottom:8px}.learnix-notif-empty p{margin:0;font-size:.9rem}.learnix-notif-item{border-bottom:1px solid #f1f5f9;align-items:stretch;padding:0;text-decoration:none;transition:background-color .2s;display:flex;overflow:hidden}.learnix-notif-item:hover{background-color:#f8fafc}.learnix-notif-unread{background-color:#fffbeb;border-left:3px solid #f59e0b}.learnix-notif-unread:hover{background-color:#fef3c7}.learnix-notif-link-area{flex:1;min-width:0;padding:14px 16px;text-decoration:none;display:block}.learnix-mark-read-btn{color:#94a3b8;cursor:pointer;background-color:#0000;border:none;border-left:1px solid #f1f5f9;flex-shrink:0;justify-content:center;align-items:center;width:40px;transition:all .2s;display:flex}.learnix-mark-read-btn:hover{color:#22c55e;background-color:#dcfce7}.learnix-notif-content{margin-bottom:6px;overflow:hidden}.learnix-notif-text{color:#374151;word-wrap:break-word;overflow-wrap:break-word;margin:0 0 4px;font-size:.85rem;line-height:1.4}.learnix-notif-text strong{color:#0ea5e9;word-break:break-word}.learnix-notif-time{color:#94a3b8;font-size:.75rem}.learnix-notif-link{color:#3b82f6;font-size:.8rem;font-weight:500}.learnix-notif-load-more{text-align:center;border-top:1px solid #e5f3ff;padding:12px 16px}.learnix-load-more-btn{color:#0ea5e9;cursor:pointer;background-color:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;width:100%;padding:10px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.learnix-load-more-btn:hover:not(:disabled){color:#fff;background-color:#0ea5e9}.learnix-load-more-btn:disabled{opacity:.7;cursor:not-allowed}.learnix-notif-all-loaded{text-align:center;color:#94a3b8;background-color:#f8fafc;border-top:1px solid #e5f3ff;padding:12px 16px;font-size:.8rem}@media (max-width:768px){.learnix-notification-popup{width:auto;max-height:calc(100vh - 100px);position:fixed;top:70px;left:16px;right:16px}.learnix-notif-list{max-height:calc(100vh - 200px)}.learnix-notif-text{font-size:.8rem}.learnix-notif-item{padding:12px 14px}}@media (max-width:480px){.learnix-notification-popup{border-radius:10px;max-height:calc(100vh - 90px);top:70px;left:8px;right:8px}.learnix-notif-header{padding:12px 14px}.learnix-notif-header h4{font-size:.95rem}.learnix-notif-count{padding:2px 8px;font-size:.75rem}.learnix-notif-item{padding:10px 12px}.learnix-notif-text{font-size:.78rem;line-height:1.35}.learnix-notif-text strong{word-break:break-word}.learnix-notif-time{font-size:.7rem}.learnix-notif-link{font-size:.75rem}.learnix-load-more-btn{padding:8px 14px;font-size:.8rem}.learnix-notif-all-loaded{padding:10px 14px;font-size:.75rem}.learnix-notification-btn{width:40px;height:40px}.learnix-notification-badge{min-width:16px;height:16px;font-size:.65rem;top:-3px;right:-3px}}@media (max-width:360px){.learnix-notification-popup{left:4px;right:4px}.learnix-notif-text{font-size:.75rem}.learnix-navbar-right{gap:8px}.learnix-notification-btn,.learnix-menu-toggle-btn{width:38px;height:38px}}.learnix-sidebar-backdrop{z-index:1001;background-color:#0f172a52;position:fixed;inset:0}.learnix-navigation-sidebar{z-index:1002;will-change:transform;overscroll-behavior:contain;background-color:#fff;border-left:1px solid #e5f3ff;width:320px;height:100vh;transition:transform .2s ease-out;position:fixed;top:0;right:0;overflow:hidden auto;transform:translate(100%);box-shadow:-1px 0 8px #0f172a14}.learnix-sidebar-active{transform:translate(0,0)}.learnix-sidebar-top{background-color:#fbbf24;border-bottom:1px solid #f59e0b;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.learnix-sidebar-logo{flex-shrink:0}.learnix-sidebar-logo-img{object-fit:contain;width:auto;max-width:120px;height:auto;max-height:32px}.learnix-sidebar-close-button{color:#1f2937;cursor:pointer;background-color:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .15s,color .15s;display:flex}.learnix-sidebar-close-button:hover{background-color:#ffffff4d}.learnix-sidebar-menu{padding:1.5rem 1rem}.learnix-nav-item{color:#4b5563;cursor:pointer;background-color:#0000;border:none;border-radius:8px;align-items:center;gap:.875rem;width:100%;margin-bottom:.375rem;padding:.875rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;display:flex;position:relative}.learnix-nav-item:hover{color:#fff;background-color:#3b82f6}.learnix-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.learnix-nav-text{text-align:left;flex:1}.learnix-signout-btn{border-top:1px solid #e5f3ff;margin-top:1rem;padding-top:1.25rem}.learnix-signout-btn:hover{background-color:#ef4444}.learnix-nav-admin{background-color:#f5f3ff;font-weight:600;color:#7c3aed!important}.learnix-nav-admin:hover{color:#5b21b6!important;background-color:#ede9fe!important}.learnix-nav-admin .learnix-nav-icon{color:#7c3aed}@media (max-width:1024px){.learnix-navbar-container{padding:.75rem 1.25rem}.learnix-logo-image{max-width:140px;max-height:38px}}@media (max-width:768px){body{padding-top:65px}.learnix-navbar-container{height:65px;padding:.625rem 1rem}.learnix-logo-image{max-width:120px;max-height:35px}.learnix-menu-toggle-btn{width:42px;height:42px}.learnix-navigation-sidebar{width:300px;max-width:85vw}.learnix-sidebar-top{padding:1rem 1.25rem}.learnix-sidebar-menu{padding:1.25rem .875rem}.learnix-nav-item{padding:.75rem .875rem;font-size:.9rem}}@media (max-width:480px){body{padding-top:60px}.learnix-navbar-container{height:60px;padding:.5rem .875rem}.learnix-logo-image{max-width:100px;max-height:30px}.learnix-menu-toggle-btn{width:40px;height:40px}.learnix-navigation-sidebar{width:280px;max-width:80vw}.learnix-sidebar-top{padding:.875rem 1rem}.learnix-sidebar-logo-img{max-width:100px;max-height:28px}.learnix-sidebar-close-button{width:32px;height:32px}.learnix-sidebar-menu{padding:1rem .75rem}.learnix-nav-item{gap:.75rem;padding:.625rem .75rem;font-size:.875rem}}@media (max-width:360px){.learnix-navbar-container{padding:.5rem .75rem}.learnix-logo-image{max-width:85px;max-height:26px}.learnix-navigation-sidebar{width:260px;max-width:75vw}.learnix-sidebar-top{padding:.75rem .875rem}.learnix-sidebar-menu{padding:.875rem .625rem}.learnix-nav-item{padding:.5rem .625rem;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.learnix-navbar-container,.learnix-navigation-sidebar,.learnix-menu-toggle-btn,.learnix-nav-item,.learnix-sidebar-close-button,.learnix-logo-link,.learnix-menu-icon,.learnix-nav-icon{transition:none;animation:none}}@media (prefers-contrast:high){.learnix-navbar-container{border-bottom-width:3px}.learnix-nav-item{border:1px solid #0000}.learnix-nav-item:hover{border-color:#fff}}.learnix-menu-toggle-btn:focus,.learnix-nav-item:focus,.learnix-sidebar-close-button:focus,.learnix-logo-link:focus{outline-offset:2px;outline:2px solid #3b82f6}@media print{.learnix-navbar-container,.learnix-navigation-sidebar,.learnix-sidebar-backdrop{display:none}body{padding-top:0}}.learnix-logo-image[data-loading=true]{opacity:.5}.learnix-logo-image[data-error=true]{display:none}.learnix-logo-image[data-error=true]:after{content:"Learnix";color:#3b82f6;font-size:1.5rem;font-weight:700;display:block}.learnix-support-chat{z-index:10;background:#fff;border-top:1px solid #e5f3ff;margin-top:auto;position:sticky;bottom:0}.learnix-support-toggle{cursor:pointer;color:#1e40af;background:#f0f9ff;border:none;justify-content:space-between;align-items:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;font-size:.9rem;font-weight:600;transition:background .2s;display:flex}.learnix-support-toggle:hover{background:#dbeafe}.learnix-support-toggle--open{color:#fff;background:#3b82f6}.learnix-support-toggle--open:hover{background:#2563eb}.learnix-support-toggle-left{align-items:center;gap:.5rem;display:flex}.learnix-support-badge{color:#1f2937;background:#fbbf24;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:inline-flex}.learnix-support-body{background:#fff;border-top:1px solid #e5f3ff;flex-direction:column;animation:.22s both learnix-support-expand;display:flex}@keyframes learnix-support-expand{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.learnix-support-messages{scroll-behavior:smooth;flex-direction:column;gap:.5rem;max-height:240px;padding:.875rem 1rem;display:flex;overflow-y:auto}.learnix-support-messages::-webkit-scrollbar{width:4px}.learnix-support-messages::-webkit-scrollbar-track{background:0 0}.learnix-support-messages::-webkit-scrollbar-thumb{background:#bfdbfe;border-radius:4px}.learnix-support-empty{color:#93c5fd;text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 0;font-size:.82rem;display:flex}.learnix-support-msg{word-break:break-word;border-radius:12px;max-width:88%;padding:.55rem .8rem;font-size:.82rem;line-height:1.5}.learnix-support-msg--user{color:#fff;background:#3b82f6;border-bottom-right-radius:4px;align-self:flex-end}.learnix-support-msg--bot{color:#1f2937;background:#f1f5f9;border-bottom-left-radius:4px;align-self:flex-start}.learnix-support-typing{align-items:center;gap:4px;padding:.6rem .9rem;display:flex}.learnix-support-typing span{background:#93c5fd;border-radius:50%;width:7px;height:7px;animation:1.2s infinite learnix-support-dot;display:inline-block}.learnix-support-typing span:nth-child(2){animation-delay:.2s}.learnix-support-typing span:nth-child(3){animation-delay:.4s}@keyframes learnix-support-dot{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1.2)}}.learnix-support-input-row{border-top:1px solid #e5f3ff;align-items:center;gap:.5rem;padding:.65rem .875rem .875rem;display:flex}.learnix-support-input{color:#1f2937;background:#f8fafc;border:1.5px solid #bfdbfe;border-radius:8px;outline:none;flex:1;padding:.5rem .75rem;font-size:.82rem;transition:border-color .18s}.learnix-support-input:focus{background:#fff;border-color:#3b82f6}.learnix-support-input:disabled{opacity:.6}.learnix-support-send{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:background .18s,transform .1s;display:flex}.learnix-support-send:hover:not(:disabled){background:#2563eb;transform:scale(1.06)}.learnix-support-send:disabled{cursor:not-allowed;background:#bfdbfe}