.app-shell{--segment-track:#f4f4f5;--segment-shadow:0 1px 2px #11111214, 0 0 0 .5px #1111120d;--button-fill:#111112;--button-hover:#2a2a2d;--button-text:#fff}:root[data-theme=dark] .app-shell{--segment-track:#1c1c1f;--segment-shadow:0 1px 2px #00000080;--button-fill:#f4f4f5;--button-hover:#fff;--button-text:#111112}.app-shell .page-title{border:0;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 24px;min-height:44px;margin-bottom:24px;padding:0;display:flex}.app-shell .page-title>div:first-child{flex:420px;min-width:min(100%,280px)}.app-shell .page-title h1{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--ink);font-size:28px;font-weight:600;line-height:1.15}.app-shell .page-title p{max-width:76ch;color:var(--muted);margin-top:6px;font-size:15px;line-height:1.5}.app-shell .page-title .eyebrow{color:var(--faint);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:500}.app-shell .page-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-2px;display:flex}.app-shell .back-link{color:var(--muted);gap:6px;margin-bottom:14px;font-size:14px}.app-shell .back-link:hover{color:var(--ink)}.app-shell .button{border:1px solid var(--button-fill);background:var(--button-fill);min-height:36px;color:var(--button-text);white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14.5px;font-weight:500;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #11111233}.app-shell .button>svg{color:var(--graphite-icon)}.app-shell .button:not(:disabled):hover{background:var(--button-hover);border-color:var(--button-hover);color:var(--button-text);opacity:1;box-shadow:inset 0 1px #ffffff24,0 2px 6px -1px #11111240}.app-shell .button:not(:disabled):active{transform:scale(.98)}.app-shell :is(.button.secondary,.button.light){background:linear-gradient(var(--surface), var(--page-fill));border-color:var(--sc-hair);box-shadow:var(--surface-highlight), 0 1px 2px #1111120d;color:var(--ink)}.app-shell :is(.button.secondary,.button.light)>svg{color:var(--muted)}.app-shell :is(.button.secondary,.button.light):not(:disabled):hover{background:var(--surface);border-color:var(--sc-hair);color:var(--ink);box-shadow:0 1px 3px #1111120f}.app-shell .button.brand-action,.app-shell .button.brand-action:not(:disabled):hover{background:var(--brand-lime);border-color:color-mix(in srgb, var(--brand-lime) 78%, #1c2a04);color:#1c2a04;box-shadow:inset 0 1px #ffffff80}.app-shell .button.brand-action>svg{color:currentColor}.app-shell .button.brand-action:not(:disabled):hover{background:color-mix(in srgb, var(--brand-lime) 88%, #fff);box-shadow:inset 0 1px #ffffff8c,0 2px 6px -1px #3c5a0040}.app-shell .button.danger,.app-shell .button.danger:not(:disabled):hover{background:var(--surface);border-color:color-mix(in srgb, var(--danger) 26%, var(--line));box-shadow:none;color:var(--danger)}.app-shell .button.danger>svg{color:currentColor}.app-shell .button.danger:not(:disabled):hover{border-color:var(--danger)}.app-shell :is(.button.small,.button.compact){border-radius:8px;min-height:30px;padding:0 11px;font-size:13.5px}.app-shell .button:disabled{opacity:.45;cursor:not-allowed}@media (max-width:760px){.app-shell .button{min-height:44px}}@media (prefers-reduced-motion:reduce){.app-shell .button{transition:none}.app-shell .button:not(:disabled):active{transform:none}}.app-shell .segments{background:var(--segment-track);width:fit-content;max-width:100%;box-shadow:inset 0 1px 2px #11111212, 0 1px 0 var(--surface);scrollbar-width:none;border:0;border-radius:10px;gap:2px;padding:3px;display:inline-flex;overflow-x:auto}.app-shell .segments::-webkit-scrollbar{display:none}.app-shell .segments :is(a,button){min-height:30px;box-shadow:none;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:400;transition:background-color .12s,color .12s;display:inline-flex}.app-shell .segments :is(a,button):hover{color:var(--ink);background:0 0}.app-shell .segments :is(.active,[aria-current=page],[aria-pressed=true]),.app-shell .segments :is(.active,[aria-current=page],[aria-pressed=true]):hover{background:var(--surface);box-shadow:var(--segment-shadow);color:var(--ink);font-weight:500}.app-shell .segments.page-tabs{margin-bottom:24px}@media (max-width:760px){.app-shell .segments :is(a,button){min-height:40px}}.app-shell .search-field{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--faint);border-radius:10px;padding:0 4px 0 11px;box-shadow:0 1px 1px #11111208}.app-shell .search-field:hover{border-color:var(--sc-hair)}.app-shell .search-field:focus-within{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 7%, transparent)}.app-shell .search-field input{height:34px;font-size:14px}.app-shell .search-field input::placeholder{color:var(--faint)}.app-shell .search-field .icon-button{border-radius:7px;width:28px;height:28px;min-height:28px}.app-shell .select-trigger:not(:where(.field *)){border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);border-radius:10px;padding:0 10px 0 12px;font-size:14px;box-shadow:0 1px 1px #11111208}.app-shell .select-trigger:not(:where(.field *)):hover:not(:disabled){border-color:var(--sc-hair)}.app-shell .select-trigger[data-popup-open]{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 7%, transparent)}@media (max-width:760px){.app-shell :is(.search-field,.select-trigger:not(:where(.field *))){min-height:44px}.app-shell .search-field input{height:42px;font-size:16px}}.app-shell .stat-value>strong{font-family:var(--font-figure);font-variant-numeric:tabular-nums;letter-spacing:-.035em;font-weight:600}.app-shell .metric-cards .stat-value>strong{font-size:30px;line-height:1.1}.app-shell .badge{background:var(--sc-inset);min-height:22px;color:var(--ink);white-space:nowrap;border:0;border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.app-shell .badge.subtle{background:var(--sc-inset);color:var(--muted)}.app-shell .badge.success{background:var(--up-soft);color:var(--up)}.app-shell .badge.warm{background:var(--caution-soft);color:var(--caution)}.app-shell :is(.badge.danger,.badge.error){background:var(--danger-soft);color:var(--danger)}.app-shell .page :is(.panel,.table-panel){border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--surface-highlight), var(--card-shadow)}.app-shell .page .settings-workspace-panel{box-shadow:none;background:0 0;border:0}.app-shell .panel-heading h2{letter-spacing:-.1px;font-size:15px;font-weight:600}.app-shell .field :is(input,textarea,select){border:1px solid var(--field-line);border-radius:var(--radius-field);background:var(--page-fill);color:var(--ink);transition:border-color .12s,box-shadow .12s;box-shadow:inset 0 1px 2px #11111206}.app-shell .field :is(input,select){min-height:40px}.app-shell .field :is(input,textarea,select):hover:not(:disabled){border-color:var(--sc-ash)}.app-shell .field :is(input,textarea,select):focus-visible{border-color:var(--ink);box-shadow:0 0 0 4px color-mix(in srgb, var(--ink) 7%, transparent);outline:none}.app-shell .notice{background:var(--sc-inset);color:var(--nav-text);border:0;border-radius:10px}.app-shell .empty{text-align:center;max-width:none;min-height:0;color:var(--muted);align-content:center;justify-items:center;gap:0;margin:0;padding:44px 24px;display:grid}.app-shell .page .empty{border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--surface);box-shadow:var(--card-shadow)}.app-shell .page .empty[data-embedded],.app-shell .page :is(.panel,.card,table,dialog,[class*=card],[class*=Card],[class*=panel],[class*=Panel],[class*=empty],[class*=Empty]) .empty{box-shadow:none;background:0 0;border:0;border-radius:0}.app-shell .empty-icon{background:var(--sc-inset);width:44px;height:44px;box-shadow:var(--surface-highlight), 0 0 0 1px var(--line), 0 4px 8px -5px #1111122e;color:var(--ink);border:0;border-radius:12px;place-items:center;margin:0 0 16px;padding:0;display:grid}.app-shell .empty h3{color:var(--ink);letter-spacing:-.2px;margin:0 0 6px;font-size:16px;font-weight:600}.app-shell .empty p{max-width:46ch;color:var(--muted);margin:0 auto;font-size:14.5px;line-height:1.55}.app-shell .empty>:is(.button,a.button,div){margin-top:20px}.app-shell .field .hint{color:var(--muted);margin:6px 0 0;font-size:13px;font-weight:400;line-height:1.5;display:block}.app-shell .empty-collage{flex:none;width:264px;height:160px;margin:0 auto 24px;display:block;position:relative}.app-shell .empty-collage img{object-fit:cover;border:4px solid var(--surface);background:var(--sc-inset);border-radius:18px;width:112px;height:140px;position:absolute;top:14px;box-shadow:0 16px 32px -16px #11111266}.app-shell .empty-collage img:first-child{left:6px;transform:rotate(-8deg)}.app-shell .empty-collage img:nth-child(2){z-index:1;width:120px;height:152px;top:0;left:72px;transform:rotate(1.5deg)}.app-shell .empty-collage img:nth-child(3){left:146px;transform:rotate(8deg)}.app-shell .empty-with-collage{padding-block:48px 52px}.app-shell .empty-with-collage h3{font-family:var(--font-heading);letter-spacing:-.03em;font-size:24px;font-weight:600;line-height:1.2}.app-shell .empty-with-collage p{font-size:15px}
:root{--motion-fast:.12s;--motion-enter:.18s;--motion-resize:.22s;--motion-ease:cubic-bezier(.2, .8, .2, 1)}[data-search-match=true]{outline:2px solid var(--brand-lime);outline-offset:3px;scroll-margin-block:80px}.message-search-context{color:var(--muted);justify-content:space-between;gap:12px;padding:10px 16px;font-size:12px;display:flex}@keyframes workspace-surface-enter{0%{opacity:0;transform:translateY(-5px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes workspace-surface-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-3px)scale(.99)}}@keyframes workspace-backdrop-enter{0%{opacity:0}to{opacity:1}}.motion-surface{transform-origin:var(--transform-origin,top right);animation:workspace-surface-enter var(--motion-enter) var(--motion-ease) both}.motion-surface[data-exiting=true]{pointer-events:none;animation:workspace-surface-exit var(--motion-fast) ease-in both}.motion-popup,.select-popup{transform-origin:var(--transform-origin,top right);transition:opacity var(--motion-enter) var(--motion-ease), transform var(--motion-enter) var(--motion-ease)}.motion-popup[data-starting-style],.select-popup[data-starting-style]{opacity:0;transform:translateY(-5px)scale(.985)}.motion-popup[data-ending-style],.select-popup[data-ending-style]{opacity:0;transition-duration:var(--motion-fast);transform:translateY(-3px)scale(.99)}.modal[open]{animation:workspace-surface-enter var(--motion-enter) var(--motion-ease) both}.modal[open]::backdrop{animation:workspace-backdrop-enter var(--motion-enter) ease-out both}.app-shell :is(.icon-button,.account-avatar-button,.workspace-search,.switcher-trigger,.nav-item,.button,.segments a,.segments button){transition-duration:var(--motion-fast);transition-timing-function:var(--motion-ease)}.app-shell :is(.icon-button,.account-avatar-button,.workspace-search){transition-property:color,background-color,border-color,box-shadow,transform}.app-shell :is(.icon-button,.account-avatar-button,.workspace-search):active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-enter:0s;--motion-resize:0s}.motion-surface,.motion-popup,.select-popup,.modal[open],.modal[open]::backdrop{transition:none!important;animation:none!important;transform:none!important}.app-shell :is(.icon-button,.account-avatar-button,.workspace-search):active{transform:none}}