.navbar-container{position:relative;height:100vh;display:flex;top:0;flex-direction:column;background-color:var(--background-component);width:280px;min-width:280px;transition:width .5s ease-in-out;border-right:1px solid var(--border-color);box-sizing:border-box;overflow:hidden;padding:0}.navbar-header{display:flex;align-items:center;justify-content:space-between;padding:0 1rem;background-color:rgba(0,0,0,.05);min-height:75px;max-height:75px}.navbar-logo{width:120px;height:auto;transition:width .5s ease-in-out}.navbar-logo .logo-fill-open{fill:#d0c8be}.navbar-logo .logo-fill-awp{fill:var(--background-accent)}.navbar-logo .logo-fill-inner{fill:transparent}.app-light .navbar-logo .logo-fill-open{fill:#3a3a3a}.navbar-controls{display:flex;align-items:center;gap:0;margin-left:auto;margin-right:-.5rem}.navbar-icon-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:8px;box-sizing:border-box;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:background-color .2s ease;margin:0!important;fill:var(--font-color);color:var(--font-color)}.navbar-icon-button:hover{background-color:var(--button-hover-bg,rgba(0,0,0,.1))!important}.navbar-icon-button.dx-state-active,.navbar-icon-button.dx-state-focused,.navbar-icon-button:focus{background-color:transparent!important}.navbar-icon-button.dx-button .dx-button-content{padding:0!important}.navbar-icon-button .dx-icon{font-size:20px;line-height:1}.navbar-icon-button svg{width:20px;height:20px}.navbar-controls .dx-button{width:36px;height:36px;min-width:36px;min-height:36px}.navbar-controls .dx-button .dx-icon{font-size:20px}.nav-top-icons-container{flex:1 1;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,50%,.4) transparent;display:flex;flex-direction:column;gap:.25rem;padding:1rem}.navbar-icon-group{display:flex;flex-direction:column;text-align:left;white-space:nowrap;width:100%;border-radius:12px;transition:all .2s ease;cursor:pointer;margin-bottom:.5rem}.navbar-icon-group:hover{background-color:var(--background-hover)!important}.navbar-icon-group.active{background-color:color-mix(in srgb,var(--background-accent) 12%,transparent)}.navbar-icon-group.active .dashboard-nav-icon,.navbar-icon-group.active .icon-group-title{fill:var(--active-font-color);color:var(--active-font-color)}.navbar-icon-row{display:flex;align-items:center;padding:.75rem;border-radius:12px;position:relative}.dashboard-nav-icon{min-width:24px;min-height:24px;margin-right:.75rem;fill:var(--font-color);color:var(--font-color)}.icon-group-title{display:flex;justify-content:space-between;align-items:center;width:100%;color:var(--font-color);font-size:.875rem}.nav-expand-icon{min-width:16px;min-height:16px;fill:var(--font-color);transition:transform .2s ease}.navbar-icon-group.expanded{background-color:rgba(0,0,0,.05);border:1px solid var(--border-color)}.navbar-icon-group.expanded .nav-expand-icon{transform:rotate(90deg)}.item-options-container{max-height:0;overflow-y:auto;transition:max-height .3s ease;margin-left:1.5rem}.navbar-icon-group.expanded:hover{background-color:rgba(0,0,0,.03)!important}.item-options-container.expanded{max-height:300px;padding-bottom:.5rem;overflow-x:hidden;overflow-y:auto;scroll-behavior:smooth}.item-options-container.expanded::-webkit-scrollbar{width:6px}.item-options-container.expanded::-webkit-scrollbar-track{background:transparent}.item-options-container.expanded::-webkit-scrollbar-thumb{background-color:hsla(0,0%,50%,.4);border-radius:4px}.item-options-container.expanded{scrollbar-width:thin;scrollbar-color:hsla(0,0%,50%,.4) transparent}.nav-sub-option{padding:.5rem .75rem;margin-right:.5rem;border-radius:8px;display:flex;align-items:center;gap:.5rem;color:var(--font-color);font-size:.875rem;transition:background-color .2s ease;cursor:pointer}.nav-sub-option:hover{background-color:hsla(0,0%,50%,.4)}.nav-sub-option.active{background-color:color-mix(in srgb,var(--background-accent) 12%,transparent);color:var(--active-font-color)}.nav-bottom-container{display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background-color:rgba(0,0,0,.05)}.user-info-container{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:12px;cursor:pointer;transition:background-color .2s ease;position:relative}.user-info-container:hover{background-color:var(--background-hover)}.user-avatar{width:40px;height:40px;border-radius:50%;background-color:var(--active-background);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;color:var(--font-color);flex-shrink:0}.user-details{display:flex;flex-direction:column;flex:1 1;min-width:0}.user-name{font-size:.875rem;font-weight:500;color:var(--font-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-roles-link{font-size:.75rem;color:var(--background-accent);cursor:pointer;transition:opacity .2s ease}.user-roles-link:hover{opacity:.8}.version-display{position:absolute;bottom:.25rem;left:.5rem;font-size:.6rem;color:rgba(var(--font-color-rgb),.4);font-weight:400;letter-spacing:.5px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.6}.navbar-container.collapsed{width:80px;min-width:80px}.navbar-container.collapsed .navbar-header{justify-content:center}.navbar-container.collapsed .navbar-logo{display:none}.navbar-container.collapsed .navbar-controls{margin:0}.navbar-container.collapsed .icon-group-title,.navbar-container.collapsed .nav-expand-icon,.navbar-container.collapsed .user-details,.navbar-container.collapsed .version-display{display:none}.navbar-container.collapsed .dashboard-nav-icon{margin-right:0}.navbar-container.collapsed .navbar-icon-row{justify-content:center}.navbar-container.collapsed .user-info-container{justify-content:center;background-color:transparent}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:.5rem;background-color:var(--background-component);border:1px solid var(--border-color);border-radius:8px;padding:.5rem;box-shadow:0 -4px 12px rgba(0,0,0,.1);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;display:flex;flex-direction:column;gap:.5rem}.user-dropdown.open{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown-button{width:100%!important;text-align:left!important}.user-dropdown-button .dx-button-content{display:flex;align-items:center;justify-content:flex-start!important;gap:.75rem;padding:.5rem .75rem!important;font-size:.875rem;font-weight:500;width:100%}.user-dropdown-button:hover{background-color:var(--background-hover)!important}.dropdown-button-icon{width:20px;height:20px;flex-shrink:0}.dropdown-expand-icon{width:18px;height:18px;transition:transform .2s ease;flex-shrink:0;margin-left:auto;transform:rotate(270deg)}.dropdown-expand-icon.expanded{transform:rotate(90deg)}.projects-button .dx-button-content{justify-content:space-between!important}.projects-list{display:flex;flex-direction:column;padding-left:2rem;margin-bottom:.25rem;max-height:200px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:hsla(0,0%,50%,.4) transparent;flex-shrink:0}.projects-list::-webkit-scrollbar{width:6px}.projects-list::-webkit-scrollbar-track{background:transparent}.projects-list::-webkit-scrollbar-thumb{background-color:hsla(0,0%,50%,.4);border-radius:4px}.project-item-button{width:100%!important;text-align:left!important;font-size:.8125rem!important;min-height:36px!important;flex-shrink:0}.project-item-button .dx-button-content{padding:.5rem!important;justify-content:flex-start!important;font-weight:400!important;color:var(--font-color);opacity:.9;min-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-item-button:hover{background-color:var(--background-hover)!important}.project-item-button:hover .dx-button-content{opacity:1}.signout-button-red{color:#dc3545!important}.signout-button-red:hover{background-color:rgba(220,53,69,.1)!important}.signout-button{width:100%;padding:.75rem;border-radius:8px;background-color:transparent;border:none;color:var(--font-color);font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;transition:background-color .2s ease}.signout-button:hover{background-color:var(--background-hover)}.signout-icon{width:20px;height:20px}.navbar-icon-wrapper{position:relative;overflow:visible}.tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%);background-color:var(--background-component);color:var(--font-color);padding:.5rem;border-radius:4px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:1000;margin-left:10px}.navbar-icon-wrapper:hover .tooltip{opacity:1;visibility:visible}.permissions-popup-container{display:flex;flex-direction:column;height:100%;overflow:hidden;padding-top:.75rem}.permissions-popup-container .dx-popup-content.dx-popup-content-scrollable{padding-top:.75rem!important}.permissions-tabs{display:flex;border-bottom:2px solid var(--border-color);padding:0 .5rem;flex-shrink:0;position:relative}.permissions-tab{padding:.625rem 1rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;color:var(--font-color);opacity:.6;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;position:relative;z-index:1}.permissions-tab:hover{opacity:.85;background-color:var(--background-hover)}.permissions-tab.active{opacity:1;border-bottom-color:var(--active-background);color:var(--active-font-color)}.permissions-tab-content{flex:1 1;overflow-y:auto;padding:.75rem;scrollbar-width:thin;scrollbar-color:hsla(0,0%,50%,.4) transparent}.permissions-section{display:flex;flex-direction:column;gap:.5rem}.permissions-empty,.permissions-loading{display:flex;align-items:center;justify-content:center;padding:2rem;color:var(--font-color);opacity:.5;font-size:.875rem}.permissions-admin-badges{display:flex;gap:.5rem;flex-wrap:wrap}.permissions-admin-badge{display:inline-flex;align-items:center;padding:.375rem .75rem;background-color:rgba(var(--active-background-rgb,59,130,246),.12);border:1px solid var(--active-background);border-radius:6px;font-size:.8125rem;font-weight:500;color:var(--font-color)}.permissions-card{border:1px solid var(--border-color);border-radius:8px;overflow:hidden}.permissions-card-header{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background-color:rgba(0,0,0,.03);border-bottom:1px solid var(--border-color)}.permissions-card-title{font-size:.8125rem;font-weight:600;color:var(--font-color)}.permissions-badge{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:10px;background-color:var(--active-background);color:var(--active-font-color)}.permissions-list{display:flex;flex-direction:column}.permissions-list-item{display:flex;align-items:center;justify-content:space-between;padding:.4rem .75rem;font-size:.8125rem;color:var(--font-color);border-bottom:1px solid var(--border-color);gap:.5rem}.permissions-list-item:last-child{border-bottom:none}.permissions-endpoint{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.85}.permissions-level{flex-shrink:0;font-size:.75rem;font-weight:500;padding:.125rem .5rem;border-radius:4px;background-color:rgba(0,0,0,.06)}.permissions-muted{padding:.5rem .75rem;font-size:.8125rem;color:var(--font-color);opacity:.5;font-style:italic}.permissions-dw-icon{flex-shrink:0;display:flex;align-items:center;color:var(--font-color);opacity:.7}