.brand{position:relative;gap:13px}.brand>b{font-size:0!important;overflow:visible}.brand>b:before{content:"A";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font:800 20px Manrope;z-index:2}.brand>b:after{content:""!important;position:absolute!important;inset:-6px!important;border:1px solid rgba(87,220,240,.34)!important;border-radius:16px!important;transform:rotate(8deg);box-shadow:0 0 24px rgba(64,217,255,.13)}.brand:after{content:"CLOUD OS";position:absolute;right:16px;top:20px;font:700 7px Manrope;letter-spacing:.16em;color:#56d9ed;padding:3px 5px;border:1px solid rgba(86,217,237,.24);border-radius:4px}.brand>span>small{font-size:0}.brand>span>small:after{content:"Hosting control center";font-size:9px;color:#6885a3;letter-spacing:.04em}
.sidebar [data-page]>i,.nav-accordion summary>i,.nav-accordion>button>i{font-size:0!important;position:relative;display:inline-grid!important;place-items:center;flex:0 0 26px;height:26px;border-radius:8px;background:rgba(119,153,188,.08)}.sidebar [data-page]>i:before,.nav-accordion summary>i:before,.nav-accordion>button>i:before{content:"";width:9px;height:9px;border:1.5px solid #7692ae;border-radius:3px;transform:rotate(45deg);transition:.2s}.sidebar [data-page]:hover>i:before,.nav-accordion summary:hover>i:before,.sidebar [data-page].active>i:before,.nav-accordion[open]>summary>i:before{border-color:#55dcef;box-shadow:0 0 12px rgba(85,220,239,.38)}
.sidebar [data-page="dashboard"]>i:before{border-radius:2px;box-shadow:7px 0 0 -1.5px #7692ae,0 7px 0 -1.5px #7692ae,7px 7px 0 -1.5px #7692ae;transform:none;width:5px;height:5px}.sidebar [data-page="hosting"]>i:before{width:11px;height:8px;border-radius:50%;transform:none}.sidebar [data-page="hostingPlansAdmin"]>i:before,.finance-nav-accordion summary>i:before{border-radius:50%;transform:none}.sidebar [data-page="admin"]>i:before{border-radius:50%;transform:none;box-shadow:inset 0 0 0 2px #0d1c2e}.sidebar [data-page="profile"]>i:before{border-radius:50% 50% 45% 45%;transform:none}.sidebar button.active>i,.nav-accordion[open]>summary>i{background:linear-gradient(145deg,rgba(89,104,238,.24),rgba(64,217,255,.16))}
.nav-accordion{position:relative}.nav-accordion[open]:after{content:"";position:absolute;left:26px;top:46px;bottom:12px;width:1px;background:linear-gradient(#4ed7eb,rgba(78,215,235,0))}.nav-accordion>button{position:relative}.nav-accordion>button:before{display:none!important}.nav-accordion>button.active:after{content:"";position:absolute;left:10px;width:5px;height:5px;border-radius:50%;background:#55dcef;box-shadow:0 0 0 4px rgba(85,220,239,.11),0 0 13px #55dcef}
.sidebar>nav>button,.nav-accordion summary{position:relative;overflow:hidden}.sidebar>nav>button:after{content:"";position:absolute;right:-25px;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle,rgba(85,220,239,.12),transparent 68%);opacity:0;transition:.2s}.sidebar>nav>button:hover:after,.sidebar>nav>button.active:after{opacity:1}
.live-indicator{display:inline-flex;align-items:center;gap:7px;margin-left:10px;font-size:10px;color:#547087}.live-indicator:before{content:"";width:6px;height:6px;border-radius:50%;background:#20c980;box-shadow:0 0 0 4px rgba(32,201,128,.1);animation:liveDot 2s infinite}@keyframes liveDot{50%{box-shadow:0 0 0 7px rgba(32,201,128,0)}}
@media(max-width:760px){.brand:after{display:none}}