.header{background:var(--topbar-bg,#0284c7);width:100%;height:64px;color:var(--topbar-text,#fff);z-index:1000;border-bottom:1px solid #ffffff26;justify-content:space-between;align-items:center;padding:0 24px;display:flex;position:relative;box-shadow:0 4px 20px #0ea5e926}.header .header-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.header .header-left .sidebar-toggle-btn{cursor:pointer;color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex}.header .header-left .sidebar-toggle-btn:hover{color:#fff;background:#ffffff47;border-color:#ffffff73;transform:scale(1.05)}.header .header-left .sidebar-toggle-btn:active{transform:scale(.95)}.header .header-center{flex:1;justify-content:center;align-items:center;margin:0 16px;display:flex;position:relative}@media (max-width:1023px){.header .header-center{display:none}}.header .header-center .contextual-nav{background:#ffffff1f;border:1px solid #fff3;border-radius:12px;align-items:center;gap:4px;padding:4px 6px;display:flex;position:relative}.header .header-center .contextual-nav .nav-btn{color:#ffffffe0;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px 14px;font-size:12.5px;font-weight:700;transition:all .2s}.header .header-center .contextual-nav .nav-btn:hover{color:#fff;background:#ffffff38}.header .header-center .contextual-nav .nav-btn.active{color:#0284c7;background:#fff;box-shadow:0 3px 10px #0000001f}.header .header-center .contextual-nav .more-tabs-wrapper{align-items:center;display:flex;position:relative}.header .header-center .contextual-nav .more-tabs-wrapper .more-btn{align-items:center;gap:5px;display:flex}.header .header-center .contextual-nav .more-tabs-wrapper .more-btn .chevron{transition:transform .2s}.header .header-center .contextual-nav .more-tabs-wrapper .more-btn .chevron.rotated{transform:rotate(180deg)}.header .header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.header .header-right .icon-style{cursor:pointer;color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .25s;display:flex;position:relative}.header .header-right .icon-style:hover{color:#fff;background:#ffffff47;border-color:#ffffff73;transform:translateY(-1px)}.header .header-right .icon-style.logout-btn{color:#fff;background:#ef444459;border:1px solid #ef444480}.header .header-right .icon-style.logout-btn:hover{color:#fff;background:#ef44448c;border-color:#ef4444b3}.header .header-right .icon-style .notification-badge{border:2px solid var(--topbar-bg,#0284c7);color:#0284c7;background:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:850;line-height:1;display:inline-flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #00000026}.header .header-right .avatar-container{position:relative}.header .header-right .avatar-container .avatar-info{cursor:pointer;color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:12px;align-items:center;gap:10px;padding:5px 12px 5px 6px;font-family:inherit;transition:all .25s;display:flex}.header .header-right .avatar-container .avatar-info:hover{background:#ffffff47;border-color:#ffffff73}.header .header-right .avatar-container .avatar-info .avatar{border:2px solid #fff6;border-radius:50%;width:32px;height:32px}.header .header-right .avatar-container .avatar-info .user-name{color:#fff;font-size:13.5px;font-weight:700}@media (max-width:768px){.header .header-right .avatar-container .avatar-info .user-name{display:none}}.header .header-right .avatar-container .avatar-info .user-role{color:#0284c7;white-space:nowrap;letter-spacing:.3px;background:#fff;border-radius:999px;padding:4px 10px;font-size:10.5px;font-weight:850;line-height:1;box-shadow:0 2px 8px #0000001f}@media (max-width:900px){.header .header-right .avatar-container .avatar-info .user-role{display:none}}.header .header-right .role-switcher{position:relative}.header .header-right .role-switcher .role-chip{cursor:pointer;color:#fff;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;align-items:center;width:160px;height:38px;padding:0 12px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .25s;display:flex}.header .header-right .role-switcher .role-chip:hover,.header .header-right .role-switcher .role-chip.open{background:#ffffff47;border-color:#ffffff73}.header .header-right .role-switcher .role-chip .role-chip-dot{background:#fff;border-radius:50%;flex-shrink:0;width:7px;height:7px}.header .header-right .role-switcher .role-chip .role-chip-label{letter-spacing:.01em;color:#fff;margin-left:8px;margin-right:auto}.header .header-right .role-switcher .role-chip .role-chip-chevron{opacity:.85;color:#fff;flex-shrink:0;transition:transform .2s}.header .header-right .role-switcher .role-chip .role-chip-chevron.rotated{transform:rotate(180deg)}