@layer theme,base;@layer components{.hub-hero-band{background-color:var(--color-surface-elevated);color:var(--color-text-primary);border-bottom:3px solid var(--color-brand-primary);padding:24px 28px 22px}.hub-hero-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-gold-800);margin-bottom:.5rem;font-size:.6875rem;font-weight:700}.hub-hero-title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.75rem;font-weight:800;line-height:1.15}.hub-hero-em{color:var(--color-brand-primary);font-family:Georgia,serif;font-style:italic;font-weight:400}.hub-hero-desc{color:var(--color-text-muted);margin:0;font-size:.9375rem}.hub-portfolio{flex-direction:column;gap:1rem;padding:2.5rem 1.5rem 0;display:flex}.hub-portfolio-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.hub-portfolio-heading h2{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:700}.hub-portfolio-subtitle{color:var(--color-text-muted);margin:0;font-size:.8125rem}.hub-portfolio-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (max-width:968px){.hub-portfolio-grid{grid-template-columns:1fr}}.hub-portfolio-grid.is-single{justify-content:center;display:flex}.hub-portfolio-grid.is-single .hub-portfolio-card{width:100%;max-width:360px}.hub-apps-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:2rem 1rem;display:flex}.hub-apps-empty-state p:first-child{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.hub-apps-empty-state p:last-child{color:var(--color-text-muted);max-width:28rem;margin:0;font-size:.875rem}.hub-portfolio-card{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);flex-direction:column;gap:.5rem;padding:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.hub-portfolio-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--hub-card-shadow-hover)}.hub-portfolio-card.is-disabled{background:var(--color-surface-base);opacity:.6}.hub-portfolio-card-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hub-portfolio-card-name{color:var(--color-text-primary);font-size:.9375rem;font-weight:700}.hub-portfolio-card-eta{letter-spacing:.08em;text-transform:uppercase;background:var(--hub-badge-soon-bg);color:var(--hub-badge-soon-text);border-radius:3px;padding:.2rem .5rem;font-size:.5625rem;font-weight:700}.hub-portfolio-card-tagline{color:var(--color-text-secondary);margin:0;font-size:.75rem;font-weight:600}.hub-portfolio-card-desc{color:var(--color-text-muted);flex:1;margin:0;font-size:.75rem;line-height:1.5}.hub-portfolio-card-cta{margin-top:.5rem}}@layer utilities;
@layer theme,base;@layer components{.hub-topbar{height:var(--shell-topbar-height,56px);background-color:var(--color-surface-base);box-shadow:var(--shadow-sm);z-index:var(--z-index-sticky);grid-template-columns:auto auto 1fr auto;align-items:center;gap:8px;padding:0 16px;display:grid;position:sticky;top:0}@media (min-width:768px){.hub-topbar{padding-left:calc((var(--shell-rail-width) - 40px)/2)}}.hub-topbar-leading{align-items:center;gap:4px;display:flex}.hub-topbar__brand{cursor:pointer;color:inherit;align-items:center;gap:6px;text-decoration:none;display:inline-flex}.hub-topbar__brand-stack{flex-direction:column;line-height:1;display:flex}.hub-topbar__brand-kicker{font-size:var(--font-size-xs);text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.08em;font-weight:600}.hub-topbar__brand-title{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:700}.hub-topbar-context{justify-content:center;align-items:center;min-width:0;display:flex}.hub-topbar-actions{justify-self:end;align-items:center;gap:4px;margin-left:auto;display:flex}@media (max-width:640px){.hub-topbar__brand-stack{display:none}}.hub-launcher-trigger{border-radius:var(--radius-md);width:40px;height:40px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.hub-launcher-trigger:hover{background:var(--color-surface-hover);color:var(--color-brand-primary)}.hub-icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.hub-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.hub-hamburger-btn{border-radius:var(--radius-md);color:currentColor;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;padding:0;transition:background .15s,border-color .15s;display:none}@media (max-width:767px){.hub-hamburger-btn{display:inline-flex}}.hub-hamburger-btn:hover{background:var(--color-surface-hover)}.hub-hamburger-btn:focus-visible{outline:2px solid var(--color-brand-accent);outline-offset:2px}.hub-user-chip{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-pill);align-items:center;gap:.25rem;margin-left:.25rem;padding:.125rem .5rem .125rem .125rem;display:flex}.hub-user-avatar{background:var(--color-brand-primary);width:28px;height:28px;color:var(--color-text-inverse);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.hub-user-meta{flex-direction:column;gap:1px;padding:.25rem 0 .25rem .5rem;display:flex}.hub-user-name{color:var(--color-text-primary);font-size:.8125rem;font-weight:600;line-height:1}.hub-user-role{color:var(--color-text-muted);font-size:.6875rem;line-height:1}.hub-logout-btn{width:24px;height:24px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:.125rem;font-size:.875rem;transition:background .15s,color .15s;display:flex}.hub-logout-btn:hover{background:var(--hub-status-error-soft);color:var(--color-status-error)}.hub-ctx-placeholder{color:var(--color-text-secondary);cursor:default;-webkit-user-select:none;user-select:none;font-size:.875rem}}@layer utilities;
@layer theme,base;@layer components{.hub-launcher-overlay{background:var(--color-overlay-modal);z-index:300;animation:.15s hub-launcher-fade-in;position:fixed;inset:0}.hub-launcher-panel{background:var(--color-surface-base);border-right:1px solid var(--color-border-default);width:340px;height:100vh;box-shadow:var(--shadow-lg);z-index:400;flex-direction:column;animation:.2s cubic-bezier(.25,.46,.45,.94) hub-launcher-slide-in;display:flex;position:fixed;top:0;left:0;overflow:hidden}.hub-launcher-header{border-bottom:1px solid var(--color-border-default);justify-content:space-between;align-items:center;padding:1.25rem 1.25rem .75rem;display:flex}.hub-launcher-header h2{color:var(--color-text-primary);margin:0;font-size:.9375rem;font-weight:700}.hub-close-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.hub-close-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.hub-launcher-search{border-bottom:1px solid var(--color-border-default);align-items:center;gap:.5rem;padding:.75rem 1.25rem;display:flex}.hub-launcher-search .hub-search-ico{color:var(--color-text-muted);flex-shrink:0;display:flex}.hub-launcher-search input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.hub-launcher-search input::placeholder{color:var(--color-text-muted)}.hub-tools-grid{flex:1;grid-template-columns:1fr 1fr;align-content:start;gap:.625rem;padding:1rem;display:grid;overflow-y:auto}.hub-tool-card{background:var(--color-surface-base);border:1px solid var(--color-border-default);border-radius:var(--radius-md);text-align:left;cursor:pointer;flex-direction:column;gap:.25rem;padding:1rem;text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.hub-tool-card:hover:not(.is-disabled){border-color:var(--color-brand-primary);background:var(--color-surface-hover);box-shadow:var(--shadow-sm)}.hub-tool-card.is-disabled{cursor:default;opacity:.7}.hub-tool-icon{color:var(--color-brand-primary);margin-bottom:.25rem;line-height:1;display:flex}.hub-tool-name{color:var(--color-text-primary);font-size:.8375rem;font-weight:600;line-height:1.2}.hub-tool-desc{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}.hub-tool-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-surface-elevated);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:.1rem .375rem;font-size:.6rem;font-weight:600;position:absolute;top:.5rem;right:.5rem}.hub-launcher-state{color:var(--color-text-secondary);text-align:center;margin:0;padding:16px;font-size:.875rem}@keyframes hub-launcher-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hub-launcher-slide-in{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.hub-launcher-overlay,.hub-launcher-panel{animation:none}}}@layer utilities;
@layer theme,base;@layer components{.hub-platform-rail{z-index:50;width:var(--shell-rail-width);background:var(--color-surface-base);border-right:1px solid var(--color-border-default);flex-direction:column;align-items:stretch;height:100%;padding:.5rem 0;transition:width .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;position:absolute;top:0;left:0;overflow:hidden}.hub-platform-rail:hover,.hub-platform-rail:focus-within{width:var(--shell-rail-width-expanded);box-shadow:var(--hub-rail-shadow-expanded)}@media (max-width:767px){.hub-platform-rail{display:none}}.hub-rail-section{flex-direction:column;align-items:stretch;gap:.125rem;padding:0 .5rem;display:flex}.hub-rail-top{flex:1}.hub-rail-item{border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;box-sizing:border-box;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:100%;min-height:52px;padding:.5rem .25rem .4rem;text-decoration:none;transition:background .15s,color .15s,padding .2s ease-in-out,gap .2s ease-in-out;display:flex;position:relative}.hub-rail-item:before{content:"";background:var(--color-brand-primary);opacity:0;border-radius:0 3px 3px 0;width:3px;transition:opacity .15s,top .15s,bottom .15s;position:absolute;top:20%;bottom:20%;left:-.5rem}.hub-rail-item:hover:not(.is-disabled){background:var(--color-surface-hover);color:var(--color-text-secondary)}.hub-rail-item.is-active{background:color-mix(in srgb, var(--color-brand-primary) 14%, transparent);color:var(--color-brand-primary);font-weight:600}.hub-rail-item.is-active:before{opacity:1;top:16%;bottom:16%}.hub-rail-item.is-disabled{cursor:default;opacity:.38;pointer-events:none}.hub-rail-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hub-rail-label{letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:.5625rem;font-weight:600;line-height:1;transition:font-size .2s ease-in-out;overflow:hidden}.hub-platform-rail:hover .hub-rail-item,.hub-platform-rail:focus-within .hub-rail-item{flex-direction:row;justify-content:flex-start;gap:.75rem;min-height:44px;padding:.5rem .75rem}.hub-platform-rail:hover .hub-rail-label,.hub-platform-rail:focus-within .hub-rail-label{text-align:left;max-width:none;font-size:.875rem}.hub-rail-drawer-panel{z-index:300;width:var(--shell-rail-width-expanded);background:var(--color-surface-base);border-right:1px solid var(--color-border-default);box-shadow:var(--shadow-lg);flex-direction:column;padding:.5rem 0;animation:.15s ease-out hub-drawer-fade-in;display:flex;position:fixed;top:0;bottom:0;left:0}.hub-rail-drawer-panel .hub-rail-item{flex-direction:row;justify-content:flex-start;gap:.875rem;min-height:48px;padding:.75rem 1rem}.hub-rail-drawer-panel .hub-rail-label{text-align:left;max-width:none;font-size:1rem}@media (prefers-reduced-motion:reduce){.hub-platform-rail,.hub-rail-drawer-panel{transition:none;animation:none}}.hub-drawer-backdrop{inset:var(--shell-topbar-height,56px) 0 0 0;background:var(--hub-overlay-backdrop);z-index:9;animation:.15s ease-out hub-drawer-fade-in;position:fixed}@keyframes hub-drawer-fade-in{0%{opacity:0}to{opacity:1}}@media (min-width:768px){.hub-drawer-backdrop{display:none}}@media (prefers-reduced-motion:reduce){.hub-drawer-backdrop{animation:none}}}@layer utilities;
@layer theme,base;@layer components{.hub-shell{background:var(--color-surface-base);min-height:100vh;color:var(--color-text-primary);flex-direction:column;display:flex}.hub-workspace-grid{grid-template-columns:var(--shell-rail-width) 1fr;min-height:0;height:calc(100vh - var(--shell-topbar-height));flex:1;display:grid;overflow:hidden}.hub-sidebar{flex-direction:column;height:100%;display:flex;position:relative;overflow:visible}.hub-content{flex-direction:column;min-height:0;display:flex;overflow:auto}@media (max-width:640px){.hub-workspace-grid{grid-template-columns:1fr}}}@layer utilities;