:root{--app-header-bar-height:60px;--app-header-safe-top:env(safe-area-inset-top,0px);--app-header-top-gap:0px;--app-header-offset:calc(var(--app-header-top-gap) + var(--app-header-bar-height) + var(--app-header-safe-top))}@media (min-width:768px){:root{--app-header-bar-height:70px;--app-header-safe-top:0px;--app-header-top-gap:20px}}.app-header{box-sizing:border-box;height:var(--app-header-offset);padding-top:var(--app-header-safe-top);background:var(--bg-primary);box-shadow:0 2px 4px var(--shadow);z-index:999;border-radius:0;justify-content:space-between;align-items:center;gap:.75rem;transition:left .3s,background .3s,box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible}.app-header.sidebar-hidden{left:0}.app-header-offset{height:var(--app-header-offset);pointer-events:none;flex-shrink:0}@media (min-width:768px){.app-header{top:var(--app-header-top-gap);left:var(--app-sidebar-column-expanded);height:var(--app-header-bar-height);border-radius:1.5rem;padding-top:0;right:20px}.app-header.sidebar-hidden{left:var(--app-sidebar-column-minimized)}}.app-header>.d-flex,.app-header>div{align-items:center;min-width:0;display:flex}.hamburger-menu{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;min-width:2.5rem;padding:.5rem;font-size:1.125rem;transition:color .2s;display:inline-flex}.hamburger-menu i{transform:scaleY(-1)}.hamburger-menu:hover{color:var(--text-primary)}.header-actions{flex-shrink:0;justify-content:flex-end;align-items:center;margin-right:0;display:flex;overflow:visible}.header-divider{background:var(--border-color);flex-shrink:0;width:1px;height:2rem;margin:0 .5rem;transition:background-color .3s}.btn.header-action-button{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:0;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;max-height:2.25rem;padding:.5rem;font-size:1rem;transition:all .2s;display:inline-flex}.btn.header-action-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.header-user-dropdown{flex-shrink:0;position:relative}.header-user-button{cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.5rem;max-width:100%;padding:.25rem .5rem;transition:background-color .2s;display:flex}.user-dropdown-chevron{color:var(--text-muted);flex-shrink:0;margin-left:.125rem;font-size:.6875rem}.header-user-button:hover{background:var(--bg-secondary)}.user-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:10rem;font-size:.75rem;font-weight:500;display:none;overflow:hidden}.user-grade{color:var(--text-primary);font-size:.625rem;display:none}.user-avatar-small{border:2px solid var(--avatar-border-color);background:var(--bg-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;transition:border-color .3s;display:flex;overflow:hidden}.header-user-dropdown-menu{background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow);z-index:1000;border-radius:1.25rem;min-width:11.25rem;padding:.5rem;animation:.2s dropdownFadeIn;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-user-dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);background:0 0;border:none;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;text-decoration:none;transition:background-color .2s;display:flex}.header-user-dropdown-item:not(.header-user-dropdown-item--logout):hover{background:var(--bg-secondary)}.header-user-dropdown-item--logout{color:#b91c1c;background-color:#fef2f2;margin-top:.25rem}.header-user-dropdown-item--logout .header-user-dropdown-item__icon{color:#b91c1c}.header-user-dropdown-item--logout:hover{color:#b91c1c;background-color:#fee2e2}.header-user-dropdown-item--logout:hover .header-user-dropdown-item__icon{color:#b91c1c}.dark-mode .header-user-dropdown-item--logout{background-color:color-mix(in srgb, #dc2626 18%, var(--bg-primary));color:#f87171}.dark-mode .header-user-dropdown-item--logout .header-user-dropdown-item__icon{color:#f87171}.dark-mode .header-user-dropdown-item--logout:hover{background-color:color-mix(in srgb, #dc2626 28%, var(--bg-primary));color:#fca5a5}.dark-mode .header-user-dropdown-item--logout:hover .header-user-dropdown-item__icon{color:#fca5a5}.header-user-dropdown-item__icon{color:var(--text-secondary);text-align:center;width:1.25rem;font-size:1rem}.header-user-dropdown-item:not(.header-user-dropdown-item--logout):hover .header-user-dropdown-item__icon{color:var(--text-primary)}.user-avatar-small img{object-fit:cover;width:100%;height:100%}.notification-button{position:relative}.notification-dot{border:2px solid var(--bg-primary);z-index:1;background-color:#dc3545;border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.375rem;right:.375rem}@media (min-width:768px){.hamburger-menu{font-size:1.25rem}.header-divider{height:2.5rem;margin:0 1rem}.btn.header-action-button{width:2.5rem;min-width:2.5rem;height:2.5rem;min-height:2.5rem;max-height:2.5rem;padding:.625rem;font-size:1.25rem}.header-user-button{gap:.75rem;padding:.25rem .75rem}.user-name{font-size:.875rem;display:inline}.user-grade{font-size:.75rem;display:block}.user-avatar-small{border-width:3px;width:2.5rem;height:2.5rem}.header-user-dropdown-menu{min-width:12.5rem}.notification-dot{width:.625rem;height:.625rem;top:.5rem;right:.5rem}}