.zn-brand-logo{align-items:center;line-height:0;display:inline-flex}.zn-brand-logo__on-dark,[data-theme=dark] .zn-brand-logo__on-light{display:none}[data-theme=dark] .zn-brand-logo__on-dark{display:inline-flex}.zn-app-shell{background:var(--bg-base);min-height:100vh;color:var(--text-primary);display:flex}.zn-app-shell__sidebar{z-index:30;background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:15.5rem;height:100vh;display:flex;position:sticky;top:0}.zn-app-shell__brand{flex-direction:column;gap:.35rem;padding:1.15rem 1rem .75rem;display:flex}.zn-app-shell__brand-link{color:inherit;align-items:center;text-decoration:none;display:inline-flex}.zn-app-shell__app-name{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--text-placeholder);margin:0;font-size:.625rem;font-weight:500}.zn-app-shell__extra{padding:0 .5rem .75rem}.zn-app-shell__workspace{align-items:center;gap:.4rem;min-width:0;padding:0 .2rem;display:flex}.zn-app-shell__workspace-name{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:700;line-height:1.3;overflow:hidden}.zn-app-shell__workspace-badge{background:var(--accent-subtle);color:var(--text-accent);border-radius:999px;flex-shrink:0;padding:.15rem .4rem;font-size:.625rem;font-weight:600;line-height:1}.zn-app-shell__nav{flex:1;min-height:0;padding:0 .5rem .75rem;overflow-y:auto}.zn-app-shell__item{border-radius:var(--r-md,8px);width:100%;color:var(--text-secondary);align-items:center;gap:.625rem;padding:.5rem .7rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;display:flex}.zn-app-shell__item:hover{background:var(--bg-elevated);color:var(--text-primary)}.zn-app-shell__item.is-active{background:var(--accent-subtle);color:var(--text-accent)}.zn-app-shell__item-icon{color:inherit;opacity:.85;flex-shrink:0;display:flex}.zn-app-shell--bare{background:var(--bg-base)}.zn-app-shell__footer{border-top:1px solid var(--border-subtle);flex-direction:column;gap:.65rem;padding:.75rem .75rem 1rem;display:flex}.zn-app-shell__footer .zn-appearance-compact{justify-content:center}.zn-user-card{border:1px solid var(--border);border-radius:var(--r-lg,12px);background:var(--bg-surface);position:relative}.zn-user-card__trigger{border-radius:inherit;width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;margin:0;padding:.55rem .55rem .55rem .65rem;font-family:inherit;display:flex}.zn-user-card__trigger:hover,.zn-user-card.is-open .zn-user-card__trigger{background:var(--bg-elevated)}.zn-user-card__identity{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.zn-user-card__chevron{color:var(--text-placeholder);flex-shrink:0;transition:transform .15s}.zn-user-card.is-open .zn-user-card__chevron{transform:rotate(180deg)}.zn-user-card__avatar{background:var(--accent-subtle);width:1.75rem;height:1.75rem;color:var(--text-accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.6875rem;font-weight:600;display:flex}.zn-user-card__text{min-width:0}.zn-user-card__email{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.75rem;font-weight:500;overflow:hidden}.zn-user-card__meta{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:.1rem 0 0;font-size:.6875rem;overflow:hidden}.zn-user-card__menu{z-index:40;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg,12px);box-shadow:var(--shadow-md);flex-direction:column;padding:.3rem;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;right:0}.zn-user-card__action{border-radius:var(--r-md,8px);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem .65rem;font-family:inherit;font-size:.8125rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.zn-user-card__action:hover{background:var(--bg-elevated);color:var(--text-primary)}.zn-user-card__action--danger{color:var(--error)}.zn-user-card__action--danger:hover{background:color-mix(in srgb, var(--error) 8%, var(--bg-surface));color:var(--error)}.zn-app-shell__column{flex-direction:column;flex:1;min-width:0;display:flex}.zn-app-shell__mobile-bar{background:var(--bg-sidebar);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.75rem;height:3.25rem;padding:0 .75rem;display:none}.zn-app-shell__menu-btn{border-radius:var(--r-md,8px);width:2rem;height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.zn-app-shell__menu-btn:hover{background:var(--bg-elevated)}.zn-app-shell__mobile-title{align-items:center;gap:.6rem;min-width:0;display:flex}.zn-app-shell__main{flex:1;width:100%;min-width:0;padding:2rem}.zn-app-shell__backdrop{display:none}@media (max-width:900px){.zn-app-shell__mobile-bar{z-index:35;display:flex;position:sticky;top:0}.zn-app-shell__sidebar{z-index:50;box-shadow:var(--shadow-lg);transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.zn-app-shell__sidebar.is-open{transform:translate(0)}.zn-app-shell__backdrop{z-index:40;cursor:pointer;background:#0a0f1e73;border:none;padding:0;display:block;position:fixed;inset:0}}