@layer properties;:root,:host{--color-orange-600: oklch(64.6% .222 41.116);--color-amber-500: oklch(76.9% .188 70.08);--color-amber-600: oklch(66.6% .179 58.318);--color-amber-800: oklch(47.3% .137 46.201);--color-lime-600: oklch(64.8% .2 131.684);--color-emerald-600: oklch(59.6% .145 163.225);--color-emerald-700: oklch(50.8% .118 165.612);--color-teal-600: oklch(60% .118 184.704);--color-cyan-600: oklch(60.9% .126 221.723);--color-sky-600: oklch(58.8% .158 241.966);--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-indigo-500: oklch(58.5% .233 277.117);--color-indigo-600: oklch(51.1% .262 276.966);--color-violet-600: oklch(54.1% .281 293.009);--color-purple-600: oklch(55.8% .288 302.321);--color-fuchsia-600: oklch(59.1% .293 322.896);--color-pink-600: oklch(59.2% .249 .584);--color-rose-500: oklch(64.5% .246 16.439);--color-slate-600: oklch(44.6% .043 257.281);--color-slate-700: oklch(37.2% .044 257.287);--color-slate-900: oklch(20.8% .042 265.755)}.collapse{visibility:collapse}.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}.relative{position:relative}.static{position:static}.block{display:block}.flex{display:flex}.table{display:table}.w-full{width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-cyan-600{color:var(--color-cyan-600)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-fuchsia-600{color:var(--color-fuchsia-600)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-600{color:var(--color-indigo-600)}.text-lime-600{color:var(--color-lime-600)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-600)}.text-rose-500{color:var(--color-rose-500)}.text-sky-600{color:var(--color-sky-600)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-900{color:var(--color-slate-900)}.text-teal-600{color:var(--color-teal-600)}.text-violet-600{color:var(--color-violet-600)}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur: blur(8px);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,)}.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,)}@layer base{html{font-family:Roboto,system-ui,sans-serif}}@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-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-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}}}.cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0}[dir=rtl] .cdk-visually-hidden{left:auto;right:0}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;inset:0;pointer-events:auto;-webkit-tap-highlight-color:transparent;opacity:0;touch-action:manipulation;z-index:1000;transition:opacity .4s cubic-bezier(.25,.8,.25,1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors:active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.cdk-overlay-popover{background:none;border:none;padding:0;outline:0;overflow:visible;position:fixed;pointer-events:none;white-space:normal;color:inherit;text-decoration:none;width:100%;height:100%;inset:0 auto auto 0}.cdk-overlay-popover::backdrop{display:none}.cdk-overlay-popover .cdk-overlay-backdrop{position:fixed;z-index:auto}html{--mat-sys-background: light-dark(#f7faf9, #101414);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#eff1f0, #2d3131);--mat-sys-inverse-primary: light-dark(#00dddd, #006a6a);--mat-sys-inverse-surface: light-dark(#2d3131, #e0e3e2);--mat-sys-on-background: light-dark(#191c1c, #e0e3e2);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #003737);--mat-sys-on-primary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-primary-fixed: light-dark(#002020, #002020);--mat-sys-on-primary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-on-secondary: light-dark(#ffffff, #1b3534);--mat-sys-on-secondary-container: light-dark(#324b4b, #cce8e7);--mat-sys-on-secondary-fixed: light-dark(#051f1f, #051f1f);--mat-sys-on-secondary-fixed-variant: light-dark(#324b4b, #324b4b);--mat-sys-on-surface: light-dark(#191c1c, #e0e3e2);--mat-sys-on-surface-variant: light-dark(#3f4948, #dae5e4);--mat-sys-on-tertiary: light-dark(#ffffff, #0001ac);--mat-sys-on-tertiary-container: light-dark(#0000ef, #e0e0ff);--mat-sys-on-tertiary-fixed: light-dark(#00006e, #00006e);--mat-sys-on-tertiary-fixed-variant: light-dark(#0000ef, #0000ef);--mat-sys-outline: light-dark(#6f7979, #889392);--mat-sys-outline-variant: light-dark(#bec9c8, #3f4948);--mat-sys-primary: light-dark(#006a6a, #00dddd);--mat-sys-primary-container: light-dark(#00fbfb, #004f4f);--mat-sys-primary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-primary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#4a6363, #b0cccb);--mat-sys-secondary-container: light-dark(#cce8e7, #324b4b);--mat-sys-secondary-fixed: light-dark(#cce8e7, #cce8e7);--mat-sys-secondary-fixed-dim: light-dark(#b0cccb, #b0cccb);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#f7faf9, #101414);--mat-sys-surface-bright: light-dark(#f7faf9, #363a39);--mat-sys-surface-container: light-dark(#ebefed, #1c2020);--mat-sys-surface-container-high: light-dark(#e6e9e7, #272b2a);--mat-sys-surface-container-highest: light-dark(#e0e3e2, #313635);--mat-sys-surface-container-low: light-dark(#f1f4f3, #191c1c);--mat-sys-surface-container-lowest: light-dark(#ffffff, #0b0f0e);--mat-sys-surface-dim: light-dark(#d7dbd9, #101414);--mat-sys-surface-tint: light-dark(#006a6a, #00dddd);--mat-sys-surface-variant: light-dark(#dae5e4, #3f4948);--mat-sys-tertiary: light-dark(#343dff, #bec2ff);--mat-sys-tertiary-container: light-dark(#e0e0ff, #0000ef);--mat-sys-tertiary-fixed: light-dark(#e0e0ff, #e0e0ff);--mat-sys-tertiary-fixed-dim: light-dark(#bec2ff, #bec2ff);--mat-sys-neutral-variant20: #293232;--mat-sys-neutral10: #191c1c;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem Roboto;--mat-sys-body-large-font: Roboto;--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem Roboto;--mat-sys-body-medium-font: Roboto;--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem Roboto;--mat-sys-body-small-font: Roboto;--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem Roboto;--mat-sys-display-large-font: Roboto;--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;--mat-sys-display-medium-font: Roboto;--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;--mat-sys-display-small-font: Roboto;--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem Roboto;--mat-sys-headline-large-font: Roboto;--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;--mat-sys-headline-medium-font: Roboto;--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem Roboto;--mat-sys-headline-small-font: Roboto;--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem Roboto;--mat-sys-label-large-font: Roboto;--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem Roboto;--mat-sys-label-medium-font: Roboto;--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem Roboto;--mat-sys-label-small-font: Roboto;--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;--mat-sys-title-large-font: Roboto;--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem Roboto;--mat-sys-title-medium-font: Roboto;--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem Roboto;--mat-sys-title-small-font: Roboto;--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}:root{color-scheme:light}[data-theme=dark]{color-scheme:dark}html{--mat-sys-primary: var(--tb-primary);--mat-sys-on-primary: var(--tb-on-primary);--mat-sys-primary-container: var(--tb-primary-soft);--mat-sys-on-primary-container: var(--tb-primary);--mat-sys-secondary: var(--tb-secondary);--mat-sys-on-secondary: var(--tb-on-primary);--mat-sys-secondary-container: var(--tb-info-soft);--mat-sys-on-secondary-container: var(--tb-secondary);--mat-sys-tertiary: var(--tb-accent);--mat-sys-on-tertiary: var(--tb-on-primary);--mat-sys-tertiary-container: color-mix(in srgb, var(--tb-accent) 12%, var(--tb-surface));--mat-sys-on-tertiary-container: var(--tb-accent);--mat-sys-background: var(--tb-page);--mat-sys-on-background: var(--tb-text);--mat-sys-surface-dim: var(--tb-sidebar);--mat-sys-surface-bright: var(--tb-elevated);--mat-sys-surface-container-lowest: var(--tb-page);--mat-sys-inverse-surface: var(--tb-text);--mat-sys-inverse-on-surface: var(--tb-page);--mat-sys-inverse-primary: var(--tb-primary-soft);--mat-sys-surface: var(--tb-surface);--mat-sys-surface-container: var(--tb-elevated);--mat-sys-surface-container-low: var(--tb-surface);--mat-sys-surface-container-high: var(--tb-hover);--mat-sys-surface-container-highest: var(--tb-hover);--mat-sys-on-surface: var(--tb-text);--mat-sys-on-surface-variant: var(--tb-muted);--mat-sys-outline: var(--tb-border-hover);--mat-sys-outline-variant: var(--tb-border);--mat-sys-error: var(--tb-error);--mat-sys-on-error: var(--tb-on-status);--mat-sys-error-container: var(--tb-error-soft);--mat-sys-on-error-container: var(--tb-error)}.command-dialog{--mat-dialog-container-shape: 14px;--mat-dialog-container-color: var(--tb-elevated)}html{--mat-button-filled-container-shape: 8px;--mat-button-filled-label-text-size: 12px;--mat-button-filled-horizontal-padding: 16px;--mat-button-outlined-label-text-size: 12px;--mat-button-outlined-horizontal-padding: 16px;--mat-button-text-label-text-size: 12px;--mat-button-outlined-container-shape: 8px;--mat-button-protected-container-shape: 8px;--mat-button-text-container-shape: 8px;--mat-button-tonal-container-shape: 8px;--mat-button-toggle-shape: 8px;--mat-button-toggle-selected-state-background-color: var(--tb-primary-soft);--mat-button-toggle-selected-state-text-color: var(--tb-primary)}html{--mat-form-field-outlined-container-shape: 8px;--mat-form-field-container-text-size: 13px;--mat-form-field-outlined-label-text-size: 13px}@font-face{font-family:Roboto;font-display:swap;font-style:normal;font-weight:100;src:url(/assets/fonts/Roboto-Thin.woff2) format("woff2")}@font-face{font-family:Roboto;font-display:swap;font-style:normal;font-weight:300;src:url(/assets/fonts/Roboto-Light.woff2) format("woff2")}@font-face{font-family:Roboto;font-display:swap;font-style:normal;font-weight:400;src:url(/assets/fonts/Roboto-Regular.woff2) format("woff2")}@font-face{font-family:Roboto;font-display:swap;font-style:normal;font-weight:500;src:url(/assets/fonts/Roboto-Medium.woff2) format("woff2")}@font-face{font-family:Roboto;font-display:swap;font-style:normal;font-weight:700;src:url(/assets/fonts/Roboto-Bold.woff2) format("woff2")}:root{--tb-primary: #0f766e;--tb-on-primary: #fff;--tb-primary-soft: #e6f3f0;--tb-text: #141b20;--tb-muted: #52636c;--tb-border: #dce3e6;--tb-border-hover: #81949e;--tb-surface: #fff;--tb-page: #f7f9fa;--tb-sidebar: #eef3f4;--tb-elevated: #fff;--tb-hover: #edf3f4;--tb-success: #18794e;--tb-success-soft: #e9f5ee;--tb-error: #b6364b;--tb-error-soft: #fbecef;--tb-warning: #986017;--tb-warning-soft: #fff4df;--tb-syntax-key: #376bcc;--tb-syntax-string: #18794e;--tb-syntax-number: #7949ba;--tb-syntax-special: #af3975;--tb-converters: #376bcc;--tb-generators: #7949ba;--tb-validators: #087c72;--tb-radius: 10px;--tb-space: 8px;--tb-duration: .16s;--tb-shadow: 0 6px 20px rgb(25 32 60 / .035);--tb-secondary: var(--tb-converters);--tb-accent: var(--tb-generators);--tb-info: var(--tb-converters);--tb-info-soft: color-mix(in srgb, var(--tb-info) 10%, var(--tb-surface));--tb-disabled: color-mix(in srgb, var(--tb-text) 38%, var(--tb-surface));--tb-focus: var(--tb-primary);--tb-on-status: #fff;--tb-font: "Roboto", sans-serif;--tb-text-xs: 11px;--tb-text-sm: 12px;--tb-text-base: 13px;--tb-text-title: 26px;--tb-code-size: 13px;--tb-code-leading: 22px;--tb-space-1: 4px;--tb-space-2: 8px;--tb-space-3: 12px;--tb-space-4: 16px;--tb-space-6: 24px;--tb-radius-sm: 6px;--tb-radius-lg: 14px;--tb-control-height: 40px;--tb-ease: cubic-bezier(.2, 0, 0, 1);--tb-mono: "Cascadia Code", "Consolas", "Liberation Mono", monospace}[data-theme=dark]{--tb-on-status: #141b20;--tb-converters: #91baff;--tb-generators: #c3a0ff;--tb-validators: #7ed9bc;--tb-primary: #27b7a4;--tb-on-primary: #102321;--tb-primary-soft: #193c39;--tb-text: #e3edf0;--tb-muted: #a5b9c2;--tb-border: #34444b;--tb-border-hover: #6a828e;--tb-surface: #202a30;--tb-page: #141b20;--tb-sidebar: #192228;--tb-elevated: #28343c;--tb-hover: #2d3c44;--tb-success: #8ed4aa;--tb-success-soft: #1c342e;--tb-error: #f39fae;--tb-error-soft: #38232a;--tb-warning: #e6c181;--tb-warning-soft: #342d20;--tb-syntax-key: #91baff;--tb-syntax-string: #7ed9bc;--tb-syntax-number: #c3a0ff;--tb-syntax-special: #f2a1c9;--tb-shadow: 0 6px 20px rgb(0 0 0 / .12)}*,*:before,*:after{box-sizing:border-box}body{color:var(--tb-text);background:var(--tb-page);-webkit-font-smoothing:antialiased}app-root{display:block}button,input,textarea,select{font:inherit}a,button,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--tb-focus);outline-offset:3px}kbd{font:10px var(--tb-mono);color:var(--tb-muted);border:1px solid var(--tb-border);border-radius:4px;padding:3px 5px}::selection{background:var(--tb-primary-soft);color:var(--tb-primary)}app-tool-layout{display:block;width:100%;min-width:0}app-tool-layout textarea,app-tool-layout pre,app-tool-layout .code-font,app-tool-layout .uuid-hero{font-family:var(--tb-mono);line-height:1.7}app-tool-layout .card,app-tool-layout .result-card,app-tool-layout .format-card,app-tool-layout .single-uuid-container{border-radius:var(--tb-radius)}app-tool-layout .color-dashboard{min-width:0;width:100%}app-tool-layout .full-width{max-width:100%}@media(max-width:800px){app-tool-layout .split-layout{flex-direction:column}app-tool-layout .pane:first-child{border-right:0;border-bottom:1px solid var(--tb-border)}app-tool-layout .single-uuid-container{padding:16px;width:100%;flex-wrap:wrap}app-tool-layout .inputs-row{flex-wrap:wrap}app-tool-layout .options-row{min-width:0}app-tool-layout [toolbar-middle],app-tool-layout .row,app-tool-layout .mode-switcher,app-tool-layout .input-line{display:flex;flex-wrap:wrap;gap:12px;min-width:0}app-tool-layout .input-line .regex-input{min-width:0;width:100px}app-tool-layout .input-line .flags{flex-basis:100%}app-tool-layout .row>.mat-mdc-form-field{flex:1 1 180px;width:100%!important}app-tool-layout .row>.mat-mdc-form-field,app-tool-layout .replace-input{min-width:0}app-tool-layout .qr-wrapper{padding:12px;max-width:100%}app-tool-layout qrcode,app-tool-layout qrcode canvas{display:block;max-width:100%}app-tool-layout qrcode canvas{height:auto!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}app-tool-layout .split-layout,app-tool-layout .workspace-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);min-height:380px;gap:0;border:1px solid var(--tb-border);border-radius:var(--tb-radius);overflow:hidden;background:var(--tb-surface)}app-tool-layout .pane,app-tool-layout .workspace-pane{display:grid;grid-row:span 2;grid-template-rows:subgrid;min-width:0}app-tool-layout .pane-body{display:flex;flex-direction:column;min-width:0;min-height:0}app-tool-layout .pane-body>app-code-editor{flex:1}app-tool-layout .pane:first-child,app-tool-layout .workspace-pane:first-child{border-right:1px solid var(--tb-border)}app-tool-layout .pane-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--tb-control-height);gap:8px;flex-wrap:wrap;padding:8px 14px;border-bottom:1px solid var(--tb-border);background:var(--tb-page);color:var(--tb-muted);font-size:11px;font-weight:500}app-tool-layout .badge-success{color:var(--tb-success)}app-tool-layout .badge-error{color:var(--tb-error)}app-tool-layout .json-viewer,app-tool-layout .xml-viewer,app-tool-layout .sql-viewer{font:var(--tb-code-size)/var(--tb-code-leading) var(--tb-mono)}@media(max-width:900px){app-tool-layout .split-layout,app-tool-layout .workspace-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-auto-rows:auto;height:auto}app-tool-layout .pane,app-tool-layout .workspace-pane{grid-row:auto;grid-template-rows:auto minmax(0,1fr)}app-tool-layout .pane:first-child,app-tool-layout .workspace-pane:first-child{border-right:0;border-bottom:1px solid var(--tb-border)}}app-tool-layout .json-key{color:var(--tb-syntax-key)}app-tool-layout .json-string{color:var(--tb-syntax-string)}app-tool-layout .json-number{color:var(--tb-syntax-number)}app-tool-layout .json-boolean{color:var(--tb-syntax-special)}app-tool-layout .json-null{color:var(--tb-muted);font-style:italic}app-tool-layout [toolbar-right],app-tool-layout [toolbar-left]{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}app-tool-layout .converter-workspace{width:100%;--editor-height: clamp(280px, 45dvh, 480px)}app-tool-layout .live-label{display:flex;align-items:center;gap:4px;color:var(--tb-muted);font-size:var(--tb-text-xs)}app-tool-layout .live-label mat-icon{font-size:14px;width:14px;height:14px;color:var(--tb-primary)}app-tool-layout .error-banner{display:flex;align-items:center;gap:8px;padding:12px;color:var(--tb-error);background:var(--tb-error-soft);font-size:var(--tb-text-sm);overflow-wrap:anywhere}app-tool-layout .result-empty{margin:0;padding:20px 16px;color:var(--tb-muted);font-size:var(--tb-text-sm)}app-tool-layout .change-marker{display:inline-block;width:18px;text-align:center;-webkit-user-select:none;user-select:none}app-tool-layout .match-message{color:var(--tb-success);font-size:var(--tb-text-sm)}app-tool-layout .output-wrapper{flex:1;min-height:0;height:var(--editor-height, 360px);max-height:var(--editor-height, 360px);overflow:auto;background:var(--tb-surface);position:relative}app-tool-layout .json-viewer,app-tool-layout .xml-viewer,app-tool-layout .sql-viewer{margin:0;padding:16px;font:var(--tb-code-size)/var(--tb-code-leading) var(--tb-mono);white-space:pre}app-tool-layout .xml-tag,app-tool-layout .sql-keyword{color:var(--tb-syntax-key)}app-tool-layout .xml-attr,app-tool-layout .sql-function{color:var(--tb-syntax-number)}app-tool-layout .xml-string,app-tool-layout .sql-string{color:var(--tb-syntax-string)}app-tool-layout .xml-comment,app-tool-layout .sql-comment{color:var(--tb-muted);font-style:italic}app-tool-layout .sql-number{color:var(--tb-syntax-special)}@media(max-width:600px){app-tool-layout .output-wrapper{height:var(--editor-height, 260px);max-height:var(--editor-height, 260px)}}@media(max-width:900px){app-tool-layout .converter-workspace{--editor-height: 260px}}html,body{height:100%;margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.success-snackbar{--mat-snack-bar-container-color: var(--tb-success);--mat-snack-bar-supporting-text-color: var(--tb-on-status);--mat-snack-bar-button-color: var(--tb-on-status)}.error-snackbar{--mat-snack-bar-container-color: var(--tb-error);--mat-snack-bar-supporting-text-color: var(--tb-on-status);--mat-snack-bar-button-color: var(--tb-on-status)}.info-snackbar{--mat-snack-bar-container-color: var(--tb-elevated);--mat-snack-bar-supporting-text-color: var(--tb-text);--mat-snack-bar-button-color: var(--tb-primary)}
