.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-md);font:500 var(--text-sm) / 1.2 var(--font-sans);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);white-space:nowrap}.ui-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.ui-btn--md{height:40px;padding:0 var(--space-4)}.ui-btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-md)}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--color-primary);color:var(--color-primary-fg)}.ui-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-btn--secondary{background:var(--color-bg);color:var(--color-fg);border-color:var(--color-border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-bg-muted)}.ui-btn--ghost{background:transparent;color:var(--color-fg-muted)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-fg)}.ui-btn--danger{background:var(--color-danger);color:#fff}.ui-btn__spinner{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-fg-muted);cursor:pointer;transition:background-color var(--motion-fast),color var(--motion-fast)}.ui-icon-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-icon-btn:disabled{opacity:.5;cursor:not-allowed}.ui-icon-btn--sm{width:28px;height:28px;font-size:14px}.ui-icon-btn--md{width:36px;height:36px;font-size:16px}.ui-icon-btn--ghost:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-fg)}.ui-icon-btn--secondary{border-color:var(--color-border-strong);background:var(--color-bg);color:var(--color-fg)}.ui-icon-btn--secondary:hover:not(:disabled){background:var(--color-bg-muted)}.ui-icon-btn--danger{color:var(--color-danger)}.ui-icon-btn--danger:hover:not(:disabled){background:var(--color-danger-soft)}.ui-icon-btn[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field__label{font:500 var(--text-sm) / 1.3 var(--font-sans);color:var(--color-fg)}.ui-field__req{color:var(--color-danger);margin-left:2px}.ui-input,.ui-select{height:var(--density-row);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font:400 var(--text-sm) / 1.2 var(--font-sans);transition:border-color var(--motion-fast),box-shadow var(--motion-fast)}.ui-input::placeholder{color:var(--color-fg-subtle)}.ui-input:focus,.ui-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.ui-input:disabled,.ui-select:disabled{background:var(--color-bg-muted);cursor:not-allowed}.ui-field--error .ui-input,.ui-field--error .ui-select{border-color:var(--color-danger)}.ui-field__error{font-size:var(--text-xs);color:var(--color-danger);margin:0}.ui-field__hint{font-size:var(--text-xs);color:var(--color-fg-muted);margin:0}.ui-textarea{min-height:80px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font:400 var(--text-sm) / 1.45 var(--font-sans);resize:vertical}.ui-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.ui-textarea:disabled{background:var(--color-bg-muted);cursor:not-allowed}.ui-field--error .ui-textarea{border-color:var(--color-danger)}.ui-field__counter{margin:0;align-self:flex-end;font-size:var(--text-xs);color:var(--color-fg-subtle)}.ui-check{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2);font-family:var(--font-sans)}.ui-check__box{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.ui-check__box:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-check__box:disabled{cursor:not-allowed}.ui-check__label{font-size:var(--text-sm);color:var(--color-fg);cursor:pointer}.ui-check__hint{grid-column:2;margin:0;font-size:var(--text-xs);color:var(--color-fg-muted)}.ui-radio{display:flex;flex-direction:column;gap:var(--space-2);border:0;margin:0;padding:0;font-family:var(--font-sans)}.ui-radio--inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-4)}.ui-radio__legend{padding:0;font:500 var(--text-sm) / 1.3 var(--font-sans);color:var(--color-fg)}.ui-radio__item{display:flex;align-items:flex-start;gap:var(--space-2)}.ui-radio__input{margin-top:2px;accent-color:var(--color-primary);cursor:pointer}.ui-radio__input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-radio__label{font-size:var(--text-sm);color:var(--color-fg);cursor:pointer}.ui-radio__hint{display:block;font-size:var(--text-xs);color:var(--color-fg-muted)}.ui-switch{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2) var(--space-3);font-family:var(--font-sans)}.ui-switch__track{width:40px;height:22px;padding:2px;border:0;border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;transition:background-color var(--motion-fast)}.ui-switch__track:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-switch__track:disabled{opacity:.5;cursor:not-allowed}.ui-switch__track[aria-checked=true]{background:var(--color-primary)}.ui-switch__thumb{display:block;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--motion-fast)}.ui-switch__track[aria-checked=true] .ui-switch__thumb{transform:translate(18px)}.ui-switch__label{font-size:var(--text-sm);color:var(--color-fg);cursor:pointer}.ui-switch__hint{grid-column:2;margin:0;font-size:var(--text-xs);color:var(--color-fg-muted)}.ui-avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font:600 var(--text-xs) / 1 var(--font-sans);overflow:visible}.ui-avatar--sm{width:24px;height:24px;font-size:11px}.ui-avatar--md{width:32px;height:32px}.ui-avatar--lg{width:48px;height:48px;font-size:var(--text-md)}.ui-avatar__img{width:100%;height:100%;border-radius:50%;object-fit:cover}.ui-avatar__status{position:absolute;right:0;bottom:0;width:9px;height:9px;border:2px solid var(--color-bg);border-radius:50%}.ui-avatar__status--online{background:var(--color-success)}.ui-avatar__status--offline{background:var(--color-fg-subtle)}.ui-avatar__status--busy{background:var(--color-danger)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font:500 var(--text-xs) / 1.4 var(--font-sans);white-space:nowrap}.ui-badge--sm{font-size:11px;padding:1px var(--space-2)}.ui-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor}.ui-badge--neutral{background:var(--color-bg-subtle);color:var(--color-fg-muted)}.ui-badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.ui-badge--success{background:var(--color-success-soft);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.ui-badge--info{background:var(--color-info-soft);color:var(--color-info)}[data-theme=dark] .ui-badge--success,[data-theme=dark] .ui-badge--warning,[data-theme=dark] .ui-badge--danger,[data-theme=dark] .ui-badge--info,[data-theme=dark] .ui-badge--primary{color:var(--color-fg)}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);font-family:var(--font-sans)}.ui-page-header__crumb{font-size:var(--text-xs);color:var(--color-fg-subtle);margin-bottom:var(--space-1)}.ui-page-header__title{margin:0;font:600 var(--text-xl) / 1.2 var(--font-sans);color:var(--color-fg)}.ui-page-header__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-fg-muted)}.ui-page-header__actions{display:flex;gap:var(--space-2);flex-shrink:0}.ui-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#00000073}.ui-modal__panel{width:100%;max-height:calc(100vh - 2 * var(--space-4));display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-fg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);outline:none}.ui-modal__panel--sm{max-width:400px}.ui-modal__panel--md{max-width:560px}.ui-modal__panel--lg{max-width:840px}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.ui-modal__title{margin:0;font:600 var(--text-lg) / 1.3 var(--font-sans)}.ui-modal__close{border:0;background:transparent;font-size:22px;line-height:1;color:var(--color-fg-muted);cursor:pointer}.ui-modal__body{padding:var(--space-5);overflow:auto}.ui-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.ui-drawer{position:fixed;inset:0;z-index:var(--z-modal);display:flex;background:var(--color-overlay)}.ui-drawer__panel{max-width:100%;height:100%;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-fg);box-shadow:var(--shadow-lg);outline:none}.ui-drawer__panel--right{margin-left:auto}.ui-drawer__panel--left{margin-right:auto}.ui-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.ui-drawer__title{margin:0;font:600 var(--text-lg) / 1.3 var(--font-sans)}.ui-drawer__close{border:0;background:transparent;font-size:22px;line-height:1;color:var(--color-fg-muted);cursor:pointer}.ui-drawer__body{flex:1;padding:var(--space-5);overflow:auto}.ui-drawer__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border)}.ui-dropdown{position:relative;display:inline-block;font-family:var(--font-sans)}.ui-dropdown__trigger{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-sm);cursor:pointer}.ui-dropdown__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-dropdown__trigger:disabled{opacity:.5;cursor:not-allowed}.ui-dropdown__menu{position:absolute;top:calc(100% + var(--space-1));z-index:var(--z-dropdown);min-width:180px;padding:var(--space-1);display:flex;flex-direction:column;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.ui-dropdown__menu--end{right:0}.ui-dropdown__menu--start{left:0}.ui-dropdown__item{padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-fg);font-size:var(--text-sm);text-align:left;cursor:pointer}.ui-dropdown__item:hover:not(:disabled){background:var(--color-bg-muted)}.ui-dropdown__item:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ui-dropdown__item:disabled{opacity:.5;cursor:not-allowed}.ui-dropdown__item--danger{color:var(--color-danger)}.ui-tabs{font-family:var(--font-sans)}.ui-tabs__list{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border)}.ui-tabs__tab{display:inline-flex;align-items:center;gap:var(--space-2);height:36px;padding:0 var(--space-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-fg-muted);font:500 var(--text-sm) / 1 var(--font-sans);cursor:pointer}.ui-tabs__tab:hover:not(:disabled){color:var(--color-fg)}.ui-tabs__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.ui-tabs__tab:disabled{opacity:.5;cursor:not-allowed}.ui-tabs__tab[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.ui-tabs__badge{padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-subtle);font-size:11px}.ui-tabs__panel{padding-top:var(--space-4)}.ui-tabs__panel:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.ui-crumb{font-family:var(--font-sans)}.ui-crumb__list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none;font-size:var(--text-xs)}.ui-crumb__item{display:inline-flex;gap:var(--space-2);align-items:center}.ui-crumb__link{color:var(--color-fg-muted);text-decoration:none}.ui-crumb__link:hover{color:var(--color-primary);text-decoration:underline}.ui-crumb__current{color:var(--color-fg)}.ui-crumb__sep{color:var(--color-fg-subtle)}.ui-stepper{display:flex;gap:var(--space-4);margin:0;padding:0;list-style:none;font-family:var(--font-sans)}.ui-stepper__item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-fg-subtle)}.ui-stepper__item.is-active{color:var(--color-primary)}.ui-stepper__item.is-done{color:var(--color-success)}.ui-stepper__marker{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:var(--text-xs);flex-shrink:0}.ui-stepper__item.is-active .ui-stepper__marker{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-fg)}.ui-stepper__text{display:flex;flex-direction:column}.ui-stepper__label{font-size:var(--text-sm);font-weight:500}.ui-stepper__desc{font-size:var(--text-xs);color:var(--color-fg-muted)}.ui-theme-toggle{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted)}.ui-theme-toggle__btn{width:28px;height:24px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-fg-subtle);font-size:13px;cursor:pointer}.ui-theme-toggle__btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ui-theme-toggle__btn[aria-checked=true]{background:var(--color-bg);color:var(--color-primary);box-shadow:var(--shadow-sm)}.ui-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.ui-skeleton__bar{display:block;background:linear-gradient(90deg,var(--color-bg-subtle) 25%,var(--color-bg-muted) 37%,var(--color-bg-subtle) 63%);background-size:400% 100%;animation:ui-skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.ui-skeleton__bar--text{height:12px;width:100%}.ui-skeleton__bar--block{height:96px;width:100%;border-radius:var(--radius-md)}.ui-skeleton__bar--circle{width:32px;height:32px;border-radius:50%}@keyframes ui-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.ui-skeleton__bar{animation:none}}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-fg-muted);font-family:var(--font-sans)}.ui-empty__icon{font-size:40px;color:var(--color-fg-subtle)}.ui-empty__title{margin:0;font:600 var(--text-md) / 1.3 var(--font-sans);color:var(--color-fg)}.ui-empty__desc{margin:0;max-width:420px;font-size:var(--text-sm)}.ui-empty__actions{margin-top:var(--space-2);display:flex;gap:var(--space-2)}.ui-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm)}.ui-alert__body{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.ui-alert__title{font-weight:600}.ui-alert__actions{margin-top:var(--space-2);display:flex;gap:var(--space-2)}.ui-alert__close{border:0;background:transparent;font-size:18px;line-height:1;cursor:pointer;color:inherit}.ui-alert--info{background:var(--color-info-soft);border-color:var(--color-info);color:var(--color-fg)}.ui-alert--success{background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-fg)}.ui-alert--warning{background:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-fg)}.ui-alert--danger{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-fg)}.ui-tooltip{position:relative;display:inline-flex}.ui-tooltip__anchor{display:inline-flex}.ui-tooltip__bubble{position:absolute;left:50%;transform:translate(-50%);z-index:var(--z-dropdown);max-width:260px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-fg);color:var(--color-bg);font:400 var(--text-xs) / 1.4 var(--font-sans);white-space:normal;pointer-events:none}.ui-tooltip__bubble--top{bottom:calc(100% + var(--space-1))}.ui-tooltip__bubble--bottom{top:calc(100% + var(--space-1))}.ui-toast-host{position:fixed;right:var(--space-4);bottom:var(--space-4);z-index:60;display:flex;flex-direction:column;gap:var(--space-2);max-width:360px}.ui-toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);box-shadow:var(--shadow-md);font-family:var(--font-sans)}.ui-toast--success{border-left-color:var(--color-success)}.ui-toast--warning{border-left-color:var(--color-warning)}.ui-toast--danger{border-left-color:var(--color-danger)}.ui-toast__body{flex:1}.ui-toast__title{font-size:var(--text-sm)}.ui-toast__desc{margin:2px 0 0;font-size:var(--text-xs);color:var(--color-fg-muted)}.ui-toast__close{border:0;background:transparent;cursor:pointer;color:var(--color-fg-subtle);font-size:18px}.ui-toast-enter-active,.ui-toast-leave-active{transition:all var(--motion-base)}.ui-toast-enter-from,.ui-toast-leave-to{opacity:0;transform:translateY(8px)}.ui-table{display:flex;flex-direction:column;gap:var(--space-3);font-family:var(--font-sans)}.ui-table__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.ui-table__filters{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ui-table__tools,.ui-table__views{display:flex;align-items:center;gap:var(--space-2)}.ui-table__picker{position:relative}.ui-table__btn,.ui-table__view-select{height:32px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-fg);font-size:var(--text-xs);cursor:pointer}.ui-table__btn:focus-visible,.ui-table__view-select:focus-visible,.ui-table__sort-btn:focus-visible,.ui-table__move:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}.ui-table__btn:disabled{opacity:.45;cursor:not-allowed}.ui-table__btn--danger{color:var(--color-danger);border-color:var(--color-danger)}.ui-table__picker-menu{position:absolute;right:0;z-index:var(--z-dropdown);min-width:240px;margin:var(--space-1) 0 0;padding:var(--space-2);list-style:none;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-sm)}.ui-table__picker-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.ui-table__picker-label{display:flex;gap:var(--space-2);padding:var(--space-1) 0;cursor:pointer}.ui-table__picker-move{display:inline-flex;gap:2px}.ui-table__move{width:22px;height:22px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;color:var(--color-fg-muted)}.ui-table__move:disabled{opacity:.35;cursor:not-allowed}.ui-table__view-form{display:flex;align-items:flex-end;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted)}.ui-table__view-field{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-xs)}.ui-table__view-check{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.ui-table__bulk{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-fg);font-size:var(--text-xs)}.ui-table__bulk-count{font-weight:600}.ui-table__scroll{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ui-table__table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.ui-table__table th,.ui-table__table td{height:var(--density-row);padding:0 var(--space-3);border-bottom:1px solid var(--color-border)}.ui-table__table th{position:sticky;top:0;z-index:1;background:var(--color-bg-muted);color:var(--color-fg-muted);font-weight:500;text-align:left;white-space:nowrap}.ui-table__sort-btn{display:inline-flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0}.ui-table__table th.is-sorted{color:var(--color-fg)}.ui-table__sort{font-size:10px}.ui-table__select-cell{width:36px;text-align:center}.ui-table__row:hover{background:var(--color-bg-muted)}.ui-table__row.is-selected{background:var(--color-primary-soft)}.ui-table__state td{text-align:center;color:var(--color-fg-subtle);height:64px}.ui-table__spacer td{border:0}.ui-table__error{color:var(--color-danger)}.ui-table__pager{display:flex;justify-content:flex-end;gap:var(--space-2)}.shell{display:flex;min-height:100vh}.shell__sidebar{position:sticky;top:0;height:100vh;width:232px;display:flex;flex-direction:column;background:var(--color-bg);border-right:1px solid var(--color-border);transition:width var(--motion-base)}.shell--collapsed .shell__sidebar{width:64px}.shell__brand{display:flex;align-items:center;gap:var(--space-3);height:56px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border)}.shell__logo{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:contain}.shell__logo--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-primary-fg);font-weight:700}.shell__brand-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell__nav{flex:1;overflow-y:auto;padding:var(--space-2);display:flex;flex-direction:column;gap:2px}.shell__nav-item{display:flex;align-items:center;gap:var(--space-3);height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-fg-muted);text-decoration:none;white-space:nowrap}.shell__nav-item:hover{background:var(--color-bg-muted);color:var(--color-fg)}.shell__nav-item.is-active{background:var(--color-primary-soft);color:var(--color-primary);font-weight:500}.shell__nav-icon{width:20px;text-align:center;font-size:16px}.shell__collapse{height:40px;border:0;border-top:1px solid var(--color-border);background:transparent;color:var(--color-fg-subtle);cursor:pointer}.shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.shell__topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:56px;padding:0 var(--space-5);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.shell__search{display:flex;align-items:center;gap:var(--space-2);width:min(420px,100%);height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-muted);color:var(--color-fg-subtle);cursor:pointer;text-align:left}.shell__topbar-right{display:flex;align-items:center;gap:var(--space-3)}.shell__icon-btn{border:0;background:transparent;font-size:18px;cursor:pointer}.shell__bell{position:relative;line-height:1}.shell__bell-badge{position:absolute;top:-4px;inset-inline-end:-6px;min-width:16px;padding:0 4px;border-radius:var(--radius-full);background:var(--color-danger);color:var(--color-bg);font-size:var(--text-xs);font-weight:600;line-height:16px;text-align:center}.shell__user{display:flex;align-items:center;gap:var(--space-2)}.shell__avatar{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);font-weight:600}.shell__user-name{font-size:var(--text-sm)}.shell__content{flex:1;padding:var(--space-6)}@media(max-width:768px){.shell__sidebar{width:64px}.shell__nav-label,.shell__brand-name,.shell__user-name,.shell__search-text{display:none}}