:root{--shell-top-h:56px;--shell-side-w:232px;--shell-tab-h:64px;--shell-line:#ffffff1a;--shell-hover:#ffffff14;--shell-on:#ffffff1f}.hub-topbar,.hub-tabbar,.hub-menu{box-sizing:border-box}.hub-topbar{z-index:40;min-height:var(--shell-top-h);padding:8px 12px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--slate);color:var(--on-slate);border-bottom:1px solid var(--shell-line);font-family:var(--font-sans);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid;position:sticky;top:0}.hub-topbar-lead{align-items:center;gap:6px;min-width:0;display:flex}.hub-brand-mark{border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.hub-brand-mark img{width:28px;height:28px}.hub-brand{border-right:1px solid var(--shell-line);flex:none;align-items:center;margin-right:6px;padding-right:12px;display:none}.hub-brand img{filter:brightness(0)invert();width:118px;height:auto}.hub-menu-close{align-items:center;gap:10px;display:flex}.hub-title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.hub-topbar-actions{align-items:center;gap:4px;display:flex}.hub-icon-btn,.hub-back{width:40px;height:40px;color:var(--on-slate);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.hub-icon-btn:hover,.hub-back:hover{background:var(--shell-hover)}.hub-icon-btn:focus-visible,.hub-back:focus-visible,.hub-tab:focus-visible,.hub-sidenav a:focus-visible,.hub-search:focus-visible,.hub-new-btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.hub-search{border:1px solid var(--shell-line);border-radius:var(--r-md);background:var(--shell-hover);width:min(100%,440px);height:38px;color:var(--on-slate-2);font:inherit;text-align:left;cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:13.5px;display:none}.hub-search:hover{background:var(--shell-on)}.hub-search span{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.hub-search kbd{font:inherit;color:var(--on-slate-2);border:1px solid var(--shell-line);border-radius:5px;padding:1px 5px;font-size:11px}.hub-new-btn{border-radius:var(--r-pill);background:var(--brand);height:38px;color:var(--on-brand);font:inherit;cursor:pointer;border:0;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:600;display:inline-flex}.hub-new-btn:hover{background:var(--brand-strong)}.hub-new-btn span{display:none}.hub-menu-backdrop{z-index:60;background:#171b1d73;position:fixed;inset:0}.hub-menu{z-index:61;padding:10px 14px calc(18px + env(safe-area-inset-bottom,0px));background:var(--surface);color:var(--ink);box-shadow:var(--shadow-2);font-family:var(--font-sans);border-radius:22px 22px 0 0;gap:2px;display:grid;position:fixed;bottom:0;left:0;right:0}.hub-menu-grab{background:var(--line-strong);border-radius:2px;width:40px;height:4px;margin:0 auto 6px}.hub-menu-h{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:8px 4px 4px;font-size:11px;font-weight:600}.hub-menu a{color:var(--ink);border-radius:10px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:10px 6px;font-size:15px;font-weight:500;text-decoration:none;display:grid}.hub-menu a:hover{background:var(--surface-2)}.hub-menu a small{color:var(--ink-3);font-size:12.5px;font-weight:400;display:block}.hub-menu a .ic{background:var(--info-soft);width:34px;height:34px;color:var(--info);border-radius:9px;place-items:center;display:grid}.hub-menu a .ic.brand{background:var(--brand-soft);color:var(--brand)}.hub-avatar{color:#fff;background:linear-gradient(135deg,#c96d7a,#7f1021);border-radius:50%;place-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:grid}.hub-account-menu{padding:6px}.hub-account-menu a,.hub-account-menu button{width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:10px;font-size:14px;text-decoration:none;display:flex}.hub-account-menu a:hover,.hub-account-menu button:hover{background:var(--surface-2)}.hub-account-menu .who{border-bottom:1px solid var(--line);margin-bottom:4px;padding:8px 10px 10px}.hub-account-menu .who b{font-size:14px;display:block}.hub-account-menu .who small{color:var(--ink-3);font-size:12px}.hub-tabbar{z-index:40;grid-template-columns:repeat(var(--hub-tabs,5), 1fr);padding:6px 4px calc(8px + env(safe-area-inset-bottom,0px));background:var(--slate);border-top:1px solid var(--shell-line);font-family:var(--font-sans);display:grid;position:fixed;bottom:0;left:0;right:0}.hub-tab{min-height:50px;color:var(--on-slate-2);text-align:center;border-radius:10px;align-content:center;justify-items:center;gap:3px;min-width:0;padding:4px 2px;font-size:10.5px;font-weight:500;line-height:1.2;text-decoration:none;display:grid}.hub-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.hub-tab svg{flex:none}.hub-tab.on,.hub-tab.on svg{color:#fff}.hub-tab.on:after{content:"";background:var(--brand);border-radius:2px;width:18px;height:3px;margin-top:1px}.hub-sidenav{display:none}@media (min-width:900px){.hub-tabbar{display:none}.hub-search{display:flex}.hub-search-icon{display:none}.hub-new-btn span{display:inline}.hub-brand-mark{display:none}.hub-brand{display:flex}.hub-menu-close{display:none}.hub-topbar{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;padding-inline:20px}.hub-search{justify-self:center}.hub-sidenav{box-sizing:border-box;z-index:39;width:var(--shell-side-w);padding:calc(var(--shell-top-h) + 12px) 12px calc(12px + env(safe-area-inset-bottom,0px));background:var(--slate);color:var(--on-slate);border-right:1px solid var(--shell-line);font-family:var(--font-sans);flex-direction:column;gap:2px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.hub-sidenav .brand{align-items:center;padding:6px 8px 14px;display:flex}.hub-sidenav .brand img{filter:brightness(0)invert();width:132px;height:auto}.hub-sidenav a{color:var(--on-slate-2);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.hub-sidenav a:hover{background:var(--shell-hover);color:var(--on-slate)}.hub-sidenav a.on{background:var(--shell-on);color:var(--on-slate)}.hub-sidenav .group{letter-spacing:.08em;text-transform:uppercase;color:var(--on-slate-2);opacity:.8;padding:14px 10px 4px;font-size:11px}.hub-sidenav .foot{border-top:1px solid var(--shell-line);color:var(--on-slate-2);margin-top:auto;padding-top:10px;font-size:12px}.hub-menu-backdrop{background:0 0}.hub-menu{bottom:auto;left:auto;right:20px;top:calc(var(--shell-top-h) + 4px);border:1px solid var(--line);border-radius:14px;width:320px;padding:6px}.hub-menu-grab{display:none}.hub-menu a{padding:8px 10px;font-size:13.5px}body:has(>.hub-sidenav)>.main{width:min(calc(100% - var(--shell-side-w)), 1120px);margin-left:max(var(--shell-side-w), calc((100% - 1120px) / 2 + var(--shell-side-w) / 2));margin-right:auto}body:has(>.hub-sidenav)>.app-shell>.main{width:min(calc(100% - var(--shell-side-w)), 1120px);margin-left:max(var(--shell-side-w), calc((100% - 1120px) / 2 + var(--shell-side-w) / 2));margin-right:auto}body:has(>.hub-sidenav)>.home-workspace.app-shell>.main.agent-home-main{width:min(calc(100% - var(--shell-side-w)), 1120px);margin-left:max(var(--shell-side-w), calc((100% - 1120px) / 2 + var(--shell-side-w) / 2));margin-right:auto}}@media (prefers-reduced-motion:reduce){.hub-tab,.hub-sidenav a,.hub-icon-btn{transition:none}}
