:root{--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-pulse-50: #eef4fb;--color-pulse-100: #e4edf8;--color-pulse-200: #d5e3f4;--color-navy-950: #070b14;--color-navy-900: #0b1220;--color-navy-850: #0f1729;--color-navy-800: #121a2b;--color-navy-700: #172033;--color-navy-600: #1c2740;--color-navy-500: #243044;--color-white: #ffffff;--color-black: #000000;--color-green-50: #f0fdf4;--color-green-400: #4ade80;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-950: #052e16;--color-amber-50: #fffbeb;--color-amber-400: #fbbf24;--color-amber-600: #d97706;--color-amber-700: #b45309;--color-amber-950: #451a03;--color-red-50: #fef2f2;--color-red-400: #f87171;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-950: #450a0a;--color-sky-50: #f0f9ff;--color-sky-400: #38bdf8;--color-sky-600: #0284c7;--color-sky-700: #0369a1;--color-sky-950: #082f49;--font-family-sans: "Noto Sans Thai", "Noto Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.75rem;--font-size-3xl: 1.875rem;--font-size-page-title: 1.75rem;--font-weight-page-title: 600;--line-height-page-title: 1.2857;--font-size-section-title: 1.25rem;--font-weight-section-title: 600;--line-height-section-title: 1.4;--font-size-body: 1rem;--font-weight-body: 400;--line-height-body: 1.5;--font-size-table: .875rem;--font-weight-table: 400;--line-height-table: 1.4286;--font-size-label: .875rem;--font-weight-label: 500;--line-height-label: 1.4286;--font-size-caption: .75rem;--font-weight-caption: 400;--line-height-caption: 1.3333;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-edge-accent: 3px;--shadow-sm: 0 1px 2px 0 rgb(15 23 42 / .05);--shadow-md: 0 4px 6px -1px rgb(15 23 42 / .08), 0 2px 4px -2px rgb(15 23 42 / .06);--shadow-lg: 0 10px 15px -3px rgb(15 23 42 / .1), 0 4px 6px -4px rgb(15 23 42 / .08);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring-color: #2563eb;--duration-fast: .12s;--duration-normal: .18s;--duration-slow: .24s;--duration-pulse: 2.2s;--easing-standard: cubic-bezier(.2, 0, 0, 1);--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-overlay: 1200;--z-drawer: 1300;--z-modal: 1400;--z-toast: 1500;--layout-sidebar-width: 256px;--layout-topbar-height: 64px;--layout-content-max-width: 1440px;--layout-page-padding-desktop: 32px;--layout-page-padding-tablet: 24px;--layout-page-padding-mobile: 16px;--control-height-sm: 32px;--control-height-md: 40px;--control-height-lg: 48px;--icon-stroke: 1.6;--opacity-disabled: .5;--opacity-overlay: .45;--opacity-muted: .7}:root,[data-theme=light]{color-scheme:light;--color-primary: var(--color-blue-600);--color-primary-hover: var(--color-blue-700);--color-primary-active: var(--color-blue-800);--color-primary-subtle: var(--color-blue-50);--color-environment: var(--color-pulse-100);--color-background: var(--color-pulse-50);--color-surface: var(--color-white);--color-surface-muted: #f1f5f9;--color-surface-raised: var(--color-white);--color-surface-selected: #eff6ff;--color-workspace-header: #e8f0fb;--color-pending-surface: var(--color-amber-50);--color-pending-border: #f3d19a;--color-count-pill-bg: var(--color-primary-subtle);--color-count-pill-text: var(--color-primary-active);--color-text-primary: var(--color-slate-900);--color-text-secondary: var(--color-slate-600);--color-text-muted: var(--color-slate-500);--color-text-disabled: var(--color-slate-400);--color-text-inverse: var(--color-white);--color-text-on-primary: var(--color-white);--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-success: var(--color-green-600);--color-success-subtle: var(--color-green-50);--color-warning: var(--color-amber-600);--color-warning-subtle: var(--color-amber-50);--color-danger: var(--color-red-600);--color-danger-hover: var(--color-red-700);--color-danger-subtle: var(--color-red-50);--color-info: var(--color-sky-600);--color-info-subtle: var(--color-sky-50);--color-focus: var(--color-blue-600);--color-overlay: rgb(15 23 42 / var(--opacity-overlay));--color-connection: #d0d9e6;--color-node-inactive: #94a3b8;--color-node-active: var(--color-primary);--color-node-live: var(--color-primary);--color-pulse-ring: rgb(37 99 235 / .28);--color-atmosphere-glow: rgb(37 99 235 / .07);--color-atmosphere-glow-soft: rgb(59 130 246 / .045);--color-atmosphere-node: rgb(37 99 235 / .14);--color-identity-geometry: rgb(37 99 235 / .08);--color-identity-geometry-strong: rgb(59 130 246 / .1);--color-identity-node-glow: rgb(37 99 235 / .16);--shadow-elevation-sm: 0 1px 2px 0 rgb(15 23 42 / .04);--shadow-elevation-md: 0 4px 12px -2px rgb(15 23 42 / .07), 0 2px 4px -2px rgb(15 23 42 / .04);--shadow-elevation-lg: 0 12px 24px -6px rgb(15 23 42 / .1), 0 4px 8px -4px rgb(15 23 42 / .06);--color-shell-sidebar: var(--color-white);--color-shell-topbar: var(--color-white);--color-nav-active-bg: var(--color-surface-selected);--color-nav-active-text: var(--color-primary-active);--color-nav-hover-bg: #f1f5f9;--color-nav-icon-active: var(--color-primary);--shadow-primary-cta: 0 1px 2px rgb(29 78 216 / .28)}[data-theme=dark]{color-scheme:dark;--color-primary: var(--color-blue-500);--color-primary-hover: var(--color-blue-400);--color-primary-active: var(--color-blue-400);--color-primary-subtle: rgb(37 99 235 / .16);--color-environment: var(--color-navy-950);--color-background: var(--color-navy-900);--color-surface: var(--color-navy-800);--color-surface-muted: var(--color-navy-850);--color-surface-raised: var(--color-navy-700);--color-surface-selected: rgb(37 99 235 / .18);--color-workspace-header: var(--color-navy-850);--color-pending-surface: rgb(217 119 6 / .16);--color-pending-border: rgb(251 191 36 / .35);--color-count-pill-bg: var(--color-primary-subtle);--color-count-pill-text: var(--color-blue-200);--color-text-primary: #e8eef7;--color-text-secondary: #9aa8bc;--color-text-muted: #7b8ba3;--color-text-disabled: #5b6b82;--color-text-inverse: var(--color-slate-900);--color-text-on-primary: var(--color-white);--color-border: var(--color-navy-500);--color-border-strong: #334155;--color-success: var(--color-green-400);--color-success-subtle: rgb(22 163 74 / .16);--color-warning: var(--color-amber-400);--color-warning-subtle: rgb(217 119 6 / .16);--color-danger: var(--color-red-400);--color-danger-hover: #fca5a5;--color-danger-subtle: rgb(220 38 38 / .16);--color-info: var(--color-sky-400);--color-info-subtle: rgb(2 132 199 / .16);--color-focus: var(--color-blue-400);--color-overlay: rgb(2 6 16 / .65);--color-connection: #334155;--color-node-inactive: #64748b;--color-node-active: var(--color-primary);--color-node-live: var(--color-primary);--color-pulse-ring: rgb(96 165 250 / .35);--color-atmosphere-glow: transparent;--color-atmosphere-glow-soft: transparent;--color-atmosphere-node: transparent;--color-identity-geometry: rgb(28 39 64 / .9);--color-identity-geometry-strong: rgb(36 48 68 / .95);--color-identity-node-glow: rgb(96 165 250 / .14);--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .35);--shadow-md: 0 4px 8px -2px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 12px 24px -6px rgb(0 0 0 / .5), 0 4px 8px -4px rgb(0 0 0 / .35);--shadow-elevation-sm: var(--shadow-sm);--shadow-elevation-md: var(--shadow-md);--shadow-elevation-lg: var(--shadow-lg);--color-shell-sidebar: var(--color-surface);--color-shell-topbar: var(--color-surface);--color-nav-active-bg: var(--color-surface-selected);--color-nav-active-text: var(--color-blue-200);--color-nav-hover-bg: var(--color-surface-muted);--color-nav-icon-active: var(--color-blue-300);--shadow-primary-cta: none;--focus-ring-color: var(--color-blue-400)}html{font-family:var(--font-family-sans);font-size:100%;line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text-primary)}h1,.text-page-title{margin:0;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-text-primary)}h2,.text-section-title{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);color:var(--color-text-primary)}h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}p,.text-body{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.text-label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);color:var(--color-text-primary)}.text-table{font-size:var(--font-size-table);font-weight:var(--font-weight-table);line-height:var(--line-height-table)}.text-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary)}@layer properties;@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50: oklch(97.1% .013 17.38);--color-red-400: oklch(70.4% .191 22.216);--color-red-600: oklch(57.7% .245 27.325);--color-red-700: oklch(50.5% .213 27.518);--color-amber-50: oklch(98.7% .022 95.277);--color-amber-400: oklch(82.8% .189 84.429);--color-amber-600: oklch(66.6% .179 58.318);--color-green-50: oklch(98.2% .018 155.826);--color-green-400: oklch(79.2% .209 151.711);--color-green-600: oklch(62.7% .194 149.214);--color-sky-50: oklch(97.7% .013 236.62);--color-sky-400: oklch(74.6% .16 232.661);--color-sky-600: oklch(58.8% .158 241.966);--color-blue-50: oklch(97% .014 254.604);--color-blue-200: oklch(88.2% .059 254.128);--color-blue-300: oklch(80.9% .105 251.813);--color-blue-400: oklch(70.7% .165 254.624);--color-blue-500: oklch(62.3% .214 259.815);--color-blue-600: oklch(54.6% .245 262.881);--color-blue-700: oklch(48.8% .243 264.376);--color-blue-800: oklch(42.4% .199 265.638);--color-slate-400: oklch(70.4% .04 256.788);--color-slate-500: oklch(55.4% .046 257.417);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-900: oklch(20.8% .042 265.755);--color-white: #fff;--spacing: .25rem;--container-md: 28rem;--text-xs: .75rem;--text-xs--line-height: calc(1 / .75);--text-sm: .875rem;--text-sm--line-height: calc(1.25 / .875);--font-weight-medium: 500;--font-weight-semibold: 600;--tracking-wide: .025em;--radius-md: .375rem;--radius-lg: .5rem;--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--default-transition-duration: .15s;--default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:0}.inset-y-0{inset-block:0px}.left-0{left:0}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.block{display:block}.flex{display:flex}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-\[12rem\]{max-width:12rem}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-y-auto{overflow-y:auto}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.p-0{padding:0}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-2{padding-block:calc(var(--spacing) * 2)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading, var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading, var(--text-xs--line-height))}.font-medium{--tw-font-weight: var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight: var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking: var(--tracking-wide);letter-spacing:var(--tracking-wide)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.shadow{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow\/gradient{--tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function));transition-duration:var(--tw-duration, var(--default-transition-duration))}@media(width>=40rem){.sm\:flex{display:flex}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}}@media(width>=64rem){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline{display:inline}}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background-color:var(--color-environment);color:var(--color-text-primary)}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.skip-link{position:absolute;left:var(--space-4);top:0;z-index:calc(var(--z-toast) + 1);transform:translateY(-120%);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text-primary);border:var(--border-width-1) solid var(--color-border);text-decoration:none;font-weight:var(--font-weight-medium)}.skip-link:focus{transform:translateY(var(--space-4))}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-tracking{syntax: "*"; inherits: false;}@property --tw-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: "*"; inherits: false;}@property --tw-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: "*"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: "*"; inherits: false;}@property --tw-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: "*"; inherits: false;}@property --tw-inset-ring-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: "*"; inherits: false;}@property --tw-ring-offset-width{syntax: "<length>"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: "*"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: "*"; inherits: false; initial-value: 0 0 #0000;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-font-weight: initial;--tw-tracking: initial;--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:inherit;font-weight:var(--font-weight-medium);line-height:1;border-radius:var(--radius-md);border:var(--border-width-1) solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--easing-standard),border-color var(--duration-fast) var(--easing-standard),color var(--duration-fast) var(--easing-standard)}.ui-btn:disabled,.ui-btn[aria-disabled=true]{cursor:not-allowed;opacity:var(--opacity-disabled)}.ui-btn--sm{height:var(--control-height-sm);padding-inline:var(--space-3);font-size:var(--font-size-label)}.ui-btn--md{height:var(--control-height-md);padding-inline:var(--space-4);font-size:var(--font-size-label)}.ui-btn--lg{height:var(--control-height-lg);padding-inline:var(--space-5);font-size:var(--font-size-body)}.ui-btn--block{width:100%;white-space:normal;height:auto;min-height:var(--control-height-md);padding-block:var(--space-2);text-align:center}.ui-btn--icon-only.ui-btn--sm{width:var(--control-height-sm);padding-inline:0}.ui-btn--icon-only.ui-btn--md{width:var(--control-height-md);padding-inline:0}.ui-btn--icon-only.ui-btn--lg{width:var(--control-height-lg);padding-inline:0}.ui-btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-primary-cta)}.ui-btn--primary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-hover)}.ui-btn--primary:active:not(:disabled):not([aria-disabled=true]){background:var(--color-primary-active)}.ui-btn--secondary{background:var(--color-surface-muted);color:var(--color-text-primary);border-color:var(--color-border)}.ui-btn--secondary:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-border)}.ui-btn--outline{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border-strong)}.ui-btn--outline:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-muted)}.ui-btn--ghost{background:transparent;color:var(--color-text-primary)}.ui-btn--ghost:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-surface-muted)}.ui-btn--danger{background:var(--color-danger);color:var(--color-text-on-primary)}.ui-btn--danger:hover:not(:disabled):not([aria-disabled=true]){background:var(--color-danger-hover)}.ui-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:var(--radius-full);animation:ui-spin var(--duration-slow) linear infinite}.ui-btn--loading .ui-btn__label{opacity:var(--opacity-muted)}.ui-control{display:block;width:100%;font-family:inherit;font-size:var(--font-size-label);line-height:var(--line-height-label);color:var(--color-text-primary);background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.ui-control::placeholder{color:var(--color-text-secondary);opacity:var(--opacity-muted)}.ui-control:hover:not(:disabled):not([readonly]){border-color:var(--color-border-strong)}.ui-control:focus{outline:none}.ui-control:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.ui-control--sm{height:var(--control-height-sm);padding-inline:var(--space-3)}.ui-control--md{height:var(--control-height-md);padding-inline:var(--space-3)}.ui-control--lg{height:var(--control-height-lg);padding-inline:var(--space-4)}.ui-control--error{border-color:var(--color-danger)}.ui-control--error:focus-visible{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.ui-control:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);background:var(--color-surface-muted)}.ui-control[readonly]{background:var(--color-surface-muted);cursor:default}.ui-control-wrap{position:relative;display:block;width:100%}.ui-control-wrap__suffix{position:absolute;inset-inline-end:var(--space-1);top:50%;transform:translateY(-50%);display:flex;align-items:center;pointer-events:none}.ui-control-wrap__suffix>*{pointer-events:auto}.ui-control--affixed{padding-inline-end:calc(var(--control-height-md) + var(--space-1))}.ui-textarea{min-height:calc(var(--control-height-lg) * 2);padding-block:var(--space-3);resize:vertical}.ui-search-wrap{position:relative;display:flex;align-items:center}.ui-search-wrap .ui-control{padding-left:calc(var(--space-3) + 1.25rem);padding-right:calc(var(--space-3) + 1.25rem)}.ui-search-wrap__icon{position:absolute;left:var(--space-3);width:1rem;height:1rem;color:var(--color-text-secondary);pointer-events:none}.ui-search-wrap__clear{position:absolute;right:var(--space-2)}.ui-field{display:flex;flex-direction:column;gap:var(--space-1)}.ui-field__label{font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);color:var(--color-text-primary)}.ui-field__required{color:var(--color-danger);margin-left:var(--space-1)}.ui-field__optional{font-weight:var(--font-weight-regular);color:var(--color-text-secondary);margin-left:var(--space-1)}.ui-field__helper{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary)}.ui-field__error{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-caption);line-height:var(--line-height-caption);color:var(--color-danger);display:flex;align-items:flex-start;gap:var(--space-1)}.ui-check,.ui-radio{display:inline-flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.ui-check input,.ui-radio input{width:1rem;height:1rem;margin-top:.125rem;accent-color:var(--color-primary);cursor:pointer}.ui-check input:disabled,.ui-radio input:disabled{cursor:not-allowed;opacity:var(--opacity-disabled)}.ui-switch{display:inline-flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--font-size-sm)}.ui-switch__track{position:relative;width:2.5rem;height:1.375rem;background:var(--color-border-strong);border-radius:var(--radius-full);transition:background-color var(--duration-fast) var(--easing-standard);flex-shrink:0}.ui-switch__thumb{position:absolute;top:2px;left:2px;width:1.125rem;height:1.125rem;background:var(--color-surface);border-radius:var(--radius-full);transition:transform var(--duration-fast) var(--easing-standard);box-shadow:var(--shadow-sm)}.ui-switch input{position:absolute;opacity:0;width:0;height:0}.ui-switch input:checked+.ui-switch__track{background:var(--color-primary)}.ui-switch input:checked+.ui-switch__track .ui-switch__thumb{transform:translate(1.125rem)}.ui-switch input:focus-visible+.ui-switch__track{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.ui-switch input:disabled+.ui-switch__track{opacity:var(--opacity-disabled);cursor:not-allowed}.ui-fieldset{border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:0}.ui-fieldset__legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding-inline:var(--space-2)}.ui-fieldset--error{border-color:var(--color-danger)}.ui-alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border);background:var(--color-surface)}.ui-alert__icon{flex-shrink:0;width:1.25rem;height:1.25rem}.ui-alert__body{flex:1;min-width:0}.ui-alert__title{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ui-alert__desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ui-alert--info{border-color:var(--color-info);background:var(--color-info-subtle)}.ui-alert--info .ui-alert__icon{color:var(--color-info)}.ui-alert--success{border-color:var(--color-success);background:var(--color-success-subtle)}.ui-alert--success .ui-alert__icon{color:var(--color-success)}.ui-alert--warning{border-color:var(--color-warning);background:var(--color-warning-subtle)}.ui-alert--warning .ui-alert__icon{color:var(--color-warning)}.ui-alert--error{border-color:var(--color-danger);background:var(--color-danger-subtle)}.ui-alert--error .ui-alert__icon{color:var(--color-danger)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-full);font-weight:var(--font-weight-medium);border:var(--border-width-1) solid transparent;white-space:nowrap}.ui-badge--sm{padding:.125rem var(--space-2);font-size:var(--font-size-xs)}.ui-badge--md{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.ui-badge--neutral{background:var(--color-surface-muted);color:var(--color-text-primary);border-color:var(--color-border)}.ui-badge--primary{background:var(--color-primary-subtle);color:var(--color-primary-active)}.ui-badge--info{background:var(--color-info-subtle);color:var(--color-info)}.ui-badge--success{background:var(--color-success-subtle);color:var(--color-success)}.ui-badge--warning{background:var(--color-warning-subtle);color:var(--color-warning)}.ui-badge--danger{background:var(--color-danger-subtle);color:var(--color-danger)}.ui-card{background:var(--color-surface);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-sm)}.ui-card--muted{background:var(--color-surface-muted);box-shadow:none}.ui-card--raised{background:var(--color-surface-raised);box-shadow:var(--shadow-elevation-md)}.ui-card--selected{background:var(--color-surface-selected);border-color:var(--color-border-strong);box-shadow:inset var(--border-edge-accent) 0 0 0 var(--color-primary)}.ui-card--interactive{cursor:pointer;transition:border-color var(--duration-fast) var(--easing-standard),background-color var(--duration-fast) var(--easing-standard),box-shadow var(--duration-fast) var(--easing-standard)}.ui-card--interactive:hover{border-color:var(--color-border-strong);background:var(--color-surface-muted)}.ui-card--interactive:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}.ui-card__header,.ui-card__footer{padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border)}.ui-card__footer{border-bottom:none;border-top:var(--border-width-1) solid var(--color-border)}.ui-card__body{padding:var(--space-4) var(--space-6)}.ui-card__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.ui-card__desc{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}@media(min-width:768px){.ui-card__header,.ui-card__footer,.ui-card__body{padding:var(--space-6)}}.ui-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:ui-spin var(--duration-slow) linear infinite}.ui-spinner--sm{width:1rem;height:1rem}.ui-spinner--lg{width:1.75rem;height:1.75rem;border-width:3px}@keyframes ui-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ui-spinner,.ui-btn__spinner,.ui-skeleton{animation:none!important}}.ui-skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-border) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:ui-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-4);gap:var(--space-3)}.ui-empty__visual{display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2);color:var(--color-node-inactive)}.ui-empty__node{font-size:1rem;line-height:1}.ui-empty__node--b{color:var(--color-node-active)}.ui-empty__link{width:1.5rem;height:1px;background:var(--color-connection)}.ui-empty__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.ui-empty__desc{margin:0;max-width:28rem;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ui-empty__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-2)}.ui-pulse{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-pulse--sm{width:.75rem;height:.75rem}.ui-pulse--md{width:1rem;height:1rem}.ui-pulse--lg{width:1.25rem;height:1.25rem}.ui-pulse__core{width:45%;height:45%;border-radius:var(--radius-full);background:var(--color-node-live);z-index:1}.ui-pulse__ring{position:absolute;inset:0;border-radius:var(--radius-full);border:1.5px solid var(--color-pulse-ring);animation:ui-pulse-ring var(--duration-pulse) var(--easing-standard) infinite}@keyframes ui-pulse-ring{0%{transform:scale(.85);opacity:.85}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@media(prefers-reduced-motion:reduce){.ui-pulse__ring{animation:none;transform:scale(1.15);opacity:.55}}.ui-node{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;font-size:.875rem;line-height:1;color:var(--color-node-inactive)}.ui-node--active,.ui-node--live{color:var(--color-node-active)}.ui-node--completed{color:var(--color-success)}.ui-node--failed{color:var(--color-danger)}.ui-node--cancelled{color:var(--color-text-muted)}.ui-connection{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);list-style:none;margin:0;padding:0;min-width:0}.ui-connection__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);min-width:0}.ui-connection__marker{display:flex;align-items:center;gap:0}.ui-connection__line{width:2rem;height:1px;margin-inline:var(--space-1);background:var(--color-connection)}.ui-connection__label{font-size:var(--font-size-caption);color:var(--color-text-secondary);overflow-wrap:anywhere}.ui-surface-swatch{border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);min-width:0}.ui-surface-swatch__label{margin:0;font-size:var(--font-size-caption);color:var(--color-text-secondary)}.ui-blue-edge-demo{background:var(--color-surface-selected);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);box-shadow:inset var(--border-edge-accent) 0 0 0 var(--color-primary);padding:var(--space-4)}.ui-toast-region{position:fixed;top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);max-width:min(24rem,calc(100vw - var(--space-8)));pointer-events:none}.ui-toast{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-border);background:var(--color-surface-raised);box-shadow:var(--shadow-elevation-lg);pointer-events:auto}.ui-toast--success{border-color:var(--color-success)}.ui-toast--error{border-color:var(--color-danger)}.ui-toast--warning{border-color:var(--color-warning)}.ui-toast--info{border-color:var(--color-info)}.ui-dialog-backdrop{position:fixed;inset:0;z-index:var(--z-modal);background:var(--color-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.ui-dialog{width:100%;max-height:calc(100vh - var(--space-8));overflow:auto;background:var(--color-surface-raised);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-lg)}.ui-dialog--sm{max-width:400px}.ui-dialog--md{max-width:560px}.ui-dialog--lg{max-width:720px}.ui-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-1) solid var(--color-border)}.ui-dialog__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);min-width:0;overflow-wrap:anywhere;word-break:break-word}.ui-dialog__body{padding:var(--space-6)}.ui-dialog__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-6);border-top:var(--border-width-1) solid var(--color-border)}.ui-table-wrap{overflow-x:auto;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-elevation-md)}.ui-table-wrap--desktop-only{display:none}@media(min-width:768px){.ui-table-wrap--desktop-only{display:block}}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-size-table);font-weight:var(--font-weight-table);line-height:var(--line-height-table)}.ui-table th,.ui-table td{padding:.75rem 1rem;text-align:left;border-bottom:var(--border-width-1) solid var(--color-border);vertical-align:middle}.ui-table th{height:44px;font-size:var(--font-size-table);font-weight:var(--font-weight-label);line-height:var(--line-height-table);color:var(--color-text-secondary);background:var(--color-surface-muted)}.ui-table td{height:50px;background:var(--color-surface);transition:background-color var(--duration-fast) var(--easing-standard)}.ui-table tbody tr:hover td{background:var(--color-surface-muted)}.ui-table__cell--check,.ui-table__cell--actions{width:1%;white-space:nowrap}.ui-table tr:last-child td{border-bottom:none}.ui-table td.ui-table__cell--numeric,.ui-table th.ui-table__cell--numeric{text-align:right}.ui-table__sort-btn{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;font:inherit;color:inherit;cursor:pointer;padding:0}.ui-table__sort-btn--active{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ui-table__sort-icon{color:var(--color-text-secondary);opacity:.45;font-size:.75em}.ui-table__sort-icon--active{color:var(--color-primary);opacity:1}.ui-table-list{list-style:none;margin:0;padding:0;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-elevation-md)}.ui-table-list__row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);min-width:0;border-bottom:var(--border-width-1) solid var(--color-border)}.ui-table-list__row:last-child{border-bottom:none}.ui-table-list__check{margin-top:.2rem;flex-shrink:0}.ui-table-list__content{flex:1 1 auto;min-width:0}.ui-table-list__primary{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-text-primary);overflow-wrap:anywhere;word-break:break-word}.ui-table-list__meta{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2);min-width:0}.ui-table-list__meta-item{display:block;font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word}.ui-table-list__meta-label{display:inline;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ui-table-list__meta-label:after{content:": "}.ui-table-list__status{margin-top:var(--space-2)}.ui-table-list__actions{flex-shrink:0;align-self:center}.ui-table-list__loading{border:var(--border-width-1) solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md)}@media(min-width:768px){.ui-table-list,.ui-table-list__loading{display:none}}.ui-pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);min-width:0}.ui-pagination__info{color:var(--color-text-secondary);min-width:0;overflow-wrap:anywhere}.ui-pagination__controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3);min-width:0}.ui-pagination__nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);min-width:0}.ui-pagination__page{color:var(--color-text-primary);overflow-wrap:anywhere}.ui-pagination__size .ui-control{width:auto;min-width:4.5rem}@media(max-width:767px){.ui-pagination,.ui-pagination__controls{flex-direction:column;align-items:stretch}.ui-pagination__nav{width:100%;justify-content:space-between}.ui-pagination__page{text-align:center;flex:1 1 auto}}.ui-stepper-host{min-width:0;max-width:100%}.ui-stepper-host--auto .ui-stepper{display:none}.ui-stepper-host--auto .ui-stepper-compact{display:block}.ui-stepper-host--horizontal-only .ui-stepper-compact,.ui-stepper-host--compact-only .ui-stepper{display:none}@media(min-width:768px){.ui-stepper-host--auto .ui-stepper{display:flex}.ui-stepper-host--auto .ui-stepper-compact{display:none}}.ui-stepper{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-3) 0;list-style:none;margin:0;padding:0;min-width:0}.ui-stepper__item{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);flex:1 1 0;min-width:5.5rem;max-width:100%;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ui-stepper__track{display:flex;align-items:center;width:100%;min-width:0}.ui-stepper__connector{flex:1 1 auto;height:1px;margin-inline:var(--space-2);background:var(--color-connection);min-width:.75rem}.ui-stepper__label{overflow-wrap:anywhere;word-break:break-word;padding-inline-end:var(--space-2)}.ui-stepper__indicator{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border-radius:var(--radius-full);border:var(--border-width-1) solid var(--color-border);font-size:.7rem;font-weight:var(--font-weight-medium);line-height:1;background:var(--color-surface);color:var(--color-node-inactive)}.ui-stepper__item--current{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.ui-stepper__item--current .ui-stepper__indicator{border-color:var(--color-primary);background:var(--color-primary-subtle);color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.ui-stepper__item--completed .ui-stepper__indicator{border-color:var(--color-success);background:var(--color-success-subtle);color:var(--color-success)}.ui-stepper__item--error .ui-stepper__indicator{border-color:var(--color-danger);background:var(--color-danger-subtle);color:var(--color-danger)}.ui-stepper__item--disabled{opacity:var(--opacity-disabled)}.ui-stepper__item--disabled .ui-stepper__indicator{background:var(--color-surface-muted)}.ui-stepper-compact{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:0;max-width:100%}.ui-stepper-compact strong,.ui-stepper-compact__label{display:block;margin-top:var(--space-1);color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);overflow-wrap:anywhere;word-break:break-word}.ui-stepper-compact__track{margin-top:var(--space-3);height:.375rem;border-radius:var(--radius-full);background:var(--color-surface-muted);border:var(--border-width-1) solid var(--color-border);overflow:hidden}.ui-stepper-compact__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--duration-normal) var(--easing-standard)}.ui-kit-section{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:var(--border-width-1) solid var(--color-border);min-width:0;max-width:100%}.ui-kit-section:last-child{border-bottom:none}.ui-kit-section__title{margin:0 0 var(--space-2);font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);overflow-wrap:anywhere;word-break:break-word;color:var(--color-text-primary)}.ui-kit-section__desc{margin:0 0 var(--space-6);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text-secondary);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.ui-kit-subsection{margin-bottom:var(--space-6);min-width:0}.ui-kit-subsection__title{margin:0 0 var(--space-3);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);color:var(--color-text-secondary);overflow-wrap:anywhere}.ui-kit-toolbar{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-3);align-items:stretch;margin-bottom:var(--space-4);min-width:0;padding:var(--space-3);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-elevation-sm)}.ui-kit-toolbar__search,.ui-kit-toolbar__filter{width:100%;min-width:0}@media(min-width:768px){.ui-kit-toolbar{flex-direction:row;align-items:flex-end}.ui-kit-toolbar__search{flex:1 1 auto}.ui-kit-toolbar__filter{width:auto;min-width:10rem;flex:0 0 auto}}.ui-kit-md-up{display:none}.ui-kit-md-down{display:block}@media(min-width:768px){.ui-kit-md-up{display:block}.ui-kit-md-down{display:none}}.ui-kit-demo-frame{min-width:0;max-width:100%}.ui-kit-demo-frame--scroll-x{overflow-x:auto;overscroll-behavior-x:contain;max-width:100%;padding-bottom:var(--space-2)}.ui-drawer-root{position:fixed;inset:0;z-index:var(--z-drawer)}.ui-drawer-backdrop{position:absolute;inset:0;background:var(--color-overlay)}.ui-drawer-panel{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;width:min(var(--layout-sidebar-width),90vw);max-width:100%;background:var(--color-surface-raised);border:var(--border-width-1) solid var(--color-border);box-shadow:var(--shadow-elevation-lg)}.ui-drawer-panel--left{left:0;border-left:none}.ui-drawer-panel--right{right:0;width:min(360px,92vw);border-right:none}.ui-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--layout-topbar-height);padding:var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border);min-width:0}.ui-drawer__title{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);min-width:0;overflow-wrap:anywhere;word-break:break-word}.ui-drawer__body{flex:1;overflow:auto;padding:var(--space-4);font-size:var(--font-size-body);line-height:var(--line-height-body);min-width:0}.ui-drawer__footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:var(--border-width-1) solid var(--color-border)}.ui-kit-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);min-width:0;max-width:100%}.ui-kit-grid{display:grid;gap:var(--space-4);min-width:0}@media(min-width:768px){.ui-kit-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}.ui-secure-pulse{position:relative;width:min(100%,22rem);aspect-ratio:4 / 3;margin-inline:auto;isolation:isolate}.ui-secure-pulse__geo{position:absolute;border-radius:var(--radius-lg);border:var(--border-width-1) solid var(--color-border);background:var(--color-identity-geometry);pointer-events:none}.ui-secure-pulse__geo--a{inset:12% 18% 22% 10%;transform:rotate(-6deg)}.ui-secure-pulse__geo--b{inset:22% 8% 16% 22%;transform:rotate(5deg);background:var(--color-identity-geometry-strong)}.ui-secure-pulse__geo--c{width:3.25rem;height:3.25rem;top:38%;left:42%;border-radius:var(--radius-full);background:var(--color-identity-node-glow);border:0}.ui-secure-pulse__links{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.ui-secure-pulse__links line{stroke:var(--color-connection);stroke-width:1.5}.ui-secure-pulse .ui-node{width:1.5rem;height:1.5rem;font-size:1.05rem}.ui-secure-pulse__node{position:absolute;z-index:1;transform:translate(-50%,-50%)}.ui-secure-pulse__node--n{top:17%;left:50%}.ui-secure-pulse__node--w{top:50%;left:14%}.ui-secure-pulse__node--e{top:50%;left:86%}.ui-secure-pulse__node--sw{top:82%;left:30%}.ui-secure-pulse__node--se{top:82%;left:70%}.ui-secure-pulse__center{position:absolute;top:50%;left:50%;z-index:2;display:grid;place-items:center;transform:translate(-50%,-50%)}.ui-secure-pulse__core{position:absolute}.ui-secure-pulse--compact{width:min(100%,12rem);aspect-ratio:16 / 9}.ui-secure-pulse--compact .ui-secure-pulse__geo--a,.ui-secure-pulse--compact .ui-secure-pulse__node--n,.ui-secure-pulse--compact .ui-secure-pulse__diag{display:none}.auth-layout{position:relative;min-height:100dvh;min-height:100svh;background:var(--color-environment);overflow-x:hidden}.auth-layout__chrome{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);z-index:var(--z-sticky);display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);max-width:calc(100% - var(--space-6))}.auth-locale{display:inline-flex;align-items:stretch;border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-elevation-sm);overflow:hidden}.auth-locale__btn{min-width:2.5rem;min-height:var(--control-height-sm);padding:0 var(--space-3);border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:.04em;cursor:pointer}.auth-locale__btn[aria-pressed=true]{background:var(--color-surface-selected);color:var(--color-text-primary)}.auth-layout__stage{min-width:0}.login{display:flex;flex-direction:column;min-height:100dvh;min-height:100svh;min-width:0}.login__identity{position:relative;display:flex;flex-direction:column;gap:var(--space-4);padding:calc(var(--space-12) + var(--space-2)) var(--space-4) var(--space-6);color:var(--color-text-primary);overflow:hidden}.login__identity:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 55% at 20% 10%,var(--color-atmosphere-glow),transparent 70%),radial-gradient(ellipse 50% 40% at 85% 80%,var(--color-atmosphere-glow-soft),transparent 65%)}.login__identity>*{position:relative;z-index:1}.login__eyebrow{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.login__product{margin:0;font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-section-title);color:var(--color-text-primary);overflow-wrap:anywhere}.login__context{margin:0;max-width:26rem;color:var(--color-text-secondary)}.login__pulse{display:none;margin-block:var(--space-2)}.login__pulse--compact{display:block}.login__cues{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);margin:0;padding:0;list-style:none}.login__cues li{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.login__signature{margin:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.login__workspace{display:flex;align-items:stretch;justify-content:center;padding:0 var(--space-4) var(--space-8);background:var(--color-background)}.login__panel{width:100%;max-width:26rem;padding:var(--space-5);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-raised);box-shadow:var(--shadow-elevation-sm)}.login__panel-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.login__title{margin:0;font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-text-primary)}.login__panel-product{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.login__description{margin:0}.login__form{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.login__submit{margin-top:var(--space-2)}.login__submit .ui-btn{min-height:var(--control-height-md)}@media(min-width:768px){.login{flex-direction:row;align-items:stretch}.login__identity{flex:0 0 38%;max-width:38%;justify-content:center;padding:var(--space-10) var(--space-6)}.login__workspace{flex:1 1 62%;align-items:center;padding:var(--space-10) var(--space-6)}.login__panel{padding:var(--space-8);box-shadow:var(--shadow-elevation-md)}}@media(min-width:1024px){.login__identity{flex-basis:55%;max-width:55%;gap:var(--space-6);padding:var(--space-16) var(--space-12)}.login__product{font-size:var(--font-size-page-title);line-height:var(--line-height-page-title)}.login__pulse--compact{display:none}.login__pulse:not(.login__pulse--compact){display:block}.login__workspace{flex-basis:45%;max-width:45%;padding:var(--space-16) var(--space-10)}}@media(max-width:374px){.login__title{font-size:var(--font-size-section-title)}.login__panel{padding:var(--space-4)}}.product-workspace{min-width:0;background:var(--color-surface-raised);border:var(--border-width-1) solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-md);overflow:hidden}.product-workspace .ui-table-wrap,.product-workspace .ui-table-list{border:none;border-radius:0;box-shadow:none}.product-workspace .ui-table th{color:var(--color-text-primary);background:var(--color-workspace-header);border-bottom-color:var(--color-border-strong)}.product-workspace .ui-table__cell--actions .ui-btn--outline,.product-workspace .ui-table-list__actions .ui-btn--outline{color:var(--color-primary);border-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.product-workspace .ui-empty,.product-workspace .ui-alert{margin:var(--space-5);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.product-workspace .ui-empty{padding-block:var(--space-10);padding-inline:var(--space-6)}.product-form-surface{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5);min-width:0;background:var(--color-surface-raised);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:inset var(--border-edge-accent) 0 0 0 var(--color-primary),var(--shadow-elevation-md)}.product-form-actions{display:flex;flex-direction:column-reverse;gap:var(--space-2);padding-top:var(--space-5);border-top:var(--border-width-1) solid var(--color-border)}.product-form-actions ui-button,.product-form-actions .ui-btn{width:100%}.product-section-heading{display:flex;align-items:flex-start;gap:var(--space-3);min-width:0}.product-section-node{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;flex-shrink:0;margin-top:.1rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1}.product-count-pill{display:inline-flex;align-items:center;margin:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-count-pill-bg);color:var(--color-count-pill-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.product-initials{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-primary-subtle);color:var(--color-primary-active);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.product-pending-banner{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width-1) solid var(--color-pending-border);background:var(--color-pending-surface)}.product-pending-banner__icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--color-warning)}.product-pending-banner__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.product-pending-banner__body{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.product-surface{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);min-width:0;background:var(--color-surface-raised);border:var(--border-width-1) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevation-md)}.product-surface--zoom{border-color:var(--color-pending-border)}@media(min-width:640px){.product-form-surface{padding:var(--space-8)}.product-form-actions{flex-direction:row;justify-content:flex-end;align-items:center}.product-form-actions ui-button,.product-form-actions .ui-btn{width:auto;min-width:7.5rem}.product-surface{padding:var(--space-6)}}
