:root{--pa-blue-900: #002845;--pa-blue-800: #003a63;--pa-blue-700: #00437a;--pa-blue-600: #004e86;--pa-blue-500: #0a5f9c;--pa-blue-400: #0099d4;--pa-blue-300: #5cbde8;--pa-blue-200: #a5d9f4;--pa-blue-100: #c9e8fb;--pa-blue-50: #e8f4fd;--pa-orange-600: #b85700;--pa-orange-500: #d36601;--pa-orange-400: #ef7d15;--pa-orange-100: #fdecd9;--gray-0: #ffffff;--gray-25: #f7f9fb;--gray-50: #f1f4f7;--gray-100: #e5eaef;--gray-200: #d3dae1;--gray-300: #b4bfc9;--gray-400: #8795a2;--gray-500: #616e7c;--gray-600: #45505b;--gray-700: #313a43;--gray-800: #212831;--gray-850: #19202790;--gray-875: #161c22;--gray-900: #101519;--gray-950: #0a0e12;--green-600: #1a7d4b;--green-500: #1f9a5c;--amber-600: #9a6a08;--amber-500: #c08a12;--orange-status-500: #c85a10;--red-600: #b3352f;--red-500: #d24339;--blocked-600: #0a6fa5;--blocked-500: #0099d4}:root{--color-bg: var(--gray-50);--color-surface: var(--gray-0);--color-surface-raised: var(--gray-0);--color-surface-sunken: var(--gray-25);--color-overlay: rgba(0, 40, 69, .55);--color-text: var(--gray-800);--color-text-muted: var(--gray-500);--color-text-subtle: var(--gray-400);--color-text-inverse: var(--gray-0);--color-text-brand: var(--pa-blue-600);--color-border: var(--gray-200);--color-border-strong: var(--gray-300);--color-divider: var(--gray-100);--color-ring: var(--pa-blue-400);--color-brand: var(--pa-blue-600);--color-brand-hover: var(--pa-blue-700);--color-brand-active: var(--pa-blue-800);--color-brand-subtle: var(--pa-blue-50);--color-on-brand: #ffffff;--color-accent: var(--pa-orange-500);--color-accent-hover: var(--pa-orange-600);--color-accent-subtle: var(--pa-orange-100);--color-on-accent: #ffffff;--chrome-bg: var(--pa-blue-600);--chrome-bg-accent: var(--pa-blue-700);--chrome-text: rgba(255, 255, 255, .82);--chrome-text-strong: #ffffff;--chrome-text-muted: rgba(255, 255, 255, .55);--chrome-active-bg: rgba(255, 255, 255, .14);--chrome-hover-bg: rgba(255, 255, 255, .08);--chrome-border: rgba(255, 255, 255, .14);--status-connected-fg: var(--green-600);--status-connected-bg: #e4f4ea;--status-connecting-fg: var(--amber-600);--status-connecting-bg: #f8efd7;--status-degraded-fg: var(--orange-status-500);--status-degraded-bg: #fbebdd;--status-blocked-fg: var(--blocked-600);--status-blocked-bg: var(--pa-blue-50);--status-error-fg: var(--red-600);--status-error-bg: #fae7e6;--color-code-bg: var(--gray-100);--color-code-text: var(--gray-700);--shadow-xs: 0 1px 1px rgba(0, 40, 69, .05);--shadow-sm: 0 1px 2px rgba(0, 40, 69, .08);--shadow-md: 0 2px 8px rgba(0, 40, 69, .1);--shadow-lg: 0 8px 24px rgba(0, 40, 69, .16)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: var(--gray-950);--color-surface: var(--gray-900);--color-surface-raised: var(--gray-875);--color-surface-sunken: var(--gray-950);--color-overlay: rgba(0, 0, 0, .62);--color-text: var(--gray-100);--color-text-muted: var(--gray-400);--color-text-subtle: var(--gray-500);--color-text-inverse: var(--gray-900);--color-text-brand: var(--pa-blue-300);--color-border: var(--gray-800);--color-border-strong: var(--gray-700);--color-divider: var(--gray-875);--color-ring: var(--pa-blue-400);--color-brand: var(--pa-blue-400);--color-brand-hover: var(--pa-blue-300);--color-brand-active: var(--pa-blue-200);--color-brand-subtle: rgba(0, 153, 212, .14);--color-on-brand: var(--gray-950);--color-accent: var(--pa-orange-400);--color-accent-hover: var(--pa-orange-500);--color-accent-subtle: rgba(211, 102, 1, .16);--color-on-accent: var(--gray-950);--chrome-bg: var(--pa-blue-900);--chrome-bg-accent: var(--pa-blue-800);--chrome-text: rgba(255, 255, 255, .8);--chrome-text-strong: #ffffff;--chrome-text-muted: rgba(255, 255, 255, .5);--chrome-active-bg: rgba(255, 255, 255, .16);--chrome-hover-bg: rgba(255, 255, 255, .08);--chrome-border: rgba(255, 255, 255, .12);--status-connected-fg: #45c084;--status-connected-bg: rgba(31, 154, 92, .16);--status-connecting-fg: #dcae4e;--status-connecting-bg: rgba(192, 138, 18, .16);--status-degraded-fg: #e5883f;--status-degraded-bg: rgba(200, 90, 16, .16);--status-blocked-fg: #4fbef0;--status-blocked-bg: rgba(0, 153, 212, .16);--status-error-fg: #e56b62;--status-error-bg: rgba(210, 67, 57, .16);--color-code-bg: var(--gray-800);--color-code-text: var(--gray-200);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 3px 10px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .6)}}[data-theme=dark]{--color-bg: var(--gray-950);--color-surface: var(--gray-900);--color-surface-raised: var(--gray-875);--color-surface-sunken: var(--gray-950);--color-overlay: rgba(0, 0, 0, .62);--color-text: var(--gray-100);--color-text-muted: var(--gray-400);--color-text-subtle: var(--gray-500);--color-text-inverse: var(--gray-900);--color-text-brand: var(--pa-blue-300);--color-border: var(--gray-800);--color-border-strong: var(--gray-700);--color-divider: var(--gray-875);--color-ring: var(--pa-blue-400);--color-brand: var(--pa-blue-400);--color-brand-hover: var(--pa-blue-300);--color-brand-active: var(--pa-blue-200);--color-brand-subtle: rgba(0, 153, 212, .14);--color-on-brand: var(--gray-950);--color-accent: var(--pa-orange-400);--color-accent-hover: var(--pa-orange-500);--color-accent-subtle: rgba(211, 102, 1, .16);--color-on-accent: var(--gray-950);--chrome-bg: var(--pa-blue-900);--chrome-bg-accent: var(--pa-blue-800);--chrome-text: rgba(255, 255, 255, .8);--chrome-text-strong: #ffffff;--chrome-text-muted: rgba(255, 255, 255, .5);--chrome-active-bg: rgba(255, 255, 255, .16);--chrome-hover-bg: rgba(255, 255, 255, .08);--chrome-border: rgba(255, 255, 255, .12);--status-connected-fg: #45c084;--status-connected-bg: rgba(31, 154, 92, .16);--status-connecting-fg: #dcae4e;--status-connecting-bg: rgba(192, 138, 18, .16);--status-degraded-fg: #e5883f;--status-degraded-bg: rgba(200, 90, 16, .16);--status-blocked-fg: #4fbef0;--status-blocked-bg: rgba(0, 153, 212, .16);--status-error-fg: #e56b62;--status-error-bg: rgba(210, 67, 57, .16);--color-code-bg: var(--gray-800);--color-code-text: var(--gray-200);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 3px 10px rgba(0, 0, 0, .55);--shadow-lg: 0 10px 28px rgba(0, 0, 0, .6)}:root{--font-sans: "Encode Sans", "Encode Sans SC", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.1875rem;--text-xl: 1.4375rem;--text-2xl: 1.875rem;--text-3xl: 2.375rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.01em;--tracking-normal: 0;--tracking-wide: .01em;--tracking-caps: .07em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-xs: 3px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-pill: 999px;--border-width: 1px;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--duration-fast: .12s;--duration-base: .18s;--duration-slow: .24s;--sidebar-width: 240px;--topbar-height: 60px;--content-max: 1240px;--z-base: 0;--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}@media (prefers-reduced-motion: reduce){:root{--duration-fast: 0ms;--duration-base: 0ms;--duration-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.eyebrow{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-text-muted)}.page-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.section-title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin:0}.muted{color:var(--color-text-muted)}.subtle{color:var(--color-text-subtle)}code,.mono{font-family:var(--font-mono);font-size:.9em}.code{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-code-bg);color:var(--color-code-text);padding:.1em .4em;border-radius:var(--radius-xs)}.btn{--_bg: var(--color-surface);--_fg: var(--color-text);--_bd: var(--color-border-strong);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1;padding:.5rem .875rem;border-radius:var(--radius-md);border:var(--border-width) solid var(--_bd);background:var(--_bg);color:var(--_fg);cursor:pointer;transition:background var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.btn:hover{background:var(--color-surface-sunken)}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{--_bg: var(--color-brand);--_fg: var(--color-on-brand);--_bd: transparent}.btn--primary:hover{background:var(--color-brand-hover)}.btn--primary:active{background:var(--color-brand-active)}.btn--accent{--_bg: var(--color-accent);--_fg: var(--color-on-accent);--_bd: transparent}.btn--accent:hover{background:var(--color-accent-hover)}.btn--outline{--_bg: var(--color-surface);--_fg: var(--color-text-brand);--_bd: var(--color-brand);border-width:2px;padding:calc(.5rem - 1px) calc(.875rem - 1px)}.btn--outline:hover{background:var(--color-brand-subtle)}.btn--ghost{--_bg: transparent;--_bd: transparent}.btn--ghost:hover{background:var(--color-surface-sunken)}.btn--danger{--_bg: transparent;--_fg: var(--status-error-fg);--_bd: var(--color-border-strong)}.btn--danger:hover{background:var(--status-error-bg);border-color:var(--status-error-fg)}.btn--sm{padding:.3125rem .625rem;font-size:var(--text-sm)}.btn--icon{padding:.5rem}.status{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);padding:.2rem .55rem .2rem .45rem;border-radius:var(--radius-pill);white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status--connected{color:var(--status-connected-fg);background:var(--status-connected-bg)}.status--connecting{color:var(--status-connecting-fg);background:var(--status-connecting-bg)}.status--degraded{color:var(--status-degraded-fg);background:var(--status-degraded-bg)}.status--blocked{color:var(--status-blocked-fg);background:var(--status-blocked-bg)}.status--error{color:var(--status-error-fg);background:var(--status-error-bg)}.status--connecting:before{animation:pulse 1.4s var(--ease-standard) infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}@media (prefers-reduced-motion: reduce){.status--connecting:before{animation:none}}.badge{display:inline-flex;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-medium);padding:.15rem .5rem;border-radius:var(--radius-xs);background:var(--color-surface-sunken);color:var(--color-text-muted);border:var(--border-width) solid var(--color-border)}.badge--brand{background:var(--color-brand-subtle);color:var(--color-text-brand);border-color:transparent}.badge--accent{background:var(--color-accent-subtle);color:var(--color-accent-hover);border-color:transparent}.card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width) solid var(--color-divider)}.card__body{padding:var(--space-5)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.stat{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);position:relative}.stat:before{content:"";position:absolute;left:0;top:var(--space-5);bottom:var(--space-5);width:3px;border-radius:0 2px 2px 0;background:var(--color-brand)}.stat--accent:before{background:var(--color-accent)}.stat--blocked:before{background:var(--status-blocked-fg)}.stat__value{font-size:var(--text-2xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-tight);line-height:1}.stat__label{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--weight-semibold);font-size:var(--text-xs)}.stat__value .mono{font-size:.6em;color:var(--color-text-muted);font-weight:var(--weight-regular)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text)}.hint{font-size:var(--text-xs);color:var(--color-text-muted)}.input,.select,.textarea{font-family:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);border-radius:var(--radius-md);padding:.5rem .7rem;width:100%;transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard)}.input::placeholder,.textarea::placeholder{color:var(--color-text-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px var(--color-brand-subtle)}.input.mono{font-family:var(--font-mono);font-size:var(--text-sm)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23616e7c' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .7rem center;padding-right:2rem}.textarea{min-height:5rem;resize:vertical}.search{position:relative}.search .input{padding-left:2.1rem}.search svg{position:absolute;left:.7rem;top:50%;transform:translateY(-50%);color:var(--color-text-subtle);pointer-events:none}.toggle{position:relative;display:inline-flex;width:38px;height:22px;flex:none}.toggle input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.toggle__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border-strong);border-radius:var(--radius-pill);transition:background var(--duration-base) var(--ease-standard)}.toggle__thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-standard)}.toggle input:checked~.toggle__track{background:var(--color-brand)}.toggle input:checked~.toggle__thumb{transform:translate(16px)}.toggle input:focus-visible~.toggle__track{outline:2px solid var(--color-ring);outline-offset:2px}.datatable{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.datatable__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-sunken)}.datatable__toolbar .row{gap:var(--space-2)}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table th{text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);background:var(--color-surface-sunken);border-bottom:var(--border-width) solid var(--color-border);position:sticky;top:0}.table td{padding:.625rem var(--space-4);border-bottom:var(--border-width) solid var(--color-divider);vertical-align:middle}.table tbody tr:last-child td{border-bottom:0}.table tbody tr{transition:background var(--duration-fast) var(--ease-standard)}.table tbody tr:hover{background:var(--color-surface-sunken)}.table td .mono{color:var(--color-text-muted);font-size:var(--text-xs)}.table .cell-primary{font-weight:var(--weight-medium);color:var(--color-text)}.tabs{display:flex;gap:var(--space-1);border-bottom:var(--border-width) solid var(--color-border)}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-muted);padding:var(--space-3) var(--space-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--duration-fast) var(--ease-standard)}.tab:hover{color:var(--color-text)}.tab[aria-selected=true]{color:var(--color-text-brand);border-bottom-color:var(--color-brand)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-left:3px solid var(--color-brand);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-3) var(--space-4);max-width:380px}.toast--success{border-left-color:var(--status-connected-fg)}.toast--error{border-left-color:var(--status-error-fg)}.toast__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin:0 0 2px}.toast__body{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.modal-scrim{background:var(--color-overlay);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;justify-content:center}.modal{width:100%;max-width:440px;background:var(--color-surface-raised);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal__header{padding:var(--space-5) var(--space-5) var(--space-3)}.modal__title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.modal__body{padding:0 var(--space-5) var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--color-divider)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-7) var(--space-5)}.empty__glyph{width:44px;height:44px;border-radius:var(--radius-md);display:grid;place-items:center;background:var(--color-brand-subtle);color:var(--color-text-brand)}.empty__title{font-size:var(--text-md);font-weight:var(--weight-semibold);margin:0}.empty__body{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;max-width:32ch}.row{display:flex;align-items:center;gap:var(--space-3)}.wrap{flex-wrap:wrap}.between{justify-content:space-between}.stack{display:flex;flex-direction:column}.grid{display:grid;gap:var(--space-4)}.app{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:var(--chrome-bg);color:var(--chrome-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--chrome-border)}.sidebar__brand{height:var(--topbar-height);display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-bottom:1px solid var(--chrome-border)}.sidebar__brand img{height:22px;width:auto;display:block}.sidebar__tenant{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--chrome-border);display:flex;align-items:center;gap:var(--space-3)}.sidebar__tenant .avatar{width:30px;height:30px;border-radius:var(--radius-sm);flex:none;background:var(--chrome-active-bg);color:var(--chrome-text-strong);display:grid;place-items:center;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.sidebar__tenant b{color:var(--chrome-text-strong);font-weight:var(--weight-semibold);font-size:var(--text-sm);display:block}.sidebar__tenant span{font-size:var(--text-xs);color:var(--chrome-text-muted)}.nav{padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:1px;overflow-y:auto}.nav__label{padding:var(--space-3) var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--chrome-text-muted)}.nav button.navlink{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:var(--space-3);width:100%;padding:.5rem var(--space-3);border-radius:var(--radius-sm);color:var(--chrome-text);font-size:var(--text-base);font-weight:var(--weight-medium);transition:background var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.nav button.navlink:hover{background:var(--chrome-hover-bg);color:var(--chrome-text-strong)}.nav button.navlink[aria-current=page]{background:var(--chrome-active-bg);color:var(--chrome-text-strong);box-shadow:inset 2px 0 0 var(--pa-blue-100)}.nav .count{margin-left:auto;font-size:var(--text-xs);background:var(--chrome-active-bg);color:var(--chrome-text-strong);padding:.05rem .4rem;border-radius:var(--radius-pill)}.main{display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}.topbar{height:var(--topbar-height);position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0 var(--space-5)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.breadcrumb b{color:var(--color-text);font-weight:var(--weight-semibold)}.content{padding:var(--space-5) var(--space-6);max-width:var(--content-max);width:100%}.content>section{margin-bottom:var(--space-6)}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.seg{display:inline-flex;background:var(--color-surface-sunken);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.seg button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);padding:.3rem .7rem;border-radius:var(--radius-sm)}.seg button[aria-pressed=true]{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-xs)}.toast-stack{position:fixed;right:var(--space-5);bottom:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);z-index:var(--z-toast)}@media (max-width: 900px){.app{grid-template-columns:1fr}.sidebar{display:none}.grid-3,.grid-2{grid-template-columns:1fr}}