.app-shell .page{width:100%;margin-inline:auto}.app-shell .page-compact,.app-shell .page-narrow{max-width:var(--content-narrow)}.app-shell .page-standard{max-width:var(--content-width-standard)}.app-shell .page-wide{max-width:var(--content-wide)}.app-shell .page-wide-plus{max-width:var(--content-wide-plus)}.app-shell .page-fill{max-width:var(--content-fill-max)}.app-shell .page-gutter{padding-inline:var(--space-lg)}.app-shell .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);margin-bottom:var(--space-lg)}.app-shell .page-title{margin:0;color:var(--color-text);font-size:var(--text-page-title);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);text-wrap:balance}.app-shell .page-subtitle{max-width:var(--content-width-reading);margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:var(--line-height-body);text-wrap:pretty}.app-shell .app-frame{display:flex;height:100vh;background:var(--color-bg);pointer-events:auto}.app-shell .app-main{display:flex}.app-shell .app-content,.app-shell .app-main{position:relative;z-index:1;flex:1 1 0;min-width:0;pointer-events:auto}.app-shell .app-content{overflow-y:auto;padding:var(--app-content-pad)}.app-shell .app-content-flush{overflow:hidden;min-height:0;padding:0}.app-shell .app-shell-redirect{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg);color:var(--color-text-secondary);font-size:var(--text-sm)}.app-shell .app-sidebar{position:relative;z-index:var(--z-app-sidebar);display:flex;flex-direction:column;flex-shrink:0;width:var(--app-sidebar-width);height:100vh;background:var(--color-sidebar);border-right:var(--border-width) solid var(--color-sidebar-border);pointer-events:auto;transition:width var(--duration-standard) var(--ease-standard)}.app-shell .app-sidebar[data-collapsed=true]{width:var(--app-sidebar-width-collapsed)}.app-shell .app-sidebar-backdrop{display:none}.app-shell .app-sidebar-brand{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);flex-shrink:0;min-height:var(--app-sidebar-brand-height);padding-inline:var(--space-sm);border-bottom:var(--border-width) solid var(--color-sidebar-border)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-brand{justify-content:center;padding-inline:var(--space-2xs)}.app-shell .app-sidebar-brand-title{margin:0;min-width:0;overflow:hidden;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.app-shell .app-sidebar-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--height-control-sm);height:var(--height-control-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .app-sidebar-toggle:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.app-shell .app-sidebar-toggle:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.app-shell .app-sidebar-nav{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-2xs);overflow-y:auto;padding:var(--space-md) var(--space-sm)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-nav{align-items:center;padding-inline:var(--space-2xs)}.app-shell .app-sidebar-row{display:flex;align-items:center;gap:var(--space-2xs);width:100%}.app-shell .app-sidebar-nav-end{margin-top:auto;width:100%}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-row{justify-content:center}.app-shell .app-nav-item{display:flex;align-items:center;gap:var(--space-sm);flex:1 1 auto;min-width:0;height:var(--app-sidebar-row-height);padding-inline:var(--space-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-normal);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .app-sidebar[data-collapsed=true] .app-nav-item{flex:0 0 auto;width:var(--app-sidebar-row-height);padding-inline:0;justify-content:center}.app-shell .app-nav-item:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.app-shell .app-nav-item:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:calc(var(--focus-offset) * -1)}.app-shell .app-nav-item[aria-current=page]{background:var(--color-sidebar-raised);border-color:var(--color-border);color:var(--color-text);font-weight:var(--weight-medium)}.app-shell .app-nav-icon{width:var(--app-sidebar-nav-icon);height:var(--app-sidebar-nav-icon);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-standard)}.app-shell .app-nav-item:hover .app-nav-icon{color:var(--color-text-secondary)}.app-shell .app-nav-item[aria-current=page] .app-nav-icon{color:var(--color-text)}.app-shell .app-nav-icon-shell{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--app-sidebar-icon-shell);height:var(--app-sidebar-icon-shell)}.app-shell .app-nav-label{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.app-shell .app-nav-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .app-nav-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--app-sidebar-count-size);height:var(--app-sidebar-count-size);padding-inline:var(--space-xs);border-radius:var(--radius-full);background:var(--color-command);color:var(--color-text-inverse);font-size:var(--text-2xs);font-weight:var(--weight-semibold);line-height:var(--line-height-none)}.app-shell .app-nav-count-overlay{position:absolute;top:calc(var(--space-xs) * -1);right:calc(var(--space-sm) * -1)}.app-shell .app-sidebar-row-action{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--height-control-sm);height:var(--height-control-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .app-sidebar-row-action:hover{background:var(--color-sidebar-hover);color:var(--color-text)}.app-shell .app-sidebar-row-action:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.app-shell .app-sidebar-row-action svg{width:var(--icon-size-control);height:var(--icon-size-control)}.app-shell .app-sidebar-section{flex-shrink:0;padding:var(--space-sm);border-bottom:var(--border-width) solid var(--color-sidebar-border)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-section{padding-inline:var(--space-2xs)}.app-shell .app-sidebar-foot{flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-sm);border-top:var(--border-width) solid var(--color-sidebar-border)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-foot{align-items:center;padding-inline:var(--space-2xs)}.app-shell .app-sidebar-user{position:relative;display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--app-sidebar-row-height);padding:var(--space-2xs) var(--space-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-md);background:transparent;cursor:pointer;text-align:start;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-user{justify-content:center;padding-inline:0}.app-shell .app-sidebar-user:hover{background:var(--color-sidebar-hover);border-color:var(--color-border)}.app-shell .app-sidebar-user:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:calc(var(--focus-offset) * -1)}.app-shell .app-sidebar-user-avatar,.app-shell .app-sidebar-user-avatar-fallback{width:var(--app-sidebar-avatar-size);height:var(--app-sidebar-avatar-size);flex-shrink:0;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.app-shell .app-sidebar-user-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface-muted);color:var(--color-text-secondary)}.app-shell .app-sidebar-user-meta{flex:1 1 auto;min-width:0}.app-shell .app-sidebar-user-name{color:var(--color-text);font-weight:var(--weight-medium)}.app-shell .app-sidebar-user-email,.app-shell .app-sidebar-user-name{margin:0;font-size:var(--text-xs);line-height:var(--line-height-tight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .app-sidebar-user-email{color:var(--color-text-muted)}.app-shell .app-sidebar-menu{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--space-sm);padding:var(--space-2xs);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-menu);z-index:var(--z-popover)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-menu{left:var(--space-sm);right:auto;width:var(--app-sidebar-menu-width)}.app-shell .app-sidebar-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:start;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard)}.app-shell .app-sidebar-menu-item:hover{background:var(--color-surface-subtle)}.app-shell .app-sidebar-menu-item:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:calc(var(--focus-offset) * -1)}.app-shell .app-sidebar-menu-item svg{width:var(--icon-size-control);height:var(--icon-size-control);color:var(--color-danger)}.app-shell .app-sidebar-user-skeleton{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--app-sidebar-row-height);padding:var(--space-2xs) var(--space-sm)}.app-shell .app-sidebar[data-collapsed=true] .app-sidebar-user-skeleton{justify-content:center;padding-inline:0}.app-shell .app-sidebar-skeleton-dot{width:var(--app-sidebar-avatar-size);height:var(--app-sidebar-avatar-size);flex-shrink:0;border-radius:var(--radius-full);background:var(--color-surface-muted);animation:pulse var(--duration-skeleton) ease-in-out infinite}.app-shell .app-sidebar-skeleton-lines{flex:1 1 auto;display:grid;gap:var(--space-2xs)}.app-shell .app-sidebar-skeleton-line{height:var(--space-sm);border-radius:var(--radius-xs);background:var(--color-surface-muted);animation:pulse var(--duration-skeleton) ease-in-out infinite}.app-shell .app-sidebar-tooltip{position:fixed;z-index:var(--z-app-sidebar-tooltip);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-command);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-height-none);white-space:nowrap;box-shadow:var(--shadow-menu);pointer-events:none;transform:translateY(-50%)}@media (max-width:900px){.app-shell .app-sidebar{width:var(--app-sidebar-width-collapsed)}.app-shell .app-sidebar[data-mobile-open=true]{width:var(--app-sidebar-width);margin-right:calc((var(--app-sidebar-width) - var(--app-sidebar-width-collapsed)) * -1);box-shadow:var(--shadow-drawer)}.app-shell .app-sidebar-backdrop{position:fixed;inset:0;z-index:calc(var(--z-app-sidebar) - 1);display:block;border:0;background:var(--color-overlay)}}@media (prefers-reduced-motion:reduce){.app-shell .app-sidebar{transition-duration:var(--duration-none)}.app-shell .app-sidebar-skeleton-dot,.app-shell .app-sidebar-skeleton-line{animation:none}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes typing-bounce{0%,80%,to{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drop-in{0%{opacity:0;transform:translateY(calc(var(--space-xs) * -1))}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slide-in-right{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}@keyframes slide-in-panel{0%{transform:translateX(100%)}to{transform:translateX(0)}}.app-shell .btn,.app-shell .icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:var(--space-sm);min-width:0;border:var(--border-width) solid transparent;border-radius:var(--radius-md);font-family:var(--font-app);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--line-height-none);text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard)}.app-shell .btn:focus-visible,.app-shell .icon-btn:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.app-shell .btn:disabled,.app-shell .btn[aria-disabled=true],.app-shell .icon-btn:disabled,.app-shell .icon-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.app-shell .btn svg,.app-shell .icon-btn svg{width:var(--icon-size-control);height:var(--icon-size-control);flex:0 0 auto}.app-shell .btn-xs{height:var(--height-control-xs);padding-inline:var(--space-sm);font-size:var(--text-xs)}.app-shell .btn-sm{height:var(--height-control-sm);padding-inline:var(--space-md)}.app-shell .btn-md{height:var(--height-control-md);padding-inline:var(--space-lg)}.app-shell .btn-primary{background:var(--color-cta);color:var(--color-on-cta)}.app-shell .btn-primary:hover{background:var(--color-cta-hover)}.app-shell .btn-primary:active{background:var(--color-cta-pressed)}.app-shell .btn-secondary{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.app-shell .btn-secondary:hover{background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.app-shell .btn-ghost{background:transparent;color:var(--color-text-secondary)}.app-shell .btn-ghost:hover{background:var(--color-surface-subtle);color:var(--color-text)}.app-shell .btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.app-shell .btn-danger:hover{background:color-mix(in srgb,var(--color-danger) var(--mix-hover-strength),var(--color-text))}.app-shell .btn-command{border-color:var(--color-border);background:var(--color-command-soft);color:var(--color-text)}.app-shell .btn-command:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.app-shell .icon-btn{width:var(--height-control-md);height:var(--height-control-md);padding:0;border-color:var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.app-shell .icon-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle);color:var(--color-text)}.app-shell .icon-btn-danger{color:var(--color-danger)}.app-shell .icon-btn-danger:hover{border-color:color-mix(in srgb,var(--color-danger) var(--mix-state-border-strength),var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.app-shell .icon-btn-sm{width:var(--height-control-sm);height:var(--height-control-sm)}.app-shell .icon-btn-md{width:var(--height-control-md);height:var(--height-control-md)}.app-shell .choice-chip{display:inline-flex;align-items:center;justify-content:center;min-height:var(--height-control-sm);padding-inline:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-height-none);transition:var(--transition-colors)}.app-shell .choice-chip:hover{background:var(--color-surface-subtle)}.app-shell .choice-chip-active,.app-shell .choice-chip:hover{border-color:var(--color-border-strong);color:var(--color-text)}.app-shell .choice-chip-active{background:var(--color-command-soft)}.app-shell input[type=checkbox],.app-shell input[type=radio]{accent-color:var(--color-command)}.app-shell .input,.app-shell .select,.app-shell .textarea{width:100%;min-width:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-app);font-size:var(--text-sm);transition:border-color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.app-shell .input,.app-shell .select{height:var(--height-control-lg);padding-inline:var(--space-md)}.app-shell .textarea{min-height:var(--height-textarea-min);padding:var(--space-md);resize:vertical}.app-shell .input:focus-visible,.app-shell .select:focus-visible,.app-shell .textarea:focus-visible{border-color:var(--color-focus);outline:none}.app-shell .input:disabled,.app-shell .select:disabled,.app-shell .textarea:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.app-shell .input:-moz-read-only{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.app-shell .input:read-only{background:var(--color-surface-subtle);color:var(--color-text-secondary)}.app-shell .input::-moz-placeholder,.app-shell .textarea::-moz-placeholder{color:var(--color-text-muted)}.app-shell .input::placeholder,.app-shell .textarea::placeholder{color:var(--color-text-muted)}.app-shell .label{display:grid;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.app-shell .help-text{margin:0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--line-height-body)}.app-shell .help-text[data-kind=error]{color:var(--color-danger)}.app-shell .form-field,.app-shell .form-stack{display:grid;gap:var(--space-xs)}.app-shell .form-stack{gap:var(--space-md)}.app-shell .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--form-column-min)),1fr));gap:var(--space-md)}.app-shell .form-grid-compact{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--form-column-min-compact)),1fr))}.app-shell .control-compact{max-width:var(--control-width-compact)}.app-shell .number-stepper{display:inline-flex;align-items:stretch;min-height:var(--height-control-sm);overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.app-shell .number-stepper-input{width:calc(var(--height-control-lg) + var(--space-lg));min-height:var(--height-control-sm);padding:0 var(--space-xs);border:0;background:transparent;color:var(--color-text);font-size:var(--text-xs);line-height:var(--line-height-none);text-align:center;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.app-shell .number-stepper-input:focus,.app-shell .number-stepper-input:focus-visible{outline:none}.app-shell .number-stepper-input::-webkit-inner-spin-button,.app-shell .number-stepper-input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none}.app-shell .number-stepper-controls{display:flex;flex-direction:column;width:var(--height-control-xs);border-left:var(--border-width) solid var(--color-border)}.app-shell .number-stepper-button{display:inline-flex;flex:1 1 50%;align-items:center;justify-content:center;color:var(--color-text-secondary);transition:var(--transition-colors)}.app-shell .number-stepper-button+.number-stepper-button{border-top:var(--border-width) solid var(--color-border)}.app-shell .number-stepper-button:hover{background:var(--color-surface-subtle);color:var(--color-text)}.app-shell .number-stepper-button:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.app-shell .number-stepper-button svg{width:var(--icon-size-badge);height:var(--icon-size-badge)}.app-shell .timezone-picker{position:relative;display:inline-flex;align-items:center;min-width:0}.app-shell .timezone-picker-button{display:inline-flex;align-items:center;justify-content:space-between;gap:var(--space-sm);width:var(--rule-date-control-min);min-height:var(--height-control-sm);padding-inline:var(--space-sm);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-xs);transition:var(--transition-colors)}.app-shell .timezone-picker-button:focus-visible,.app-shell .timezone-picker-button:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle);outline:none}.app-shell .timezone-picker-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .timezone-picker-icon{width:var(--icon-size-badge);height:var(--icon-size-badge);color:var(--color-text-muted)}.app-shell .timezone-picker-menu{position:absolute;top:calc(100% + var(--space-xs));left:0;z-index:var(--z-popover);width:var(--settings-nav-width);max-height:var(--mailbox-menu-max-height);overflow-y:auto}.app-shell .timezone-picker-option{width:100%;justify-content:flex-start;text-align:left}.app-shell .form-loading,.app-shell .form-notice{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--line-height-body)}.app-shell .form-notice[data-kind=success]{border-color:color-mix(in srgb,var(--color-success) var(--mix-state-border-strength),var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.app-shell .form-notice[data-kind=error]{border-color:color-mix(in srgb,var(--color-danger) var(--mix-state-border-strength),var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.app-shell .form-notice[data-kind=warning]{border-color:color-mix(in srgb,var(--color-warning) var(--mix-state-border-strength),var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}.app-shell .form-notice[data-kind=info]{border-color:color-mix(in srgb,var(--color-info) var(--mix-state-border-strength),var(--color-border));background:var(--color-info-soft);color:var(--color-info)}.app-shell .form-spinner{animation:spin var(--duration-spinner) linear infinite}@media (prefers-reduced-motion:reduce){.app-shell .input,.app-shell .select,.app-shell .textarea{transition-duration:var(--duration-none)}.app-shell .form-spinner{animation:none}}.app-shell .badge{display:inline-flex;align-items:center;gap:var(--space-xs);width:-moz-fit-content;width:fit-content;min-height:var(--height-control-xs);padding-inline:var(--space-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-height-none);white-space:nowrap}.app-shell .badge svg{width:var(--icon-size-badge);height:var(--icon-size-badge)}.app-shell .badge-success{border-color:color-mix(in srgb,var(--color-success) var(--mix-state-border-strength),var(--color-border));background:var(--color-success-soft);color:var(--color-success)}.app-shell .badge-warning{border-color:color-mix(in srgb,var(--color-warning) var(--mix-state-border-strength),var(--color-border));background:var(--color-warning-soft);color:var(--color-warning)}.app-shell .badge-danger{border-color:color-mix(in srgb,var(--color-danger) var(--mix-state-border-strength),var(--color-border));background:var(--color-danger-soft);color:var(--color-danger)}.app-shell .badge-info{border-color:color-mix(in srgb,var(--color-info) var(--mix-state-border-strength),var(--color-border));background:var(--color-info-soft);color:var(--color-info)}.app-shell .badge-spotlight{border-color:transparent;background:var(--color-spotlight);color:var(--color-on-spotlight)}.app-shell .badge-spotlight-soft{border-color:color-mix(in srgb,var(--color-spotlight) var(--mix-state-border-strength),var(--color-border));background:var(--color-spotlight-soft);color:var(--color-spotlight-strong)}.app-shell .badge-muted{border-color:var(--color-border);background:var(--color-surface-subtle);color:var(--color-text-secondary)}.app-shell .panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text)}.app-shell .panel-muted{background:var(--color-surface-muted)}.app-shell .panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:var(--height-panel-header);padding:var(--space-lg);border-bottom:var(--border-width) solid var(--color-border)}.app-shell .panel-header-wrap{flex-wrap:wrap}.app-shell .panel-heading{display:flex;min-width:0;align-items:center;gap:var(--space-sm)}.app-shell .panel-title{margin:0;color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-height-panel)}.app-shell .panel-note{margin:var(--space-2xs) 0 0;color:var(--color-text-muted);font-size:var(--text-xs)}.app-shell .panel-icon{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--height-control-md);height:var(--height-control-md);border-radius:var(--radius-md);background:var(--color-command-soft);color:var(--color-text-secondary)}.app-shell .panel-icon svg{width:var(--icon-size-control);height:var(--icon-size-control)}.app-shell .panel-body{padding:var(--space-lg)}.app-shell .panel-stack{display:grid;gap:var(--space-lg)}.app-shell .panel-inset{display:grid;gap:var(--space-md);padding:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.app-shell .panel-section-title{display:flex;align-items:center;gap:var(--space-sm);margin:0;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--line-height-tight)}.app-shell .panel-footer{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:var(--border-width) solid var(--color-border)}.app-shell .panel-help-row{padding:0 var(--space-lg) var(--space-lg)}.app-shell .panel-body-flush{padding:0}.app-shell .toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.app-shell .dialog-backdrop{position:fixed;inset:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--color-overlay)}.app-shell .dialog-backdrop-modal-top{z-index:var(--z-modal-popover)}.app-shell .dialog,.app-shell.dialog{width:min(100%,var(--crm-dialog-width-wide));max-height:calc(100dvh - var(--space-4xl));overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-command)}.app-shell .dialog-footer,.app-shell .dialog-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg)}.app-shell .dialog-header{justify-content:space-between;border-bottom:var(--border-width) solid var(--color-border)}.app-shell .dialog-footer{justify-content:flex-end;border-top:var(--border-width) solid var(--color-border)}.app-shell .dialog-body{display:grid;gap:var(--space-md);max-height:var(--command-list-max-height);overflow-y:auto;padding:var(--space-lg)}.app-shell .dialog-primary{margin-left:auto}.app-shell .sender-accounts-picker-dialog{width:min(100%,var(--content-width-standard))}.app-shell .option-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--option-card-min-width)),1fr));gap:var(--space-lg)}.app-shell .option-card{display:flex;min-width:0;flex-direction:column;gap:var(--space-xl);padding:var(--space-2xl);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);text-decoration:none;overflow:hidden}.app-shell .option-card-featured{grid-column:1/-1;flex-flow:row wrap;align-items:center;background:var(--color-surface)}.app-shell .option-card-link{cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.app-shell .option-card-link:hover{border-color:var(--color-border-strong);background:var(--color-surface-subtle);transform:translateY(calc(var(--space-2xs) * -1))}.app-shell .option-card-link:active{background:var(--color-surface-muted);transform:none}.app-shell .option-card-link:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.app-shell .option-card-disabled{background:var(--color-surface-subtle)}.app-shell .option-card-disabled .option-card-description,.app-shell .option-card-disabled .option-card-title{color:var(--color-text-muted)}.app-shell .option-card-footer,.app-shell .option-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.app-shell .option-card-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--option-card-icon-size);height:var(--option-card-icon-size);border-radius:var(--radius-md);background:var(--color-command-soft);color:var(--color-text-secondary)}.app-shell .option-card-featured .option-card-icon{background:var(--color-command);color:var(--color-text-inverse)}.app-shell .option-card-disabled .option-card-icon{color:var(--color-text-muted)}.app-shell .option-card-icon svg{width:var(--icon-size-control);height:var(--icon-size-control)}.app-shell .option-card-body{min-width:0}.app-shell .option-card-featured .option-card-body{flex:1 1 var(--option-card-min-width)}.app-shell .option-card-title{margin:0;color:var(--color-text);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:var(--line-height-panel)}.app-shell .option-card-description{margin:var(--space-xs) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--line-height-body);text-wrap:pretty}.app-shell .option-card-footer{margin-top:auto;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.app-shell .option-card-featured .option-card-footer{margin-top:0}.app-shell .option-card-footer svg{width:var(--icon-size-control);height:var(--icon-size-control);transition:transform var(--duration-fast) var(--ease-standard)}.app-shell .option-card-link:hover .option-card-footer svg{transform:translateX(var(--space-2xs))}@media (prefers-reduced-motion:reduce){.app-shell .option-card-link{transition-duration:var(--duration-none)}.app-shell .option-card-link:hover{transform:none}.app-shell .option-card-footer svg{transition-duration:var(--duration-none)}.app-shell .option-card-link:hover .option-card-footer svg{transform:none}}.app-shell .data-table{display:grid;overflow:hidden;background:var(--color-surface)}.app-shell .table-wrap{overflow-x:auto}.app-shell .table{width:100%;border-collapse:collapse;background:var(--color-surface);color:var(--color-text)}.app-shell .table td,.app-shell .table th{padding:var(--space-sm) var(--space-md);border-bottom:var(--border-width) solid var(--color-border);text-align:left;vertical-align:middle}.app-shell .table th{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.app-shell .table td{color:var(--color-text-secondary);font-size:var(--text-sm)}.app-shell .table tr:last-child td{border-bottom:0}.app-shell .table-row:hover{background:var(--color-surface-subtle)}.app-shell .table-cell-actions,.app-shell .table-heading-actions{text-align:right}.app-shell .table-actions{justify-content:flex-end}.app-shell .data-row{display:grid;grid-template-columns:minmax(210px,1.25fr) minmax(160px,.95fr) minmax(116px,.55fr) minmax(136px,.7fr) minmax(132px,.7fr) 36px;gap:var(--space-md);align-items:center;min-height:64px;padding:var(--space-sm) var(--space-lg);border-bottom:1px solid var(--color-border)}.app-shell .data-row:last-child{border-bottom:0}.app-shell .data-row-selected,.app-shell .data-row:hover{background:var(--color-surface-muted)}.app-shell .data-row-header{min-height:38px;background:var(--color-surface-subtle);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.app-shell .data-cell{display:grid;gap:var(--space-xs);min-width:0;color:var(--color-text-secondary);font-size:var(--text-sm)}.app-shell .data-primary{min-width:0;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-medium)}.app-shell .avatar-name{display:grid;grid-template-columns:32px minmax(0,1fr);gap:var(--space-sm);align-items:center}.app-shell .avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-lg);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.app-shell .data-meta{display:block;overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-normal);text-overflow:ellipsis;white-space:nowrap}.app-shell .row-progress{overflow:hidden;height:5px;border-radius:var(--radius-full);background:var(--color-border)}.app-shell .row-progress span{display:block;height:100%;border-radius:inherit;background:var(--color-text)}.app-shell .bulk-bar{position:fixed;left:50%;bottom:var(--space-2xl);transform:translateX(-50%);z-index:var(--z-sticky);display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-xl);background:var(--color-command);color:var(--color-text-inverse);box-shadow:var(--shadow-command);animation:rise-in var(--duration-fast) var(--ease-out)}.app-shell .bulk-bar-count{padding-right:var(--space-xs);color:var(--color-text-inverse);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}@media (max-width:900px){.app-shell .data-row{grid-template-columns:1fr;align-items:start;padding-block:var(--space-md)}.app-shell .data-row-header{display:none}}@media (prefers-reduced-motion:reduce){.app-shell .bulk-bar{animation:none}}.app-shell .entity-list{display:grid}.app-shell .entity-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-md);min-height:var(--height-panel-header);padding:var(--space-md) var(--space-lg);border-bottom:var(--border-width) solid var(--color-border)}.app-shell .entity-row:last-child{border-bottom:0}.app-shell .entity-primary{min-width:0}.app-shell .entity-title{margin:0;overflow-wrap:anywhere;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-height-tight)}.app-shell .entity-description{margin:var(--space-2xs) 0 0;overflow-wrap:anywhere;color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-body)}.app-shell .entity-actions,.app-shell .entity-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.app-shell .entity-meta{margin-top:var(--space-xs);color:var(--color-text-muted);font-size:var(--text-xs)}.app-shell .entity-actions{flex:0 0 auto}.app-shell .entity-row-selected{background:var(--color-info-soft)}.app-shell .entity-row-plan{align-items:flex-start}.app-shell .entity-row-plan .entity-primary{flex:0 1 var(--plan-primary-width)}.app-shell .entity-row-plan .feature-list{flex:1 1 var(--feature-list-min)}.app-shell .entity-heading{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-sm)}.app-shell .entity-price{margin:var(--space-xs) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium)}.app-shell .feature-list{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-md);margin:0;padding:0;list-style:none}.app-shell .feature-list li{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);font-size:var(--text-xs);line-height:var(--line-height-body)}.app-shell .feature-list svg{color:var(--color-success)}.app-shell .summary-list{display:flex;flex-wrap:wrap;gap:var(--space-md)}.app-shell .summary-item{min-width:var(--summary-item-min)}.app-shell .summary-label{display:block;margin-bottom:var(--space-2xs);color:var(--color-text-muted);font-size:var(--text-xs)}.app-shell .summary-value{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-shell .empty-state{display:grid;justify-items:start;gap:var(--space-sm);padding:var(--space-lg);color:var(--color-text-secondary);font-size:var(--text-sm)}.app-shell .empty-state p{margin:0}.app-shell .menu,.app-shell.menu{min-width:220px;padding:var(--space-xs);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-menu)}.app-shell .menu-floating,.app-shell.menu-floating{position:fixed;z-index:var(--z-popover)}.app-shell .menu-radix,.app-shell.menu-radix{position:relative;z-index:var(--z-popover)}.app-shell .menu-label{padding:var(--space-sm) var(--space-md);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.app-shell .menu-item{position:relative;display:flex;align-items:center;gap:var(--space-sm);min-height:var(--height-control-md);padding-inline:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.2;outline:none;transition:var(--transition-colors)}.app-shell .menu-item-active,.app-shell .menu-item:focus,.app-shell .menu-item:focus-visible,.app-shell .menu-item:hover,.app-shell .menu-item[data-highlighted],.app-shell .menu-item[data-state=open]{background:var(--color-surface-muted);color:var(--color-text)}.app-shell .menu-item:disabled,.app-shell .menu-item[data-disabled]{pointer-events:none;opacity:var(--opacity-disabled)}.app-shell .menu-item-inset{padding-left:calc(var(--height-control-md) + var(--space-xs))}.app-shell .menu-item-danger{color:var(--color-danger)}.app-shell .menu-item-danger:focus,.app-shell .menu-item-danger:focus-visible,.app-shell .menu-item-danger:hover,.app-shell .menu-item-danger[data-highlighted]{background:var(--color-danger-soft)}.app-shell .menu-item svg{width:16px;height:16px;color:currentColor}.app-shell .menu-item-indicator{position:absolute;left:var(--space-sm);display:inline-flex;align-items:center;justify-content:center;width:var(--icon-size-control);height:var(--icon-size-control)}.app-shell .menu-item-chevron,.app-shell .menu-shortcut{margin-left:auto}.app-shell .menu-item-dot{fill:currentColor}.app-shell .menu-shortcut{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.app-shell .menu-separator{height:1px;margin:var(--space-xs);background:var(--color-border)}.app-shell .command-overlay{position:fixed;inset:0;z-index:var(--z-command);display:flex;align-items:flex-start;justify-content:center;padding:var(--command-top-offset) var(--space-lg) var(--space-lg);background:var(--color-overlay);animation:fade-in var(--duration-fast) var(--ease-out)}.app-shell .command{display:flex;flex-direction:column;width:100%;max-width:var(--command-width);max-height:calc(100vh - var(--command-top-offset) - var(--space-2xl));overflow:hidden;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-command);animation:scale-in var(--duration-standard) var(--ease-out)}.app-shell .command-input{display:flex;align-items:center;gap:var(--space-sm);flex:0 0 auto;min-height:var(--command-input-height);padding-inline:var(--space-lg);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-command);color:var(--color-text-muted)}.app-shell .command-input svg{width:var(--icon-size-control);height:var(--icon-size-control);flex:0 0 auto}.app-shell .command-input input{flex:1 1 auto;width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font-family:var(--font-app);font-size:var(--text-lg);line-height:var(--line-height-tight)}.app-shell .command-input input::-moz-placeholder{color:var(--color-text-muted)}.app-shell .command-input input::placeholder{color:var(--color-text-muted)}.app-shell .command-list{flex:1 1 auto;overflow-y:auto;max-height:var(--command-list-max-height);padding:var(--space-sm)}.app-shell .command-group,.app-shell .command-list{display:flex;flex-direction:column;gap:var(--space-2xs)}.app-shell .command-group+.command-group{margin-top:var(--space-sm)}.app-shell .command-group-label{padding:var(--space-xs) var(--space-sm) var(--space-2xs);color:var(--color-text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:.04em;text-transform:uppercase}.app-shell .command-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;min-height:var(--height-control-lg);padding-inline:var(--space-sm);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-app);font-size:var(--text-sm);line-height:var(--line-height-tight);text-align:left;cursor:pointer;scroll-margin:var(--space-sm);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .command-item-active,.app-shell .command-item:hover{background:var(--color-surface-muted);color:var(--color-text)}.app-shell .command-icon{display:grid;place-items:center;flex:0 0 auto;width:var(--command-icon-tile);height:var(--command-icon-tile);border-radius:var(--radius-sm);background:var(--color-surface-subtle);color:var(--color-text-secondary);transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .command-item-active .command-icon,.app-shell .command-item:hover .command-icon{background:var(--color-surface);color:var(--color-text)}.app-shell .command-icon svg{width:var(--icon-size-control);height:var(--icon-size-control)}.app-shell .command-item-body{display:flex;flex-direction:column;gap:var(--space-2xs);flex:1 1 auto;min-width:0}.app-shell .command-item-title{overflow:hidden;color:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;text-overflow:ellipsis}.app-shell .command-item-subtitle{overflow:hidden;color:var(--color-text-muted);font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis}.app-shell .command-shortcut{display:inline-flex;align-items:center;gap:var(--space-2xs);flex:0 0 auto;margin-left:auto;padding-left:var(--space-sm)}.app-shell .command-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:var(--command-kbd-size);height:var(--command-kbd-size);padding-inline:var(--space-xs);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-app);font-size:var(--text-2xs);font-weight:var(--weight-medium);line-height:var(--line-height-none)}.app-shell .command-item-active .command-kbd,.app-shell .command-item:hover .command-kbd{border-color:var(--color-border-strong);color:var(--color-text-secondary)}.app-shell .command-empty{padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.app-shell .command-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex:0 0 auto;min-height:var(--height-control-md);padding-inline:var(--space-lg);border-top:var(--border-width) solid var(--color-border);background:var(--color-surface-command);color:var(--color-text-muted);font-size:var(--text-2xs)}.app-shell .command-hint{display:inline-flex;align-items:center;gap:var(--space-xs)}.app-shell .command-hint-group{display:inline-flex;align-items:center;gap:var(--space-lg)}@media (prefers-reduced-motion:reduce){.app-shell .command,.app-shell .command-overlay{animation:none}}.app-shell [data-tooltip]{position:relative}.app-shell [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + var(--space-xs));left:50%;z-index:var(--z-popover);width:-moz-max-content;width:max-content;max-width:var(--tooltip-max-width);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--text-sm);line-height:var(--line-height-tight);text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,var(--space-xs));transition:opacity var(--duration-fast) var(--ease-standard),transform var(--duration-fast) var(--ease-standard)}.app-shell [data-tooltip]:focus-visible:after,.app-shell [data-tooltip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:var(--tooltip-delay)}.app-shell [data-tooltip][data-tooltip-delay=fast]:focus-visible:after,.app-shell [data-tooltip][data-tooltip-delay=fast]:hover:after{transition-delay:var(--duration-none)}.app-shell [data-inbox-tooltip-scope=true] [data-tooltip]:after,.app-shell [data-inbox-tooltips=true] [data-tooltip]:after{display:none}@media (prefers-reduced-motion:reduce){.app-shell [data-tooltip]:after{transition:none;transform:translate(-50%)}}.app-shell .toast-stack{position:fixed;right:var(--space-xl);bottom:var(--space-xl);z-index:var(--z-toast);display:grid;gap:var(--space-sm);width:min(var(--toast-width),calc(100vw - (2 * var(--space-xl))));pointer-events:none}.app-shell .toast{display:grid;grid-template-columns:var(--toast-icon-size) minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-menu);animation:rise-in var(--duration-standard) var(--ease-out);pointer-events:auto;transition:opacity var(--duration-standard) var(--ease-standard),transform var(--duration-standard) var(--ease-standard)}.app-shell .toast[data-exiting=true]{opacity:0;transform:translateX(var(--space-xl))}.app-shell .toast-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--toast-icon-size);height:var(--toast-icon-size);border-radius:var(--radius-full);background:var(--color-info-soft);color:var(--color-info)}.app-shell .toast-close svg,.app-shell .toast-icon svg{width:var(--icon-size-control);height:var(--icon-size-control)}.app-shell .toast[data-kind=saved] .toast-icon,.app-shell .toast[data-kind=success] .toast-icon{background:var(--color-success-soft);color:var(--color-success)}.app-shell .toast[data-kind=error] .toast-icon{background:var(--color-danger-soft);color:var(--color-danger)}.app-shell .toast[data-kind=warning] .toast-icon{background:var(--color-warning-soft);color:var(--color-warning)}.app-shell .toast-title{display:block;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--line-height-tight)}.app-shell .toast-message{margin:var(--space-2xs) 0 0;color:var(--color-text-muted);font-size:var(--text-xs);line-height:var(--line-height-body)}.app-shell .toast-actions{display:flex;align-items:center;gap:var(--space-sm)}.app-shell .toast-action{color:var(--color-primary-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);transition:var(--transition-colors)}.app-shell .toast-action:hover{color:var(--color-primary-pressed)}.app-shell .toast-close{flex:0 0 auto}@media (prefers-reduced-motion:reduce){.app-shell .toast{animation:none}}.app-shell .drawer{display:flex;flex-direction:column;overflow:hidden;border-left:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-drawer)}.app-shell .drawer-footer,.app-shell .drawer-header{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);background:var(--color-surface)}.app-shell .drawer-header{border-bottom:1px solid var(--color-border)}.app-shell .drawer-footer{border-top:1px solid var(--color-border)}.app-shell .drawer-title{margin:0;color:var(--color-text);font-size:var(--text-xl);font-weight:var(--weight-semibold);line-height:1.25}.app-shell .drawer-subtitle{margin:var(--space-xs) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.4}.app-shell .drawer-body{display:grid;gap:var(--space-lg);overflow:auto;padding:var(--space-xl);background:var(--color-bg-elevated)}.app-shell .drawer-section{display:grid;gap:var(--space-md)}.app-shell .drawer-section-title{margin:0;color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-shell .confirm-dialog{width:min(92vw,var(--confirm-dialog-width));padding:0;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-command);overflow:hidden}.app-shell .confirm-dialog-title{padding:var(--space-lg) var(--space-xl) 0;color:var(--color-text);font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:var(--line-height-tight)}.app-shell .confirm-dialog-body{padding:var(--space-sm) var(--space-xl) 0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:var(--line-height-body)}.app-shell .confirm-dialog-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-lg) var(--space-xl) var(--space-lg)}.app-shell .tab-strip{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-subtle)}.app-shell .tab-strip-tab{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:var(--height-control-sm);padding-inline:var(--space-sm);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--line-height-none);white-space:nowrap;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .tab-strip-tab:hover,.app-shell .tab-strip-tab[data-active=true]{color:var(--color-text);background:var(--color-surface)}.app-shell .tab-strip-tab[data-active=true]{border-color:var(--color-border)}.app-shell .tab-strip-tab:focus-visible{outline:var(--focus-width) solid var(--color-focus);outline-offset:var(--focus-offset)}.app-shell .tab-strip-alert{width:var(--icon-size-badge);height:var(--icon-size-badge);color:var(--color-danger);flex-shrink:0}.app-shell .ds-page{min-height:100vh;padding:var(--space-3xl) var(--space-2xl) var(--space-3xl);background:var(--color-bg);color:var(--color-text);font-family:var(--font-app)}.app-shell .ds-container{display:grid;gap:var(--space-3xl);width:100%;max-width:1180px;margin-inline:auto}.app-shell .ds-masthead{display:grid;gap:var(--space-md)}.app-shell .ds-kicker{display:inline-flex;align-items:center;gap:var(--space-sm);width:-moz-fit-content;width:fit-content;color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.app-shell .ds-kicker .dot{width:4px;height:4px;border-radius:var(--radius-full);background:var(--color-border-strong)}.app-shell .ds-title{margin:0;font-size:var(--text-page-title);font-weight:var(--weight-semibold);line-height:1.1;letter-spacing:-.02em;text-wrap:balance}.app-shell .ds-lead{max-width:70ch;margin:0;color:var(--color-text-secondary);font-size:var(--text-md);line-height:1.55;text-wrap:pretty}.app-shell .ds-lead code{padding:1px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-subtle);font-family:var(--font-mono);font-size:var(--text-xs)}.app-shell .ds-influences{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.app-shell .ds-influence{display:grid;gap:var(--space-2xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.app-shell .ds-influence strong{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-shell .ds-influence span{color:var(--color-text-muted);font-size:var(--text-xs)}.app-shell .ds-nav{position:sticky;top:var(--space-md);z-index:10;display:flex;flex-wrap:wrap;gap:var(--space-2xs);padding:var(--space-xs);border:1px solid var(--color-border);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-surface) 88%,transparent);backdrop-filter:blur(10px)}.app-shell .ds-nav a{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.app-shell .ds-nav a:hover{background:var(--color-surface-muted);color:var(--color-text)}.app-shell .ds-section{display:grid;gap:var(--space-lg);scroll-margin-top:72px}.app-shell .ds-section-head{display:grid;gap:var(--space-2xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.app-shell .ds-section-index{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.04em}.app-shell .ds-section-title{margin:0;font-size:var(--text-2xl);font-weight:var(--weight-semibold);line-height:1.2}.app-shell .ds-section-desc{margin:0;max-width:72ch;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.app-shell .ds-group{display:grid;gap:var(--space-md)}.app-shell .ds-group-label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.app-shell .ds-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:var(--space-md)}.app-shell .ds-swatch{display:grid;gap:var(--space-xs)}.app-shell .ds-swatch-chip{height:60px;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.app-shell .ds-swatch-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.app-shell .ds-swatch-meta{display:grid;gap:1px}.app-shell .ds-swatch-hex,.app-shell .ds-swatch-var{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs)}.app-shell .ds-type-list{display:grid;gap:var(--space-md)}.app-shell .ds-type-row{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:var(--space-lg);align-items:baseline;padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.app-shell .ds-type-row:last-child{border-bottom:0;padding-bottom:0}.app-shell .ds-type-sample{min-width:0;color:var(--color-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell .ds-type-meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);justify-self:end;color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-align:right}.app-shell .ds-tokens{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-2xl)}.app-shell .ds-token-row{display:grid;grid-template-columns:88px minmax(0,1fr) 56px;gap:var(--space-md);align-items:center}.app-shell .ds-token-name{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:var(--text-2xs)}.app-shell .ds-token-bar{height:16px;border-radius:var(--radius-xs);background:var(--color-primary)}.app-shell .ds-token-box{height:44px;border:1px solid var(--color-border-strong);background:var(--color-surface-muted)}.app-shell .ds-token-value{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-2xs);text-align:right}.app-shell .ds-specimen{display:grid;gap:var(--space-lg);padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface)}.app-shell .ds-specimen-flush{padding:0;overflow:hidden}.app-shell .ds-spec-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:var(--space-lg);align-items:center}.app-shell .ds-spec-row+.ds-spec-row{padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.app-shell .ds-spec-label{color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.app-shell .ds-spec-items{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}.app-shell .ds-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-lg);align-items:start}.app-shell .ds-shell{display:grid;grid-template-columns:208px minmax(0,1fr);height:380px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl)}.app-shell .ds-shell-side{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-lg);background:var(--color-sidebar);color:var(--color-text-secondary);border-right:1px solid var(--color-sidebar-border)}.app-shell .ds-shell-brand{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text);font-size:var(--text-sm);font-weight:var(--weight-semibold)}.app-shell .ds-shell-brand .mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text)}.app-shell .ds-shell-nav{display:grid;gap:var(--space-2xs)}.app-shell .ds-shell-link{display:flex;align-items:center;gap:var(--space-sm);min-height:32px;padding-inline:var(--space-sm);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm)}.app-shell .ds-shell-link svg{width:16px;height:16px}.app-shell .ds-shell-link .count{margin-left:auto;min-width:20px;border-radius:var(--radius-full);background:var(--color-text);color:var(--color-text-inverse);font-size:var(--text-2xs);line-height:18px;text-align:center}.app-shell .ds-shell-link:hover{background:var(--color-surface);color:var(--color-text)}.app-shell .ds-shell-link-active{background:var(--color-surface-muted);color:var(--color-text)}.app-shell .ds-shell-main{display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}.app-shell .ds-shell-topbar{display:flex;align-items:center;gap:var(--space-md);min-height:52px;padding-inline:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.app-shell .ds-shell-search{display:flex;align-items:center;gap:var(--space-sm);flex:1 1 auto;height:var(--height-control-sm);padding-inline:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm)}.app-shell .ds-shell-content{display:grid;gap:var(--space-md);padding:var(--space-lg)}.app-shell .ds-drawer{max-width:420px;border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.app-shell .drawer-hero{display:grid;grid-template-columns:56px minmax(0,1fr);gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.app-shell .drawer-hero-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-xl);background:var(--color-text);color:var(--color-text-inverse)}.app-shell .drawer-hero h3,.app-shell .drawer-hero-mark{font-size:var(--text-lg);font-weight:var(--weight-semibold)}.app-shell .drawer-hero h3{margin:var(--space-sm) 0 var(--space-2xs);color:var(--color-text)}.app-shell .drawer-hero p{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.app-shell .detail-list{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-sm) var(--space-md);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-sm)}.app-shell .detail-list strong{color:var(--color-text);font-weight:var(--weight-semibold);text-align:right}.app-shell .activity-list{display:grid;gap:var(--space-md)}.app-shell .activity-item{display:grid;grid-template-columns:24px minmax(0,1fr);gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.45}.app-shell .activity-item strong{display:block;color:var(--color-text);font-size:var(--text-xs)}.app-shell .activity-dot{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-info-soft);color:var(--color-info)}.app-shell .activity-dot svg{width:13px;height:13px}@media (max-width:900px){.app-shell .ds-page{padding:var(--space-xl) var(--space-lg) var(--space-2xl)}.app-shell .ds-type-row{grid-template-columns:1fr;gap:var(--space-xs)}.app-shell .ds-type-meta{justify-self:start;text-align:left}.app-shell .ds-spec-row{grid-template-columns:1fr;gap:var(--space-sm)}.app-shell .ds-shell{grid-template-columns:1fr;height:auto}.app-shell .ds-shell-side{flex-direction:row;align-items:center;flex-wrap:wrap}.app-shell .ds-shell-nav{grid-auto-flow:column;grid-template-columns:none}}.app-shell .ds-widths{display:flex;flex-direction:column;gap:var(--space-md)}.app-shell .ds-width-row{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:var(--space-lg)}.app-shell .ds-width-meta{display:flex;flex-direction:column;gap:var(--space-2xs)}.app-shell .ds-width-name{font-size:var(--text-md);font-weight:var(--weight-semibold);color:var(--color-text)}.app-shell .ds-width-token{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.app-shell .ds-width-value{font-size:var(--text-xs);color:var(--color-text-secondary)}.app-shell .ds-width-track{position:relative;height:var(--height-control-lg);border-radius:var(--radius-md);background:repeating-linear-gradient(-45deg,var(--color-surface-subtle),var(--color-surface-subtle) 6px,var(--color-surface) 6px,var(--color-surface) 12px);border:var(--border-width) solid var(--color-border);overflow:hidden}.app-shell .ds-width-fill{display:flex;align-items:center;height:100%;padding-inline:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-inverse);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-shell .ds-width-fill-narrow{background:var(--color-command)}.app-shell .ds-width-fill-wide{background:var(--color-text-secondary)}.app-shell .ds-width-fill-fill{background:var(--color-info)}.app-shell .ds-width-fill-flush{background:var(--color-text);border-radius:0}.app-shell .ds-routemap{margin-top:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-2xs)}.app-shell .ds-routemap-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-secondary)}.app-shell .ds-routemap-mode{flex-shrink:0;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-full);font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--color-text-inverse)}.app-shell .ds-routemap-mode-narrow{background:var(--color-command)}.app-shell .ds-routemap-mode-wide{background:var(--color-text-secondary)}.app-shell .ds-routemap-mode-fill{background:var(--color-info)}.app-shell .ds-routemap-mode-flush{background:var(--color-text)}.app-shell .ds-density-row{display:flex;align-items:center;gap:var(--space-md);padding-inline:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.app-shell .ds-density-row+.ds-density-row{margin-top:var(--space-sm)}.app-shell .ds-density-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.app-shell .ds-density-use{flex:1 1 auto;font-size:var(--text-xs);color:var(--color-text-muted)}.app-shell .ds-density-meta{font-size:var(--text-2xs);color:var(--color-text-secondary)}.app-shell .ds-density-meta code{font-family:var(--font-mono)}.app-shell .ds-tonal-stack{display:flex;flex-direction:column;border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.app-shell .ds-tonal-step{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:var(--text-sm);color:var(--color-text)}.app-shell .ds-tonal-step+.ds-tonal-step{border-top:var(--border-width) solid var(--color-border)}.app-shell .ds-tonal-meta{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted)}.app-shell .ds-float-stack{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-md) 0}.app-shell .ds-float-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.app-shell .ds-float-card code{font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:var(--weight-normal);color:var(--color-text-muted)}.app-shell .ds-motion{display:flex;flex-direction:column;gap:var(--space-sm)}.app-shell .ds-motion-row{display:grid;grid-template-columns:200px 1fr 160px 140px;align-items:center;gap:var(--space-lg);padding:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.app-shell .ds-motion-meta{display:flex;flex-direction:column;gap:var(--space-2xs)}.app-shell .ds-motion-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.app-shell .ds-motion-use{font-size:var(--text-2xs);color:var(--color-text-muted)}.app-shell .ds-motion-curve{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-secondary)}.app-shell .ds-motion-track{position:relative;height:var(--height-control-sm);border-radius:var(--radius-full);background:var(--color-surface-subtle);border:var(--border-width) solid var(--color-border);overflow:hidden}.app-shell .ds-motion-dot{position:absolute;top:50%;left:var(--space-2xs);width:calc(var(--height-control-sm) - var(--space-sm));height:calc(var(--height-control-sm) - var(--space-sm));border-radius:var(--radius-full);background:var(--color-command);transform:translateY(-50%)}.app-shell .ds-motion-out .ds-motion-dot{transition:transform var(--duration-slow) var(--ease-out)}.app-shell .ds-motion-in .ds-motion-dot{transition:transform var(--duration-slow) var(--ease-in)}.app-shell .ds-motion-in-out .ds-motion-dot{transition:transform var(--duration-slow) var(--ease-in-out)}.app-shell .ds-motion-row:hover .ds-motion-dot{transform:translate(calc(100% * 6),-50%)}.app-shell .ds-motion-token{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-muted);justify-self:end}.app-shell .ds-motion-durations{margin-top:var(--space-xl)}.app-shell .ds-motion-duration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md)}.app-shell .ds-motion-duration{display:flex;flex-direction:column;gap:var(--space-2xs);padding:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.app-shell .ds-motion-duration-value{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.app-shell .ds-motion-duration code{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--color-text-secondary)}.app-shell .ds-motion-duration-use{font-size:var(--text-xs);color:var(--color-text-muted)}@media (prefers-reduced-motion:reduce){.app-shell .ds-motion-dot{transition-duration:var(--duration-none)!important}}.app-shell .ds-arbitration{display:flex;flex-direction:column;gap:var(--space-2xs)}.app-shell .ds-arb-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:var(--space-md);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.app-shell .ds-arb-property{font-size:var(--text-sm);color:var(--color-text-secondary)}.app-shell .ds-arb-owner{flex-shrink:0;padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border-strong);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text);background:var(--color-surface-subtle)}.app-shell .ds-arb-owner-instantly{border-color:color-mix(in srgb,var(--color-spotlight) 40%,var(--color-border));background:var(--color-spotlight-soft);color:var(--color-spotlight-strong)}@media (max-width:900px){.app-shell .ds-width-row{grid-template-columns:1fr;gap:var(--space-sm)}.app-shell .ds-density-row{flex-wrap:wrap;height:auto!important;padding-block:var(--space-sm)}}@media (prefers-reduced-motion:reduce){.app-shell .ds-nav a{transition-duration:0s}}