.custom-nav{display:flex;flex-direction:column;height:100%;background:#312e73;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:width .3s ease;width:280px}.nav-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 8px}.nav-body::-webkit-scrollbar{width:4px}.nav-body::-webkit-scrollbar-track{background:transparent}.nav-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.nav-body::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.nav-body{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}.custom-nav.collapsed{width:64px;cursor:pointer}.custom-nav.expanded{width:280px}.nav-footer{margin-top:auto;padding:8px}.nav-loading,.nav-empty{padding:12px 20px 12px 52px;font-size:13px;color:#999;display:flex;align-items:center;gap:8px}.nav-loading i{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom-nav{overflow-y:auto}.custom-nav::-webkit-scrollbar{width:6px}.custom-nav::-webkit-scrollbar-track{background:transparent}.custom-nav::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.custom-nav::-webkit-scrollbar-thumb:hover{background:#bfbfbf}.custom-nav{scrollbar-width:thin;scrollbar-color:#d9d9d9 transparent}@media(max-width:768px){.custom-nav{width:64px}.custom-nav.expanded{width:240px}}@media(max-width:576px){.custom-nav{transform:translate(-100%);position:fixed;height:100vh;top:0;z-index:1002}.custom-nav.expanded{transform:translate(0)}}.custom-nav .nav-logo-section{padding:16px 0;overflow:hidden;height:64px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px;margin-left:-3px}.nav-logo{display:flex;align-items:center;text-decoration:none;width:60px}.nav-logo img{height:32px;width:auto;object-fit:contain;transition:opacity .2s ease;min-width:180px}.custom-nav.collapsed .nav-logo{justify-content:flex-start;overflow:hidden}.nav-collapsed-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;padding:10px;border-radius:4px;transition:background-color .2s ease}.collapsed-menu-icon{color:#acbad4;width:16px;height:16px;transition:color .2s ease}.nav-collapsed-icon:hover .collapsed-menu-icon,.nav-collapsed-icon:focus .collapsed-menu-icon{color:#fff}.custom-nav:not(.expanded) .nav-collapsed-icon{display:none}.nav-section.nav-level-1{margin:8px 0;border-radius:16px;overflow:hidden}.nav-section.nav-level-2,.nav-section.nav-level-3,.nav-section.nav-level-4{padding-left:8px}.nav-section-header{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:#acbad4;cursor:pointer;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none;justify-content:flex-start;line-height:1;vertical-align:middle}.custom-nav.collapsed .nav-section-header{gap:0}.nav-section-header:hover,.nav-section-header:focus{color:#fff;font-weight:700}.nav-section-header i,.nav-section-header .nav-icon{width:24px;text-align:center;color:currentColor;font-size:16px;flex-shrink:0;display:inline-block;vertical-align:middle;line-height:1}.nav-section-header .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:24px;font-size:16px;display:inline-block;vertical-align:middle}.nav-section-header .chevron{font-size:14px;color:currentColor;transition:transform .3s ease}.nav-section.expanded>.nav-section-header .chevron{transform:rotate(90deg);color:currentColor}.nav-section.nav-level-1.expanded>.nav-section-header{background:#000000a6;font-weight:700;color:#fff}.nav-section.nav-level-1.expanded{background:#00000040}.nav-section-content{display:grid;grid-template-rows:0fr;overflow:hidden;opacity:0;max-height:0;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1) .05s,max-height .4s cubic-bezier(.4,0,.2,1);pointer-events:none}.nav-section-content.expanded{pointer-events:auto}.nav-section-content>div{overflow:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s cubic-bezier(.4,0,.2,1) .1s,transform .35s cubic-bezier(.4,0,.2,1) .08s}.nav-section.expanded>.nav-section-content,.nav-section-content.expanded{grid-template-rows:1fr;opacity:1;max-height:5000px}.nav-section.expanded>.nav-section-content>div,.nav-section-content.expanded>div{opacity:1;transform:translateY(0)}.nav-section.expanded .nav-section:not(.expanded)>.nav-section-content{grid-template-rows:0fr;opacity:0;max-height:0}.nav-section.expanded .nav-section:not(.expanded)>.nav-section-content>div{opacity:0;transform:translateY(-10px)}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;font-size:13px;color:#acbad4;text-decoration:none!important;transition:all .2s ease;border-left:none;justify-content:flex-start;line-height:1;vertical-align:middle}.custom-nav.collapsed .nav-item{gap:0}.nav-item.nav-level-1,.nav-item.nav-level-2{padding:8px 12px;font-weight:500}.nav-item:hover,.nav-item:focus{color:#fff;font-weight:700;border-left-color:transparent;text-decoration:none!important;cursor:pointer}.nav-item i,.nav-item .nav-icon{width:24px;text-align:center;font-size:14px;flex-shrink:0;display:inline-block;color:currentColor;vertical-align:middle;line-height:1}.nav-item.nav-level-1 i,.nav-item.nav-level-2 i{font-size:16px}.nav-item:hover i{color:currentColor}.nav-item .nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;line-height:24px;font-size:16px;display:inline-block;vertical-align:middle}.nav-item .badge{margin-left:auto;padding:2px 8px;background:#ff4d4f;color:#fff;font-size:11px;font-weight:600;border-radius:10px}.nav-item.active{background:#00000040;color:#fff;border-left-color:transparent;font-weight:600}.nav-item .coming-soon{color:#00aeff;font-size:10px;font-weight:700}.provider-icon{display:inline-block;vertical-align:middle;flex-shrink:0;shape-rendering:geometricPrecision}.provider-icon-sm{width:14px;height:14px}.provider-icon-md{width:18px;height:18px}.provider-icon-lg{width:24px;height:24px}.nav-section-header .provider-icon,.nav-item .provider-icon{width:18px;height:18px;min-width:18px;text-align:center;background-color:#fff;border-radius:999px;padding:2px;box-sizing:content-box}.custom-nav.collapsed .nav-section-header .provider-icon,.custom-nav.collapsed .nav-item .provider-icon,.nav-level-3 .provider-icon{width:24px;height:24px}.nav-section-header:hover .provider-icon,.nav-item:hover .provider-icon{filter:brightness(1.1)}.provider-icon{transition:filter .2s ease}