*{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:all .3s;display:flex;position:fixed;top:0;left:0;right:0}.learnix-navbar-container:hover{box-shadow:0 2px 12px #3b82f614}.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:all .25s;display:flex}.learnix-menu-toggle-btn:hover{color:#3b82f6;background-color:#f0f9ff;border-color:#3b82f6;transform:translateY(-1px)}.learnix-menu-toggle-btn:active{transform:translateY(0)}.learnix-menu-icon{justify-content:center;align-items:center;transition:transform .2s;display:flex}.learnix-menu-toggle-btn:hover .learnix-menu-icon{transform:rotate(90deg)}.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:#0006;animation:.25s learnix-fade-in;position:fixed;inset:0}@keyframes learnix-fade-in{0%{opacity:0}to{opacity:1}}.learnix-navigation-sidebar{z-index:1002;background-color:#fff;border-left:1px solid #e5f3ff;width:320px;height:100vh;transition:right .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;right:-350px;overflow-y:auto;box-shadow:-3px 0 15px #0000001a}.learnix-sidebar-active{right: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:all .2s;display:flex}.learnix-sidebar-close-button:hover{background-color:#ffffff4d;transform:rotate(90deg)}.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:all .2s;display:flex;position:relative}.learnix-nav-item:hover{color:#fff;background-color:#3b82f6;transform:translate(4px)}.learnix-nav-item:active{transform:translate(2px)}.learnix-nav-icon{flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:flex}.learnix-nav-item:hover .learnix-nav-icon{transform:scale(1.1)}.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}@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}