.header-sidebar{z-index:100;border-right:1px solid var(--border-glass);border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;justify-content:space-between;width:260px;padding:30px 20px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 20px #00000005}.sidebar-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.header-logo{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-icon{width:28px;height:28px;color:var(--primary-cyan)}.logo-text{font-family:var(--font-title);font-size:1.4rem;font-weight:800}.mobile-drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;display:none}.sidebar-nav{flex-direction:column;flex-grow:1;gap:8px;padding-right:4px;display:flex;overflow-y:auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#00000014;border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#00000026}.nav-link{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.92rem;font-weight:600;display:flex}.nav-link:hover{color:var(--text-primary);background:#00000005}.nav-link.active{color:var(--primary-cyan);background:var(--glow-cyan);border:1px solid #0891b226}.header-top-right{z-index:95;align-items:center;gap:15px;padding:6px 12px;display:flex;position:fixed;top:15px;right:40px}.header-top-right .user-profile{align-items:center;gap:10px;display:flex}.role-icon{border-radius:50%;flex-shrink:0;width:32px;height:32px;padding:6px}.admin-icon{background:var(--glow-purple);color:var(--primary-purple);border:1px solid #4f46e526}.student-icon{background:var(--glow-cyan);color:var(--primary-cyan);border:1px solid #0891b226}.user-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex;overflow:hidden}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;color:var(--text-primary);font-size:.9rem;font-weight:700;overflow:hidden}.header-top-right .btn-logout{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-fast);background:0 0;border:1px solid #0000000a;justify-content:center;align-items:center;gap:8px;width:auto;padding:8px 12px;font-size:.9rem;font-weight:600;display:flex}.header-top-right .btn-logout:hover{color:var(--danger);background:var(--danger-glow);border-color:#dc262626}.mobile-top-bar,.mobile-backdrop-overlay{display:none}@media (max-width:900px){.header-sidebar{border-right:1px solid var(--border-glass-bright);width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%);box-shadow:10px 0 30px #0000000d}.header-sidebar.mobile-open{transform:translate(0)}.mobile-drawer-close{justify-content:center;align-items:center;display:flex}.mobile-top-bar{z-index:90;border-top:none;border-left:none;border-right:none;border-radius:0;justify-content:space-between;align-items:center;height:70px;padding:15px 20px;display:flex;position:fixed;top:0;left:0;right:0}.mobile-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:block}.mobile-backdrop-overlay{-webkit-backdrop-filter:blur(4px);z-index:95;background:#0f172a33;display:block;position:fixed;inset:0}.header-top-right{z-index:96;box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:none;gap:10px;padding:0;position:fixed;top:12px;right:70px}.header-top-right .user-name{font-size:.85rem}}@media (max-width:600px){.header-top-right .user-info,.header-top-right .btn-logout span{display:none}.header-top-right .btn-logout{border-radius:50%;width:36px;height:36px;padding:8px}}