:root{--font-family-sans: "Roboto", "Inter", "Noto Sans", sans-serif;--font-family-mono: "Roboto Mono", "IBM Plex Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-h1: 2rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-h4: 1.125rem;--font-size-h5: 1rem;--font-size-h6: .875rem;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700}h1.z-h1,h2.z-h2,h3.z-h3,h4.z-h4,h5.z-h5,h6.z-h6{margin:0;padding:0;margin-inline:0;margin-inline-start:0;margin-inline-end:0;margin-block:0;margin-block-start:0;margin-block-end:0}.z-text{font-family:var(--font-family-sans);color:var(--theme-text)}.z-text-bold{font-weight:var(--font-weight-bold)}.z-text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.z-text-md{font-size:var(--font-size-md);line-height:var(--line-height-normal)}.z-text-lg{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}h1,.z-h1{font-size:var(--font-size-h1);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}h2,.z-h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold)}h3,.z-h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium)}h4,.z-h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-medium)}h5,.z-h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-normal)}h6,.z-h6{font-size:var(--font-size-h6);font-weight:var(--font-weight-normal);text-transform:uppercase;letter-spacing:.05em}:root{--color-black: #000000;--color-white: #ffffff;--color-black-soft: #121315;--color-black-softer: #212121;--color-aqua-10: #e9f9ff;--color-aqua-20: #bceaf8;--color-aqua-30: #85d8ee;--color-aqua-40: #60bdd6;--color-aqua-50: #339db8;--color-aqua-60: #00809b;--color-aqua-70: #006376;--color-aqua-80: #004a5b;--color-aqua-90: #003543;--color-aqua-100: #002530;--color-tarawera-5: oklch(76.009% .10794 229.4);--color-tarawera-10: oklch(73.655% .11688 229.98);--color-tarawera-20: oklch(69.281% .13194 232.72);--color-tarawera-30: oklch(61.993% .12216 233.98);--color-tarawera-40: oklch(53.673% .10401 233.03);--color-tarawera-50: oklch(44.829% .08637 233.68);--color-tarawera-60: oklch(35.751% .06594 232.22);--color-tarawera-70: oklch(30.988% .0553 230.86);--color-tarawera-80: oklch(26.069% .04368 229.1);--color-tarawera-90: oklch(20.599% .03374 231.38);--color-tarawera-100: oklch(18.046% .02712 227.39);--color-dodger-blue-5: oklch(88.461% .0683 226.39);--color-dodger-blue-10: oklch(86.055% .08284 226.1);--color-dodger-blue-20: oklch(81.382% .10949 228.27);--color-dodger-blue-30: oklch(77.052% .13142 230.39);--color-dodger-blue-40: oklch(73.282% .148 234.34);--color-dodger-blue-50: oklch(67.756% .14582 236.64);--color-dodger-blue-60: oklch(59.02% .1263 236.44);--color-dodger-blue-70: oklch(49.884% .10505 235.48);--color-dodger-blue-80: oklch(40.376% .08364 234.81);--color-dodger-blue-90: oklch(30.212% .05954 232.26);--color-dodger-blue-100: oklch(24.855% .04803 231.26);--color-blue-aqua-10: #fafdff;--color-blue-aqua-20: #cbf0ff;--color-blue-aqua-30: #b4e7ff;--color-blue-aqua-40: #9adbff;--color-blue-aqua-50: #75ccfc;--color-blue-aqua-60: #1fb6f7;--color-blue-aqua-70: #00aced;--color-blue-aqua-80: #00a0e0;--color-blue-aqua-90: #007cb7;--color-blue-aqua-100: #003a5d;--color-blue-grey-5: oklch(82.089% .04016 243.58);--color-blue-grey-10: oklch(78.826% .04763 244.45);--color-blue-grey-20: oklch(72.419% .0631 243.53);--color-blue-grey-30: oklch(65.779% .07924 244.56);--color-blue-grey-40: oklch(59.16% .09359 245.61);--color-blue-grey-50: oklch(52.235% .08185 245.9);--color-blue-grey-60: oklch(45.021% .06838 245.52);--color-blue-grey-70: oklch(37.506% .05422 244.92);--color-blue-grey-80: oklch(29.653% .0405 245.39);--color-blue-grey-90: oklch(21.187% .02392 243.93);--color-blue-grey-100: oklch(16.519% .01587 248.69);--color-mirage-10: oklch(44.955% .05455 241.88);--color-mirage-20: oklch(42.876% .05239 242.46);--color-mirage-30: oklch(38.751% .04864 246.03);--color-mirage-40: oklch(34.794% .04209 247.86);--color-mirage-50: oklch(30.708% .0375 250.6);--color-mirage-60: oklch(26.429% .03126 252.77);--color-mirage-70: oklch(24.125% .02827 257.53);--color-mirage-80: oklch(21.972% .02475 256.46);--color-mirage-90: oklch(19.913% .02223 260.47);--color-mirage-100: oklch(17.648% .01846 259.67);--color-mirage-110: oklch(16.405% .01562 266.62);--color-grey-5: #f3f2f2;--color-grey-10: #fafafa;--color-grey-20: #f5f5f5;--color-grey-30: #eeeeee;--color-grey-40: #e0e0e0;--color-grey-50: #bdbdbd;--color-grey-60: #9e9e9e;--color-grey-70: #757575;--color-grey-80: #616161;--color-grey-90: #424242;--color-grey-100: #212121;--color-red-10: #fff4f1;--color-red-20: #ffdad3;--color-red-30: #ffbcb0;--color-red-40: #fd9484;--color-red-50: #f35a4b;--color-red-60: #d13630;--color-red-70: #ad1717;--color-red-80: #8b0000;--color-red-90: #690000;--color-red-100: #4d0000;--color-orange-10: #fff3e0;--color-orange-20: #ffe0b2;--color-orange-30: #ffcc80;--color-orange-40: #ffb74d;--color-orange-50: #ffa726;--color-orange-60: #ff9800;--color-orange-70: #fb8c00;--color-orange-80: #f57c00;--color-orange-90: #ef6c00;--color-orange-100: #e65100;--color-yellow-10: #FFF9E6;--color-yellow-20: #FFEFB3;--color-yellow-30: #FFE480;--color-yellow-40: #FFD74D;--color-yellow-50: #FFCB1F;--color-yellow-60: #FFC107;--color-yellow-70: #E0A800;--color-yellow-80: #B38600;--color-yellow-90: #806200;--color-yellow-100: #4D3B00;--color-blue-10: #e3f2fd;--color-blue-20: #bbdefb;--color-blue-30: #90caf9;--color-blue-40: #64b5f6;--color-blue-50: #42a5f5;--color-blue-60: #2196f3;--color-blue-70: #1e88e5;--color-blue-80: #1976d2;--color-blue-90: #1565c0;--color-blue-100: #0d47a1;--color-green-10: #e8f5e9;--color-green-20: #c8e6c9;--color-green-30: #a5d6a7;--color-green-40: #81c784;--color-green-50: #66bb6a;--color-green-60: #4caf50;--color-green-70: #43a047;--color-green-80: #388e3c;--color-green-90: #2e7d32;--color-green-100: #1b5e20}:root{--shadow-0: none;--shadow-1: 0 1px 4px 0 rgba(0, 0, 0, .08);--shadow-2: 0 2px 8px 0 rgba(0, 0, 0, .12);--shadow-3: 0 4px 12px 0 rgba(0, 0, 0, .16);--shadow-4: 0 8px 24px 0 rgba(0, 0, 0, .24);--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-round: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--border-style: solid;--overlay-light: rgba(255, 255, 255, .05);--overlay-dark: rgba(0, 0, 0, .4);--overlay-accent: rgba(0, 191, 255, .2);--blur-panel: blur(8px);--backdrop-blur: blur(16px);--button-height: 2.5rem;--button-padding-x: 1rem;--input-height: 2.5rem;--input-padding-x: .75rem;--popover-padding: 1rem;--panel-padding: 1.5rem;--state-hover: rgba(255, 255, 255, .05);--state-active: rgba(255, 255, 255, .1);--state-selected: var(--theme-accent);--state-disabled: var(--theme-text-disabled);--state-focus: rgba(0, 191, 255, .25);--transition-fast: .1s ease-in-out;--transition-normal: .25s ease-in-out;--transition-slow: .4s ease-in-out;--transition-smooth: cubic-bezier(.4, 0, .2, 1);--focus-ring: 0 0 0 3px rgba(0, 191, 255, .6);--focus-outline-offset: 2px;--icon-size-sm: 1rem;--icon-size-md: 1.25rem;--icon-size-lg: 1.5rem;--icon-stroke-width: 1.5;--chart-blue: #2E7DFF;--chart-green: #4CAF50;--chart-yellow: #FBC02D;--chart-red: #E53935;--chart-orange: #FB8C00;--chart-cyan: #00ACC1;--chart-gray: #9DA7B1;--chart-purple: #8E24AA;--chart-neutral: #B0BAC3;--z-base: 1;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080;--z-overlay: 2000;--grid-columns: 12;--grid-gutter: 1.5rem;--grid-max-width: 1200px;--space-y-1: .375rem;--space-y-2: .75rem;--space-y-3: 1.5rem;--space-y-4: 2.25rem;--space-y-5: 3rem;--space-x-1: .75rem;--space-x-2: 1.5rem;--space-x-3: 2.25rem;--space-x-4: 3rem;--space-x-5: 4.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--modal-sm: 450px;--modal-md: 640px;--modal-lg: 960px}:root{--theme-main-bg-color: var(--color-grey-10);--theme-bg: var(--color-white);--theme-surface: var(--color-grey-10);--theme-surface-alt: var(--color-grey-20);--theme-border: var(--color-grey-40);--theme-text: var(--color-black-softer);--theme-text-disabled: var(--color-grey-30);--theme-text-inv: var(--color-white);--theme-accent: var(--color-blue-grey-30);--theme-primary: var(--color-blue-grey-50);--theme-primary-hover: var(--color-blue-grey-60);--theme-primary-active: var(--color-blue-grey-70);--theme-primary-disabled: var(--color-grey-40);--theme-primary-disabled-text: var(--color-grey-80);--theme-primary-focus: var(--color-blue-grey-30);--theme-primary-focus-shadow: var(--color-blue-grey-20);--theme-focus-transition: border-color .2s ease, box-shadow .2s ease;--theme-focus-shadow: 0 0 0 2px var(--theme-bg), 0 0 0 5px var(--theme-primary-focus-shadow);--theme-focus-shadow-sticky: 0 0 0 .1rem var(--theme-primary-focus-shadow);--theme-secondary: var(--color-grey-50);--theme-secondary-hover: var(--color-grey-40);--theme-secondary-active: var(--color-grey-50);--theme-secondary-disabled: var(--color-grey-30);--theme-secondary-focus: var(--color-grey-50);--theme-success: var(--color-green-60);--theme-warning: var(--color-yellow-60);--theme-error: var(--color-red-60);--theme-info: var(--color-blue-60)}:root [data-theme=dark]{--theme-bg: var(--color-black-softer);--theme-surface: var(--color-grey-90);--theme-surface-alt: var(--color-grey-80);--theme-border: var(--color-grey-70);--theme-text: var(--color-grey-10);--theme-accent: var(--color-blue-grey-30);--theme-primary: var(--color-blue-grey-40);--theme-primary-hover: var(--color-blue-grey-30);--theme-primary-active: var(--color-blue-grey-60);--theme-success: var(--color-green-60);--theme-warning: var(--color-yellow-60);--theme-error: var(--color-red-60);--theme-info: var(--color-blue-60)}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;background-color:var(--theme-main-bg-color);color:var(--theme-text);font-family:var(--font-family-sans);overflow-y:hidden}#root{height:100%;display:flex;flex-direction:column}main{position:relative;flex:1;overflow-y:auto}button,input,select,textarea{font-family:inherit;font-size:inherit}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.content-start{align-content:flex-start}.content-center{align-content:center}.content-end{align-content:flex-end}.text-start{text-align:start}.text-center{text-align:center}.text-end{text-align:end}.align-items-start{align-items:flex-start}.align-items-center{align-items:center}.align-items-end{align-items:flex-end}.justify-items-start{justify-items:flex-start}.justify-items-center{justify-items:center}.justify-items-end{justify-items:flex-end}.item-right{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.flex-grow{flex-grow:1}.w-100{width:100%}.gap-4{gap:4px}.gap-8{gap:8px}.gap-12{gap:12px}.p-4{padding:4px}.p-8{padding:8px}.p-12{padding:12px}.m-4{margin:4px}.m-8{margin:8px}.m-12{margin:12px}.visible{visibility:visible}.hidden{visibility:hidden}.overflow-hidden{overflow:hidden}.z-row{display:flex;flex-direction:row;flex-shrink:0;width:100%;max-width:100%}.z-row-sm{gap:var(--space-y-1)}.z-row-md{gap:var(--space-y-2)}.z-row-lg{gap:var(--space-y-3)}.z-col{display:flex;flex-direction:column;flex:0 0 auto}.z-col-1{width:8.3333333333%}.z-col-2{width:16.6666666667%}.z-col-3{width:25%}.z-col-4{width:33.3333333333%}.z-col-5{width:41.6666666667%}.z-col-6{width:50%}.z-col-7{width:58.3333333333%}.z-col-8{width:66.6666666667%}.z-col-9{width:75%}.z-col-10{width:83.3333333333%}.z-col-11{width:91.6666666667%}.z-col-12{width:100%}.z-col-sm{gap:var(--space-x-1)}.z-col-md{gap:var(--space-x-2)}.z-col-lg{gap:var(--space-x-3)}.z-grid{display:inline-grid}.z-grid-1{grid-template-columns:repeat(1,1fr)}.z-grid-2{grid-template-columns:repeat(2,1fr)}.z-grid-3{grid-template-columns:repeat(3,1fr)}.z-grid-4{grid-template-columns:repeat(4,1fr)}.z-grid-5{grid-template-columns:repeat(5,1fr)}.z-grid-6{grid-template-columns:repeat(6,1fr)}.z-grid-7{grid-template-columns:repeat(7,1fr)}.z-grid-8{grid-template-columns:repeat(8,1fr)}.z-grid-9{grid-template-columns:repeat(9,1fr)}.z-grid-10{grid-template-columns:repeat(10,1fr)}.z-grid-11{grid-template-columns:repeat(11,1fr)}.z-grid-12{grid-template-columns:repeat(12,1fr)}.z-grid-sm{gap:var(--space-x-1)}.z-grid-md{gap:var(--space-x-2)}.z-grid-lg{gap:var(--space-x-3)}.z-layout{display:flex;flex-direction:column;height:100vh}.z-layout-header{flex-shrink:0}.z-layout-body{flex:1;display:flex;overflow:hidden}.z-main{flex:1;overflow-y:auto}.z-container-sm{padding:var(--space-y-2)}.z-container-md{padding:var(--space-y-3)}.z-container-lg{padding:var(--space-y-4)}.z-icon{color:var(--color-black-softer, #111)}.z-icon-sm{width:12px;height:12px}.z-icon-md{width:24px;height:24px}.z-icon-lg{width:48px;height:48px}.z-icon-button{border-radius:50%;border-width:0;border-style:none;background-color:var(--theme-bg);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:var(--theme-focus-transition)}.z-icon-button-sm{width:24px;height:24px}.z-icon-button-sm .z-icon{width:12px;height:12px}.z-icon-button-md{width:36px;height:36px}.z-icon-button-md .z-icon{width:24px;height:24px}.z-icon-button-lg{width:36px;height:36px}.z-icon-button-lg .z-icon{width:32px;height:32px}.z-icon-button-lg svg{stroke-width:1px}.z-icon-button:disabled{cursor:not-allowed}.z-icon-button:disabled .z-icon{color:hsl(from var(--theme-primary-disabled) h s 70%)}.z-icon-button:hover:not(:disabled){background-color:var(--theme-primary-hover)}.z-icon-button:hover:not(:disabled) .z-icon{color:var(--color-white)}.z-icon-button:focus-visible,.z-icon-button:focus{outline:0;box-shadow:0 0 0 3px var(--theme-primary-focus-shadow);transition:var(--theme-focus-transition)}.z-icon-button:active:not(:disabled){background-color:var(--theme-primary-active)}.z-icon-button:active:not(:disabled) .z-icon{color:var(--color-white)}.z-button{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);display:block;height:var(--button-height);padding-right:var(--button-padding-x);padding-left:var(--button-padding-x);border-radius:8px;border-width:0;border-style:none;cursor:pointer;transition:var(--theme-focus-transition)}.z-button-primary{color:var(--color-white);background-color:var(--theme-primary)}.z-button-primary:hover:not(:disabled){box-shadow:var(--shadow-2);background-color:var(--theme-primary-hover)}.z-button-primary:active:not(:disabled){box-shadow:var(--shadow-2);background-color:var(--theme-primary-active)}.z-button-primary:focus-visible{border-color:var(--theme-primary-focus);outline:0;box-shadow:var(--theme-focus-shadow)}.z-button-secondary{color:var(--color-blue-grey-80);background-color:var(--color-white);border-color:var(--theme-primary);border-width:3px;border-style:solid}.z-button-secondary:hover:not(:disabled){box-shadow:var(--shadow-2);border-color:var(--theme-primary-hover)}.z-button-secondary:active:not(:disabled){background-color:var(--color-grey-5);box-shadow:var(--shadow-2);border-color:var(--theme-primary)}.z-button-secondary:focus-visible{border-color:var(--theme-primary-focus);outline:0;box-shadow:var(--theme-focus-shadow-sticky)}.z-button:disabled{cursor:not-allowed;color:var(--theme-primary-disabled-text);border-color:var(--theme-primary-disabled);background-color:var(--theme-primary-disabled)}.z-calendar{display:flex;flex-direction:column;padding:24px;overflow:hidden;font-family:var(--font-family-sans);font-size:var(--font-size-md);color:var(--theme-text)}.z-calendar-header{display:flex;flex-direction:row;justify-content:space-between}.z-calendar-header .year-picker{align-content:center}.z-calendar-header .year-picker select{padding:0 6px}.z-calendar-header .month-picker{display:flex;flex-direction:row;align-items:center}.z-calendar-header .month-picker .z-icon-button{width:28px;height:28px}.z-calendar-header .month-picker span{padding:0 6px}.z-calendar-page{display:grid;grid-template-columns:repeat(7,1fr);overflow:visible}.z-calendar-page>button{aspect-ratio:1}.z-calendar-page .weekday,.z-calendar-page .day{text-align:center}.z-calendar-page .weekday{color:hsl(from var(--theme-text) h s 35%)}.z-calendar-page .day{color:var(--theme-text);border-radius:50%;border-width:0;border-style:none;margin:3px;position:relative;z-index:1;background-color:var(--theme-bg);cursor:pointer;transition:var(--theme-focus-transition);text-align:center}.z-calendar-page .day:hover:not(:disabled){color:var(--color-white);background-color:var(--theme-primary-hover)}.z-calendar-page .day:active:not(:disabled){color:var(--color-white);background-color:var(--theme-primary-active)}.z-calendar-page .day:focus-visible{outline:0;box-shadow:0 0 0 3px var(--theme-primary-focus-shadow);transition:var(--theme-focus-transition)}.z-calendar-page .day:disabled{cursor:default;color:hsl(from var(--theme-primary-disabled) h s 70%)}.z-calendar-page .day+.is-selected{color:var(--color-white);background-color:var(--theme-primary)}.z-calendar-page .day:before{content:"";position:absolute;inset:0;z-index:-1;background-color:transparent}.z-calendar-page .day.is-in-range:before{background-color:hsl(from var(--theme-primary) h s 70%)}.z-card{width:100%;background-color:var(--theme-bg);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-2)}.z-checkbox{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1rem}.z-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0;overflow:hidden;-webkit-appearance:none;appearance:none;background-color:#fff;margin:0}.z-checkbox-box{position:relative;width:24px;height:24px;border-radius:6px;border:2px solid var(--theme-primary);background-color:var(--color-white);transition:background-color .15s cubic-bezier(.86,0,.07,1),border .15s cubic-bezier(.86,0,.07,1),color .15s cubic-bezier(.86,0,.07,1),var(--theme-focus-transition);flex-shrink:0;display:inline-block}.z-checkbox:hover:not(.disabled) .z-checkbox-box{border-color:var(--theme-primary-hover)}.z-checkbox input:focus-visible+.z-checkbox-box{outline:0;box-shadow:var(--theme-focus-shadow)}.z-checkbox-box:after{border-bottom:.2rem solid #fff;border-left:.2rem solid #fff;content:"";display:inline-block;position:absolute;height:.4rem;left:50%;width:.75rem;top:50%;margin-left:0;margin-top:-1px;opacity:0;transform-origin:center center;transform:translate(-50%,-50%) rotate(-45deg) scale(0);transition:transform .15s cubic-bezier(.86,0,.07,1)}.z-checkbox input[type=checkbox]:checked+.z-checkbox-box{background-color:var(--theme-primary);border-color:var(--theme-primary)}.z-checkbox input[type=checkbox]:checked+.z-checkbox-box:after{opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scale(1)}.z-checkbox input[type=checkbox]:disabled+.z-checkbox-box{cursor:not-allowed;border-color:var(--theme-primary-disabled);background-color:var(--theme-primary-disabled)}.z-checkbox input[type=checkbox]:disabled+.z-checkbox-box:after{border-color:#aaa}.z-checkbox input[type=checkbox]:disabled:checked+.z-checkbox-box:after{background-color:var(--theme-primary-disabled);border-color:var(--theme-primary-disabled)}.z-checkbox input[type=checkbox]:disabled:checked+.z-checkbox-box:after{border-color:var(--color-grey-60);opacity:1;transform:translate(-50%,-50%) rotate(-45deg) scale(1)}.z-checkbox input[type=checkbox]:disabled~.z-checkbox-label{color:var(--theme-primary-disabled-text);cursor:not-allowed}.z-checkbox span.z-checkbox-label{line-height:1}:root{--toggle-width: 44px;--toggle-height: 24px;--thumb-size: 20px}.z-toggle{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-family-sans),system-ui,sans-serif;font-size:var(--font-size-md);transition:var(--theme-focus-transition)}.z-toggle input{position:absolute;opacity:0;width:1px;height:1px}.z-toggle-slider{position:relative;width:var(--toggle-width);height:var(--toggle-height);background-color:var(--color-grey-40);border-radius:var(--toggle-height);transition:background-color .25s ease;flex-shrink:0}.z-toggle-slider:before{content:"";position:absolute;width:var(--thumb-size);height:var(--thumb-size);top:2px;left:2px;background-color:var(--color-white);border-radius:50%;box-shadow:0 1px 4px #00000059;transition:transform .25s cubic-bezier(.4,0,.2,1),background-color .25s ease}.z-toggle input:checked+.z-toggle-slider{background-color:var(--theme-primary)}.z-toggle input:checked+.z-toggle-slider:before{transform:translate(20px);background-color:var(--theme-bg)}.z-toggle input:focus-visible+.z-toggle-slider{box-shadow:var(--theme-focus-shadow);transition:var(--theme-focus-transition)}.z-toggle input:disabled+.z-toggle-slider{background-color:var(--theme-primary-disabled);cursor:not-allowed}.z-toggle input:disabled+.z-toggle-slider:before{background-color:var(--color-grey-50)}.z-toggle input:disabled:checked+.z-toggle-slider{background-color:var(--color-grey-60);cursor:not-allowed}.z-toggle input:disabled~.z-toggle-label{color:var(--theme-primary-disabled-text);cursor:not-allowed}.z-input-wrapper{display:flex;flex-direction:column;gap:var(--space-y-1);text-align:start;justify-items:start;height:100%;font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal)}.z-input-wrapper .z-input-label{font-size:var(--font-size-xs);font-weight:500}.z-input-wrapper:has(.z-input:disabled) .z-input-label{color:var(--theme-primary-disabled-text)}.z-input-wrapper:has(.z-input-error) .z-input{border-color:var(--color-red-40);background-color:var(--color-red-10)}.z-input-wrapper .z-input{font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);border:2px solid var(--color-grey-70);border-radius:var(--radius-md);transition:var(--theme-focus-transition);outline:none;padding:3px 6px}.z-input-wrapper .z-input:disabled{border-color:var(--theme-primary-disabled);background-color:var(--theme-primary-disabled);cursor:not-allowed}.z-input-wrapper .z-input:focus-visible{border-color:var(--theme-primary-focus);outline:0;box-shadow:var(--theme-focus-shadow-sticky)}.z-input-wrapper .z-input-error{color:var(--theme-error);font-size:var(--font-size-xs);line-height:var(--line-height-tight);min-height:var(--line-height-tight)}.z-tooltip{position:absolute;z-index:var(--z-tooltip)}.z-tooltip-body{background-color:hsl(from var(--color-black-soft) h s l/95%);color:var(--color-grey-10);border-radius:var(--radius-lg);padding:var(--space-y-1) var(--space-x-1);display:flex;flex-direction:column}.z-tooltip-body .z-text{color:var(--color-grey-10);font-size:var(--font-size-sm)}.z-tooltip-visible{visibility:visible}.z-tooltip-hidden{visibility:hidden}.z-popover{position:absolute;z-index:var(--z-popover)}.z-popover-body{background-color:var(--theme-bg);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-4);padding:var(--space-y-2) var(--space-x-2);display:flex;flex-direction:column}.z-popover-visible{visibility:visible}.z-popover-hidden{visibility:hidden}.z-spinner{color:var(--theme-text)}.z-spinner-sm{width:24px;height:24px}.z-spinner-md{width:48px;height:48px}.z-spinner-lg{width:96px;height:96px}.z-spinner-circle{transform-origin:center;animation:z-spinner-keyframes-1 2s linear infinite}.z-spinner-circle circle{stroke-linecap:round;animation:z-spinner-keyframes-2 1.5s ease-in-out infinite}@keyframes z-spinner-keyframes-1{to{transform:rotate(360deg)}}@keyframes z-spinner-keyframes-2{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}.z-spinner-leaves{transform-origin:center;animation:z-spinner-leaves-kfr-1 .9s step-end infinite}@keyframes z-spinner-leaves-kfr-1{8.3%{transform:rotate(30deg)}16.6%{transform:rotate(60deg)}25%{transform:rotate(90deg)}33.3%{transform:rotate(120deg)}41.6%{transform:rotate(150deg)}50%{transform:rotate(180deg)}58.3%{transform:rotate(210deg)}66.6%{transform:rotate(240deg)}75%{transform:rotate(270deg)}83.3%{transform:rotate(300deg)}91.6%{transform:rotate(330deg)}to{transform:rotate(360deg)}}.z-panel-header{border-bottom:1px solid var(--theme-border);width:100%;max-width:100%;padding:var(--space-y-2)}.z-panel-body{display:flex;flex-direction:column;width:100%;max-width:100%;padding:var(--space-y-2)}.z-panel-footer{border-top:1px solid var(--theme-border);width:100%;max-width:100%;padding:var(--space-y-2)}.z-modal{display:flex;flex-direction:column;gap:var(--space-y-2);overflow:hidden;z-index:var(--z-modal);background-color:var(--theme-bg);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:var(--space-y-3)}.z-modal-sm{width:var(--modal-sm);max-width:var(--modal-sm)}.z-modal-md{width:var(--modal-md);max-width:var(--modal-md)}.z-modal-lg{width:var(--modal-lg);max-width:var(--modal-lg)}.z-modal-fullscreen{width:100%;height:100%}.z-modal-header,.z-modal-footer{width:100%;max-width:100%;display:flex;flex-direction:row;flex-shrink:0}.z-modal-footer{justify-content:end}.z-modal-body{width:100%;max-width:100%;overflow:auto;flex:1;display:flex;flex-direction:column}.z-modal-x{margin-top:-12px;margin-right:-12px}.z-modal-backdrop{width:100%;height:100%;position:fixed;inset:0;background-color:hsl(from var(--color-black-soft) h s l/80%);z-index:var(--z-modal-backdrop);display:flex;justify-content:center;align-items:center;padding:var(--space-y-3)}.z-top-bar{position:sticky;z-index:var(--z-sticky);width:100%;height:60px;background-color:var(--theme-bg);border:none;border-radius:0;box-shadow:var(--shadow-2);display:flex;flex-direction:row;align-items:center}.z-side-panel{height:100%;width:260px;overflow-y:auto;flex-shrink:0;background:var(--theme-bg);box-shadow:var(--shadow-2);transition:width .3s ease;will-change:transform}.z-side-panel.collapsed{width:0;overflow:hidden}body{font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--theme-text)}.dc-landing-page{background-color:var(--color-blue-grey-90);color:#fff;display:flex;flex-direction:column;align-items:center;padding:var(--panel-padding)}.landing-page-animation{--color-animation: #00ffff;--color-node: #64748b;--color-connection: #334155}.landing-page-animation .connections{color:var(--color-connection)}.landing-page-animation .nodes{color:var(--color-node)}.landing-page-animation .packet{opacity:0;offset-rotate:auto;pointer-events:none;offset-anchor:center;width:12px;height:4px;rx:2;fill:url(#packetGradient);filter:drop-shadow(0 0 5px #00ffff);transform-box:fill-box;transform-origin:right center}.landing-page-animation .animating{animation:move-and-absorb 1s linear forwards;filter:drop-shadow(0 0 2px var(--color-animation))}@keyframes move-and-absorb{0%{opacity:1;offset-distance:0;transform:scaleX(.5)}5%{opacity:1;transform:scaleX(1)}90%{opacity:1;transform:scaleX(1)}to{opacity:0;offset-distance:100%;transform:scaleX(0)}}.landing-page-animation .node-icon{transition:filter .2s,color .2s;color:var(--color-node)}.landing-page-animation .node-icon-trigger:hover,.landing-page-animation .node-active{transition:color .2s ease-in-out;color:var(--color-animation)!important;filter:drop-shadow(0 0 4px var(--color-animation))}
