.header-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;z-index:100;border-radius:0;border:none;border-right:1px solid var(--border-glass);padding:30px 20px;flex-direction:column;box-shadow:4px 0 20px rgba(0,0,0,.02)}.header-sidebar,.sidebar-top{display:flex;justify-content:space-between}.sidebar-top{align-items:center;margin-bottom:35px}.header-logo{display:flex;align-items:center;gap:10px;cursor:pointer}.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{display:none;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1;overflow-y:auto;padding-right:4px}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.08);border-radius:2px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.15)}.nav-link{background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:.92rem;font-weight:600;padding:12px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:12px;width:100%;text-align:left}.nav-link:hover{color:var(--text-primary);background:rgba(0,0,0,.02)}.nav-link.active{color:var(--primary-cyan);background:var(--glow-cyan);border:1px solid rgba(8,145,178,.15)}.header-top-right{position:fixed;top:15px;right:40px;display:flex;align-items:center;gap:15px;z-index:95;padding:6px 12px}.header-top-right .user-profile{display:flex;align-items:center;gap:10px}.role-icon{padding:6px;border-radius:50%;width:32px;height:32px;flex-shrink:0}.admin-icon{background:var(--glow-purple);color:var(--primary-purple);border:1px solid rgba(79,70,229,.15)}.student-icon{background:var(--glow-cyan);color:var(--primary-cyan);border:1px solid rgba(8,145,178,.15)}.user-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;overflow:hidden}.user-name{font-size:.9rem;font-weight:700;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.header-top-right .btn-logout{background:transparent;border:1px solid rgba(0,0,0,.04);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);transition:var(--transition-fast);font-size:.9rem;font-weight:600;width:auto}.header-top-right .btn-logout:hover{color:var(--danger);background:var(--danger-glow);border-color:rgba(220,38,38,.15)}.mobile-backdrop-overlay,.mobile-top-bar{display:none}@media (max-width:900px){.header-sidebar{transform:translateX(-100%);width:280px;border-right:1px solid var(--border-glass-bright);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px rgba(0,0,0,.05)}.header-sidebar.mobile-open{transform:translateX(0)}.mobile-drawer-close{display:flex;align-items:center;justify-content:center}.mobile-top-bar{display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;height:70px;padding:15px 20px;z-index:90;border-radius:0;border-top:none;border-left:none;border-right:none}.mobile-toggle{display:block;background:transparent;border:none;color:var(--text-primary);cursor:pointer}.mobile-backdrop-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,.2);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:95}.header-top-right{position:fixed;top:12px;right:70px;z-index:96;background:transparent;border:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;gap:10px}.header-top-right .user-name{font-size:.85rem}}@media (max-width:600px){.header-top-right .btn-logout span,.header-top-right .user-info{display:none}.header-top-right .btn-logout{padding:8px;width:36px;height:36px;border-radius:50%}}