@keyframes badge-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.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 2px 16px #0ea5e91f}.header .header-left{flex-shrink:0;align-items:center;gap:16px;display:flex}.header .header-left .sidebar-toggle-btn{cursor:pointer;color:#fff;background:#ffffff24;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.header .header-left .sidebar-toggle-btn:hover{color:#fff;background:#ffffff42;border-color:#ffffff6b;transform:translateY(-1px)}.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:#ffffff24;border:1px solid #ffffff38;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.header .header-right .icon-style:hover{color:#fff;background:#ffffff42;border-color:#ffffff6b;transform:translateY(-1px)}.header .header-right .icon-style:active{transform:scale(.95)}.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;animation:.2s cubic-bezier(.16,1,.3,1) badge-in;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:#ffffff24;border:1px solid #ffffff38;border-radius:12px;align-items:center;gap:10px;padding:5px 12px 5px 6px;font-family:inherit;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.header .header-right .avatar-container .avatar-info:hover{background:#ffffff42;border-color:#ffffff6b}.header .header-right .avatar-container .avatar-info:active{transform:scale(.98)}.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:#ffffff24;border:1px solid #ffffff38;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 .2s cubic-bezier(.16,1,.3,1);display:flex}.header .header-right .role-switcher .role-chip:hover,.header .header-right .role-switcher .role-chip.open{background:#ffffff42;border-color:#ffffff6b}.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)}
.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;pointer-events:none;background:#0f172a52;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}.global-sidebar-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:9999;opacity:0;background:#0f172a;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:700;animation:.16s cubic-bezier(.4,0,.2,1) forwards tooltip-in;position:fixed;left:78px;transform:translateY(-50%)translate(-4px);box-shadow:0 8px 20px #0000002e}.global-sidebar-tooltip:after{content:"";background:#0f172a;width:8px;height:8px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)rotate(45deg)}@keyframes tooltip-in{0%{opacity:0;transform:translateY(-50%)translate(-4px)}to{opacity:1;transform:translateY(-50%)translate(0)}}.sidebar{--sidebar-width:68px;background:var(--sidebar-bg,#fff);z-index:1001;scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:68px;height:100vh;transition:width .32s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;box-shadow:4px 0 24px #0ea5e90a}.sidebar::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}@media (min-width:1024px){.sidebar{position:sticky;top:0;left:auto}}.sidebar.expanded{--sidebar-width:270px;width:270px}.sidebar.expanded .sidebar-top .logo{gap:12px}.sidebar.expanded .sidebar-top .logo .logo-text{transition-delay:.15s;opacity:1!important;visibility:visible!important;width:auto!important}.sidebar.expanded .sidebar-middle .menu-item .sidebar-icon-wrapper,.sidebar.expanded .menu .menu-item .sidebar-icon-wrapper{margin-right:12px}.sidebar.expanded .sidebar-middle .menu-item .text,.sidebar.expanded .menu .menu-item .text{flex:1;transition-delay:.1s;opacity:1!important;visibility:visible!important;width:auto!important}.sidebar.expanded .sidebar-middle .menu-item .chevron-icon,.sidebar.expanded .menu .menu-item .chevron-icon{flex:none;transition-delay:.1s;opacity:.7!important;visibility:visible!important;width:auto!important}.sidebar.expanded .sidebar-middle .menu-item.active.has-children,.sidebar.expanded .menu .menu-item.active.has-children{color:var(--theme-color,#0ea5e9);box-shadow:none;background:#0ea5e914;font-weight:600}.sidebar.expanded .sidebar-middle .menu-item.active.has-children .sidebar-icon-wrapper,.sidebar.expanded .menu .menu-item.active.has-children .sidebar-icon-wrapper{color:var(--theme-color,#0ea5e9)!important}.sidebar.expanded .sidebar-middle .menu-item.active.has-children .sidebar-icon-wrapper img,.sidebar.expanded .menu .menu-item.active.has-children .sidebar-icon-wrapper img{filter:invert(52%)sepia(88%)saturate(1964%)hue-rotate(167deg)brightness(98%)contrast(96%)!important}.sidebar.expanded .sidebar-middle .menu-item.active.has-children .sidebar-icon-wrapper svg,.sidebar.expanded .menu .menu-item.active.has-children .sidebar-icon-wrapper svg{color:var(--theme-color,#0ea5e9)!important}.sidebar.expanded .sidebar-middle .menu-item.active.has-children .chevron-icon,.sidebar.expanded .menu .menu-item.active.has-children .chevron-icon{color:var(--theme-color,#0ea5e9)!important;opacity:1!important}.sidebar.expanded .sidebar-middle .menu-item.active.has-children:hover,.sidebar.expanded .menu .menu-item.active.has-children:hover{background:#0ea5e91f}.sidebar:not(.expanded) .menu-item.active{font-weight:600;box-shadow:0 2px 8px #0ea5e947;background:var(--theme-color,#0ea5e9)!important;color:#fff!important}.sidebar:not(.expanded) .menu-item.active .sidebar-icon-wrapper{color:#fff!important}.sidebar:not(.expanded) .menu-item.active .sidebar-icon-wrapper img{filter:brightness(0)invert()!important}.sidebar:not(.expanded) .menu-item.active .sidebar-icon-wrapper svg{color:#fff!important}.sidebar:not(.expanded) .menu-item.active .chevron-icon{color:#fff!important;opacity:0!important}.sidebar .sidebar-top{background-color:var(--sidebar-header-bg,#0284c7);border-bottom:1px solid #ffffff26;flex-shrink:0;align-items:center;width:100%;height:64px;padding:0 20px;display:flex;border-right:none!important}.sidebar .sidebar-top .logo{cursor:pointer;border-radius:10px;align-items:center;gap:0;margin:0 -6px;padding:6px;transition:gap .3s cubic-bezier(.4,0,.2,1),background .2s;display:flex}.sidebar .sidebar-top .logo:hover{background:#ffffff14}.sidebar .sidebar-top .logo:active{transform:scale(.98)}.sidebar .sidebar-top .logo .company-logo-img{object-fit:contain;background:#fff;border-radius:6px;flex-shrink:0;width:26px;height:26px;padding:2px;box-shadow:0 2px 6px #0000001f}.sidebar .sidebar-top .logo .logo-icon-container{flex-direction:column;gap:3px;display:flex}.sidebar .sidebar-top .logo .logo-icon-container .logo-line{background:#fff;border-radius:2px;width:20px;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-top .logo .logo-icon-container .logo-line:nth-child(2){opacity:.85;width:13px}.sidebar .sidebar-top .logo .logo-icon-container .logo-line:nth-child(3){opacity:.7;width:17px}.sidebar .sidebar-top .logo .logo-text{color:#fff;letter-spacing:-.4px;white-space:nowrap;opacity:0;visibility:hidden;width:0;font-size:19px;font-weight:800;transition:opacity .15s cubic-bezier(.4,0,.2,1),visibility .15s,width .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar .sidebar-top .logo:hover .logo-line:nth-child(2),.sidebar .sidebar-top .logo:hover .logo-line:nth-child(3){width:20px}.sidebar .sidebar-middle{border-right:1.5px solid var(--sidebar-border,#e2e8f0);scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:14px 10px;overflow:hidden auto}.sidebar .sidebar-middle::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar .sidebar-middle .menu{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.sidebar .sidebar-middle .menu .menu-item{min-height:40px;color:var(--sidebar-text,#475569);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:9px;align-items:center;padding:9px 12px;font-size:13.5px;font-weight:500;transition:background .16s cubic-bezier(.16,1,.3,1),color .16s cubic-bezier(.16,1,.3,1),box-shadow .16s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sidebar .sidebar-middle .menu .menu-item .sidebar-icon-wrapper{color:#64748b;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:color .16s,transform .16s;display:flex}.sidebar .sidebar-middle .menu .menu-item .sidebar-icon-wrapper img{object-fit:contain;width:20px;height:20px;filter:var(--sidebar-icon-filter,none) opacity(.85);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-middle .menu .menu-item .sidebar-icon-wrapper svg{color:currentColor;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-middle .menu .menu-item .text{opacity:0;visibility:hidden;white-space:nowrap;width:0;transition:opacity .2s}.sidebar .sidebar-middle .menu .menu-item .chevron-icon{opacity:0;visibility:hidden;color:#94a3b8;width:0;transition:transform .25s cubic-bezier(.4,0,.2,1),color .16s}.sidebar .sidebar-middle .menu .menu-item .chevron-icon.expanded{transform:rotate(180deg)}.sidebar .sidebar-middle .menu .menu-item:hover:not(.active){color:#0f172a;background:#f8fafc}.sidebar .sidebar-middle .menu .menu-item:hover:not(.active) .sidebar-icon-wrapper{color:var(--theme-color,#0ea5e9);transform:scale(1.05)}.sidebar .sidebar-middle .menu .menu-item:hover:not(.active) .sidebar-icon-wrapper img{filter:invert(52%)sepia(88%)saturate(1964%)hue-rotate(167deg)brightness(98%)contrast(96%)}.sidebar .sidebar-middle .menu .menu-item:hover:not(.active) .chevron-icon{color:#475569;opacity:1!important}.sidebar .sidebar-middle .menu .menu-item:active:not(.active){background:#f1f5f9}.sidebar .sidebar-middle .menu .menu-item.is-expanded.has-children:not(.active){color:#0f172a;background:#f8fafc}.sidebar .sidebar-middle .menu .menu-item.is-expanded.has-children:not(.active) .sidebar-icon-wrapper{color:#334155}.sidebar .sidebar-middle .menu .menu-item.is-expanded.has-children:not(.active) .chevron-icon{color:#334155;opacity:.9!important}.sidebar .sidebar-middle .menu .menu-item.active{background:var(--theme-color,#0ea5e9);color:#fff;font-weight:600;box-shadow:0 2px 8px #0ea5e947}.sidebar .sidebar-middle .menu .menu-item.active .sidebar-icon-wrapper{color:#fff}.sidebar .sidebar-middle .menu .menu-item.active .sidebar-icon-wrapper img{filter:brightness(0)invert()!important}.sidebar .sidebar-middle .menu .menu-item.active .sidebar-icon-wrapper svg{color:#fff}.sidebar .sidebar-middle .menu .menu-item.active .chevron-icon{color:#fff;opacity:1!important}.sidebar .sidebar-middle .menu .chevron-click-wrapper{border-radius:6px;transition:background .15s cubic-bezier(.4,0,.2,1),transform .15s cubic-bezier(.4,0,.2,1)}.sidebar .sidebar-middle .menu .chevron-click-wrapper:hover{background:#0ea5e914}.sidebar .sidebar-middle .menu .chevron-click-wrapper:active{transform:scale(.92)}.sidebar .sidebar-middle .menu .submenu-track{grid-template-rows:0fr;transition:grid-template-rows .24s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden}.sidebar .sidebar-middle .menu .submenu-track.collapsed{visibility:hidden}.sidebar .sidebar-middle .menu .submenu-track.expanded{visibility:visible;grid-template-rows:1fr}.sidebar .sidebar-middle .menu .submenu-track.expanded>.submenu{margin:3px 6px 6px 18px;padding:4px 6px 4px 10px}.sidebar .sidebar-middle .menu .submenu-track.has-active-child>.submenu{border-left-color:var(--theme-color,#0ea5e9);background:#0ea5e90a}.sidebar .sidebar-middle .menu .submenu-track>.submenu{background:#f8fafc;border-left:2px solid #e2e8f0;border-radius:0 8px 8px 0;flex-direction:column;gap:2px;min-height:0;margin:0;padding:0;list-style:none;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.sidebar .sidebar-middle .menu .submenu-track>.submenu:has(.active){border-left-color:var(--theme-color,#0ea5e9);background:#0ea5e90a}.sidebar .sidebar-middle .menu .submenu-track>.submenu .submenu-item{color:#64748b;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;height:33px;padding:0 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s,box-shadow .15s;display:flex;position:relative}.sidebar .sidebar-middle .menu .submenu-track>.submenu .submenu-item:hover{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000000d}.sidebar .sidebar-middle .menu .submenu-track>.submenu .submenu-item:active{background:#e2e8f0}.sidebar .sidebar-middle .menu .submenu-track>.submenu .submenu-item.active{color:var(--theme-color,#0ea5e9);background:#fff;font-weight:600;box-shadow:0 1px 4px #0ea5e92e}.sidebar .sidebar-middle .menu .submenu-track>.submenu .submenu-item.active:before{content:"";background:var(--theme-color,#0ea5e9);border-radius:0 2px 2px 0;width:2.5px;position:absolute;top:22%;bottom:22%;left:0}.sidebar .menu-divider{background:var(--sidebar-border,#e2e8f0);height:1px;margin:10px 12px}@keyframes active-bar-in{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@media (max-width:1023px){.sidebar{box-shadow:none;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:20px 0 50px #0000001f}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebar *,.sidebar-overlay,.global-sidebar-tooltip{transition-duration:.001ms!important;animation-duration:.001ms!important}}