.shell-logo{background:var(--color-primary);border-radius:var(--radius-sm);width:24px;height:24px;color:var(--color-text-on-primary);font-size:var(--text-sm);flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.shell-wordmark{font-size:var(--text-md);letter-spacing:var(--tracking-heading);color:var(--color-text-primary);font-weight:600}.shell-logo-lg{width:32px;height:32px;font-size:var(--text-md)}.shell-brand-lg{gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-5)}.shell-brand-text{flex-direction:column;gap:1px;min-width:0;display:flex}.shell-brand-sub{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell{background:var(--color-page-surface);min-height:100vh;display:flex}.shell-sidebar{width:var(--sidebar-w);background:var(--color-card-surface);border-right:1px solid var(--color-border);padding:var(--space-4) var(--space-3);box-sizing:border-box;flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0}@media (max-width:1023px){.shell-sidebar{display:none}}.shell-brand{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-4);display:flex}.shell-nav{gap:var(--space-1);flex-direction:column;display:flex}.shell-nav-item{align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-3);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--color-text-secondary);cursor:pointer;font-weight:500;text-decoration:none;display:flex}.shell-nav-item:hover{background:var(--color-surface-sunken)}.shell-nav-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.shell-nav-item.is-active{background:var(--color-primary-subtle);color:var(--color-primary);font-weight:600}.shell-nav-item svg{flex:none}.shell-nav-label{flex:1}.shell-nav-badge{background:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--text-xs);border-radius:var(--radius-full);padding:1px var(--space-2);font-weight:600}.shell-nav-spacer{flex:1}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.shell-topbar{height:var(--topbar-h);background:var(--color-card-surface);border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-4);padding:0 var(--page-gutter);box-sizing:border-box;z-index:20;flex:none;display:flex;position:sticky;top:0}.shell-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.shell-icon-btn:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.shell-icon-btn:focus-visible{box-shadow:var(--shadow-focus);outline:none}.shell-hamburger{display:none}@media (max-width:1023px){.shell-hamburger{display:inline-flex}}.shell-search{width:320px;height:var(--field-h-sm);align-items:center;gap:var(--space-2);background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);box-sizing:border-box;flex:none;display:flex}@media (max-width:1023px){.shell-search{display:none}}.shell-search-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.shell-kbd{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-card-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:0 var(--space-1);color:var(--color-text-muted);margin-left:auto}.shell-topbar-right{align-items:center;gap:var(--space-4);margin-left:auto;display:flex}.shell-bell{color:var(--color-text-secondary);display:flex;position:relative}.shell-bell-dot{background:var(--color-danger);border:2px solid var(--color-card-surface);border-radius:var(--radius-full);width:8px;height:8px;position:absolute;top:-1px;right:-1px}.shell-avatar-menu-wrap{position:relative}.shell-avatar-trigger{align-items:center;gap:var(--space-2);cursor:pointer;background:0 0;border:0;padding:0;display:flex}.shell-avatar-trigger svg{color:var(--color-text-muted)}.shell-avatar-trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.shell-avatar-dropdown{top:calc(100% + var(--space-2));background:var(--color-card-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-lg);padding:var(--space-2);gap:var(--space-1);z-index:30;flex-direction:column;display:flex;position:absolute;right:0}.shell-avatar-dropdown-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-divider);margin-bottom:var(--space-1)}.shell-avatar-dropdown-name{font-size:var(--text-sm);color:var(--color-text-primary);margin:0;font-weight:600}.shell-avatar-dropdown-role{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:capitalize;margin:0}.shell-menu-item{align-items:center;gap:var(--space-2);width:100%;height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:500;display:flex}.shell-menu-item:hover{background:var(--color-surface-sunken);color:var(--color-text-primary)}.shell-menu-item:focus-visible{box-shadow:var(--shadow-focus);outline:none}.shell-menu-item.is-danger{color:var(--color-danger)}.shell-menu-item.is-danger:hover{background:var(--color-danger-bg);color:var(--color-danger-fg)}.shell-menu-item-label{flex:1}.shell-content{padding:var(--page-gutter);box-sizing:border-box;flex:1;justify-content:center;display:flex}.shell-content-inner{max-width:var(--content-max);flex:1}.shell-drawer-overlay{z-index:40;background:#0f172a66;position:fixed;inset:0}.shell-drawer{width:var(--sidebar-w);background:var(--color-card-surface);border-right:1px solid var(--color-border);z-index:41;padding:var(--space-4) var(--space-3);box-sizing:border-box;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0}.shell-drawer-close{margin-bottom:var(--space-2);align-self:flex-end}.mshell{background:var(--color-page-surface);flex-direction:column;min-height:100vh;display:flex}.mshell-topbar{height:56px;padding:0 var(--space-4);gap:var(--space-2)}.mshell-topbar .shell-topbar-right{gap:var(--space-3)}.mshell-content{width:100%;padding:var(--space-4);padding-bottom:calc(64px + var(--space-4) + env(safe-area-inset-bottom));box-sizing:border-box;flex:1}@media (min-width:640px){.mshell-content{max-width:480px;margin:0 auto}}.mshell-tabbar{height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--color-card-surface);border-top:1px solid var(--color-border);z-index:20;flex:none;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}.mshell-tab{font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-weight:500;text-decoration:none;display:flex}.mshell-tab:focus-visible{box-shadow:var(--shadow-focus);outline:none}.mshell-tab.is-active{color:var(--color-primary);font-weight:600}