@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--blue-50: #EEF3FF;--blue-100: #DCE6FE;--blue-200: #BBCEFC;--blue-300: #8FAEF8;--blue-400: #5E84F0;--blue-500: #345FE0;--blue-600: #1C50C9;--blue-700: #163FA3;--blue-800: #173781;--blue-900: #182F66;--blue-950: #101D40;--slate-0: #FFFFFF;--slate-25: #FBFCFE;--slate-50: #F6F8FB;--slate-100: #EDF1F7;--slate-200: #DEE5EF;--slate-300: #C7D1E0;--slate-400: #9AA8BE;--slate-500: #6C7B93;--slate-600: #4E5D74;--slate-700: #394656;--slate-800: #28313F;--slate-900: #18202C;--slate-950: #0C111B;--teal-50: #ECFDF8;--teal-100: #CFF8EC;--teal-200: #9DEFD9;--teal-500: #0FB69A;--teal-600: #0D9488;--teal-700: #0F766E;--green-50: #ECFDF3;--green-100: #D3F8E0;--green-500: #18A957;--green-600: #15803D;--green-700: #166534;--amber-50: #FFF8EB;--amber-100: #FDEFC8;--amber-500: #E8930C;--amber-600: #B45309;--amber-700: #92400E;--orange-50: #FFF3EC;--orange-100: #FFE0CC;--orange-500: #F2680C;--orange-600: #C2410C;--orange-700: #9A3412;--red-50: #FEF1F1;--red-100: #FCDADA;--red-500: #E4453E;--red-600: #C4332D;--red-700: #9F1D18;--violet-50: #F3F1FE;--violet-100:#E3DEFC;--violet-500:#7C5CE6;--violet-600:#6442C9;--violet-700:#4F33A1;--surface-page: var(--slate-50);--surface-card: var(--slate-0);--surface-raised: var(--slate-0);--surface-sunken: var(--slate-100);--surface-inset: var(--slate-25);--surface-hover: var(--slate-100);--surface-active: var(--slate-200);--surface-brand-soft: var(--blue-50);--surface-inverse: var(--slate-900);--text-strong: var(--slate-900);--text-body: var(--slate-700);--text-muted: var(--slate-500);--text-faint: var(--slate-400);--text-on-brand: var(--slate-0);--text-link: var(--blue-600);--text-code: var(--slate-800);--border-subtle: var(--slate-200);--border-default: var(--slate-300);--border-strong: var(--slate-400);--border-brand: var(--blue-600);--border-focus: var(--blue-500);--brand: var(--blue-600);--brand-hover: var(--blue-700);--brand-active: var(--blue-800);--brand-soft-fg: var(--blue-700);--focus-ring: color-mix(in srgb, var(--blue-500) 45%, transparent);--accent: var(--teal-600);--accent-soft-bg: var(--teal-50);--accent-soft-fg: var(--teal-700);--status-draft-bg: var(--slate-100);--status-draft-fg: var(--slate-600);--status-draft-border: var(--slate-300);--status-draft-solid: var(--slate-400);--status-pending-bg: var(--amber-50);--status-pending-fg: var(--amber-700);--status-pending-border: var(--amber-100);--status-pending-solid: var(--amber-500);--status-progress-bg: var(--blue-50);--status-progress-fg: var(--blue-700);--status-progress-border: var(--blue-100);--status-progress-solid: var(--blue-500);--status-review-bg: var(--violet-50);--status-review-fg: var(--violet-700);--status-review-border: var(--violet-100);--status-review-solid: var(--violet-500);--status-approved-bg: var(--green-50);--status-approved-fg: var(--green-700);--status-approved-border: var(--green-100);--status-approved-solid: var(--green-500);--status-public-bg: var(--teal-50);--status-public-fg: var(--teal-700);--status-public-border: var(--teal-100);--status-public-solid: var(--teal-500);--status-suspended-bg: var(--orange-50);--status-suspended-fg: var(--orange-700);--status-suspended-border: var(--orange-100);--status-suspended-solid: var(--orange-500);--status-rejected-bg: var(--red-50);--status-rejected-fg: var(--red-700);--status-rejected-border: var(--red-100);--status-rejected-solid: var(--red-500);--success-fg: var(--green-600);--success-bg: var(--green-50);--warning-fg: var(--amber-600);--warning-bg: var(--amber-50);--danger-fg: var(--red-600);--danger-bg: var(--red-50);--info-fg: var(--blue-600);--info-bg: var(--blue-50);--critical-fg: var(--red-700);--critical-bg: var(--red-50);--critical-border: var(--red-100)}:root{--font-sans: "Be Vietnam Pro", ui-sans-serif, system-ui, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--text-2xs: 11px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 22px;--text-2xl: 28px;--text-3xl: 36px;--text-4xl: 46px;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extra: 800;--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.5;--lh-relaxed: 1.65;--ls-tight: -.02em;--ls-snug: -.01em;--ls-normal: 0;--ls-wide: .02em;--ls-caps: .06em;--type-display: var(--fw-extra) var(--text-3xl)/var(--lh-tight) var(--font-sans);--type-h1: var(--fw-bold) var(--text-2xl)/var(--lh-tight) var(--font-sans);--type-h2: var(--fw-semibold) var(--text-xl)/var(--lh-snug) var(--font-sans);--type-h3: var(--fw-semibold) var(--text-lg)/var(--lh-snug) var(--font-sans);--type-body: var(--fw-regular) var(--text-base)/var(--lh-normal) var(--font-sans);--type-label: var(--fw-medium) var(--text-sm)/var(--lh-snug) var(--font-sans);--type-caption: var(--fw-regular) var(--text-xs)/var(--lh-snug) var(--font-sans);--type-mono: var(--fw-medium) var(--text-sm)/var(--lh-snug) var(--font-mono)}:root{--space-0: 0;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--space-9: 32px;--space-10: 40px;--space-11: 48px;--space-12: 64px;--space-13: 80px;--space-14: 96px;--radius-xs: 3px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 14px;--radius-2xl: 20px;--radius-pill: 999px;--bw-hair: 1px;--bw-thin: 1.5px;--bw-thick: 2px;--control-sm: 28px;--control-md: 34px;--control-lg: 42px;--sidebar-w: 264px;--sidebar-w-collapsed: 64px;--topbar-h: 56px;--subbar-h: 48px;--content-max: 1440px;--page-gutter: var(--space-9);--z-base: 0;--z-sticky: 100;--z-dropdown: 400;--z-overlay: 800;--z-modal: 900;--z-toast: 1000}:root{--shadow-xs: 0 1px 1px rgba(16, 29, 64, .04);--shadow-sm: 0 1px 2px rgba(16, 29, 64, .06), 0 1px 1px rgba(16, 29, 64, .04);--shadow-md: 0 4px 10px -2px rgba(16, 29, 64, .08), 0 2px 4px -2px rgba(16, 29, 64, .06);--shadow-lg: 0 12px 28px -6px rgba(16, 29, 64, .14), 0 4px 8px -4px rgba(16, 29, 64, .08);--shadow-xl: 0 24px 48px -12px rgba(16, 29, 64, .2), 0 8px 16px -8px rgba(16, 29, 64, .1);--ring-width: 3px;--ring: 0 0 0 var(--ring-width) var(--focus-ring);--shadow-inset: inset 0 1px 2px rgba(16, 29, 64, .06);--ease-standard: cubic-bezier(.2, 0, .1, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .26s;--transition-control: background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:var(--type-body);color:var(--text-body);background:var(--surface-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"cv01","ss01"}h1,h2,h3,h4,h5,h6{margin:0;color:var(--text-strong);font-weight:var(--fw-semibold)}p{margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp,.mono{font-family:var(--font-mono)}::selection{background:var(--blue-100);color:var(--blue-900)}:focus-visible{outline:none;box-shadow:var(--ring);border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--slate-300) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:999px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--slate-400)}.eyebrow{font:var(--fw-semibold) var(--text-2xs)/1 var(--font-sans);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--text-muted)}.zz-btn{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;height:34px;padding:0 13px;border-radius:var(--radius-md);font:var(--fw-semibold) 13px/1 var(--font-sans);cursor:pointer;border:1px solid transparent;transition:var(--transition-control)}.zz-btn--sm{height:28px;padding:0 10px;font-size:12px}.zz-btn--primary{background:var(--brand);color:#fff;border-color:var(--brand)}.zz-btn--primary:hover{background:var(--brand-hover);border-color:var(--brand-hover)}.zz-btn--primary:active{background:var(--brand-active)}.zz-btn--secondary{background:var(--surface-card);color:var(--text-body);border-color:var(--border-default)}.zz-btn--secondary:hover{background:var(--surface-hover)}.zz-btn:focus-visible{outline:none;box-shadow:var(--ring)}.zz-btn:disabled{opacity:.55;cursor:not-allowed}.zz-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-body);border:1px solid var(--border-default);cursor:pointer;transition:var(--transition-control)}.zz-iconbtn--sm{width:28px;height:28px;border:none;background:transparent}.zz-iconbtn:hover{background:var(--surface-hover)}.zz-iconbtn:focus-visible{outline:none;box-shadow:var(--ring)}.zz-input-wrap{position:relative;display:flex;align-items:center;width:100%}.zz-input-wrap>svg{position:absolute;left:10px;width:16px;height:16px;color:var(--text-faint);pointer-events:none}.zz-input{width:100%;height:34px;padding:0 12px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-strong);font:var(--fw-regular) 13px/1 var(--font-sans);transition:var(--transition-control)}.zz-input--with-prefix{padding-left:32px}.zz-input::placeholder{color:var(--text-faint)}.zz-input:focus{outline:none;border-color:var(--border-focus);box-shadow:var(--ring)}.zz-tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:var(--radius-pill);font:var(--fw-semibold) 11px/1 var(--font-sans);border:1px solid transparent;white-space:nowrap}.zz-tag--neutral{background:var(--slate-100);color:var(--slate-600)}.zz-tag--accent{background:var(--accent-soft-bg);color:var(--accent-soft-fg)}.zz-tag--outline{background:transparent;color:var(--text-muted);border-color:var(--border-default)}.zz-badge{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 9px;border-radius:var(--radius-pill);font:var(--fw-semibold) 11px/1 var(--font-sans);border:1px solid;white-space:nowrap}.zz-badge__dot{width:6px;height:6px;border-radius:50%;position:relative;flex:none}.zz-badge__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:inherit}.zz-badge--pulse .zz-badge__dot:after{animation:zzpulse 1.8s ease-out infinite}@keyframes zzpulse{0%{transform:scale(1);opacity:.55}70%,to{transform:scale(2.6);opacity:0}}.zz-seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--radius-md)}.zz-seg--lite{background:var(--surface-sunken);border:1px solid var(--border-subtle)}.zz-seg--dark{background:#ffffff14}.zz-seg__opt{border:none;cursor:pointer;border-radius:6px;white-space:nowrap;background:transparent;transition:var(--transition-control);font:var(--fw-medium) 13px/1 var(--font-sans);padding:0 14px;height:32px}.zz-seg--dark .zz-seg__opt{height:26px;padding:0 13px;font-size:12px;color:var(--slate-300)}.zz-seg--lite .zz-seg__opt{color:var(--text-muted)}.zz-seg__opt--on{font-weight:600;box-shadow:var(--shadow-xs)}.zz-seg--lite .zz-seg__opt--on{background:var(--surface-card);color:var(--text-strong)}.zz-seg--dark .zz-seg__opt--on{background:#fff;color:var(--slate-900)}.zz-row:hover{background:var(--slate-50)}.zz-nav:hover{background:var(--rail-hover, rgba(255,255,255,.06))!important;color:var(--rail-fg-strong, #fff)!important}.zz-rail::-webkit-scrollbar{width:9px}.zz-rail::-webkit-scrollbar-thumb{background:var(--rail-border, rgba(255,255,255,.12));border-radius:8px}.zz-rail::-webkit-scrollbar-track{background:transparent}@keyframes zzshimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.zzl-field:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--focus-ring, rgba(28,80,201,.18))}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--slate-50)}::selection{background:var(--blue-100)}a{color:inherit;text-decoration:none}button{font-family:inherit}