.nav-container{background-color:#1b76ba;border-bottom:1px solid #34495e;flex-shrink:0;height:48px;margin:0;padding:0;line-height:48px}.nav-list{margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.nav-item{line-height:12px;position:relative}.nav-item:hover{background-color:#34495e}.nav-link{color:#ecf0f1;white-space:nowrap;border-bottom:3px solid #0000;padding:1rem 1.5rem;font-weight:400;text-decoration:none;transition:all .2s;display:block}.nav-link:hover{color:#3498db;background-color:#34495e;text-decoration:none}.nav-link.active{color:#fff;border-bottom:4px solid #95c3e5;font-weight:600}.dropdown-container{display:inline-block;position:relative}.dropdown-content{z-index:1000;background-color:#34495e;border-radius:4px;min-width:200px;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 16px #0003}.dropdown-container:hover .dropdown-content{display:block}.dropdown-item{color:#ecf0f1;border-bottom:1px solid #2c3e50;padding:.75rem 1rem;text-decoration:none;display:block}.dropdown-item:hover{color:#3498db;background-color:#2c3e50}.dropdown-item:last-child{border-bottom:none}.dropdown-trigger{cursor:pointer}
.header{background-color:#fff;border-bottom:1px solid #eee;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:1rem 0;line-height:60px;display:flex;box-shadow:0 2px 4px #0000001a}.header-logo{align-items:center;padding-left:16px;display:flex}.logo-image{width:auto;max-width:200px;height:40px}.user-info{color:#666;align-items:center;gap:0;font-size:.9rem;display:flex}.user-dropdown-container{display:inline-block;position:relative}.user-label-container{cursor:pointer;background-color:#f8f9fa;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:.5rem;height:32px;padding:0 12px;line-height:normal;transition:background-color .2s;display:flex}.user-label-container:hover{background-color:#edf0f3}.user-label-container.viewing-as{background-color:#fef3c7}.user-label-container.viewing-as:hover{background-color:#fde68a}.user-label-container.impersonating{background-color:#fd7e141a;border-color:#fd7e144d}.user-label-container.impersonating:hover{background-color:#fd7e1433}.user-icon{color:#6198c2;width:18px;height:18px}.dropdown-item{cursor:pointer;color:#374151;white-space:nowrap;border-bottom:1px solid #f3f4f6;align-items:center;gap:8px;padding:0 12px;line-height:40px;transition:background-color .2s;display:flex}.dropdown-item.separator{border-bottom:1px solid #dadfe9}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{color:#1f2937;background-color:#f9fafb}.dropdown-item.disabled{opacity:.5;cursor:default;pointer-events:none}.logout-button{color:#fff;cursor:pointer;background-color:#dc3545;border:none;border-radius:4px;padding:.5rem 1rem;font-size:.9rem;font-weight:500;transition:background-color .2s}.logout-button:hover{background-color:#c82333}.logout-button:focus{outline:none;box-shadow:0 0 0 2px #dc354540}.impersonation-notice{color:#fd7e14;background-color:#fd7e141a;border:1px solid #fd7e144d;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.8rem;font-weight:600}.viewing-as-notice{color:#d97706;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:.8rem;font-weight:600}.more-menu-container{display:inline-block;position:relative}.more-menu-button{cursor:pointer;color:#666;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background-color .2s,color .2s;display:flex}.more-menu-button:hover{color:#333;background-color:#f0f0f0}.more-dropdown-menu{z-index:1000;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;min-width:185px;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 6px -1px #0000001a}@media (max-width:1023px){.header{text-align:center;flex-direction:column;gap:1rem}.logo-image{height:32px}.user-info{flex-direction:column;gap:.5rem}}