:root{--font-sans: "Bai Jamjuree", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .85rem;--text-md: .9rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.6rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--z-sticky: 10;--z-dropdown: 100;--z-overlay: 400;--z-drawer: 450;--z-fab: 490;--fab-size: 44px;--fab-offset: var(--space-6);--z-flyout: 500;--z-modal: 1000;--z-toast: 1100;--sidebar-width: 260px;--sidebar-nav-text: var(--text-md);--sidebar-sub-indent: calc(var(--space-3) + 18px + var(--space-3));--rail-width: 64px;--topbar-height: 64px;--mobile-breakpoint: 768px;--motion-fast: .12s;--motion: .22s;--motion-slow: .32s;--ease: cubic-bezier(.2, .8, .2, 1)}:root,[data-theme-scope=light]{color-scheme:light;--color-bg: #f3f4f6;--color-surface: #ffffff;--color-surface-2: #f9fafb;--color-surface-hover: #f3f4f6;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-soft: #eef2ff;--color-accent-text: #ffffff;--color-focus: #6366f1;--color-success: #15803d;--color-success-soft: #dcfce7;--color-warning: #b45309;--color-warning-soft: #fef3c7;--color-danger: #b91c1c;--color-danger-soft: #fee2e2;--color-info: #0369a1;--color-info-soft: #e0f2fe;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .16);--skeleton: rgba(15, 23, 42, .06);--shell-topbar-bg: #ffffff;--shell-topbar-border: #e5e7eb;--shell-topbar-text: #0f172a;--shell-topbar-icon: #334155;--shell-topbar-muted: #64748b}:root{--sidebar-bg: #fcfcfd;--sidebar-flyout-bg: #ffffff;--sidebar-text: #334155;--sidebar-text-strong: #0f172a;--sidebar-text-muted: #475569;--sidebar-icon: #64748b;--sidebar-tagline: #64748b;--sidebar-brand-text: #0f172a;--sidebar-hairline: #e5e7eb;--sidebar-shadow: 1px 0 0 rgba(15, 23, 42, .02);--sidebar-scrollbar: rgba(15, 23, 42, .18);--sidebar-hover: rgba(15, 23, 42, .05);--sidebar-active: #4338ca;--sidebar-active-bg: #eef2ff;--sidebar-skeleton: rgba(15, 23, 42, .06);--sidebar-text-subtle: #64748b;--sidebar-chip-bg: #f1f5f9;--sidebar-danger-bg: #fef2f2;--sidebar-danger-border: #fecaca;--sidebar-danger-text: #b91c1c;--seg-on-bg: #ffffff;--role-badge-bg: #4f46e5;--role-badge-text: #ffffff;--brand-gradient: linear-gradient(135deg, #6366f1, #8b5cf6);--brand-text: #ffffff;--overlay-bg: rgba(15, 23, 42, .45)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0b1220;--color-surface: #111827;--color-surface-2: #0f172a;--color-surface-hover: #1f2937;--color-border: #1f2937;--color-border-strong: #334155;--color-text: #e5e7eb;--color-text-muted: #94a3b8;--color-text-subtle: #64748b;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-soft: rgba(129, 140, 248, .14);--color-accent-text: #0b1220;--color-focus: #a5b4fc;--color-success: #4ade80;--color-success-soft: rgba(74, 222, 128, .12);--color-warning: #fbbf24;--color-warning-soft: rgba(251, 191, 36, .12);--color-danger: #f87171;--color-danger-soft: rgba(248, 113, 113, .12);--color-info: #38bdf8;--color-info-soft: rgba(56, 189, 248, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .45);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .55);--skeleton: rgba(255, 255, 255, .06);--shell-topbar-bg: #0f172a;--shell-topbar-border: #1e293b;--shell-topbar-text: #f1f5f9;--shell-topbar-icon: #cbd5e1;--shell-topbar-muted: #94a3b8;--sidebar-bg: linear-gradient(180deg, #1e293b 0%, #0f172a 100%);--sidebar-flyout-bg: #1e293b;--sidebar-text: #e2e8f0;--sidebar-text-strong: #f8fafc;--sidebar-text-muted: #94a3b8;--sidebar-icon: #94a3b8;--sidebar-tagline: #94a3b8;--sidebar-brand-text: #ffffff;--sidebar-hairline: rgba(255, 255, 255, .08);--sidebar-shadow: 4px 0 24px rgba(0, 0, 0, .25);--sidebar-scrollbar: rgba(255, 255, 255, .14);--sidebar-hover: rgba(255, 255, 255, .07);--sidebar-active: #7dd3fc;--sidebar-active-bg: rgba(56, 189, 248, .14);--sidebar-skeleton: rgba(255, 255, 255, .06);--sidebar-text-subtle: #cbd5e1;--sidebar-chip-bg: rgba(148, 163, 184, .2);--sidebar-danger-bg: rgba(239, 68, 68, .12);--sidebar-danger-border: rgba(239, 68, 68, .3);--sidebar-danger-text: #fca5a5;--seg-on-bg: rgba(56, 189, 248, .16)}[data-theme-scope=light]{color:var(--color-text)}@media(prefers-reduced-motion:reduce){:root{--motion-fast: 0ms;--motion: 0ms;--motion-slow: 0ms}}html,body{margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}.ui-icon{flex:0 0 auto;display:inline-block;vertical-align:middle}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-semibold);line-height:1;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--motion-fast) var(--ease),border-color var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.ui-btn--md{min-height:38px;padding:0 var(--space-4);font-size:var(--text-sm)}.ui-btn--sm{min-height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.ui-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.ui-btn:disabled{opacity:.6;cursor:default}.ui-btn--primary{background:var(--color-accent);color:var(--color-accent-text)}.ui-btn--primary:hover:not(:disabled){background:var(--color-accent-hover)}.ui-btn--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border-strong)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover)}.ui-btn--danger{background:var(--color-danger-soft);color:var(--color-danger);border-color:var(--color-danger-soft)}.ui-btn--danger:hover:not(:disabled){border-color:var(--color-danger)}.ui-btn--ghost{background:transparent;color:var(--color-accent)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-accent-soft)}.ui-spinner{width:14px;height:14px;border-radius:var(--radius-pill);border:2px solid currentColor;border-right-color:transparent;animation:ui-spin calc(var(--motion-slow) * 2.5) linear infinite}@keyframes ui-spin{to{transform:rotate(360deg)}}.ui-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin:0 0 var(--space-4)}.ui-page-header__text{min-width:0;flex:1 1 280px}.ui-page-header__eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.ui-page-header__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:var(--leading-tight);text-wrap:balance;overflow-wrap:anywhere}.ui-page-header__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.ui-page-header__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-sm)}.ui-empty__icon{color:var(--color-text-subtle)}.ui-empty__title{font-weight:var(--weight-semibold);color:var(--color-text);font-size:var(--text-md)}.ui-empty__desc{max-width:60ch;line-height:var(--leading-normal)}.ui-empty__actions{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.ui-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-sm);line-height:var(--leading-normal)}.ui-notice__icon{margin-top:2px}.ui-notice__body{flex:1;min-width:0;overflow-wrap:anywhere}.ui-notice__title{font-weight:var(--weight-semibold)}.ui-notice__action{flex:0 0 auto}.ui-notice--info{background:var(--color-info-soft);color:var(--color-info)}.ui-notice--success{background:var(--color-success-soft);color:var(--color-success)}.ui-notice--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ui-notice--danger{background:var(--color-danger-soft);color:var(--color-danger)}.ui-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-shrink:0}.ui-toolbar__main{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;min-width:0;flex:1 1 auto}.ui-toolbar__end{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-left:auto}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.ui-card--padded{padding:var(--space-4)}.ui-table-region{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.ui-table-region__scroll{flex:1;min-height:0;overflow:auto}.ui-table-region__scroll:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.ui-table-region thead th,.ui-table-region [data-sticky-header]{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface-2)}.ui-table-region__footer{border-top:1px solid var(--color-border);flex-shrink:0}.ui-skeleton{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0}.ui-skeleton__line{height:14px;border-radius:var(--radius-sm);background:var(--skeleton);animation:ui-pulse calc(var(--motion-slow) * 4) ease-in-out infinite}.ui-skeleton__line[data-variant=short]{width:70%}.ui-skeleton__line[data-variant=long]{width:92%}@keyframes ui-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.ui-spinner,.ui-skeleton__line{animation:none}}.shell{display:flex;height:100vh;overflow:hidden;font-family:var(--font-sans);background:var(--color-bg)}.shell-skip{position:absolute;left:var(--space-2);top:-48px;z-index:var(--z-toast);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-text);text-decoration:none;font-weight:var(--weight-semibold)}.shell-skip:focus{top:var(--space-2)}.shell-sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);height:100vh;box-sizing:border-box;display:flex;flex-direction:column;background:var(--sidebar-bg);color:var(--sidebar-text-strong);border-right:1px solid var(--sidebar-hairline);box-shadow:var(--sidebar-shadow);z-index:var(--z-drawer);transition:width var(--motion) var(--ease),flex-basis var(--motion) var(--ease),transform var(--motion) var(--ease)}.shell-brand{display:flex;align-items:center;gap:var(--space-3);min-width:0;height:var(--topbar-height);box-sizing:border-box;flex:0 0 auto;padding:0 var(--space-3) 0 var(--space-5);border-bottom:1px solid var(--sidebar-hairline)}.shell-brand__chip{flex:0 0 auto;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:var(--brand-text);font-size:15px;font-weight:800;letter-spacing:.02em;box-shadow:0 4px 12px #6366f14d}.shell-brand__lockup{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1px;min-width:0}.shell-brand__name{font-size:15px;font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.01em;color:var(--sidebar-brand-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-brand__tagline{font-size:11px;line-height:1.1;color:var(--sidebar-tagline);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);scrollbar-width:thin;scrollbar-color:var(--sidebar-scrollbar) transparent}.shell-group{display:flex;flex-direction:column;margin-bottom:var(--space-1);position:relative}.shell-group__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;box-sizing:border-box;padding:9px var(--space-3);margin-bottom:2px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-sans);font-size:var(--sidebar-nav-text);font-weight:var(--weight-medium);color:var(--sidebar-text);justify-content:flex-start;gap:var(--space-3);transition:color var(--motion-fast) var(--ease),background var(--motion-fast) var(--ease)}.shell-group__header:hover{color:var(--sidebar-text-strong);background:var(--sidebar-hover)}.shell-group__icon{flex:0 0 auto;color:var(--sidebar-icon)}.shell-group__header[data-has-active=true] .shell-group__icon{color:var(--sidebar-active)}.shell-group__label{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-group__inner .shell-link{padding-left:var(--sidebar-sub-indent)}.shell-group__header[data-has-active=true]{color:var(--sidebar-text-strong)}.shell-caret{opacity:.75;transition:transform var(--motion) var(--ease)}.shell-group__header[aria-expanded=true] .shell-caret{transform:rotate(90deg)}.shell-group__panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--motion) var(--ease)}.shell-group__panel[data-expanded=false]{grid-template-rows:0fr}.shell-group__inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:var(--space-1)}.shell-link{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:var(--sidebar-text);font-size:var(--sidebar-nav-text);font-weight:var(--weight-regular);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.shell-link:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.shell-link:focus-visible,.shell-group__header:focus-visible,.shell-rail-btn:focus-visible,.shell-iconbtn:focus-visible,.shell-acct__btn:focus-visible,.shell-acct__item:focus-visible{outline:2px solid var(--sidebar-active);outline-offset:2px}.shell-link .ui-icon{color:var(--sidebar-icon);transition:color var(--motion-fast) var(--ease)}.shell-link:hover .ui-icon{color:var(--sidebar-text-strong)}.shell-link[aria-current=page] .ui-icon{color:var(--sidebar-active)}.shell-link__label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.shell-link:before{content:"";position:absolute;left:0;top:50%;width:4px;height:16px;margin-top:-8px;border-radius:0 4px 4px 0;background:var(--sidebar-active);transform:scaleY(0);transition:transform var(--motion) var(--ease)}.shell-link[aria-current=page]{background:var(--sidebar-active-bg);color:var(--sidebar-active);font-weight:var(--weight-semibold)}.shell-link[aria-current=page]:before{transform:scaleY(1)}.shell-link[aria-disabled=true]{opacity:.4;cursor:not-allowed;pointer-events:none}.shell-soon{flex:0 0 auto;padding:1px 7px;border-radius:var(--radius-pill);font-size:9px;font-weight:var(--weight-bold);letter-spacing:.02em;background:var(--sidebar-chip-bg);color:var(--sidebar-text-subtle)}.shell-nav__skeleton{display:flex;flex-direction:column;gap:10px;padding:var(--space-1) 0}.shell-nav__skeleton>div{height:34px;border-radius:var(--radius-md);background:var(--sidebar-skeleton);animation:shell-pulse calc(var(--motion-slow) * 4) ease-in-out infinite}.shell-nav__skeleton>div:nth-child(2n){width:78%}@keyframes shell-pulse{0%,to{opacity:.5}50%{opacity:1}}.shell-nav__error{padding:var(--space-3) var(--space-1);display:flex;flex-direction:column;gap:10px;color:var(--sidebar-text);font-size:var(--text-sm);line-height:var(--leading-normal)}.shell-rail-btn{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--sidebar-text-muted);cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.shell-rail-btn:hover{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.shell[data-rail=true] .shell-sidebar{width:var(--rail-width);flex-basis:var(--rail-width)}.shell[data-rail=true] .shell-brand{justify-content:center;padding-left:0;padding-right:0}.shell[data-rail=true] .shell-brand__chip,.shell[data-rail=true] .shell-brand__lockup{display:none}.shell[data-rail=true] .shell-rail-btn{margin-left:0}.shell[data-rail=true] .shell-nav{padding-left:var(--space-2);padding-right:var(--space-2);gap:var(--space-1)}.shell[data-rail=true] .shell-group{margin-bottom:0}.shell-rail-group{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:42px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--sidebar-icon);cursor:pointer;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.shell-rail-group:hover,.shell-rail-group[aria-expanded=true]{background:var(--sidebar-hover);color:var(--sidebar-text-strong)}.shell-rail-group[data-has-active=true]{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.shell-rail-group[data-has-active=true]:before{content:"";position:absolute;left:0;top:50%;width:4px;height:18px;margin-top:-9px;border-radius:0 4px 4px 0;background:var(--sidebar-active)}.shell-rail-group:focus-visible{outline:2px solid var(--sidebar-active);outline-offset:2px}.shell-railpanel{position:fixed;z-index:var(--z-flyout);min-width:248px;max-width:320px;max-height:calc(100vh - 16px);overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column;padding:var(--space-2) 0;background:var(--sidebar-flyout-bg);color:var(--sidebar-text-strong);border:1px solid var(--sidebar-hairline);border-left:none;border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:var(--shadow-lg);animation:shell-flyout-in var(--motion-fast) var(--ease)}.shell-railpanel__title{padding:var(--space-2) var(--space-5) var(--space-3);font-size:var(--sidebar-nav-text);font-weight:var(--weight-bold);color:var(--sidebar-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-railpanel .shell-link{border-radius:0;padding:10px var(--space-5);gap:var(--space-3);font-size:var(--sidebar-nav-text);font-weight:var(--weight-regular);color:var(--sidebar-text-strong)}.shell-railpanel .shell-link .ui-icon{color:var(--sidebar-text-strong)}.shell-railpanel .shell-link:hover{background:var(--sidebar-hover)}.shell-railpanel .shell-link[aria-current=page]{background:var(--sidebar-active-bg);color:var(--sidebar-active);font-weight:var(--weight-semibold)}.shell-railpanel .shell-link[aria-current=page] .ui-icon{color:var(--sidebar-active)}@keyframes shell-flyout-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.shell-main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.shell-topbar{height:var(--topbar-height);flex:0 0 var(--topbar-height);box-sizing:border-box;display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-5);background:var(--shell-topbar-bg);border-bottom:1px solid var(--shell-topbar-border);position:sticky;top:0;z-index:var(--z-dropdown);transition:background var(--motion) var(--ease),border-color var(--motion) var(--ease)}.shell-crumbs{flex:0 1 auto;min-width:0}.shell-crumbs__list{display:flex;align-items:center;gap:var(--space-1);min-width:0;margin:0;padding:0;list-style:none}.shell-crumbs__item{display:flex;align-items:center;gap:var(--space-1);min-width:0;white-space:nowrap;font-size:var(--text-md)}.shell-crumbs__item--mid{flex:0 3 auto}.shell-crumbs__item--last{flex:0 1 auto}.shell-crumbs__text,.shell-crumbs__current{overflow:hidden;text-overflow:ellipsis}.shell-crumbs__link,.shell-crumbs__text{color:var(--shell-topbar-muted);font-weight:var(--weight-medium);text-decoration:none}.shell-crumbs__link:hover{color:var(--shell-topbar-text);text-decoration:underline}.shell-crumbs__link:focus-visible{outline:2px solid var(--sidebar-active);outline-offset:2px;border-radius:var(--radius-sm)}.shell-crumbs__current{color:var(--shell-topbar-text);font-weight:var(--weight-semibold)}.shell-crumbs__sep{flex:0 0 auto;color:var(--shell-topbar-muted)}@media(max-width:640px){.shell-crumbs__item--mid,.shell-crumbs__item:first-child:not(:last-child),.shell-crumbs__item--last .shell-crumbs__sep{display:none}}.shell-notify__panel{position:absolute;top:calc(100% + var(--space-2));right:0;width:340px;max-width:90vw}@media(max-width:640px){.shell-notify__panel{position:fixed;top:calc(var(--topbar-height) + var(--space-2));left:var(--space-4);right:var(--space-4);width:auto;max-width:none}}.shell-topbar__controls{margin-left:auto;flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);padding-left:var(--space-3)}.shell-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);border:1px solid var(--shell-topbar-border);background:transparent;color:var(--shell-topbar-icon);cursor:pointer;text-decoration:none;transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.shell-iconbtn:hover{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.shell-iconbtn--plain{width:40px;height:40px;border:none}.shell-settings{position:relative;flex:0 0 auto}.shell-settings__btn[aria-expanded=true]{background:var(--sidebar-active-bg);color:var(--sidebar-active)}.shell-settings__panel{position:fixed;top:var(--topbar-height);right:0;bottom:0;z-index:var(--z-flyout);width:min(22rem,100vw);box-sizing:border-box;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5) var(--space-5) var(--space-6);background:var(--sidebar-flyout-bg);color:var(--sidebar-text-strong);border-left:1px solid var(--sidebar-hairline);box-shadow:var(--shadow-lg);animation:shell-settings-in var(--motion) var(--ease)}.shell-settings__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.shell-settings__title{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold)}.shell-settings__close{width:40px;height:40px;border-radius:var(--radius-md);cursor:pointer;border:1px solid var(--sidebar-hairline);background:transparent;color:var(--sidebar-text-strong);font-family:var(--font-sans);font-size:var(--text-xl);line-height:1}.shell-settings__close:hover{background:var(--sidebar-hover)}.shell-settings__section{display:flex;flex-direction:column;gap:var(--space-2)}.shell-settings__heading{margin:0;font-size:var(--text-base);font-weight:var(--weight-bold)}.shell-settings__note{margin:0;font-size:var(--text-sm);color:var(--sidebar-text-muted)}.shell-seg{display:inline-flex;align-self:flex-start;gap:var(--space-1);padding:var(--space-1);border:1px solid var(--sidebar-hairline);border-radius:var(--radius-lg);background:var(--sidebar-chip-bg)}.shell-seg__btn{min-width:72px;min-height:36px;padding:var(--space-1) var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;color:var(--sidebar-text-muted);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-md);font-weight:var(--weight-medium);transition:background var(--motion-fast) var(--ease),color var(--motion-fast) var(--ease)}.shell-seg__btn:hover{color:var(--sidebar-text-strong)}.shell-seg__btn[aria-pressed=true]{background:var(--seg-on-bg);color:var(--sidebar-active);font-weight:var(--weight-bold);box-shadow:var(--shadow-sm)}.shell-seg__btn:focus-visible,.shell-settings__close:focus-visible{outline:2px solid var(--sidebar-active);outline-offset:2px}@keyframes shell-settings-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@media(max-width:768px){.shell-settings__panel{left:0;width:auto;border-left:none}}.shell-acct{position:relative;flex:0 0 auto}.shell-acct__btn{display:inline-flex;align-items:center;gap:var(--space-2);max-width:240px;min-width:0;padding:4px var(--space-2) 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--shell-topbar-border);background:transparent;cursor:pointer;font-family:var(--font-sans);transition:background var(--motion-fast) var(--ease)}.shell-acct__btn:hover{background:var(--sidebar-active-bg)}.shell-acct__btn .ui-icon{color:var(--shell-topbar-icon);transition:transform var(--motion) var(--ease)}.shell-acct__btn[aria-expanded=true] .ui-icon{transform:rotate(180deg)}.shell-avatar{flex:0 0 auto;width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:var(--brand-text);font-size:13px;font-weight:800}.shell-avatar--lg{width:40px;height:40px;font-size:15px}.shell-acct__text{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;line-height:1.2}.shell-acct__name{font-size:13px;font-weight:var(--weight-bold);color:var(--shell-topbar-text);max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-role{align-self:flex-start;max-width:100%;padding:1px 8px;border-radius:var(--radius-pill);background:var(--role-badge-bg);color:var(--role-badge-text);font-size:10px;font-weight:var(--weight-bold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-acct__menu{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--z-dropdown);min-width:240px;background:var(--sidebar-flyout-bg);border:1px solid var(--shell-topbar-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000059;padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1);animation:shell-menu-in var(--motion-fast) var(--ease)}@keyframes shell-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.shell-acct__head{display:flex;align-items:center;gap:10px;padding:var(--space-2) var(--space-2) 10px;border-bottom:1px solid var(--sidebar-hairline);margin-bottom:var(--space-1)}.shell-acct__identity{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.shell-acct__menu-name{font-size:14px;font-weight:var(--weight-bold);color:var(--sidebar-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-acct__sub{font-size:12px;color:var(--sidebar-text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-acct__env{display:flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2) 10px;border-bottom:1px solid var(--sidebar-hairline);margin-bottom:var(--space-1)}.shell-acct__env-label{font-size:11px;color:var(--sidebar-text-muted);font-weight:var(--weight-semibold)}.shell-env-pill{padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.shell-acct__item{display:flex;align-items:center;gap:var(--space-2);width:100%;box-sizing:border-box;padding:9px 10px;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--sidebar-text);font-size:13px;font-weight:var(--weight-semibold);font-family:var(--font-sans);text-decoration:none;cursor:pointer;transition:background var(--motion-fast) var(--ease)}.shell-acct__item:hover{background:var(--sidebar-hover)}.shell-acct__item:disabled{opacity:.6;cursor:default}.shell-acct__item--danger{background:var(--sidebar-danger-bg);border-color:var(--sidebar-danger-border);color:var(--sidebar-danger-text);font-weight:var(--weight-bold)}.shell-content{flex:1;min-width:0;min-height:0;overflow-y:auto;background:var(--color-bg)}.shell-content::-webkit-scrollbar{width:8px}.shell-content::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.shell-content__error{margin:var(--space-5)}.shell-content[data-fab-space=on]:after{content:"";display:block;height:calc(var(--fab-size) + var(--fab-offset) + var(--space-2))}.shell-fab{position:fixed;bottom:var(--fab-offset);right:var(--fab-offset);z-index:var(--z-fab);width:var(--fab-size);height:var(--fab-size);border-radius:var(--radius-pill);border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:var(--brand-text);box-shadow:0 6px 20px #0f172a47;transition:transform var(--motion-fast) var(--ease),box-shadow var(--motion-fast) var(--ease)}.shell-fab:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0f172a57}.shell-fab:focus-visible{outline:2px solid var(--brand-text);outline-offset:2px}.shell-overlay{display:none}@media(max-width:768px){.shell-sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width)!important;flex-basis:var(--sidebar-width)!important;transform:translate(-100%)}.shell[data-drawer=closed] .shell-sidebar{box-shadow:none;visibility:hidden;transition:transform var(--motion) var(--ease),visibility 0s linear var(--motion)}.shell[data-drawer=open] .shell-sidebar{transform:none;visibility:visible;transition:transform var(--motion) var(--ease)}.shell[data-drawer=open] .shell-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background:var(--overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:shell-fade var(--motion) var(--ease)}.shell-rail-btn{display:none}.shell-topbar{padding:0 var(--space-3)}.shell-acct__text{display:none!important}.shell{--fab-size: 40px;--fab-offset: var(--space-4)}}@keyframes shell-fade{0%{opacity:0}to{opacity:1}}@media(max-width:640px){.shell-acct__text{display:none!important}}.shell-page-fallback{padding:var(--space-5);max-width:960px}