.hub-web{--hub-sidebar-width:252px;padding-left:var(--hub-sidebar-width);padding-top:76px}.hub-web>header.topbar,.hub-web .layout>.sidebar,.hub-web .layout>.main>.topbar{display:none}.hub-web .layout{display:block}.hub-web .layout>.main{margin:0;width:100%}.hub-web>main{max-width:1440px}.hub-sidebar{position:fixed;inset:0 auto 0 0;width:var(--hub-sidebar-width);z-index:40;background:#173d32;color:#e8eedf;display:flex;flex-direction:column;padding:22px 14px;overflow-y:auto;box-sizing:border-box}.hub-logo{display:flex;align-items:center;gap:12px;color:#fff;font-size:25px;text-decoration:none;padding:0 6px 22px}.hub-logo img{width:42px;height:42px}.hub-sidebar button{background:transparent;border:0;color:inherit;display:flex;align-items:center;gap:12px;text-align:left;padding:12px;font-size:12px}.hub-sidebar svg,.hub-mobile-toggle svg{width:20px;height:20px;flex:none}.hub-sidebar nav{display:block;margin:20px 0;flex:1}.hub-sidebar details{margin:5px 0}.hub-sidebar summary{display:flex;align-items:center;gap:12px;padding:13px 8px;cursor:pointer;font-size:13px;font-weight:650;list-style:none}.hub-sidebar summary::-webkit-details-marker{display:none}.hub-sidebar summary:after{content:'›';margin-left:auto}.hub-sidebar details[open]>summary:after{transform:rotate(90deg)}.hub-sidebar details>div{margin-left:17px;border-left:1px solid #ffffff26;padding-left:8px}.hub-sidebar nav a{display:flex;align-items:center;gap:10px;color:#c8d6cb;padding:11px 8px;border:0;border-radius:7px;text-decoration:none;font-size:12px;line-height:1.4}.hub-sidebar nav a:hover,.hub-sidebar nav a[aria-current]{background:#ffffff18;color:#fff}.hub-nav-badge{background:#b42318;color:white;font-size:10px;border-radius:12px;padding:2px 6px;margin-left:auto}.hub-context{position:fixed;inset:0 0 auto var(--hub-sidebar-width);height:76px;z-index:30;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e2e6dc;padding:12px 32px;box-sizing:border-box}.hub-context>div{display:flex;align-items:center;gap:12px}.hub-context label{font-size:12px;margin:0}.hub-context select{width:auto;max-width:360px;min-height:40px}.hub-context>span{font-size:12px}.hub-collapsed{--hub-sidebar-width:78px}.hub-collapsed .hub-sidebar span,.hub-collapsed .hub-sidebar summary:after,.hub-collapsed .hub-nav-badge{display:none}.hub-collapsed .hub-sidebar{padding:22px 10px}.hub-collapsed .hub-logo{padding-left:7px}.hub-collapsed .hub-sidebar details>div{margin:0;padding:0;border:0}.hub-collapsed .hub-sidebar nav a{justify-content:center}.hub-mobile-toggle,.hub-nav-shade{display:none}.hub-web h1{text-transform:capitalize}.hub-web .content{max-width:1440px;margin:auto}
@media(max-width:800px){.hub-web{padding-left:0;padding-top:70px}.hub-sidebar{width:252px;transform:translateX(-100%);transition:transform .15s}.hub-context{left:0;padding-left:60px;height:70px}.hub-context label{display:none}.hub-context select{max-width:220px;font-size:13px}.hub-mobile-toggle{display:block;position:fixed;top:17px;left:12px;z-index:60;border:0;background:#173d32;color:white;padding:8px;border-radius:7px}.hub-nav-open .hub-sidebar{transform:translateX(0);z-index:70}.hub-nav-open .hub-nav-shade{display:block;position:fixed;inset:0;z-index:65;background:#0008;border:0}.hub-collapsed .hub-sidebar span,.hub-collapsed .hub-sidebar summary:after{display:initial}.hub-collapsed .hub-sidebar details>div{margin-left:17px;padding-left:8px;border-left:1px solid #ffffff26}.hub-collapsed .hub-sidebar nav a{justify-content:flex-start}.hub-sidebar #hub-collapse{display:none}.hub-context>span{display:none}}