:root{--sidebar-academy-bg:216 74% 27%;--sidebar-academy-surface:216 74% 32%;--sidebar-academy-border:216 74% 35%;--sidebar-academy-hover:216 74% 35%;--sidebar-academy-accent:210 100% 60%;--sidebar-academy-accent-hover:210 100% 55%;--sidebar-academy-text:0 0% 100%;--sidebar-academy-text-muted:216 20% 75%;--sidebar-academy-text-dimmed:216 15% 60%;--sidebar-academy-success:142 71% 45%;--sidebar-academy-warning:45 93% 47%;--sidebar-academy-error:0 72% 51%;--sidebar-academy-invalid:28 80% 52%;--sidebar-academy-lifetime:142 71% 45%;--sidebar-academy-width-open:280px;--sidebar-academy-width-collapsed:70px}.sidebar-academy-main{position:relative;z-index:1000}.sidebar-academy{position:fixed;top:0;left:0;width:var(--sidebar-academy-width-open);height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;background:#0292cf;border-right:1px solid #0292cf;display:flex;flex-direction:column;overflow:hidden;transition:width 0.28s cubic-bezier(.7,2,.3,1);z-index:120;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.sidebar-academy.collapsed{width:var(--sidebar-academy-width-collapsed)}.sidebar-academy-header{padding:1.5rem 1rem;border-bottom:1px solid hsl(var(--sidebar-academy-border));flex-shrink:0;min-height:80px;display:flex;align-items:center}.navbar-brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:#5F5F5F;width:100%;transition:all 0.3s}.navbar-brand:hover{opacity:0.9}.brand-logo-wrap{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:hsl(var(--sidebar-academy-accent));border-radius:10px;flex-shrink:0;padding:8px;transition:all 0.3s}.navbar-brand:hover .brand-logo-wrap{background:hsl(var(--sidebar-academy-accent-hover));transform:scale(1.05)}.brand-logo{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}.brand-text{display:flex;flex-direction:column;line-height:1.2;gap:2px;overflow:hidden}.brand-line-small{font-size:0.625rem;font-weight:600;letter-spacing:0.12em;color:#F9F9F9;text-transform:uppercase;white-space:nowrap}.brand-line-main{font-size:1.125rem;font-weight:700;letter-spacing:0.02em;color:#F9F9F9;white-space:nowrap}.sidebar-academy.collapsed .brand-text{display:none}.sidebar-academy-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:0.75rem 0 1rem 0;scrollbar-width:thin;scrollbar-color:hsl(var(--sidebar-academy-border)) transparent;min-height:0;-webkit-overflow-scrolling:touch}.sidebar-academy-nav::-webkit-scrollbar{width:4px}.sidebar-academy-nav::-webkit-scrollbar-track{background:transparent}.sidebar-academy-nav::-webkit-scrollbar-thumb{background:hsl(var(--sidebar-academy-border));border-radius:3px;transition:background 0.2s}.sidebar-academy-nav::-webkit-scrollbar-thumb:hover{background:hsl(var(--sidebar-academy-accent) / 0.5)}.nav-section{margin-bottom:0.5rem}.section-toggle{width:100%;padding:0.875rem 1rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all 0.2s;color:#F9F9F9;border-radius:8px;margin:0 0.5rem;gap:0.75rem}.section-toggle:hover{background:hsl(var(--sidebar-academy-hover))}.section-header{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0}.section-title{font-size:0.75rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#F9F9F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron-icon{width:18px;height:18px;flex-shrink:0;transition:transform 0.2s;color:#f9f9f9}.section-toggle.collapsed .chevron-icon{transform:rotate(-90deg)}.sidebar-academy.collapsed .section-toggle{justify-content:center;padding:0.75rem;margin:0 0.25rem}.sidebar-academy.collapsed .section-title{display:none}.badge{display:inline-flex;align-items:center;justify-content:center;gap:0.25rem;padding:0.25rem 0.625rem;border-radius:12px;font-size:0.65rem;font-weight:600;flex-shrink:0}.badge svg{width:12px;height:12px}.badge-lifetime{background:hsl(var(--sidebar-academy-lifetime) / 0.2);color:hsl(var(--sidebar-academy-lifetime));border:1px solid hsl(var(--sidebar-academy-lifetime) / 0.3)}.badge-warning{background:hsl(var(--sidebar-academy-warning) / 0.2);color:hsl(var(--sidebar-academy-warning));border:1px solid hsl(var(--sidebar-academy-warning) / 0.3)}.badge-active{background:hsl(var(--sidebar-academy-accent) / 0.2);color:hsl(var(--sidebar-academy-accent));border:1px solid hsl(var(--sidebar-academy-accent) / 0.3)}.badge-expired{background:hsl(var(--sidebar-academy-error) / 0.2);color:hsl(var(--sidebar-academy-error));border:1px solid hsl(var(--sidebar-academy-error) / 0.3)}.badge-expiring{background:hsl(var(--sidebar-academy-warning) / 0.2);color:hsl(var(--sidebar-academy-warning));border:1px solid hsl(var(--sidebar-academy-warning) / 0.3)}.sidebar-academy.collapsed .badge{display:none}.section-items{max-height:3000px;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}.section-items.collapsed{max-height:0}.sidebar-academy.collapsed .section-items{display:none}.category-wrapper{margin:0.25rem 0}.category-toggle{width:100%;padding:0.625rem 1rem 0.625rem 2rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:0.625rem;transition:all 0.2s;color:#F9F9F9;font-size:0.875rem;border-radius:6px;margin:0 0.5rem}.category-toggle:hover{background:hsl(var(--sidebar-academy-hover))}.folder-icon{width:16px;height:16px;flex-shrink:0;color:#f9f9f9}.category-title{flex:1;text-align:left;font-weight:600;color:#F9F9F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-count{font-size:0.75rem;color:#F9F9F9;font-weight:500}.chevron-icon-small{width:14px;height:14px;flex-shrink:0;transition:transform 0.2s;color:#f9f9f9}.category-toggle.collapsed .chevron-icon-small{transform:rotate(-90deg)}.category-modules{max-height:2000px;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}.category-modules.collapsed{max-height:0}.module-item-wrapper{margin:0.25rem 0}.module-toggle{width:100%;padding:0.75rem 1rem 0.75rem 2.75rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:0.75rem;transition:all 0.2s;color:#F9F9F9;border-radius:6px;margin:0 0.5rem}.module-toggle:hover{background:hsl(var(--sidebar-academy-hover))}.module-thumbnail{width:52px;height:39px;border-radius:6px;overflow:hidden;flex-shrink:0;background:hsl(var(--sidebar-academy-surface));border:1px solid hsl(var(--sidebar-academy-border))}.module-thumbnail img{width:100%;height:100%;object-fit:cover}.module-info{flex:1;display:flex;flex-direction:column;gap:0.375rem;min-width:0}.module-title{font-size:0.875rem;font-weight:600;color:#F9F9F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.module-progress-bar{height:4px;background:hsl(var(--sidebar-academy-border));border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,hsl(var(--sidebar-academy-success)),hsl(142 71% 55%));transition:width 0.3s cubic-bezier(0.4,0,0.2,1);border-radius:2px}.module-stats{font-size:0.7rem;color:#F9F9F9;font-weight:500}.invalid-count{color:hsl(var(--sidebar-academy-invalid));font-weight:600}.module-toggle.collapsed .chevron-icon-small{transform:rotate(-90deg)}.module-babs{max-height:2000px;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}.module-babs.collapsed{max-height:0}.bab-wrapper{margin:0.25rem 0}.bab-toggle{width:100%;padding:0.5rem 1rem 0.5rem 3.75rem;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:0.5rem;transition:all 0.2s;color:#F9F9F9;font-size:0.8125rem;border-radius:6px;margin:0 0.5rem}.bab-toggle:hover{background:hsl(var(--sidebar-academy-hover))}.book-icon{width:14px;height:14px;flex-shrink:0;color:#f9f9f9}.bab-title{flex:1;text-align:left;font-weight:600;color:#F9F9F9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bab-count{font-size:0.7rem;color:#F9F9F9;font-weight:500}.chevron-icon-tiny{width:12px;height:12px;flex-shrink:0;transition:transform 0.2s;color:#f9f9f9}.bab-toggle.collapsed .chevron-icon-tiny{transform:rotate(-90deg)}.bab-sub-babs{max-height:2000px;overflow:hidden;transition:max-height 0.3s cubic-bezier(0.4,0,0.2,1)}.bab-sub-babs.collapsed{max-height:0}.sub-bab-item{display:flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem 0.5rem 4.75rem;text-decoration:none;color:hsl(var(--sidebar-academy-text));font-size:0.8125rem;transition:all 0.2s;border-left:2px solid transparent;border-radius:0 6px 6px 0;margin:0 0.5rem 0 0}.sub-bab-item:hover{background:hsl(var(--sidebar-academy-hover));border-left-color:hsl(var(--sidebar-academy-accent));color:hsl(var(--sidebar-academy-text))}.sub-bab-item.active{background:hsl(var(--sidebar-academy-accent) / 0.15);border-left-color:hsl(var(--sidebar-academy-accent));color:hsl(var(--sidebar-academy-accent));font-weight:600}.material-type-icon{width:14px;font-size:0.75rem;flex-shrink:0;color:#f9f9f9}.sub-bab-item:hover .material-type-icon,.sub-bab-item.active .material-type-icon{color:#f9f9f9}.check-icon{width:16px;height:16px;flex-shrink:0}.check-icon.completed{color:hsl(var(--sidebar-academy-success))}.check-icon.invalid{color:hsl(var(--sidebar-academy-invalid))}.check-icon.incomplete{color:hsl(var(--sidebar-academy-border))}.sub-bab-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.sub-bab-item.active .sub-bab-title{font-weight:600}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.empty-icon{width:64px;height:64px;color:hsl(var(--sidebar-academy-text-muted));margin-bottom:1rem;opacity:0.4}.empty-state p{color:hsl(var(--sidebar-academy-text-muted));margin-bottom:1.5rem;font-size:0.875rem;line-height:1.5}.btn-browse{padding:0.625rem 1.25rem;background:hsl(var(--sidebar-academy-accent));color:hsl(var(--sidebar-academy-text));border-radius:8px;text-decoration:none;font-size:0.875rem;font-weight:600;transition:all 0.2s;border:none;cursor:pointer}.btn-browse:hover{background:hsl(var(--sidebar-academy-accent-hover));transform:translateY(-1px);box-shadow:0 4px 12px hsl(var(--sidebar-academy-accent) / 0.3)}.sidebar-academy-account{flex-shrink:0;border-top:1px solid #00093D;background:#0292cf;padding-bottom:env(safe-area-inset-bottom,0px)}.account-divider{display:none}.account-toggle{padding:1rem;text-transform:none}.account-info{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0}.account-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid hsl(var(--sidebar-academy-accent))}.account-text{display:flex;flex-direction:column;gap:0.125rem;min-width:0;flex:1}.account-name{font-size:0.875rem;font-weight:600;color:hsl(var(--sidebar-academy-text));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-role{font-size:0.7rem;color:hsl(var(--sidebar-academy-text-muted));text-transform:uppercase;letter-spacing:0.05em;font-weight:500}.sidebar-academy.collapsed .account-info{justify-content:center}.sidebar-academy.collapsed .account-text{display:none}.sidebar-academy.collapsed .account-toggle{justify-content:center;padding:0.75rem}.nav-item{display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem 0.75rem 3rem;text-decoration:none;color:hsl(var(--sidebar-academy-text));font-size:0.875rem;transition:all 0.2s;border-left:2px solid transparent;border-radius:0 6px 6px 0;margin:0 0.5rem 0 0;background:transparent;border-top:none;border-right:none;border-bottom:none;cursor:pointer;width:calc(100% - 0.5rem)}.nav-item:hover{background:hsl(var(--sidebar-academy-hover));border-left-color:hsl(var(--sidebar-academy-accent))}.nav-item.active{background:hsl(var(--sidebar-academy-accent) / 0.15);border-left-color:hsl(var(--sidebar-academy-accent));color:hsl(var(--sidebar-academy-accent));font-weight:600}.nav-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor}.nav-text{font-weight:500;flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-item.active .nav-text{font-weight:600}.sidebar-academy.collapsed .nav-item{padding:0.75rem;justify-content:center;margin:0 0.25rem}.sidebar-academy.collapsed .nav-text{display:none}.account-logout{margin-top:0.5rem;padding-top:0.5rem;padding-bottom:0.75rem;border-top:1px solid hsl(var(--sidebar-academy-border))}.logout-btn{width:calc(100% - 0.5rem);color:hsl(var(--sidebar-academy-error));background:transparent}.logout-btn:hover{background:hsl(var(--sidebar-academy-error) / 0.15);border-left-color:hsl(var(--sidebar-academy-error));color:hsl(var(--sidebar-academy-error))}.sidebar-tooltip{position:fixed;background:hsl(var(--sidebar-academy-accent));color:hsl(var(--sidebar-academy-text));padding:8px 12px;border-radius:8px;font-size:0.875rem;white-space:nowrap;z-index:9999;transform:translateY(-50%);box-shadow:0 6px 18px rgba(0,0,0,0.12);pointer-events:none;opacity:0;transition:opacity 0.12s ease}.sidebar-tooltip.show{opacity:1}@media (max-width:1024px){.sidebar-academy-header{padding:1.25rem 1rem;min-height:70px}.nav-section{margin-bottom:0.5rem}}@media (max-width:768px){.sidebar-academy{transform:translateX(-100%);width:280px;box-shadow:0 0 0 rgba(0,0,0,0);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),box-shadow 0.3s;z-index:200;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding-bottom:max(20px,env(safe-area-inset-bottom))}.sidebar-academy.open{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,0.5)}.sidebar-academy.collapsed{width:280px}.sidebar-academy.collapsed .brand-text,.sidebar-academy.collapsed .section-title,.sidebar-academy.collapsed .nav-text,.sidebar-academy.collapsed .account-text,.sidebar-academy.collapsed .badge,.sidebar-academy.collapsed .module-info,.sidebar-academy.collapsed .category-title,.sidebar-academy.collapsed .category-count,.sidebar-academy.collapsed .bab-title,.sidebar-academy.collapsed .bab-count,.sidebar-academy.collapsed .module-stats{display:block}.sidebar-academy.collapsed .section-toggle,.sidebar-academy.collapsed .nav-item,.sidebar-academy.collapsed .account-toggle,.sidebar-academy.collapsed .category-toggle,.sidebar-academy.collapsed .module-toggle,.sidebar-academy.collapsed .bab-toggle{justify-content:space-between;padding-left:1rem}.sidebar-academy.collapsed .section-items,.sidebar-academy.collapsed .category-modules,.sidebar-academy.collapsed .module-babs,.sidebar-academy.collapsed .bab-sub-babs{display:flex;flex-direction:column}.sidebar-academy.collapsed .chevron-icon,.sidebar-academy.collapsed .chevron-icon-small,.sidebar-academy.collapsed .chevron-icon-tiny{display:block}.sidebar-academy-header{padding:1rem 0.875rem;min-height:60px}.brand-logo-wrap{width:36px;height:36px}.brand-line-small{font-size:0.65rem}.brand-line-main{font-size:1rem}.sidebar-academy-nav{padding:0.5rem 0 1rem 0}.nav-section{margin-bottom:0.4rem}.section-toggle{padding:0.75rem 0.875rem;font-size:0.7rem}.nav-item{padding:0.625rem 0.875rem;font-size:0.8rem}.account-toggle{padding:0.875rem}.account-avatar{width:36px;height:36px}.account-name{font-size:0.8rem}.account-role{font-size:0.65rem}.sidebar-academy-account{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.account-logout{padding-bottom:1rem;margin-bottom:0.5rem}}@media (max-width:480px){.sidebar-academy{width:260px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.sidebar-academy.collapsed{width:260px}.sidebar-academy-header{padding:0.875rem;min-height:56px}.brand-logo-wrap{width:32px;height:32px}.brand-line-small{font-size:0.6rem}.brand-line-main{font-size:0.9rem}.sidebar-academy-nav{padding:0.5rem 0 1.25rem 0}.section-toggle{padding:0.65rem 0.75rem;font-size:0.65rem}.nav-item,.category-toggle,.module-toggle,.bab-toggle{padding:0.5rem 0.75rem;font-size:0.75rem}.account-toggle{padding:0.75rem}.sidebar-academy-account{padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.account-logout{padding-bottom:1rem}}@media (max-height:600px) and (orientation:landscape){.sidebar-academy-header{padding:0.5rem 0.875rem;min-height:50px}.sidebar-academy-nav{padding:0.5rem 0}.nav-section{margin-bottom:0.25rem}.section-toggle,.nav-item,.category-toggle,.module-toggle,.bab-toggle{padding:0.4rem 0.75rem;font-size:0.7rem}.account-toggle{padding:0.6rem 0.75rem}.sidebar-academy-account{padding-bottom:max(0.75rem,env(safe-area-inset-bottom))}}@media (max-height:700px){.sidebar-academy-header{padding:0.75rem 0.875rem;min-height:56px}.sidebar-academy-nav{padding:0.5rem 0 1rem 0}.nav-section{margin-bottom:0.4rem}.sidebar-academy-account{padding-bottom:max(1rem,env(safe-area-inset-bottom))}}@media (min-width:769px){.sidebar-academy.collapsed{width:var(--sidebar-academy-width-collapsed)}.sidebar-academy.collapsed .brand-text,.sidebar-academy.collapsed .section-title,.sidebar-academy.collapsed .module-info,.sidebar-academy.collapsed .bab-title,.sidebar-academy.collapsed .sub-bab-title,.sidebar-academy.collapsed .account-text,.sidebar-academy.collapsed .nav-text,.sidebar-academy.collapsed .category-title,.sidebar-academy.collapsed .category-count,.sidebar-academy.collapsed .bab-count,.sidebar-academy.collapsed .badge,.sidebar-academy.collapsed .module-stats{display:none}.sidebar-academy.collapsed .section-toggle,.sidebar-academy.collapsed .category-toggle,.sidebar-academy.collapsed .module-toggle,.sidebar-academy.collapsed .bab-toggle,.sidebar-academy.collapsed .sub-bab-item,.sidebar-academy.collapsed .nav-item,.sidebar-academy.collapsed .account-toggle{justify-content:center;padding-left:1rem;padding-right:1rem}.sidebar-academy.collapsed .chevron-icon,.sidebar-academy.collapsed .chevron-icon-small,.sidebar-academy.collapsed .chevron-icon-tiny{display:none}.sidebar-academy.collapsed .section-items,.sidebar-academy.collapsed .category-modules,.sidebar-academy.collapsed .module-babs,.sidebar-academy.collapsed .bab-sub-babs{display:none}}@supports (padding-bottom:env(safe-area-inset-bottom)){@media (max-width:768px){.sidebar-academy{padding-bottom:max(20px,env(safe-area-inset-bottom))}.sidebar-academy-account{padding-bottom:max(1rem,env(safe-area-inset-bottom))}.account-logout{margin-bottom:max(0.5rem,calc(env(safe-area-inset-bottom) / 2))}}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}.sidebar-academy button:focus-visible,.sidebar-academy a:focus-visible{outline:2px solid hsl(var(--sidebar-academy-accent));outline-offset:2px}@media print{.sidebar-academy{display:none}}