.acct-trigger{align-items:center;gap:var(--nhids-space-8);width:100%;padding:var(--nhids-space-8);border-radius:var(--nhids-radius-lg);color:var(--nhids-color-sys-text-on-surface);font-family:var(--nhids-font-family-base);text-align:left;cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease);background:0 0;border:0;display:flex}.acct-trigger:hover,.acct-trigger.is-open{background:var(--nhids-color-sys-primary-bg-hover)}.acct-trigger--collapsed{padding:var(--nhids-space-4);justify-content:center}.acct-avatar{width:var(--nhids-space-32);height:var(--nhids-space-32);border-radius:var(--nhids-radius-full);background:var(--nhids-color-sys-badge-primary-bg);color:var(--nhids-color-palette-primary-500);font-size:var(--nhids-font-size-font-label-medium-size);font-weight:var(--nhids-font-weight-font-weight-bold);flex:none;justify-content:center;align-items:center;display:inline-flex}.acct-avatar--lg{width:var(--nhids-space-48);height:var(--nhids-space-48);font-size:var(--nhids-font-size-font-body-large-size)}.acct-trigger__text{flex-direction:column;flex:1;min-width:0;display:flex}.acct-trigger__name{font-size:var(--nhids-font-size-font-label-large-size);font-weight:var(--nhids-font-weight-font-weight-bold);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-trigger__role{font-size:var(--nhids-font-size-font-label-small-size);color:var(--nhids-color-sys-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-trigger__caret{color:var(--nhids-color-sys-text-secondary);transition:transform var(--nhids-motion-base) var(--nhids-motion-ease);flex:none;display:inline-flex}.acct-trigger__caret.is-open{transform:rotate(180deg)}.acct-panel{z-index:50;width:min(320px, calc(100vw - var(--nhids-space-32)));gap:var(--nhids-space-12);padding:var(--nhids-space-16);border:1px solid var(--nhids-color-sys-border-default);border-radius:var(--nhids-radius-xl);background:var(--nhids-color-sys-background-surface);box-shadow:var(--nhids-elevation-3);animation:acct-fade var(--nhids-motion-fast) var(--nhids-motion-ease);flex-direction:column;display:flex;position:fixed}.acct-panel__header{align-items:center;gap:var(--nhids-space-12);display:flex}.acct-panel__id{flex-direction:column;min-width:0;display:flex}.acct-panel__name{font-size:var(--nhids-font-size-font-title-medium-size);font-weight:var(--nhids-font-weight-font-weight-bold)}.acct-panel__email{font-size:var(--nhids-font-size-font-label-medium-size);color:var(--nhids-color-sys-text-secondary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-role{gap:var(--nhids-space-4);flex-direction:column;display:flex}.acct-role__trigger{align-items:center;gap:var(--nhids-space-8);width:100%;padding:var(--nhids-space-12);border:1px solid var(--nhids-color-sys-border-subtle);border-radius:var(--nhids-radius-lg);background:var(--nhids-color-sys-background-subtle);font-family:var(--nhids-font-family-base);text-align:left;cursor:pointer;transition:border-color var(--nhids-motion-fast) var(--nhids-motion-ease);display:flex}.acct-role__trigger:hover{border-color:var(--nhids-color-palette-primary-500)}.acct-role__icon{width:var(--nhids-space-32);height:var(--nhids-space-32);border-radius:var(--nhids-radius-md);background:var(--nhids-color-sys-badge-primary-bg);color:var(--nhids-color-palette-primary-500);flex:none;justify-content:center;align-items:center;display:inline-flex}.acct-role__info{flex-direction:column;flex:1;min-width:0;display:flex}.acct-role__label{font-size:var(--nhids-font-size-font-label-small-size);font-weight:var(--nhids-font-weight-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--nhids-color-palette-primary-500)}.acct-role__name{font-size:var(--nhids-font-size-font-label-large-size);font-weight:var(--nhids-font-weight-font-weight-semibold);color:var(--nhids-color-sys-text-on-surface);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.acct-role__chevron{color:var(--nhids-color-sys-text-secondary);transition:transform var(--nhids-motion-base) var(--nhids-motion-ease);flex:none}.acct-role__trigger[aria-expanded=true] .acct-role__chevron{transform:rotate(90deg)}.acct-role__list{gap:var(--nhids-space-2);padding:var(--nhids-space-4);border:1px solid var(--nhids-color-sys-border-subtle);border-radius:var(--nhids-radius-lg);background:var(--nhids-color-sys-background-surface);flex-direction:column;margin:0;list-style:none;display:flex}.acct-role__option{width:100%;padding:var(--nhids-space-8) var(--nhids-space-12);border-radius:var(--nhids-radius-md);color:var(--nhids-color-sys-text-on-surface);font-family:var(--nhids-font-family-base);font-size:var(--nhids-font-size-font-body-medium-size);text-align:left;cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease);background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.acct-role__option:hover{background:var(--nhids-color-sys-primary-bg-hover)}.acct-role__option.is-active{color:var(--nhids-color-palette-primary-500);font-weight:var(--nhids-font-weight-font-weight-semibold)}.acct-workspace{gap:var(--nhids-space-8);padding:var(--nhids-space-12);border:1px solid var(--nhids-color-sys-border-subtle);border-radius:var(--nhids-radius-lg);background:var(--nhids-color-sys-background-subtle);flex-direction:column;display:flex}.acct-workspace__label{font-size:var(--nhids-font-size-font-label-small-size);font-weight:var(--nhids-font-weight-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--nhids-color-sys-text-secondary)}.acct-workspace__current{align-items:center;gap:var(--nhids-space-8);display:flex}.acct-workspace__icon{width:var(--nhids-space-32);height:var(--nhids-space-32);border-radius:var(--nhids-radius-md);background:var(--nhids-color-sys-badge-primary-bg);color:var(--nhids-color-palette-primary-500);flex:none;justify-content:center;align-items:center;display:inline-flex}.acct-workspace__name{min-width:0;font-size:var(--nhids-font-size-font-label-large-size);font-weight:var(--nhids-font-weight-font-weight-semibold);color:var(--nhids-color-sys-text-on-surface);flex-direction:column;flex:1;display:flex}.acct-workspace__sub{font-size:var(--nhids-font-size-font-label-small-size);font-weight:var(--nhids-font-weight-font-weight-regular);color:var(--nhids-color-sys-text-secondary)}.acct-pill{align-items:center;gap:var(--nhids-space-4);padding:var(--nhids-space-4) var(--nhids-space-12);border:1px solid var(--nhids-color-palette-primary-500);border-radius:var(--nhids-radius-full);color:var(--nhids-color-palette-primary-500);font-family:var(--nhids-font-family-base);font-size:var(--nhids-font-size-font-label-medium-size);font-weight:var(--nhids-font-weight-font-weight-semibold);cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease);background:0 0;flex:none;display:inline-flex}.acct-pill:hover{background:var(--nhids-color-sys-primary-bg-hover)}.acct-divider{background:var(--nhids-color-sys-border-subtle);height:1px}.acct-actions{gap:var(--nhids-space-2);flex-direction:column;display:flex}.acct-item{justify-content:space-between;align-items:center;gap:var(--nhids-space-8);width:100%;padding:var(--nhids-space-8) var(--nhids-space-12);border-radius:var(--nhids-radius-md);color:var(--nhids-color-sys-text-on-surface);font-family:var(--nhids-font-family-base);font-size:var(--nhids-font-size-font-body-medium-size);cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease);background:0 0;border:0;display:flex}.acct-item:hover{background:var(--nhids-color-sys-primary-bg-hover)}.acct-item__lead{align-items:center;gap:var(--nhids-space-12);color:inherit;display:inline-flex}.acct-item--danger{color:var(--nhids-color-sys-feedback-danger)}.acct-item--danger:hover{background:var(--nhids-color-sys-feedback-danger-subtle)}.ws-popover{z-index:55;gap:var(--nhids-space-16);width:340px;padding:var(--nhids-space-16);border:1px solid var(--nhids-color-sys-border-default);border-radius:var(--nhids-radius-xl);background:var(--nhids-color-sys-background-surface);box-shadow:var(--nhids-elevation-3);animation:acct-fade var(--nhids-motion-fast) var(--nhids-motion-ease);flex-direction:column;display:flex;position:fixed}.ws-popover__head{justify-content:space-between;align-items:center;gap:var(--nhids-space-8);display:flex}.ws-popover__title{font-size:var(--nhids-font-size-font-title-medium-size);font-weight:var(--nhids-font-weight-font-weight-bold)}.ws-popover__close{width:var(--nhids-space-32);height:var(--nhids-space-32);border-radius:var(--nhids-radius-md);color:var(--nhids-color-sys-text-on-surface);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ws-popover__close:hover{background:var(--nhids-color-sys-primary-bg-hover)}.ws-popover__fields{gap:var(--nhids-space-12);flex-direction:column;display:flex}.ws-field{gap:var(--nhids-space-4);flex-direction:column;display:flex}.ws-field__label{font-size:var(--nhids-font-size-font-label-medium-size);font-weight:var(--nhids-font-weight-font-label-medium-weight);color:var(--nhids-color-sys-text-on-surface)}.ws-field__control{align-items:center;display:flex;position:relative}.ws-field__control select{width:100%;min-height:calc(var(--nhids-space-40) + var(--nhids-space-4));padding:var(--nhids-space-8) calc(var(--nhids-space-32)) var(--nhids-space-8) var(--nhids-space-12);border:1px solid var(--nhids-color-sys-border-default);border-radius:var(--nhids-radius-md);background:var(--nhids-color-sys-background-surface);color:var(--nhids-color-sys-text-on-surface);font-family:var(--nhids-font-family-base);font-size:var(--nhids-font-size-font-body-medium-size);appearance:none;cursor:pointer}.ws-field__control select:hover{border-color:var(--nhids-color-sys-icon-outline)}.ws-field__control select:focus-visible{border-color:var(--nhids-color-palette-primary-500);box-shadow:0 0 0 2px var(--nhids-color-sys-primary-bg-selected);outline:none}.ws-field__caret{right:var(--nhids-space-12);color:var(--nhids-color-sys-text-secondary);pointer-events:none;display:inline-flex;position:absolute}.ws-popover__note{font-size:var(--nhids-font-size-font-label-small-size);line-height:var(--nhids-font-line-height-font-body-medium-line-height);color:var(--nhids-color-sys-text-secondary)}@keyframes acct-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.acct-panel,.ws-popover{animation:none}.acct-trigger__caret,.acct-role__chevron{transition:none}}
.sidebar{z-index:20;width:var(--nhids-grid-sidebar-width);background:var(--nhids-color-sys-background-surface);border-right:1px solid var(--nhids-color-sys-border-default);height:100vh;transition:width var(--nhids-motion-base) var(--nhids-motion-ease);flex-direction:column;flex:none;align-self:flex-start;display:flex;position:sticky;top:0}.sidebar[data-collapsed]{width:var(--nhids-grid-sidebar-width-collapsed)}.sidebar__brand{min-height:var(--nhids-layout-topbar-height);padding:var(--nhids-space-8) var(--nhids-space-16);border-bottom:1px solid var(--nhids-color-sys-border-default);flex:none;justify-content:center;align-items:center;display:flex}.sidebar:not([data-collapsed]) .sidebar__brand{justify-content:space-between}.sidebar__logo{align-items:center;gap:var(--nhids-space-8);min-width:0;display:inline-flex}.sidebar__brand-toggle{flex:none}.sidebar__logo:hover{text-decoration:none}.sidebar__logo-img{height:var(--nhids-space-32);border-radius:var(--nhids-radius-sm);width:auto;display:block}.sidebar__nav{min-height:0;padding:var(--nhids-space-12) var(--nhids-space-8);flex:1;overflow-y:auto}.sidebar__nav-list{gap:var(--nhids-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar__link{align-items:center;gap:var(--nhids-space-12);min-height:calc(var(--nhids-space-40) + var(--nhids-space-4));padding:var(--nhids-space-8) var(--nhids-space-12);border-radius:var(--nhids-radius-lg);color:var(--nhids-color-sys-text-secondary);font-size:var(--nhids-font-size-font-body-medium-size);font-weight:var(--nhids-font-weight-font-weight-medium);transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease), color var(--nhids-motion-fast) var(--nhids-motion-ease);display:flex}.sidebar__link:hover{background:var(--nhids-color-sys-primary-bg-hover);color:var(--nhids-color-sys-text-on-surface);text-decoration:none}.sidebar__link:focus-visible{outline:2px solid var(--nhids-color-focus-ring);outline-offset:-2px}.sidebar__link.is-active{background:var(--nhids-color-sys-primary-bg-selected);color:var(--nhids-color-palette-primary-500);font-weight:var(--nhids-font-weight-font-weight-bold)}.sidebar__link-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.sidebar__link-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar[data-collapsed] .sidebar__link{justify-content:center;padding-inline:0}.sidebar__nav-group{margin-top:var(--nhids-space-16)}.sidebar__nav-group:first-child{margin-top:0}.sidebar__nav-label{padding:var(--nhids-space-4) var(--nhids-space-12);font-size:var(--nhids-font-size-font-label-small-size);font-weight:var(--nhids-font-weight-font-weight-bold);letter-spacing:.04em;text-transform:uppercase;color:var(--nhids-color-sys-text-secondary)}.sidebar__nav-sep{height:1px;margin:var(--nhids-space-4) var(--nhids-space-8) var(--nhids-space-8);background:var(--nhids-color-sys-border-subtle)}.sidebar__footer{gap:var(--nhids-space-8);padding:var(--nhids-space-12) var(--nhids-space-8);border-top:1px solid var(--nhids-color-sys-border-subtle);flex-direction:column;flex:none;display:flex}.sidebar__utils{justify-content:flex-start;align-items:center;gap:var(--nhids-space-4);display:flex}.sidebar[data-collapsed] .sidebar__utils{flex-direction:column}.sidebar__util-btn{width:calc(var(--nhids-space-40) + var(--nhids-space-4));height:calc(var(--nhids-space-40) + var(--nhids-space-4));border-radius:var(--nhids-radius-md);color:var(--nhids-color-sys-text-secondary);cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease);background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.sidebar__util-btn:hover{background:var(--nhids-color-sys-primary-bg-hover);color:var(--nhids-color-sys-text-on-surface)}.sidebar__signin{justify-content:center;align-items:center;gap:var(--nhids-space-8);min-height:calc(var(--nhids-space-40) + var(--nhids-space-4));padding:var(--nhids-space-8) var(--nhids-space-16);border-radius:var(--nhids-button-radius-button);background:var(--nhids-color-palette-primary-500);color:var(--nhids-color-sys-text-on-primary);font-family:var(--nhids-font-family-base);font-size:var(--nhids-font-size-font-button-size);font-weight:var(--nhids-font-weight-font-button-weight);cursor:pointer;transition:background-color var(--nhids-motion-fast) var(--nhids-motion-ease);border:1px solid #0000;display:flex}.sidebar__signin:hover{background:var(--nhids-color-sys-primary-hover)}@media (max-width:768px){.sidebar{display:none}}