.client-shell-frame{--client-sidebar-width:88px}.client-shell-frame[data-sidebar-expanded=true]{--client-sidebar-width:248px}.client-icon-sidebar{top:var(--shell-top-clearance,0px);--client-sidebar-header-height:64px;width:var(--client-sidebar-width,72px);min-height:0;transition:width var(--motion-duration-normal) var(--motion-ease-out);bottom:0;overflow:hidden}.client-icon-sidebar::-webkit-scrollbar{width:3px}.client-icon-sidebar::-webkit-scrollbar-thumb{background:var(--border)}@supports selector(::-webkit-scrollbar){.client-icon-sidebar{scrollbar-width:auto;scrollbar-color:auto}}.client-icon-sidebar>div:first-of-type{z-index:2;height:var(--client-sidebar-header-height);background:var(--background);flex-shrink:0;justify-content:center;padding:0 36px 0 8px;position:sticky;top:0}.client-icon-sidebar>div:first-of-type>a{justify-content:center}.client-icon-sidebar [data-client-brand-mark]{border-radius:0;width:36px;height:auto}.client-icon-sidebar[data-expanded=false] .client-brand-details{display:none}.client-icon-sidebar>nav{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:1;min-height:0;padding:8px 0;overflow-y:auto}.client-icon-sidebar>nav>:not(:last-child){margin-block-end:2px}.client-icon-sidebar>nav>a,.client-icon-sidebar>nav>button,.client-icon-sidebar>div:last-of-type a,.client-icon-sidebar>div:last-of-type button{width:56px;min-width:0;min-height:var(--sidebar-row-height,44px);justify-content:center;align-items:center;gap:0;margin-inline:auto;padding:0;font-size:0;display:flex;position:relative}:is(.client-icon-sidebar,.client-navigation-drawer)>nav>a>svg,:is(.client-icon-sidebar,.client-navigation-drawer)>nav>button>svg,:is(.client-icon-sidebar,.client-navigation-drawer)>div:last-of-type a>svg,:is(.client-icon-sidebar,.client-navigation-drawer)>div:last-of-type button>svg,:is(.client-icon-sidebar,.client-navigation-drawer)>div:last-of-type a[href="/billing/topup"]>span:first-child>svg{flex-shrink:0;width:28px;height:28px}.client-icon-sidebar[data-expanded=false] .client-nav-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.client-icon-sidebar[data-expanded=false] .client-ticket-count{min-width:16px;height:16px;padding-inline:3px;font-size:9px;position:absolute;top:1px;right:-3px}.client-icon-sidebar>div:last-of-type{overscroll-behavior:contain;scrollbar-width:thin;flex-shrink:0;max-height:45dvh;padding:8px 0;overflow-y:auto}.client-icon-sidebar[data-expanded=false]>div:last-of-type{grid-template-columns:minmax(0,1fr);row-gap:2px;padding-inline:0;display:grid}.client-icon-sidebar[data-expanded=false]>div:last-of-type>:is(a,button){margin-block:0}.client-icon-sidebar[data-expanded=false] [data-client-control-label]{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.client-icon-sidebar[data-expanded=false]>div:last-of-type a[href="/billing/topup"]>span:first-child{gap:0}.client-icon-sidebar[data-expanded=true]{--client-sidebar-header-height:64px}.client-icon-sidebar[data-expanded=true]>div:first-of-type{padding:0 52px 0 16px}.client-icon-sidebar[data-expanded=true]>div:first-of-type>a{justify-content:flex-start}.client-icon-sidebar[data-expanded=true]>nav>a,.client-icon-sidebar[data-expanded=true]>nav>button,.client-icon-sidebar[data-expanded=true]>div:last-of-type a,.client-icon-sidebar[data-expanded=true]>div:last-of-type button{justify-content:flex-start;gap:12px;width:calc(100% - 24px);padding-inline:12px;font-size:14px}.client-icon-sidebar[data-expanded=true]>div:last-of-type :is(a,button){text-align:left;justify-content:flex-start}.client-icon-sidebar[data-expanded=true]>div:last-of-type :is(a,button)>span{text-align:left;flex:0 auto}.client-icon-sidebar[data-expanded=true]>div:last-of-type a[href="/billing/topup"]{gap:12px}.client-sidebar-toggle{top:16px;left:calc(var(--client-sidebar-width,88px) - 36px);z-index:3;width:32px;height:32px;position:absolute}.client-icon-sidebar[data-expanded=true] .client-sidebar-toggle{top:16px;left:calc(var(--client-sidebar-width,248px) - 44px)}.client-sidebar-toggle>svg{width:20px;height:20px;transition:transform var(--motion-duration-normal) var(--motion-ease-out)}.client-icon-sidebar[data-expanded=true] .client-sidebar-toggle>svg{transform:rotate(180deg)}.client-sidebar-scroll-button{background:var(--background);flex-direction:column;flex-shrink:0;gap:0;width:52px;height:auto;min-height:44px;margin:4px auto 8px;padding:4px 2px;font-size:10px;line-height:16px;position:static}.client-icon-sidebar[data-expanded=true] .client-sidebar-scroll-button{width:calc(var(--client-sidebar-width,248px) - 24px);text-align:left;flex-direction:row;justify-content:flex-start;gap:12px;min-height:36px;padding-inline:12px;font-size:12px}@media (min-width:768px){.client-shell-main{transition:margin-inline-start var(--motion-duration-normal) var(--motion-ease-out);margin-inline-start:var(--client-sidebar-width,72px)}}@media (prefers-reduced-motion:reduce){.client-icon-sidebar>nav{scroll-behavior:auto}.client-icon-sidebar,.client-shell-main,.client-sidebar-toggle>svg{transition:none}}[data-motion-reduce=true] .client-icon-sidebar>nav{scroll-behavior:auto}[data-motion-reduce=true] .client-icon-sidebar,[data-motion-reduce=true] .client-shell-main,[data-motion-reduce=true] .client-sidebar-toggle>svg{transition:none}.client-opening{z-index:110;background:var(--background);color:var(--foreground);position:fixed;inset:0}.client-shell-content{opacity:0}.client-shell-content[data-ready=true]{opacity:1;transition:opacity .4s}.client-opening-logo{pointer-events:none;transition:left .9s cubic-bezier(.76,0,.24,1),top .9s cubic-bezier(.76,0,.24,1),width .9s cubic-bezier(.76,0,.24,1);position:fixed;transform:translate(-50%,-50%)}.client-opening-logo[data-phase=loading]{transition:none}.client-opening-reveal{animation:.65s cubic-bezier(.22,1,.36,1) both client-logo-reveal}@keyframes client-logo-reveal{0%{clip-path:inset(0 100% 0 0);opacity:.2}to{clip-path:inset(0);opacity:1}}.client-opening-caption{text-align:center;width:280px;color:var(--muted-foreground);position:absolute;top:calc(43% + 70px);left:50%;transform:translate(-50%)}.client-opening-caption>p:first-child{letter-spacing:.1em;font-size:10px}.client-opening-caption>p:nth-child(2){margin:13px 0 25px;font-size:12px}.client-opening-track{background:var(--border);width:112px;height:2px;margin:auto;overflow:hidden}.client-opening-track>div{background:var(--foreground);width:40%;height:100%;animation:1.2s ease-in-out infinite client-opening-progress}.client-opening[data-phase=docking] .client-opening-track>div{width:100%;animation:none}@keyframes client-opening-progress{0%{transform:translate(-100%)}to{transform:translate(350%)}}@media (prefers-reduced-motion:reduce){.client-opening-reveal,.client-opening-track>div{animation:none}.client-opening-logo,.client-shell-content[data-ready=true]{transition:none}}[data-motion-reduce=true] .client-opening-reveal,[data-motion-reduce=true] .client-opening-track>div{animation:none}[data-motion-reduce=true] .client-opening-logo,[data-motion-reduce=true] .client-shell-content[data-ready=true]{transition:none}@media (min-width:768px){.client-console-frame{left:var(--client-sidebar-width,88px);transition:left var(--motion-duration-normal) var(--motion-ease-out)}}@media (prefers-reduced-motion:reduce){.client-console-frame{transition:none}}[data-motion-reduce=true] .client-console-frame{transition:none}@media (min-width:768px) and (hover:hover) and (pointer:fine){.client-icon-sidebar>nav,.client-icon-sidebar>div:last-of-type{padding-block:4px}.client-icon-sidebar>nav>a>svg,.client-icon-sidebar>div:last-of-type :is(a,button)>svg{width:24px;height:24px}}