.sidebar-academy-main{--sidebar-academy-background:216 74% 27%;--sidebar-academy-foreground:0 0% 100%;--sidebar-academy-accent:216 74% 35%;--sidebar-academy-accent-foreground:0 0% 100%;--sidebar-academy-border:216 74% 35%;--sidebar-academy-warning:45 93% 47%;--sidebar-academy-success:142 71% 45%;}  .sidebar-academy-main .sidebar-academy{width:280px;background-color:hsl(var(--sidebar-academy-background));border-right:1px solid hsl(var(--sidebar-academy-border));display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;height:100vh;min-height:100vh;overflow-y:auto;overflow-x:hidden;transition:width 0.28s cubic-bezier(.7,2,.3,1), transform 0.25s cubic-bezier(.4,1.4,.6,1);z-index:120;scrollbar-width:thin;scrollbar-color:hsl(var(--sidebar-academy-accent)) transparent;} .sidebar-academy-main .sidebar-academy::-webkit-scrollbar{width:6px;} .sidebar-academy-main .sidebar-academy::-webkit-scrollbar-thumb{background:hsl(var(--sidebar-academy-accent));border-radius:3px;} .sidebar-academy-main .sidebar-academy.collapsed{width:70px;}  .sidebar-academy-main .sidebar-academy-header{padding:1.5rem 1rem;border-bottom:1px solid hsl(var(--sidebar-academy-border));min-height:80px;display:flex;align-items:center;} .sidebar-academy-main .navbar-brand{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:hsl(var(--sidebar-academy-foreground));width:100%;} .sidebar-academy-main .brand-logo-wrap{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsl(var(--sidebar-academy-accent));border-radius:8px;flex-shrink:0;} .sidebar-academy-main .brand-logo{width:28px;height:28px;filter:brightness(0) invert(1);} .sidebar-academy-main .brand-text{display:flex;flex-direction:column;line-height:1.2;} .sidebar-academy-main .brand-line-small{font-size:0.75rem;font-weight:500;color:hsl(var(--sidebar-academy-foreground));letter-spacing:0.5px;} .sidebar-academy-main .brand-line-main{font-size:1rem;font-weight:700;color:hsl(var(--sidebar-academy-foreground));letter-spacing:-0.5px;} .sidebar-academy-main .sidebar-academy.collapsed .brand-text{display:none;}  .sidebar-academy-main .sidebar-academy-nav{flex:1;padding:1rem 0;min-width:0;overflow-y:auto;overflow-x:hidden;} .sidebar-academy-main .nav-section{margin-bottom:1rem;}  .sidebar-academy-main .section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;background:none;border:none;cursor:pointer;color:hsl(var(--sidebar-academy-foreground));font-size:0.875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;transition:all 0.2s;position:relative;border-radius:6px;margin:0 0.5rem;} .sidebar-academy-main .section-toggle:hover{background-color:hsl(var(--sidebar-academy-accent));} .sidebar-academy-main .section-header{display:flex;align-items:center;gap:0.5rem;flex:1;min-width:0;} .sidebar-academy-main .section-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sidebar-academy-main .section-toggle .chevron-icon{width:16px;height:16px;transition:transform 0.2s;flex-shrink:0;} .sidebar-academy-main .section-toggle.collapsed .chevron-icon{transform:rotate(-90deg);}  .sidebar-academy-main .badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;flex-shrink:0;} .sidebar-academy-main .badge svg{width:14px;height:14px;} .sidebar-academy-main .badge-warning{background-color:hsl(var(--sidebar-academy-warning));color:#000;} .sidebar-academy-main .badge-lifetime{background-color:hsl(var(--sidebar-academy-success));color:#fff;}  .sidebar-academy-main .section-items{display:flex;flex-direction:column;gap:4px;padding:0.25rem 0;max-height:2000px;overflow:hidden;transition:max-height 0.3s ease;} .sidebar-academy-main .section-items.collapsed{max-height:0;}  .sidebar-academy-main .course-item-wrapper{margin:0 0.5rem;} .sidebar-academy-main .course-toggle{width:100%;display:flex;align-items:center;gap:0.625rem;padding:0.5rem;background:none;border:none;cursor:pointer;color:hsl(var(--sidebar-academy-foreground));border-radius:6px;transition:all 0.2s;text-align:left;} .sidebar-academy-main .course-toggle:hover{background-color:hsl(var(--sidebar-academy-accent) / 0.5);} .sidebar-academy-main .course-thumbnail{width:36px;height:36px;border-radius:6px;overflow:hidden;flex-shrink:0;background:hsl(var(--sidebar-academy-accent));} .sidebar-academy-main .course-thumbnail img{width:100%;height:100%;object-fit:cover;} .sidebar-academy-main .course-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;} .sidebar-academy-main .course-title{font-size:0.813rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sidebar-academy-main .course-progress-bar{width:100%;height:4px;background:hsl(var(--sidebar-academy-accent) / 0.3);border-radius:2px;overflow:hidden;} .sidebar-academy-main .progress-fill{height:100%;background:linear-gradient(90deg, hsl(var(--sidebar-academy-success)), hsl(142 71% 55%));transition:width 0.3s ease;border-radius:2px;} .sidebar-academy-main .course-stats{font-size:0.688rem;color:hsl(var(--sidebar-academy-foreground) / 0.7);} .sidebar-academy-main .chevron-icon-small{width:14px;height:14px;flex-shrink:0;transition:transform 0.2s;} .sidebar-academy-main .course-toggle.collapsed .chevron-icon-small{transform:rotate(-90deg);}  .sidebar-academy-main .course-modules{padding-left:1rem;max-height:1000px;overflow:hidden;transition:max-height 0.3s ease;} .sidebar-academy-main .course-modules.collapsed{max-height:0;}  .sidebar-academy-main .module-wrapper{margin:4px 0;} .sidebar-academy-main .module-toggle{width:100%;display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0.5rem;background:none;border:none;cursor:pointer;color:hsl(var(--sidebar-academy-foreground) / 0.9);border-radius:4px;transition:all 0.2s;font-size:0.75rem;text-align:left;} .sidebar-academy-main .module-toggle:hover{background-color:hsl(var(--sidebar-academy-accent) / 0.3);} .sidebar-academy-main .folder-icon{width:14px;height:14px;flex-shrink:0;} .sidebar-academy-main .module-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;} .sidebar-academy-main .module-count{font-size:0.688rem;color:hsl(var(--sidebar-academy-foreground) / 0.6);} .sidebar-academy-main .chevron-icon-tiny{width:12px;height:12px;flex-shrink:0;transition:transform 0.2s;} .sidebar-academy-main .module-toggle.collapsed .chevron-icon-tiny{transform:rotate(-90deg);}  .sidebar-academy-main .module-materials{padding-left:1.25rem;max-height:500px;overflow:hidden;transition:max-height 0.3s ease;} .sidebar-academy-main .module-materials.collapsed{max-height:0;}  .sidebar-academy-main .material-item{display:flex;align-items:center;gap:0.5rem;padding:0.375rem 0.5rem;color:hsl(var(--sidebar-academy-foreground) / 0.85);text-decoration:none;border-radius:4px;transition:all 0.2s;font-size:0.75rem;margin:2px 0;} .sidebar-academy-main .material-item:hover{background-color:hsl(var(--sidebar-academy-accent) / 0.4);color:hsl(var(--sidebar-academy-foreground));} .sidebar-academy-main .material-item.completed{color:hsl(var(--sidebar-academy-success));} .sidebar-academy-main .check-icon{width:14px;height:14px;flex-shrink:0;} .sidebar-academy-main .check-icon.completed{stroke:hsl(var(--sidebar-academy-success));} .sidebar-academy-main .check-icon.incomplete{stroke:hsl(var(--sidebar-academy-foreground) / 0.4);} .sidebar-academy-main .material-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}  .sidebar-academy-main .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center;color:hsl(var(--sidebar-academy-foreground) / 0.7);} .sidebar-academy-main .empty-icon{width:64px;height:64px;margin-bottom:1rem;stroke:hsl(var(--sidebar-academy-foreground) / 0.3);} .sidebar-academy-main .empty-state p{margin-bottom:1.5rem;font-size:0.875rem;} .sidebar-academy-main .btn-browse{display:inline-block;padding:0.5rem 1rem;background:hsl(var(--sidebar-academy-accent));color:hsl(var(--sidebar-academy-foreground));text-decoration:none;border-radius:6px;font-size:0.875rem;font-weight:600;transition:all 0.2s;} .sidebar-academy-main .btn-browse:hover{background:hsl(var(--sidebar-academy-accent) / 0.8);}  .sidebar-academy-main .sidebar-academy-account{margin-top:auto;padding:0;border-top:1px solid hsl(var(--sidebar-academy-border));} .sidebar-academy-main .account-divider{height:1px;background:hsl(var(--sidebar-academy-border));margin:0.5rem 0;} .sidebar-academy-main .account-toggle{text-transform:none;padding:1rem;font-weight:500;} .sidebar-academy-main .account-info{display:flex;align-items:center;gap:0.75rem;flex:1;min-width:0;} .sidebar-academy-main .account-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid hsl(var(--sidebar-academy-accent));} .sidebar-academy-main .account-text{display:flex;flex-direction:column;min-width:0;flex:1;} .sidebar-academy-main .account-name{font-size:0.875rem;font-weight:600;color:hsl(var(--sidebar-academy-foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sidebar-academy-main .account-role{font-size:0.75rem;color:hsl(var(--sidebar-academy-foreground) / 0.7);text-transform:uppercase;letter-spacing:0.5px;} .sidebar-academy-main .sidebar-academy.collapsed .account-info{justify-content:center;} .sidebar-academy-main .sidebar-academy.collapsed .account-text{display:none;} .sidebar-academy-main .sidebar-academy.collapsed .account-toggle{justify-content:center;padding:0.75rem;} .sidebar-academy-main .account-logout{margin-top:0.5rem;padding-top:0.5rem;border-top:1px solid hsl(var(--sidebar-academy-border) / 0.5);} .sidebar-academy-main .logout-btn{width:calc(100% - 1rem);color:#ef4444;} .sidebar-academy-main .logout-btn:hover{background-color:#ef4444;color:white;} .sidebar-academy-main .nav-item{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1rem;color:hsl(var(--sidebar-academy-foreground));text-decoration:none;border-radius:6px;margin:0 0.5rem;transition:all 0.2s;font-size:0.875rem;position:relative;min-width:0;border:none;background:none;cursor:pointer;width:calc(100% - 1rem);} .sidebar-academy-main .nav-item:hover{background-color:hsl(var(--sidebar-academy-accent));} .sidebar-academy-main .nav-icon{width:20px;height:20px;flex-shrink:0;stroke:currentColor;} .sidebar-academy-main .nav-text{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sidebar-academy-main .sidebar-academy.collapsed .nav-item{padding:0.75rem;justify-content:center;} .sidebar-academy-main .sidebar-academy.collapsed .nav-text{display:none;}  @media (max-width:768px){.sidebar-academy-main .sidebar-academy{position:fixed;left:0;top:0;bottom:0;width:280px;transform:translateX(-100%);box-shadow:0 6px 32px rgba(0,0,0,0.2);z-index:200;} .sidebar-academy-main .sidebar-academy.open{transform:translateX(0);} .sidebar-academy-main .sidebar-academy.collapsed{width:280px;} .sidebar-academy-main .sidebar-academy.collapsed .brand-text, .sidebar-academy-main .sidebar-academy.collapsed .nav-text, .sidebar-academy-main .sidebar-academy.collapsed .section-title, .sidebar-academy-main .sidebar-academy.collapsed .account-text{display:block;} .sidebar-academy-main .sidebar-academy.collapsed .account-info{justify-content:flex-start;} .sidebar-academy-main .sidebar-academy.collapsed .account-toggle{padding:1rem;justify-content:space-between;} .sidebar-academy-main .sidebar-academy.collapsed .nav-item{padding:0.625rem 1rem;justify-content:flex-start;}}