x-print-designer 0.3.7 → 0.3.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/{JsBarcode-D13qBWBA.js → JsBarcode-BhMRBDBr.js} +1 -1
  2. package/dist/{browser-C1gBBgwo.js → browser-B_FjkyBl.js} +1 -1
  3. package/dist/{dom-to-image-more.min-D-9YD-p8.js → dom-to-image-more.min-DjLaOS-v.js} +1 -1
  4. package/dist/{index-CixOpQ_X.js → index-DFculIgN.js} +1 -1
  5. package/dist/{index.es-CSpNwwlD.js → index.es-D5aH7qRr.js} +1 -1
  6. package/dist/{jspdf.es.min-DmxS73YB.js → jspdf.es.min-8TncX4_u.js} +1 -1
  7. package/dist/{jszip.min-CdWaxpqv.js → jszip.min-19eO_eJN.js} +1 -1
  8. package/dist/print-designer.es.js +1 -1
  9. package/dist/print-designer.umd.js +2 -2
  10. package/dist/{web-component-BwpyODGP.js → web-component-DDN9Lo-W.js} +26 -20
  11. package/package.json +1 -1
package/dist/{web-component-BwpyODGP.js → web-component-DDN9Lo-W.js} RENAMED
@@ -17656,7 +17656,7 @@ const createI18nInstance = (initialLocale) => {
17656
17656
  });
17657
17657
  };
17658
17658
  const i18n = createI18nInstance();
17659
- const baseStyles = '*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(147 197 253 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(147 197 253 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden="until-found"])) {\n display: none;\n}\r\n :root {\r\n --brand-50: #eff6ff;\r\n --brand-100: #dbeafe;\r\n --brand-200: #bfdbfe;\r\n --brand-300: #93c5fd;\r\n --brand-400: #60a5fa;\r\n --brand-500: #3b82f6;\r\n --brand-600: #2563eb;\r\n --brand-700: #1d4ed8;\r\n --brand-800: #1e40af;\r\n --brand-900: #1e3a8a;\r\n --brand-950: #172554;\r\n --brand-500-alpha-10: rgb(59 130 246 / 0.1);\r\n }\r\n input[type=\'radio\'] {\r\n accent-color: var(--brand-600);\r\n }\r\n .theme-outline-hover:hover {\r\n outline: 1px solid var(--brand-300);\r\n }\r\n .theme-hover-bg:hover {\r\n background-color: var(--brand-50);\r\n }\r\n .theme-hover-border:hover {\r\n border-color: var(--brand-500);\r\n }\r\n .theme-text {\r\n color: var(--brand-500);\r\n }\r\n .theme-text-hover:hover {\r\n color: var(--brand-700);\r\n }\r\n .theme-border {\r\n border-color: var(--brand-500);\r\n }\r\n .theme-border-strong {\r\n border-color: var(--brand-600);\r\n }\r\n .theme-border-hover {\r\n border-color: var(--brand-500);\r\n }\r\n .group:hover .theme-border-hover {\r\n border-color: var(--brand-400);\r\n }\r\n .theme-bg {\r\n background-color: var(--brand-500);\r\n }\r\n .theme-bg-strong {\r\n background-color: var(--brand-600);\r\n }\r\n .theme-bg-soft {\r\n background-color: rgba(0, 0, 0, 0.7);\r\n }\r\n .exporting .marker {\r\n display: none !important;\r\n }\r\n .exporting,\r\n .previewing {\r\n overflow: hidden !important;\r\n }\r\n html {\r\n color-scheme: light;\r\n }\r\n .dark {\r\n color-scheme: dark;\r\n }\r\n .dark body {\r\n background-color: #0f172a; /* slate-900 */\r\n color: #e5e7eb; /* gray-200 */\r\n }\r\n /* Pragmatic dark overrides to improve readability without touching templates */\r\n .dark .bg-white { background-color: #1f2937 !important; } /* gray-800 */\r\n .dark .bg-gray-50 { background-color: #111827 !important; } /* gray-900 */\r\n .dark :not(.canvas-scroll).bg-gray-100 { background-color: #1f2937 !important; }\r\n .dark .canvas-scroll.bg-gray-100 { background-color: #334155 !important; }\r\n .dark .hover\\\\:bg-gray-50:hover { background-color: #1f2937 !important; }\r\n .dark .hover\\\\:bg-gray-100:hover { background-color: #374151 !important; } /* gray-700 */\r\n .dark .bg-gray-200 { background-color: #374151 !important; }\r\n .dark .hover\\:bg-gray-200:hover { background-color: #4b5563 !important; } /* gray-600 */\r\n .dark .hover\\:bg-blue-50:hover { background-color: color-mix(in srgb, var(--brand-500) 16%, transparent) !important; }\r\n .dark .theme-hover-bg:hover { background-color: color-mix(in srgb, var(--brand-500) 16%, transparent) !important; }\r\n .dark .hover\\:border-blue-500:hover { border-color: rgba(59, 130, 246, 0.5) !important; }\r\n .dark .text-gray-800 { color: #f3f4f6 !important; }\r\n .dark .text-gray-700 { color: #e5e7eb !important; }\r\n .dark .text-gray-600 { color: #d1d5db !important; }\r\n .dark .text-gray-500 { color: #cbd5e1 !important; } /* slate-300 */\r\n .dark .text-gray-400 { color: #9ca3af !important; } /* gray-400 */\r\n .dark .text-gray-900 { color: #f9fafb !important; } /* near-white for subheadings */\r\n .dark .border-gray-100 { border-color: #1f2937 !important; }\r\n .dark .border-gray-200 { border-color: #374151 !important; }\r\n .dark .border-gray-300 { border-color: #4b5563 !important; }\r\n .dark select,\r\n .dark option {\r\n background-color: #1f2937;\r\n color: #e5e7eb;\r\n }\r\n .dark .shadow-sm, \r\n .dark .shadow, \r\n .dark .shadow-xl { box-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 1px 1px rgba(0,0,0,0.4) !important; }\r\n \r\n .dark .\\!shadow { box-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 1px 1px rgba(0,0,0,0.4) !important; }\r\n \r\n /* Keep canvas page (print-page) visuals in light scheme */\r\n .dark .print-page { color-scheme: light; }\r\n .dark .print-page .bg-white { background-color: #ffffff !important; }\r\n .dark .print-page .border-gray-100 { border-color: #f3f4f6 !important; }\r\n .dark .print-page .border-gray-200 { border-color: #e5e7eb !important; }\r\n .dark .print-page .border-gray-300 { border-color: #d1d5db !important; }\r\n .dark .print-page .text-gray-500 { color: #6b7280 !important; }\r\n .dark .print-page .text-gray-600 { color: #4b5563 !important; }\r\n .dark .print-page .text-gray-700 { color: #374151 !important; }\r\n .dark .print-page .text-gray-800 { color: #1f2937 !important; }\r\n .dark .print-page .text-gray-900 { color: #111827 !important; }\r\n /* Custom Scrollbar */\r\n ::-webkit-scrollbar {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: #f3f4f6; /* gray-100 */\r\n border-radius: 0;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background-color: #d1d5db;\r\n border-radius: 0;\r\n border: 2px solid #f3f4f6; /* creates squared ends visually */\r\n }\r\n\r\n ::-webkit-scrollbar-corner {\r\n background: #f3f4f6; /* match track, no rounded corner color */\r\n }\r\n\r\n /* Firefox */\r\n * {\r\n scrollbar-width: thin;\r\n scrollbar-color: #d1d5db #f3f4f6;\r\n }\r\n\r\n .dark ::-webkit-scrollbar-track {\r\n background: #1f2937; /* gray-800 */\r\n }\r\n .dark ::-webkit-scrollbar-thumb {\r\n background-color: #4b5563; /* gray-600 */\r\n border: 2px solid #1f2937;\r\n }\r\n .dark ::-webkit-scrollbar-thumb:hover {\r\n background-color: #6b7280; /* gray-500 */\r\n }\r\n .dark * {\r\n scrollbar-color: #4b5563 #1f2937;\r\n }\r\n\r\n /* Web Component host: ensure proper display and height */\r\n :host {\r\n display: block;\r\n min-height: 100vh;\r\n min-height: -webkit-fill-available;\r\n }\r\n.\\!container {\n width: 100% !important;\n}\r\n.container {\n width: 100%;\n}\r\n@media (min-width: 640px) {\n\n .\\!container {\n max-width: 640px !important;\n }\n\n .container {\n max-width: 640px;\n }\n}\r\n@media (min-width: 768px) {\n\n .\\!container {\n max-width: 768px !important;\n }\n\n .container {\n max-width: 768px;\n }\n}\r\n@media (min-width: 1024px) {\n\n .\\!container {\n max-width: 1024px !important;\n }\n\n .container {\n max-width: 1024px;\n }\n}\r\n@media (min-width: 1280px) {\n\n .\\!container {\n max-width: 1280px !important;\n }\n\n .container {\n max-width: 1280px;\n }\n}\r\n@media (min-width: 1536px) {\n\n .\\!container {\n max-width: 1536px !important;\n }\n\n .container {\n max-width: 1536px;\n }\n}\r\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\r\n.pointer-events-none {\n pointer-events: none;\n}\r\n.pointer-events-auto {\n pointer-events: auto;\n}\r\n.visible {\n visibility: visible;\n}\r\n.invisible {\n visibility: hidden;\n}\r\n.collapse {\n visibility: collapse;\n}\r\n.static {\n position: static;\n}\r\n.fixed {\n position: fixed;\n}\r\n.absolute {\n position: absolute;\n}\r\n.relative {\n position: relative;\n}\r\n.sticky {\n position: sticky;\n}\r\n.inset-0 {\n inset: 0px;\n}\r\n.-bottom-4 {\n bottom: -1rem;\n}\r\n.-left-2 {\n left: -0.5rem;\n}\r\n.-left-3 {\n left: -0.75rem;\n}\r\n.-left-4 {\n left: -1rem;\n}\r\n.-right-0\\.5 {\n right: -0.125rem;\n}\r\n.-right-1 {\n right: -0.25rem;\n}\r\n.-right-12 {\n right: -3rem;\n}\r\n.-right-3 {\n right: -0.75rem;\n}\r\n.-right-5 {\n right: -1.25rem;\n}\r\n.-top-3 {\n top: -0.75rem;\n}\r\n.-top-4 {\n top: -1rem;\n}\r\n.-top-6 {\n top: -1.5rem;\n}\r\n.bottom-0 {\n bottom: 0px;\n}\r\n.bottom-1 {\n bottom: 0.25rem;\n}\r\n.bottom-4 {\n bottom: 1rem;\n}\r\n.left-0 {\n left: 0px;\n}\r\n.left-1\\/2 {\n left: 50%;\n}\r\n.left-2 {\n left: 0.5rem;\n}\r\n.right-0 {\n right: 0px;\n}\r\n.right-1 {\n right: 0.25rem;\n}\r\n.right-4 {\n right: 1rem;\n}\r\n.right-\\[280px\\] {\n right: 280px;\n}\r\n.top-0 {\n top: 0px;\n}\r\n.top-1\\/2 {\n top: 50%;\n}\r\n.top-2 {\n top: 0.5rem;\n}\r\n.top-6 {\n top: 1.5rem;\n}\r\n.top-full {\n top: 100%;\n}\r\n.z-10 {\n z-index: 10;\n}\r\n.z-20 {\n z-index: 20;\n}\r\n.z-30 {\n z-index: 30;\n}\r\n.z-40 {\n z-index: 40;\n}\r\n.z-50 {\n z-index: 50;\n}\r\n.z-\\[-1\\] {\n z-index: -1;\n}\r\n.z-\\[100000\\] {\n z-index: 100000;\n}\r\n.z-\\[10000\\] {\n z-index: 10000;\n}\r\n.z-\\[1000\\] {\n z-index: 1000;\n}\r\n.z-\\[100\\] {\n z-index: 100;\n}\r\n.z-\\[1900\\] {\n z-index: 1900;\n}\r\n.z-\\[2000\\] {\n z-index: 2000;\n}\r\n.z-\\[2001\\] {\n z-index: 2001;\n}\r\n.z-\\[3000\\] {\n z-index: 3000;\n}\r\n.z-\\[99999\\] {\n z-index: 99999;\n}\r\n.z-\\[9999\\] {\n z-index: 9999;\n}\r\n.col-span-2 {\n grid-column: span 2 / span 2;\n}\r\n.m-0 {\n margin: 0px;\n}\r\n.-mx-4 {\n margin-left: -1rem;\n margin-right: -1rem;\n}\r\n.mx-0\\.5 {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n}\r\n.mx-1 {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\r\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\r\n.my-0\\.5 {\n margin-top: 0.125rem;\n margin-bottom: 0.125rem;\n}\r\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\r\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\r\n.-ml-1\\.5 {\n margin-left: -0.375rem;\n}\r\n.-mt-1\\.5 {\n margin-top: -0.375rem;\n}\r\n.mb-1 {\n margin-bottom: 0.25rem;\n}\r\n.mb-2 {\n margin-bottom: 0.5rem;\n}\r\n.mb-3 {\n margin-bottom: 0.75rem;\n}\r\n.mb-4 {\n margin-bottom: 1rem;\n}\r\n.mb-8 {\n margin-bottom: 2rem;\n}\r\n.ml-0\\.5 {\n margin-left: 0.125rem;\n}\r\n.ml-1 {\n margin-left: 0.25rem;\n}\r\n.ml-2 {\n margin-left: 0.5rem;\n}\r\n.ml-4 {\n margin-left: 1rem;\n}\r\n.ml-6 {\n margin-left: 1.5rem;\n}\r\n.ml-auto {\n margin-left: auto;\n}\r\n.mr-1 {\n margin-right: 0.25rem;\n}\r\n.mt-1 {\n margin-top: 0.25rem;\n}\r\n.mt-2 {\n margin-top: 0.5rem;\n}\r\n.mt-3 {\n margin-top: 0.75rem;\n}\r\n.mt-4 {\n margin-top: 1rem;\n}\r\n.box-content {\n box-sizing: content-box;\n}\r\n.block {\n display: block;\n}\r\n.inline-block {\n display: inline-block;\n}\r\n.inline {\n display: inline;\n}\r\n.flex {\n display: flex;\n}\r\n.inline-flex {\n display: inline-flex;\n}\r\n.\\!table {\n display: table !important;\n}\r\n.table {\n display: table;\n}\r\n.grid {\n display: grid;\n}\r\n.hidden {\n display: none;\n}\r\n.h-0\\.5 {\n height: 0.125rem;\n}\r\n.h-1\\.5 {\n height: 0.375rem;\n}\r\n.h-10 {\n height: 2.5rem;\n}\r\n.h-12 {\n height: 3rem;\n}\r\n.h-2 {\n height: 0.5rem;\n}\r\n.h-24 {\n height: 6rem;\n}\r\n.h-3 {\n height: 0.75rem;\n}\r\n.h-3\\.5 {\n height: 0.875rem;\n}\r\n.h-32 {\n height: 8rem;\n}\r\n.h-4 {\n height: 1rem;\n}\r\n.h-48 {\n height: 12rem;\n}\r\n.h-5 {\n height: 1.25rem;\n}\r\n.h-6 {\n height: 1.5rem;\n}\r\n.h-8 {\n height: 2rem;\n}\r\n.h-\\[1px\\] {\n height: 1px;\n}\r\n.h-\\[500px\\] {\n height: 500px;\n}\r\n.h-\\[56px\\] {\n height: 56px;\n}\r\n.h-\\[60px\\] {\n height: 60px;\n}\r\n.h-\\[80vh\\] {\n height: 80vh;\n}\r\n.h-\\[90vh\\] {\n height: 90vh;\n}\r\n.h-full {\n height: 100%;\n}\r\n.h-px {\n height: 1px;\n}\r\n.h-screen {\n height: 100vh;\n}\r\n.max-h-32 {\n max-height: 8rem;\n}\r\n.max-h-40 {\n max-height: 10rem;\n}\r\n.max-h-48 {\n max-height: 12rem;\n}\r\n.max-h-60 {\n max-height: 15rem;\n}\r\n.max-h-\\[200px\\] {\n max-height: 200px;\n}\r\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\r\n.max-h-\\[500px\\] {\n max-height: 500px;\n}\r\n.max-h-\\[90vh\\] {\n max-height: 90vh;\n}\r\n.max-h-full {\n max-height: 100%;\n}\r\n.min-h-\\[120px\\] {\n min-height: 120px;\n}\r\n.min-h-\\[30px\\] {\n min-height: 30px;\n}\r\n.w-1 {\n width: 0.25rem;\n}\r\n.w-1\\.5 {\n width: 0.375rem;\n}\r\n.w-10 {\n width: 2.5rem;\n}\r\n.w-11 {\n width: 2.75rem;\n}\r\n.w-12 {\n width: 3rem;\n}\r\n.w-16 {\n width: 4rem;\n}\r\n.w-2 {\n width: 0.5rem;\n}\r\n.w-20 {\n width: 5rem;\n}\r\n.w-24 {\n width: 6rem;\n}\r\n.w-3 {\n width: 0.75rem;\n}\r\n.w-3\\.5 {\n width: 0.875rem;\n}\r\n.w-32 {\n width: 8rem;\n}\r\n.w-4 {\n width: 1rem;\n}\r\n.w-40 {\n width: 10rem;\n}\r\n.w-48 {\n width: 12rem;\n}\r\n.w-5 {\n width: 1.25rem;\n}\r\n.w-52 {\n width: 13rem;\n}\r\n.w-6 {\n width: 1.5rem;\n}\r\n.w-64 {\n width: 16rem;\n}\r\n.w-8 {\n width: 2rem;\n}\r\n.w-9 {\n width: 2.25rem;\n}\r\n.w-96 {\n width: 24rem;\n}\r\n.w-\\[240px\\] {\n width: 240px;\n}\r\n.w-\\[260px\\] {\n width: 260px;\n}\r\n.w-\\[300px\\] {\n width: 300px;\n}\r\n.w-\\[380px\\] {\n width: 380px;\n}\r\n.w-\\[60vw\\] {\n width: 60vw;\n}\r\n.w-\\[640px\\] {\n width: 640px;\n}\r\n.w-\\[700px\\] {\n width: 700px;\n}\r\n.w-\\[90vw\\] {\n width: 90vw;\n}\r\n.w-full {\n width: 100%;\n}\r\n.w-max {\n width: -moz-max-content;\n width: max-content;\n}\r\n.w-px {\n width: 1px;\n}\r\n.w-screen {\n width: 100vw;\n}\r\n.min-w-0 {\n min-width: 0px;\n}\r\n.min-w-\\[140px\\] {\n min-width: 140px;\n}\r\n.min-w-\\[160px\\] {\n min-width: 160px;\n}\r\n.min-w-\\[200px\\] {\n min-width: 200px;\n}\r\n.min-w-\\[320px\\] {\n min-width: 320px;\n}\r\n.max-w-\\[100px\\] {\n max-width: 100px;\n}\r\n.max-w-\\[140px\\] {\n max-width: 140px;\n}\r\n.max-w-\\[300px\\] {\n max-width: 300px;\n}\r\n.max-w-\\[85vw\\] {\n max-width: 85vw;\n}\r\n.max-w-full {\n max-width: 100%;\n}\r\n.max-w-md {\n max-width: 28rem;\n}\r\n.max-w-none {\n max-width: none;\n}\r\n.flex-1 {\n flex: 1 1 0%;\n}\r\n.flex-none {\n flex: none;\n}\r\n.flex-shrink {\n flex-shrink: 1;\n}\r\n.flex-shrink-0 {\n flex-shrink: 0;\n}\r\n.shrink {\n flex-shrink: 1;\n}\r\n.shrink-0 {\n flex-shrink: 0;\n}\r\n.table-fixed {\n table-layout: fixed;\n}\r\n.border-collapse {\n border-collapse: collapse;\n}\r\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.-translate-x-full {\n --tw-translate-x: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-4 {\n --tw-translate-x: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.rotate-45 {\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.scale-150 {\n --tw-scale-x: 1.5;\n --tw-scale-y: 1.5;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\r\n.animate-spin {\n animation: spin 1s linear infinite;\n}\r\n.cursor-col-resize {\n cursor: col-resize;\n}\r\n.cursor-crosshair {\n cursor: crosshair;\n}\r\n.cursor-default {\n cursor: default;\n}\r\n.cursor-grab {\n cursor: grab;\n}\r\n.cursor-move {\n cursor: move;\n}\r\n.cursor-not-allowed {\n cursor: not-allowed;\n}\r\n.cursor-ns-resize {\n cursor: ns-resize;\n}\r\n.cursor-pointer {\n cursor: pointer;\n}\r\n.cursor-row-resize {\n cursor: row-resize;\n}\r\n.cursor-se-resize {\n cursor: se-resize;\n}\r\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\r\n.select-all {\n -webkit-user-select: all;\n -moz-user-select: all;\n user-select: all;\n}\r\n.resize-none {\n resize: none;\n}\r\n.resize-y {\n resize: vertical;\n}\r\n.resize {\n resize: both;\n}\r\n.appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\r\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\r\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\r\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\r\n.grid-cols-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n}\r\n.flex-row {\n flex-direction: row;\n}\r\n.flex-col {\n flex-direction: column;\n}\r\n.flex-wrap {\n flex-wrap: wrap;\n}\r\n.items-start {\n align-items: flex-start;\n}\r\n.items-center {\n align-items: center;\n}\r\n.items-baseline {\n align-items: baseline;\n}\r\n.justify-end {\n justify-content: flex-end;\n}\r\n.justify-center {\n justify-content: center;\n}\r\n.justify-between {\n justify-content: space-between;\n}\r\n.gap-0\\.5 {\n gap: 0.125rem;\n}\r\n.gap-1 {\n gap: 0.25rem;\n}\r\n.gap-1\\.5 {\n gap: 0.375rem;\n}\r\n.gap-2 {\n gap: 0.5rem;\n}\r\n.gap-3 {\n gap: 0.75rem;\n}\r\n.gap-4 {\n gap: 1rem;\n}\r\n.gap-6 {\n gap: 1.5rem;\n}\r\n.gap-8 {\n gap: 2rem;\n}\r\n.space-y-0\\.5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));\n}\r\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\r\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\r\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\r\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\r\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\r\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\r\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));\n}\r\n.overflow-auto {\n overflow: auto;\n}\r\n.overflow-hidden {\n overflow: hidden;\n}\r\n.overflow-y-auto {\n overflow-y: auto;\n}\r\n.overflow-x-hidden {\n overflow-x: hidden;\n}\r\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\r\n.whitespace-nowrap {\n white-space: nowrap;\n}\r\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\r\n.rounded {\n border-radius: 0.25rem;\n}\r\n.rounded-\\[1px\\] {\n border-radius: 1px;\n}\r\n.rounded-full {\n border-radius: 9999px;\n}\r\n.rounded-lg {\n border-radius: 0.5rem;\n}\r\n.rounded-md {\n border-radius: 0.375rem;\n}\r\n.rounded-sm {\n border-radius: 0.125rem;\n}\r\n.rounded-b {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\r\n.rounded-b-lg {\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n}\r\n.rounded-l-md {\n border-top-left-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\r\n.rounded-r-md {\n border-top-right-radius: 0.375rem;\n border-bottom-right-radius: 0.375rem;\n}\r\n.rounded-t {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\r\n.border {\n border-width: 1px;\n}\r\n.border-0 {\n border-width: 0px;\n}\r\n.border-2 {\n border-width: 2px;\n}\r\n.border-\\[0\\.5px\\] {\n border-width: 0.5px;\n}\r\n.border-b {\n border-bottom-width: 1px;\n}\r\n.border-b-2 {\n border-bottom-width: 2px;\n}\r\n.border-l {\n border-left-width: 1px;\n}\r\n.border-l-2 {\n border-left-width: 2px;\n}\r\n.border-l-4 {\n border-left-width: 4px;\n}\r\n.border-r {\n border-right-width: 1px;\n}\r\n.border-r-2 {\n border-right-width: 2px;\n}\r\n.border-t {\n border-top-width: 1px;\n}\r\n.border-t-2 {\n border-top-width: 2px;\n}\r\n.border-dashed {\n border-style: dashed;\n}\r\n.border-none {\n border-style: none;\n}\r\n.border-blue-200 {\n border-color: var(--brand-200);\n}\r\n.border-blue-300 {\n border-color: var(--brand-300);\n}\r\n.border-blue-500 {\n border-color: var(--brand-500);\n}\r\n.border-blue-600 {\n border-color: var(--brand-600);\n}\r\n.border-gray-100 {\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-400 {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\r\n.border-red-100 {\n --tw-border-opacity: 1;\n border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));\n}\r\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));\n}\r\n.border-transparent {\n border-color: transparent;\n}\r\n.border-white {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\r\n.border-yellow-400 {\n --tw-border-opacity: 1;\n border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));\n}\r\n.border-yellow-500 {\n --tw-border-opacity: 1;\n border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));\n}\r\n.\\!bg-blue-100 {\n background-color: var(--brand-100) !important;\n}\r\n.bg-black\\/20 {\n background-color: rgb(0 0 0 / 0.2);\n}\r\n.bg-black\\/40 {\n background-color: rgb(0 0 0 / 0.4);\n}\r\n.bg-black\\/50 {\n background-color: rgb(0 0 0 / 0.5);\n}\r\n.bg-blue-100 {\n background-color: var(--brand-100);\n}\r\n.bg-blue-200 {\n background-color: var(--brand-200);\n}\r\n.bg-blue-400 {\n background-color: var(--brand-400);\n}\r\n.bg-blue-50 {\n background-color: var(--brand-50);\n}\r\n.bg-blue-500 {\n background-color: var(--brand-500);\n}\r\n.bg-blue-600 {\n background-color: var(--brand-600);\n}\r\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-900\\/20 {\n background-color: rgb(20 83 45 / 0.2);\n}\r\n.bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-900\\/20 {\n background-color: rgb(124 45 18 / 0.2);\n}\r\n.bg-pink-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\r\n.bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-purple-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\r\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\r\n.bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\r\n.bg-transparent {\n background-color: transparent;\n}\r\n.bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8);\n}\r\n.bg-yellow-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));\n}\r\n.bg-\\[url\\(\\\'data\\:image\\/png\\;base64\\2c iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwZ\\+5wNisxL\\/\\/8n04mEeRAAAhNwX869V4DYAAAAASUVORK5CYII\\=\\\'\\)\\] {\n background-image: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwZ+5wNisxL//8n04mEeRAAAhNwX869V4DYAAAAASUVORK5CYII=\');\n}\r\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\r\n.bg-gradient-to-t {\n background-image: linear-gradient(to top, var(--tw-gradient-stops));\n}\r\n.bg-gradient-to-tl {\n background-image: linear-gradient(to top left, var(--tw-gradient-stops));\n}\r\n.from-black {\n --tw-gradient-from: #000 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-gray-300 {\n --tw-gradient-from: #d1d5db var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-transparent {\n --tw-gradient-from: transparent var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-white {\n --tw-gradient-from: #fff var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.to-current {\n --tw-gradient-to: currentColor var(--tw-gradient-to-position);\n}\r\n.to-transparent {\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n}\r\n.bg-\\[length\\:6px_6px\\] {\n background-size: 6px 6px;\n}\r\n.bg-repeat {\n background-repeat: repeat;\n}\r\n.object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\r\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\r\n.p-0 {\n padding: 0px;\n}\r\n.p-0\\.5 {\n padding: 0.125rem;\n}\r\n.p-1 {\n padding: 0.25rem;\n}\r\n.p-1\\.5 {\n padding: 0.375rem;\n}\r\n.p-2 {\n padding: 0.5rem;\n}\r\n.p-3 {\n padding: 0.75rem;\n}\r\n.p-4 {\n padding: 1rem;\n}\r\n.p-6 {\n padding: 1.5rem;\n}\r\n.p-8 {\n padding: 2rem;\n}\r\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\r\n.px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\r\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\r\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\r\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\r\n.py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\r\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\r\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\r\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\r\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\r\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\r\n.pb-1 {\n padding-bottom: 0.25rem;\n}\r\n.pb-2 {\n padding-bottom: 0.5rem;\n}\r\n.pb-20 {\n padding-bottom: 5rem;\n}\r\n.pl-1 {\n padding-left: 0.25rem;\n}\r\n.pl-8 {\n padding-left: 2rem;\n}\r\n.pr-3 {\n padding-right: 0.75rem;\n}\r\n.pt-2 {\n padding-top: 0.5rem;\n}\r\n.pt-3 {\n padding-top: 0.75rem;\n}\r\n.pt-4 {\n padding-top: 1rem;\n}\r\n.text-left {\n text-align: left;\n}\r\n.text-center {\n text-align: center;\n}\r\n.text-right {\n text-align: right;\n}\r\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\r\n.font-sans {\n font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n}\r\n.text-\\[10px\\] {\n font-size: 10px;\n}\r\n.text-\\[11px\\] {\n font-size: 11px;\n}\r\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\r\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\r\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\r\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\r\n.font-bold {\n font-weight: 700;\n}\r\n.font-medium {\n font-weight: 500;\n}\r\n.font-normal {\n font-weight: 400;\n}\r\n.font-semibold {\n font-weight: 600;\n}\r\n.uppercase {\n text-transform: uppercase;\n}\r\n.normal-case {\n text-transform: none;\n}\r\n.italic {\n font-style: italic;\n}\r\n.not-italic {\n font-style: normal;\n}\r\n.tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\r\n.leading-none {\n line-height: 1;\n}\r\n.tracking-normal {\n letter-spacing: 0em;\n}\r\n.tracking-wider {\n letter-spacing: 0.05em;\n}\r\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\r\n.text-blue-400 {\n color: var(--brand-400);\n}\r\n.text-blue-500 {\n color: var(--brand-500);\n}\r\n.text-blue-600 {\n color: var(--brand-600);\n}\r\n.text-blue-700 {\n color: var(--brand-700);\n}\r\n.text-blue-900 {\n color: var(--brand-900);\n}\r\n.text-gray-100 {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-200 {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-300 {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\r\n.text-green-600 {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-200 {\n --tw-text-opacity: 1;\n color: rgb(199 210 254 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-400 {\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-600 {\n --tw-text-opacity: 1;\n color: rgb(79 70 229 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-800 {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity, 1));\n}\r\n.text-orange-400 {\n --tw-text-opacity: 1;\n color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\r\n.text-orange-600 {\n --tw-text-opacity: 1;\n color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\r\n.text-purple-400 {\n --tw-text-opacity: 1;\n color: rgb(192 132 252 / var(--tw-text-opacity, 1));\n}\r\n.text-purple-600 {\n --tw-text-opacity: 1;\n color: rgb(147 51 234 / var(--tw-text-opacity, 1));\n}\r\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\r\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\r\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\r\n.text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity, 1));\n}\r\n.text-violet-400 {\n --tw-text-opacity: 1;\n color: rgb(167 139 250 / var(--tw-text-opacity, 1));\n}\r\n.text-violet-600 {\n --tw-text-opacity: 1;\n color: rgb(124 58 237 / var(--tw-text-opacity, 1));\n}\r\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.underline {\n text-decoration-line: underline;\n}\r\n.overline {\n text-decoration-line: overline;\n}\r\n.line-through {\n text-decoration-line: line-through;\n}\r\n.placeholder-gray-400::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));\n}\r\n.placeholder-gray-400::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));\n}\r\n.opacity-0 {\n opacity: 0;\n}\r\n.opacity-100 {\n opacity: 1;\n}\r\n.opacity-30 {\n opacity: 0.3;\n}\r\n.opacity-50 {\n opacity: 0.5;\n}\r\n.opacity-70 {\n opacity: 0.7;\n}\r\n.\\!shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;\n}\r\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\r\n.outline {\n outline-style: solid;\n}\r\n.ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.ring-blue-400 {\n --tw-ring-color: var(--brand-400);\n}\r\n.ring-blue-500 {\n --tw-ring-color: var(--brand-500);\n}\r\n.ring-red-400 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));\n}\r\n.ring-red-500 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));\n}\r\n.ring-offset-1 {\n --tw-ring-offset-width: 1px;\n}\r\n.ring-offset-gray-900 {\n --tw-ring-offset-color: #111827;\n}\r\n.blur {\n --tw-blur: blur(8px);\n 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);\n}\r\n.filter {\n 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);\n}\r\n.backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\r\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.duration-100 {\n transition-duration: 100ms;\n}\r\n.duration-200 {\n transition-duration: 200ms;\n}\r\n.duration-300 {\n transition-duration: 300ms;\n}\r\n.duration-75 {\n transition-duration: 75ms;\n}\r\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\r\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\r\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\r\n.\\[-moz-appearance\\:textfield\\] {\n -moz-appearance: textfield;\n}\r\n.\\[appearance\\:textfield\\] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\r\n\r\n/* Utility to hide scrollbar but keep functionality */\r\n.no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.no-scrollbar {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n.dark .hover\\:bg-gray-50:hover { background-color: #111827 !important; }\r\n.dark .hover\\:bg-gray-100:hover:not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .hover\\:bg-gray-100:hover.canvas-scroll { background-color: #334155 !important; }\r\n.dark .hover\\:bg-gray-200:hover { background-color: #374151 !important; }\r\n.dark .hover\\:text-gray-800:hover { color: #f3f4f6 !important; }\r\n.dark .hover\\:text-gray-700:hover { color: #e5e7eb !important; }\r\n.dark .hover\\:text-gray-600:hover { color: #d1d5db !important; }\r\n.dark .print-page .hover\\:text-gray-600:hover { color: #4b5563 !important; }\r\n.dark .print-page .hover\\:text-gray-700:hover { color: #374151 !important; }\r\n.dark .print-page .hover\\:text-gray-800:hover { color: #1f2937 !important; }\r\n.dark .disabled\\:bg-gray-50:disabled { background-color: #111827 !important; }\r\n.dark .disabled\\:bg-gray-100:disabled:not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .disabled\\:bg-gray-100:disabled.canvas-scroll { background-color: #334155 !important; }\r\n.dark .disabled\\:text-gray-500:disabled { color: #cbd5e1 !important; }\r\n.dark .disabled\\:text-gray-400:disabled { color: #9ca3af !important; }\r\n.dark .disabled\\:border-gray-200:disabled { border-color: #374151 !important; }\r\n.dark .print-page .disabled\\:border-gray-200:disabled { border-color: #e5e7eb !important; }\r\n.dark .print-page .disabled\\:text-gray-500:disabled { color: #6b7280 !important; }\r\n.dark .disabled\\:hover\\:bg-gray-100:hover:disabled:not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .disabled\\:hover\\:bg-gray-100:hover:disabled.canvas-scroll { background-color: #334155 !important; }\r\n.dark .dark\\:bg-gray-100:is(.dark *):not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .dark\\:bg-gray-100:is(.dark *).canvas-scroll { background-color: #334155 !important; }\r\n.dark .dark\\:text-gray-600:is(.dark *) { color: #d1d5db !important; }\r\n.dark .dark\\:text-gray-500:is(.dark *) { color: #cbd5e1 !important; }\r\n.dark .dark\\:text-gray-400:is(.dark *) { color: #9ca3af !important; }\r\n.dark .print-page .dark\\:text-gray-500:is(.dark *) { color: #6b7280 !important; }\r\n.dark .print-page .dark\\:text-gray-600:is(.dark *) { color: #4b5563 !important; }\r\n.dark .dark\\:disabled\\:text-gray-600:disabled:is(.dark *) { color: #d1d5db !important; }\r\n.dark .dark\\:disabled\\:text-gray-400:disabled:is(.dark *) { color: #9ca3af !important; }\r\n.dark .print-page .dark\\:disabled\\:text-gray-600:disabled:is(.dark *) { color: #4b5563 !important; }\r\n.first\\:border-0:first-child {\n border-width: 0px;\n}\r\n.first\\:pt-0:first-child {\n padding-top: 0px;\n}\r\n.last\\:border-0:last-child {\n border-width: 0px;\n}\r\n.last\\:border-b-0:last-child {\n border-bottom-width: 0px;\n}\r\n.focus-within\\:border-blue-500:focus-within {\n border-color: var(--brand-500);\n}\r\n.focus-within\\:ring-1:focus-within {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus-within\\:ring-blue-500:focus-within {\n --tw-ring-color: var(--brand-500);\n}\r\n.hover\\:z-10:hover {\n z-index: 10;\n}\r\n.hover\\:scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.hover\\:border-blue-400:hover {\n border-color: var(--brand-400);\n}\r\n.hover\\:border-blue-500:hover {\n border-color: var(--brand-500);\n}\r\n.hover\\:border-gray-400:hover {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\r\n.hover\\:border-pink-400:hover {\n --tw-border-opacity: 1;\n border-color: rgb(244 114 182 / var(--tw-border-opacity, 1));\n}\r\n.hover\\:bg-blue-100:hover {\n background-color: var(--brand-100);\n}\r\n.hover\\:bg-blue-300:hover {\n background-color: var(--brand-300);\n}\r\n.hover\\:bg-blue-400:hover {\n background-color: var(--brand-400);\n}\r\n.hover\\:bg-blue-50:hover {\n background-color: var(--brand-50);\n}\r\n.hover\\:bg-blue-600:hover {\n background-color: var(--brand-600);\n}\r\n.hover\\:bg-blue-700:hover {\n background-color: var(--brand-700);\n}\r\n.hover\\:bg-gray-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-500:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-green-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-orange-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-pink-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-pink-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-slate-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:text-blue-500:hover {\n color: var(--brand-500);\n}\r\n.hover\\:text-blue-600:hover {\n color: var(--brand-600);\n}\r\n.hover\\:text-blue-700:hover {\n color: var(--brand-700);\n}\r\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-gray-800:hover {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-pink-600:hover {\n --tw-text-opacity: 1;\n color: rgb(219 39 119 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-red-600:hover {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-red-800:hover {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\r\n.hover\\:decoration-blue-600:hover {\n text-decoration-color: var(--brand-600);\n}\r\n.hover\\:opacity-100:hover {\n opacity: 1;\n}\r\n.hover\\:outline:hover {\n outline-style: solid;\n}\r\n.hover\\:outline-1:hover {\n outline-width: 1px;\n}\r\n.hover\\:outline-blue-300:hover {\n outline-color: var(--brand-300);\n}\r\n.focus\\:border-blue-400:focus {\n border-color: var(--brand-400);\n}\r\n.focus\\:border-blue-500:focus {\n border-color: var(--brand-500);\n}\r\n.focus\\:border-blue-600:focus {\n border-color: var(--brand-600);\n}\r\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\r\n.focus\\:ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus\\:ring-blue-500:focus {\n --tw-ring-color: var(--brand-500);\n}\r\n.focus\\:ring-blue-600:focus {\n --tw-ring-color: var(--brand-600);\n}\r\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\r\n.active\\:cursor-grabbing:active {\n cursor: grabbing;\n}\r\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\r\n.disabled\\:border-gray-200:disabled {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\r\n.disabled\\:bg-gray-100:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.disabled\\:bg-gray-400:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\r\n.disabled\\:bg-gray-50:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.disabled\\:text-gray-400:disabled {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.disabled\\:text-gray-500:disabled {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.disabled\\:opacity-30:disabled {\n opacity: 0.3;\n}\r\n.disabled\\:opacity-40:disabled {\n opacity: 0.4;\n}\r\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\r\n.disabled\\:hover\\:bg-blue-600:hover:disabled {\n background-color: var(--brand-600);\n}\r\n.disabled\\:hover\\:bg-gray-100:hover:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.group:hover .group-hover\\:opacity-100 {\n opacity: 1;\n}\r\n.dark\\:border-blue-800:is(.dark *) {\n border-color: var(--brand-800);\n}\r\n.dark\\:border-gray-600:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-gray-700:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-gray-800:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-red-800:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-yellow-500:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:bg-black\\/40:is(.dark *) {\n background-color: rgb(0 0 0 / 0.4);\n}\r\n.dark\\:bg-blue-400:is(.dark *) {\n background-color: var(--brand-400);\n}\r\n.dark\\:bg-blue-500:is(.dark *) {\n background-color: var(--brand-500);\n}\r\n.dark\\:bg-blue-700:is(.dark *) {\n background-color: var(--brand-700);\n}\r\n.dark\\:bg-blue-900:is(.dark *) {\n background-color: var(--brand-900);\n}\r\n.dark\\:bg-blue-950:is(.dark *) {\n background-color: var(--brand-950);\n}\r\n.dark\\:bg-gray-100:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-600:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-700:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-700\\/50:is(.dark *) {\n background-color: rgb(55 65 81 / 0.5);\n}\r\n.dark\\:bg-gray-800:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-800\\/50:is(.dark *) {\n background-color: rgb(31 41 55 / 0.5);\n}\r\n.dark\\:bg-gray-800\\/80:is(.dark *) {\n background-color: rgb(31 41 55 / 0.8);\n}\r\n.dark\\:bg-gray-900:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-green-900\\/20:is(.dark *) {\n background-color: rgb(20 83 45 / 0.2);\n}\r\n.dark\\:bg-indigo-900\\/30:is(.dark *) {\n background-color: rgb(49 46 129 / 0.3);\n}\r\n.dark\\:bg-orange-900\\/20:is(.dark *) {\n background-color: rgb(124 45 18 / 0.2);\n}\r\n.dark\\:bg-orange-900\\/30:is(.dark *) {\n background-color: rgb(124 45 18 / 0.3);\n}\r\n.dark\\:bg-purple-900\\/20:is(.dark *) {\n background-color: rgb(88 28 135 / 0.2);\n}\r\n.dark\\:bg-purple-900\\/30:is(.dark *) {\n background-color: rgb(88 28 135 / 0.3);\n}\r\n.dark\\:bg-red-900\\/30:is(.dark *) {\n background-color: rgb(127 29 29 / 0.3);\n}\r\n.dark\\:bg-slate-700:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-violet-900\\/30:is(.dark *) {\n background-color: rgb(76 29 149 / 0.3);\n}\r\n.dark\\:text-black:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-blue-100:is(.dark *) {\n color: var(--brand-100);\n}\r\n.dark\\:text-blue-400:is(.dark *) {\n color: var(--brand-400);\n}\r\n.dark\\:text-gray-100:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-200:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-300:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-500:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-600:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-green-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(74 222 128 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-indigo-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-orange-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-purple-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(192 132 252 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-red-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-slate-100:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(241 245 249 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-violet-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(167 139 250 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-white:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:placeholder-gray-500:is(.dark *)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));\n}\r\n.dark\\:placeholder-gray-500:is(.dark *)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));\n}\r\n.dark\\:ring-blue-400:is(.dark *) {\n --tw-ring-color: var(--brand-400);\n}\r\n.dark\\:ring-offset-gray-900:is(.dark *) {\n --tw-ring-offset-color: #111827;\n}\r\n.dark\\:hover\\:border-blue-400:hover:is(.dark *) {\n border-color: var(--brand-400);\n}\r\n.dark\\:hover\\:border-gray-500:hover:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:hover\\:bg-blue-400:hover:is(.dark *) {\n background-color: var(--brand-400);\n}\r\n.dark\\:hover\\:bg-blue-600:hover:is(.dark *) {\n background-color: var(--brand-600);\n}\r\n.dark\\:hover\\:bg-gray-600:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:bg-gray-700:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:bg-gray-800:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:bg-gray-800\\/50:hover:is(.dark *) {\n background-color: rgb(31 41 55 / 0.5);\n}\r\n.dark\\:hover\\:bg-pink-900\\/20:hover:is(.dark *) {\n background-color: rgb(131 24 67 / 0.2);\n}\r\n.dark\\:hover\\:bg-red-900\\/30:hover:is(.dark *) {\n background-color: rgb(127 29 29 / 0.3);\n}\r\n.dark\\:hover\\:bg-red-900\\/50:hover:is(.dark *) {\n background-color: rgb(127 29 29 / 0.5);\n}\r\n.dark\\:hover\\:bg-slate-600:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:text-blue-400:hover:is(.dark *) {\n color: var(--brand-400);\n}\r\n.dark\\:hover\\:text-gray-200:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:hover\\:text-gray-300:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:hover\\:text-pink-400:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(244 114 182 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:hover\\:text-red-300:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:focus\\:border-blue-400:focus:is(.dark *) {\n border-color: var(--brand-400);\n}\r\n.dark\\:disabled\\:border-gray-700:disabled:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:disabled\\:bg-gray-700:disabled:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:disabled\\:bg-gray-800:disabled:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:disabled\\:text-gray-400:disabled:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:disabled\\:text-gray-600:disabled:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n@media (min-width: 640px) {\n\n .sm\\:block {\n display: block;\n }\n\n .sm\\:inline {\n display: inline;\n }\n\n .sm\\:flex {\n display: flex;\n }\n}\r\n@media (min-width: 768px) {\n\n .md\\:block {\n display: block;\n }\n\n .md\\:flex {\n display: flex;\n }\n\n .md\\:hidden {\n display: none;\n }\n}\r\n@media (min-width: 1024px) {\n\n .lg\\:flex {\n display: flex;\n }\n\n .lg\\:hidden {\n display: none;\n }\n\n .lg\\:h-14 {\n height: 3.5rem;\n }\n\n .lg\\:h-4 {\n height: 1rem;\n }\n\n .lg\\:w-32 {\n width: 8rem;\n }\n\n .lg\\:w-4 {\n width: 1rem;\n }\n\n .lg\\:max-w-\\[200px\\] {\n max-width: 200px;\n }\n\n .lg\\:gap-1\\.5 {\n gap: 0.375rem;\n }\n\n .lg\\:gap-2 {\n gap: 0.5rem;\n }\n\n .lg\\:px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n\n .lg\\:px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n\n .lg\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .lg\\:py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n }\n\n .lg\\:text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n}\r\n@media (min-width: 1280px) {\n\n .xl\\:inline {\n display: inline;\n }\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:h-4::-moz-range-thumb {\n height: 1rem;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:w-4::-moz-range-thumb {\n width: 1rem;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:cursor-pointer::-moz-range-thumb {\n cursor: pointer;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:rounded-full::-moz-range-thumb {\n border-radius: 9999px;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:border-none::-moz-range-thumb {\n border-style: none;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-blue-600::-moz-range-thumb {\n background-color: var(--brand-600);\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:transition-all::-moz-range-thumb {\n -moz-transition-property: all;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:hover\\:scale-110:hover::-moz-range-thumb {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none;\n}\r\n.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n -webkit-appearance: none;\n appearance: none;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-4::-webkit-slider-thumb {\n height: 1rem;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-4::-webkit-slider-thumb {\n width: 1rem;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:cursor-pointer::-webkit-slider-thumb {\n cursor: pointer;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full::-webkit-slider-thumb {\n border-radius: 9999px;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-blue-600::-webkit-slider-thumb {\n background-color: var(--brand-600);\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:transition-all::-webkit-slider-thumb {\n -webkit-transition-property: all;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:hover\\:scale-110:hover::-webkit-slider-thumb {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n';
17659
+ const baseStyles = '*, ::before, ::after {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(147 197 253 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}\n\n::backdrop {\n --tw-border-spacing-x: 0;\n --tw-border-spacing-y: 0;\n --tw-translate-x: 0;\n --tw-translate-y: 0;\n --tw-rotate: 0;\n --tw-skew-x: 0;\n --tw-skew-y: 0;\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n --tw-pan-x: ;\n --tw-pan-y: ;\n --tw-pinch-zoom: ;\n --tw-scroll-snap-strictness: proximity;\n --tw-gradient-from-position: ;\n --tw-gradient-via-position: ;\n --tw-gradient-to-position: ;\n --tw-ordinal: ;\n --tw-slashed-zero: ;\n --tw-numeric-figure: ;\n --tw-numeric-spacing: ;\n --tw-numeric-fraction: ;\n --tw-ring-inset: ;\n --tw-ring-offset-width: 0px;\n --tw-ring-offset-color: #fff;\n --tw-ring-color: rgb(147 197 253 / 0.5);\n --tw-ring-offset-shadow: 0 0 #0000;\n --tw-ring-shadow: 0 0 #0000;\n --tw-shadow: 0 0 #0000;\n --tw-shadow-colored: 0 0 #0000;\n --tw-blur: ;\n --tw-brightness: ;\n --tw-contrast: ;\n --tw-grayscale: ;\n --tw-hue-rotate: ;\n --tw-invert: ;\n --tw-saturate: ;\n --tw-sepia: ;\n --tw-drop-shadow: ;\n --tw-backdrop-blur: ;\n --tw-backdrop-brightness: ;\n --tw-backdrop-contrast: ;\n --tw-backdrop-grayscale: ;\n --tw-backdrop-hue-rotate: ;\n --tw-backdrop-invert: ;\n --tw-backdrop-opacity: ;\n --tw-backdrop-saturate: ;\n --tw-backdrop-sepia: ;\n --tw-contain-size: ;\n --tw-contain-layout: ;\n --tw-contain-paint: ;\n --tw-contain-style: ;\n}/*\n! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com\n*//*\n1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)\n2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)\n*/\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: #e5e7eb; /* 2 */\n}\n\n::before,\n::after {\n --tw-content: \'\';\n}\n\n/*\n1. Use a consistent sensible line-height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n3. Use a more readable tab size.\n4. Use the user\'s configured `sans` font-family by default.\n5. Use the user\'s configured `sans` font-feature-settings by default.\n6. Use the user\'s configured `sans` font-variation-settings by default.\n7. Disable tap highlights on iOS\n*/\n\nhtml,\n:host {\n line-height: 1.5; /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n -moz-tab-size: 4; /* 3 */\n -o-tab-size: 4;\n tab-size: 4; /* 3 */\n font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */\n font-feature-settings: normal; /* 5 */\n font-variation-settings: normal; /* 6 */\n -webkit-tap-highlight-color: transparent; /* 7 */\n}\n\n/*\n1. Remove the margin in all browsers.\n2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.\n*/\n\nbody {\n margin: 0; /* 1 */\n line-height: inherit; /* 2 */\n}\n\n/*\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n3. Ensure horizontal rules are visible by default.\n*/\n\nhr {\n height: 0; /* 1 */\n color: inherit; /* 2 */\n border-top-width: 1px; /* 3 */\n}\n\n/*\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr:where([title]) {\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n}\n\n/*\nRemove the default font size and weight for headings.\n*/\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/*\nReset links to optimize for opt-in styling instead of opt-out.\n*/\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/*\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/*\n1. Use the user\'s configured `mono` font-family by default.\n2. Use the user\'s configured `mono` font-feature-settings by default.\n3. Use the user\'s configured `mono` font-variation-settings by default.\n4. Correct the odd `em` font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */\n font-feature-settings: normal; /* 2 */\n font-variation-settings: normal; /* 3 */\n font-size: 1em; /* 4 */\n}\n\n/*\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n font-size: 80%;\n}\n\n/*\nPrevent `sub` and `sup` elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/*\n1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)\n2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)\n3. Remove gaps between table borders by default.\n*/\n\ntable {\n text-indent: 0; /* 1 */\n border-color: inherit; /* 2 */\n border-collapse: collapse; /* 3 */\n}\n\n/*\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n3. Remove default padding in all browsers.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-feature-settings: inherit; /* 1 */\n font-variation-settings: inherit; /* 1 */\n font-size: 100%; /* 1 */\n font-weight: inherit; /* 1 */\n line-height: inherit; /* 1 */\n letter-spacing: inherit; /* 1 */\n color: inherit; /* 1 */\n margin: 0; /* 2 */\n padding: 0; /* 3 */\n}\n\n/*\nRemove the inheritance of text transform in Edge and Firefox.\n*/\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Remove default button styles.\n*/\n\nbutton,\ninput:where([type=\'button\']),\ninput:where([type=\'reset\']),\ninput:where([type=\'submit\']) {\n -webkit-appearance: button; /* 1 */\n background-color: transparent; /* 2 */\n background-image: none; /* 2 */\n}\n\n/*\nUse the modern Firefox focus style for all focusable elements.\n*/\n\n:-moz-focusring {\n outline: auto;\n}\n\n/*\nRemove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)\n*/\n\n:-moz-ui-invalid {\n box-shadow: none;\n}\n\n/*\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n vertical-align: baseline;\n}\n\n/*\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n height: auto;\n}\n\n/*\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type=\'search\'] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n}\n\n/*\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/*\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to `inherit` in Safari.\n*/\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n}\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n display: list-item;\n}\n\n/*\nRemoves the default spacing and border for appropriate elements.\n*/\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nlegend {\n padding: 0;\n}\n\nol,\nul,\nmenu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*\nReset default styling for dialogs.\n*/\ndialog {\n padding: 0;\n}\n\n/*\nPrevent resizing textareas horizontally by default.\n*/\n\ntextarea {\n resize: vertical;\n}\n\n/*\n1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)\n2. Set the default placeholder color to the user\'s configured gray 400 color.\n*/\n\ninput::-moz-placeholder, textarea::-moz-placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1; /* 1 */\n color: #9ca3af; /* 2 */\n}\n\n/*\nSet the default cursor for buttons.\n*/\n\nbutton,\n[role="button"] {\n cursor: pointer;\n}\n\n/*\nMake sure disabled buttons don\'t get the pointer cursor.\n*/\n:disabled {\n cursor: default;\n}\n\n/*\n1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)\n2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)\n This can trigger a poorly considered lint error in some tools but is included by design.\n*/\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block; /* 1 */\n vertical-align: middle; /* 2 */\n}\n\n/*\nConstrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)\n*/\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n\n/* Make elements with the HTML hidden attribute stay hidden by default */\n[hidden]:where(:not([hidden="until-found"])) {\n display: none;\n}\r\n :root {\r\n --brand-50: #eff6ff;\r\n --brand-100: #dbeafe;\r\n --brand-200: #bfdbfe;\r\n --brand-300: #93c5fd;\r\n --brand-400: #60a5fa;\r\n --brand-500: #3b82f6;\r\n --brand-600: #2563eb;\r\n --brand-700: #1d4ed8;\r\n --brand-800: #1e40af;\r\n --brand-900: #1e3a8a;\r\n --brand-950: #172554;\r\n --brand-500-alpha-10: rgb(59 130 246 / 0.1);\r\n }\r\n input[type=\'radio\'] {\r\n accent-color: var(--brand-600);\r\n }\r\n .theme-outline-hover:hover {\r\n outline: 1px solid var(--brand-300);\r\n }\r\n .theme-hover-bg:hover {\r\n background-color: var(--brand-50);\r\n }\r\n .theme-hover-border:hover {\r\n border-color: var(--brand-500);\r\n }\r\n .theme-text {\r\n color: var(--brand-500);\r\n }\r\n .theme-text-hover:hover {\r\n color: var(--brand-700);\r\n }\r\n .theme-border {\r\n border-color: var(--brand-500);\r\n }\r\n .theme-border-strong {\r\n border-color: var(--brand-600);\r\n }\r\n .theme-border-hover {\r\n border-color: var(--brand-500);\r\n }\r\n .group:hover .theme-border-hover {\r\n border-color: var(--brand-400);\r\n }\r\n .theme-bg {\r\n background-color: var(--brand-500);\r\n }\r\n .theme-bg-strong {\r\n background-color: var(--brand-600);\r\n }\r\n .theme-bg-soft {\r\n background-color: rgba(0, 0, 0, 0.7);\r\n }\r\n .exporting .marker {\r\n display: none !important;\r\n }\r\n .exporting,\r\n .previewing {\r\n overflow: hidden !important;\r\n }\r\n html {\r\n color-scheme: light;\r\n }\r\n .dark {\r\n color-scheme: dark;\r\n }\r\n .dark body {\r\n background-color: #0f172a; /* slate-900 */\r\n color: #e5e7eb; /* gray-200 */\r\n }\r\n /* Pragmatic dark overrides to improve readability without touching templates */\r\n .dark .bg-white { background-color: #1f2937 !important; } /* gray-800 */\r\n .dark .bg-gray-50 { background-color: #111827 !important; } /* gray-900 */\r\n .dark :not(.canvas-scroll).bg-gray-100 { background-color: #1f2937 !important; }\r\n .dark .canvas-scroll.bg-gray-100 { background-color: #334155 !important; }\r\n .dark .hover\\\\:bg-gray-50:hover { background-color: #1f2937 !important; }\r\n .dark .hover\\\\:bg-gray-100:hover { background-color: #374151 !important; } /* gray-700 */\r\n .dark .bg-gray-200 { background-color: #374151 !important; }\r\n .dark .hover\\:bg-gray-200:hover { background-color: #4b5563 !important; } /* gray-600 */\r\n .dark .hover\\:bg-blue-50:hover { background-color: color-mix(in srgb, var(--brand-500) 16%, transparent) !important; }\r\n .dark .theme-hover-bg:hover { background-color: color-mix(in srgb, var(--brand-500) 16%, transparent) !important; }\r\n .dark .hover\\:border-blue-500:hover { border-color: rgba(59, 130, 246, 0.5) !important; }\r\n .dark .text-gray-800 { color: #f3f4f6 !important; }\r\n .dark .text-gray-700 { color: #e5e7eb !important; }\r\n .dark .text-gray-600 { color: #d1d5db !important; }\r\n .dark .text-gray-500 { color: #cbd5e1 !important; } /* slate-300 */\r\n .dark .text-gray-400 { color: #9ca3af !important; } /* gray-400 */\r\n .dark .text-gray-900 { color: #f9fafb !important; } /* near-white for subheadings */\r\n .dark .border-gray-100 { border-color: #1f2937 !important; }\r\n .dark .border-gray-200 { border-color: #374151 !important; }\r\n .dark .border-gray-300 { border-color: #4b5563 !important; }\r\n .dark select,\r\n .dark option {\r\n background-color: #1f2937;\r\n color: #e5e7eb;\r\n }\r\n .dark .shadow-sm, \r\n .dark .shadow, \r\n .dark .shadow-xl { box-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 1px 1px rgba(0,0,0,0.4) !important; }\r\n \r\n .dark .\\!shadow { box-shadow: 0 1px 2px rgba(0,0,0,0.6), 0 1px 1px rgba(0,0,0,0.4) !important; }\r\n \r\n /* Keep canvas page (print-page) visuals in light scheme */\r\n .dark .print-page { color-scheme: light; }\r\n .dark .print-page .bg-white { background-color: #ffffff !important; }\r\n .dark .print-page .border-gray-100 { border-color: #f3f4f6 !important; }\r\n .dark .print-page .border-gray-200 { border-color: #e5e7eb !important; }\r\n .dark .print-page .border-gray-300 { border-color: #d1d5db !important; }\r\n .dark .print-page .text-gray-500 { color: #6b7280 !important; }\r\n .dark .print-page .text-gray-600 { color: #4b5563 !important; }\r\n .dark .print-page .text-gray-700 { color: #374151 !important; }\r\n .dark .print-page .text-gray-800 { color: #1f2937 !important; }\r\n .dark .print-page .text-gray-900 { color: #111827 !important; }\r\n /* Custom Scrollbar */\r\n ::-webkit-scrollbar {\r\n width: 12px;\r\n height: 12px;\r\n }\r\n\r\n ::-webkit-scrollbar-track {\r\n background: #f3f4f6; /* gray-100 */\r\n border-radius: 0;\r\n }\r\n\r\n ::-webkit-scrollbar-thumb {\r\n background-color: #d1d5db;\r\n border-radius: 0;\r\n border: 2px solid #f3f4f6; /* creates squared ends visually */\r\n }\r\n\r\n ::-webkit-scrollbar-corner {\r\n background: #f3f4f6; /* match track, no rounded corner color */\r\n }\r\n\r\n /* Firefox */\r\n * {\r\n scrollbar-width: thin;\r\n scrollbar-color: #d1d5db #f3f4f6;\r\n }\r\n\r\n .dark ::-webkit-scrollbar-track {\r\n background: #1f2937; /* gray-800 */\r\n }\r\n .dark ::-webkit-scrollbar-thumb {\r\n background-color: #4b5563; /* gray-600 */\r\n border: 2px solid #1f2937;\r\n }\r\n .dark ::-webkit-scrollbar-thumb:hover {\r\n background-color: #6b7280; /* gray-500 */\r\n }\r\n .dark * {\r\n scrollbar-color: #4b5563 #1f2937;\r\n }\r\n\r\n /* Web Component host: ensure proper display and height */\r\n :host {\r\n display: block;\r\n min-height: 100vh;\r\n min-height: -webkit-fill-available;\r\n }\r\n.\\!container {\n width: 100% !important;\n}\r\n.container {\n width: 100%;\n}\r\n@media (min-width: 640px) {\n\n .\\!container {\n max-width: 640px !important;\n }\n\n .container {\n max-width: 640px;\n }\n}\r\n@media (min-width: 768px) {\n\n .\\!container {\n max-width: 768px !important;\n }\n\n .container {\n max-width: 768px;\n }\n}\r\n@media (min-width: 1024px) {\n\n .\\!container {\n max-width: 1024px !important;\n }\n\n .container {\n max-width: 1024px;\n }\n}\r\n@media (min-width: 1280px) {\n\n .\\!container {\n max-width: 1280px !important;\n }\n\n .container {\n max-width: 1280px;\n }\n}\r\n@media (min-width: 1536px) {\n\n .\\!container {\n max-width: 1536px !important;\n }\n\n .container {\n max-width: 1536px;\n }\n}\r\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\r\n.pointer-events-none {\n pointer-events: none;\n}\r\n.pointer-events-auto {\n pointer-events: auto;\n}\r\n.visible {\n visibility: visible;\n}\r\n.invisible {\n visibility: hidden;\n}\r\n.collapse {\n visibility: collapse;\n}\r\n.static {\n position: static;\n}\r\n.fixed {\n position: fixed;\n}\r\n.absolute {\n position: absolute;\n}\r\n.relative {\n position: relative;\n}\r\n.sticky {\n position: sticky;\n}\r\n.inset-0 {\n inset: 0px;\n}\r\n.-bottom-4 {\n bottom: -1rem;\n}\r\n.-left-2 {\n left: -0.5rem;\n}\r\n.-left-3 {\n left: -0.75rem;\n}\r\n.-left-4 {\n left: -1rem;\n}\r\n.-right-0\\.5 {\n right: -0.125rem;\n}\r\n.-right-1 {\n right: -0.25rem;\n}\r\n.-right-12 {\n right: -3rem;\n}\r\n.-right-3 {\n right: -0.75rem;\n}\r\n.-right-5 {\n right: -1.25rem;\n}\r\n.-top-3 {\n top: -0.75rem;\n}\r\n.-top-4 {\n top: -1rem;\n}\r\n.-top-6 {\n top: -1.5rem;\n}\r\n.bottom-0 {\n bottom: 0px;\n}\r\n.bottom-1 {\n bottom: 0.25rem;\n}\r\n.bottom-4 {\n bottom: 1rem;\n}\r\n.left-0 {\n left: 0px;\n}\r\n.left-1\\/2 {\n left: 50%;\n}\r\n.left-2 {\n left: 0.5rem;\n}\r\n.right-0 {\n right: 0px;\n}\r\n.right-1 {\n right: 0.25rem;\n}\r\n.right-4 {\n right: 1rem;\n}\r\n.right-\\[280px\\] {\n right: 280px;\n}\r\n.top-0 {\n top: 0px;\n}\r\n.top-1\\/2 {\n top: 50%;\n}\r\n.top-2 {\n top: 0.5rem;\n}\r\n.top-6 {\n top: 1.5rem;\n}\r\n.top-full {\n top: 100%;\n}\r\n.z-10 {\n z-index: 10;\n}\r\n.z-20 {\n z-index: 20;\n}\r\n.z-30 {\n z-index: 30;\n}\r\n.z-40 {\n z-index: 40;\n}\r\n.z-50 {\n z-index: 50;\n}\r\n.z-\\[-1\\] {\n z-index: -1;\n}\r\n.z-\\[100000\\] {\n z-index: 100000;\n}\r\n.z-\\[10000\\] {\n z-index: 10000;\n}\r\n.z-\\[1000\\] {\n z-index: 1000;\n}\r\n.z-\\[100\\] {\n z-index: 100;\n}\r\n.z-\\[1900\\] {\n z-index: 1900;\n}\r\n.z-\\[2000\\] {\n z-index: 2000;\n}\r\n.z-\\[2001\\] {\n z-index: 2001;\n}\r\n.z-\\[3000\\] {\n z-index: 3000;\n}\r\n.z-\\[99999\\] {\n z-index: 99999;\n}\r\n.z-\\[9999\\] {\n z-index: 9999;\n}\r\n.col-span-2 {\n grid-column: span 2 / span 2;\n}\r\n.m-0 {\n margin: 0px;\n}\r\n.-mx-4 {\n margin-left: -1rem;\n margin-right: -1rem;\n}\r\n.mx-0\\.5 {\n margin-left: 0.125rem;\n margin-right: 0.125rem;\n}\r\n.mx-1 {\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n}\r\n.mx-auto {\n margin-left: auto;\n margin-right: auto;\n}\r\n.my-0\\.5 {\n margin-top: 0.125rem;\n margin-bottom: 0.125rem;\n}\r\n.my-1 {\n margin-top: 0.25rem;\n margin-bottom: 0.25rem;\n}\r\n.my-4 {\n margin-top: 1rem;\n margin-bottom: 1rem;\n}\r\n.-ml-1\\.5 {\n margin-left: -0.375rem;\n}\r\n.-mt-1\\.5 {\n margin-top: -0.375rem;\n}\r\n.mb-1 {\n margin-bottom: 0.25rem;\n}\r\n.mb-2 {\n margin-bottom: 0.5rem;\n}\r\n.mb-3 {\n margin-bottom: 0.75rem;\n}\r\n.mb-4 {\n margin-bottom: 1rem;\n}\r\n.mb-8 {\n margin-bottom: 2rem;\n}\r\n.ml-0\\.5 {\n margin-left: 0.125rem;\n}\r\n.ml-1 {\n margin-left: 0.25rem;\n}\r\n.ml-2 {\n margin-left: 0.5rem;\n}\r\n.ml-4 {\n margin-left: 1rem;\n}\r\n.ml-6 {\n margin-left: 1.5rem;\n}\r\n.ml-auto {\n margin-left: auto;\n}\r\n.mr-1 {\n margin-right: 0.25rem;\n}\r\n.mt-1 {\n margin-top: 0.25rem;\n}\r\n.mt-2 {\n margin-top: 0.5rem;\n}\r\n.mt-3 {\n margin-top: 0.75rem;\n}\r\n.mt-4 {\n margin-top: 1rem;\n}\r\n.box-content {\n box-sizing: content-box;\n}\r\n.block {\n display: block;\n}\r\n.inline-block {\n display: inline-block;\n}\r\n.inline {\n display: inline;\n}\r\n.flex {\n display: flex;\n}\r\n.inline-flex {\n display: inline-flex;\n}\r\n.\\!table {\n display: table !important;\n}\r\n.table {\n display: table;\n}\r\n.grid {\n display: grid;\n}\r\n.hidden {\n display: none;\n}\r\n.h-0\\.5 {\n height: 0.125rem;\n}\r\n.h-1\\.5 {\n height: 0.375rem;\n}\r\n.h-10 {\n height: 2.5rem;\n}\r\n.h-12 {\n height: 3rem;\n}\r\n.h-2 {\n height: 0.5rem;\n}\r\n.h-24 {\n height: 6rem;\n}\r\n.h-3 {\n height: 0.75rem;\n}\r\n.h-3\\.5 {\n height: 0.875rem;\n}\r\n.h-32 {\n height: 8rem;\n}\r\n.h-4 {\n height: 1rem;\n}\r\n.h-48 {\n height: 12rem;\n}\r\n.h-5 {\n height: 1.25rem;\n}\r\n.h-6 {\n height: 1.5rem;\n}\r\n.h-8 {\n height: 2rem;\n}\r\n.h-\\[1px\\] {\n height: 1px;\n}\r\n.h-\\[500px\\] {\n height: 500px;\n}\r\n.h-\\[56px\\] {\n height: 56px;\n}\r\n.h-\\[60px\\] {\n height: 60px;\n}\r\n.h-\\[80vh\\] {\n height: 80vh;\n}\r\n.h-\\[90vh\\] {\n height: 90vh;\n}\r\n.h-full {\n height: 100%;\n}\r\n.h-px {\n height: 1px;\n}\r\n.h-screen {\n height: 100vh;\n}\r\n.max-h-32 {\n max-height: 8rem;\n}\r\n.max-h-40 {\n max-height: 10rem;\n}\r\n.max-h-48 {\n max-height: 12rem;\n}\r\n.max-h-60 {\n max-height: 15rem;\n}\r\n.max-h-\\[200px\\] {\n max-height: 200px;\n}\r\n.max-h-\\[300px\\] {\n max-height: 300px;\n}\r\n.max-h-\\[500px\\] {\n max-height: 500px;\n}\r\n.max-h-\\[90vh\\] {\n max-height: 90vh;\n}\r\n.max-h-full {\n max-height: 100%;\n}\r\n.min-h-\\[120px\\] {\n min-height: 120px;\n}\r\n.min-h-\\[30px\\] {\n min-height: 30px;\n}\r\n.w-1 {\n width: 0.25rem;\n}\r\n.w-1\\.5 {\n width: 0.375rem;\n}\r\n.w-10 {\n width: 2.5rem;\n}\r\n.w-11 {\n width: 2.75rem;\n}\r\n.w-12 {\n width: 3rem;\n}\r\n.w-16 {\n width: 4rem;\n}\r\n.w-2 {\n width: 0.5rem;\n}\r\n.w-20 {\n width: 5rem;\n}\r\n.w-24 {\n width: 6rem;\n}\r\n.w-3 {\n width: 0.75rem;\n}\r\n.w-3\\.5 {\n width: 0.875rem;\n}\r\n.w-32 {\n width: 8rem;\n}\r\n.w-4 {\n width: 1rem;\n}\r\n.w-40 {\n width: 10rem;\n}\r\n.w-48 {\n width: 12rem;\n}\r\n.w-5 {\n width: 1.25rem;\n}\r\n.w-52 {\n width: 13rem;\n}\r\n.w-6 {\n width: 1.5rem;\n}\r\n.w-64 {\n width: 16rem;\n}\r\n.w-8 {\n width: 2rem;\n}\r\n.w-9 {\n width: 2.25rem;\n}\r\n.w-96 {\n width: 24rem;\n}\r\n.w-\\[240px\\] {\n width: 240px;\n}\r\n.w-\\[260px\\] {\n width: 260px;\n}\r\n.w-\\[300px\\] {\n width: 300px;\n}\r\n.w-\\[380px\\] {\n width: 380px;\n}\r\n.w-\\[60vw\\] {\n width: 60vw;\n}\r\n.w-\\[640px\\] {\n width: 640px;\n}\r\n.w-\\[700px\\] {\n width: 700px;\n}\r\n.w-\\[90vw\\] {\n width: 90vw;\n}\r\n.w-full {\n width: 100%;\n}\r\n.w-max {\n width: -moz-max-content;\n width: max-content;\n}\r\n.w-px {\n width: 1px;\n}\r\n.w-screen {\n width: 100vw;\n}\r\n.min-w-0 {\n min-width: 0px;\n}\r\n.min-w-\\[140px\\] {\n min-width: 140px;\n}\r\n.min-w-\\[160px\\] {\n min-width: 160px;\n}\r\n.min-w-\\[200px\\] {\n min-width: 200px;\n}\r\n.min-w-\\[320px\\] {\n min-width: 320px;\n}\r\n.max-w-\\[100px\\] {\n max-width: 100px;\n}\r\n.max-w-\\[140px\\] {\n max-width: 140px;\n}\r\n.max-w-\\[300px\\] {\n max-width: 300px;\n}\r\n.max-w-\\[85vw\\] {\n max-width: 85vw;\n}\r\n.max-w-full {\n max-width: 100%;\n}\r\n.max-w-md {\n max-width: 28rem;\n}\r\n.max-w-none {\n max-width: none;\n}\r\n.flex-1 {\n flex: 1 1 0%;\n}\r\n.flex-none {\n flex: none;\n}\r\n.flex-shrink {\n flex-shrink: 1;\n}\r\n.flex-shrink-0 {\n flex-shrink: 0;\n}\r\n.shrink {\n flex-shrink: 1;\n}\r\n.shrink-0 {\n flex-shrink: 0;\n}\r\n.table-fixed {\n table-layout: fixed;\n}\r\n.border-collapse {\n border-collapse: collapse;\n}\r\n.-translate-x-1\\/2 {\n --tw-translate-x: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.-translate-x-full {\n --tw-translate-x: -100%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.-translate-y-1\\/2 {\n --tw-translate-y: -50%;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-0 {\n --tw-translate-x: 0px;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-4 {\n --tw-translate-x: 1rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.translate-x-5 {\n --tw-translate-x: 1.25rem;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.rotate-45 {\n --tw-rotate: 45deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.rotate-90 {\n --tw-rotate: 90deg;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.scale-100 {\n --tw-scale-x: 1;\n --tw-scale-y: 1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.scale-150 {\n --tw-scale-x: 1.5;\n --tw-scale-y: 1.5;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.scale-95 {\n --tw-scale-x: .95;\n --tw-scale-y: .95;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.transform {\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n@keyframes spin {\n\n to {\n transform: rotate(360deg);\n }\n}\r\n.animate-spin {\n animation: spin 1s linear infinite;\n}\r\n.cursor-col-resize {\n cursor: col-resize;\n}\r\n.cursor-crosshair {\n cursor: crosshair;\n}\r\n.cursor-default {\n cursor: default;\n}\r\n.cursor-grab {\n cursor: grab;\n}\r\n.cursor-move {\n cursor: move;\n}\r\n.cursor-not-allowed {\n cursor: not-allowed;\n}\r\n.cursor-ns-resize {\n cursor: ns-resize;\n}\r\n.cursor-pointer {\n cursor: pointer;\n}\r\n.cursor-row-resize {\n cursor: row-resize;\n}\r\n.cursor-se-resize {\n cursor: se-resize;\n}\r\n.select-none {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\r\n.select-all {\n -webkit-user-select: all;\n -moz-user-select: all;\n user-select: all;\n}\r\n.resize-none {\n resize: none;\n}\r\n.resize-y {\n resize: vertical;\n}\r\n.resize {\n resize: both;\n}\r\n.appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\r\n.grid-cols-1 {\n grid-template-columns: repeat(1, minmax(0, 1fr));\n}\r\n.grid-cols-2 {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\r\n.grid-cols-3 {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\r\n.grid-cols-9 {\n grid-template-columns: repeat(9, minmax(0, 1fr));\n}\r\n.flex-row {\n flex-direction: row;\n}\r\n.flex-col {\n flex-direction: column;\n}\r\n.flex-wrap {\n flex-wrap: wrap;\n}\r\n.items-start {\n align-items: flex-start;\n}\r\n.items-center {\n align-items: center;\n}\r\n.items-baseline {\n align-items: baseline;\n}\r\n.justify-end {\n justify-content: flex-end;\n}\r\n.justify-center {\n justify-content: center;\n}\r\n.justify-between {\n justify-content: space-between;\n}\r\n.gap-0\\.5 {\n gap: 0.125rem;\n}\r\n.gap-1 {\n gap: 0.25rem;\n}\r\n.gap-1\\.5 {\n gap: 0.375rem;\n}\r\n.gap-2 {\n gap: 0.5rem;\n}\r\n.gap-3 {\n gap: 0.75rem;\n}\r\n.gap-4 {\n gap: 1rem;\n}\r\n.gap-6 {\n gap: 1.5rem;\n}\r\n.gap-8 {\n gap: 2rem;\n}\r\n.space-y-0\\.5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.125rem * var(--tw-space-y-reverse));\n}\r\n.space-y-1 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));\n}\r\n.space-y-2 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));\n}\r\n.space-y-3 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));\n}\r\n.space-y-4 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1rem * var(--tw-space-y-reverse));\n}\r\n.space-y-5 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));\n}\r\n.space-y-6 > :not([hidden]) ~ :not([hidden]) {\n --tw-space-y-reverse: 0;\n margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));\n margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));\n}\r\n.divide-y > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-y-reverse: 0;\n border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));\n border-bottom-width: calc(1px * var(--tw-divide-y-reverse));\n}\r\n.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {\n --tw-divide-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));\n}\r\n.overflow-auto {\n overflow: auto;\n}\r\n.overflow-hidden {\n overflow: hidden;\n}\r\n.overflow-y-auto {\n overflow-y: auto;\n}\r\n.overflow-x-hidden {\n overflow-x: hidden;\n}\r\n.truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\r\n.whitespace-nowrap {\n white-space: nowrap;\n}\r\n.whitespace-pre-wrap {\n white-space: pre-wrap;\n}\r\n.rounded {\n border-radius: 0.25rem;\n}\r\n.rounded-\\[1px\\] {\n border-radius: 1px;\n}\r\n.rounded-full {\n border-radius: 9999px;\n}\r\n.rounded-lg {\n border-radius: 0.5rem;\n}\r\n.rounded-md {\n border-radius: 0.375rem;\n}\r\n.rounded-sm {\n border-radius: 0.125rem;\n}\r\n.rounded-b {\n border-bottom-right-radius: 0.25rem;\n border-bottom-left-radius: 0.25rem;\n}\r\n.rounded-b-lg {\n border-bottom-right-radius: 0.5rem;\n border-bottom-left-radius: 0.5rem;\n}\r\n.rounded-l-md {\n border-top-left-radius: 0.375rem;\n border-bottom-left-radius: 0.375rem;\n}\r\n.rounded-r-md {\n border-top-right-radius: 0.375rem;\n border-bottom-right-radius: 0.375rem;\n}\r\n.rounded-t {\n border-top-left-radius: 0.25rem;\n border-top-right-radius: 0.25rem;\n}\r\n.border {\n border-width: 1px;\n}\r\n.border-0 {\n border-width: 0px;\n}\r\n.border-2 {\n border-width: 2px;\n}\r\n.border-\\[0\\.5px\\] {\n border-width: 0.5px;\n}\r\n.border-b {\n border-bottom-width: 1px;\n}\r\n.border-b-2 {\n border-bottom-width: 2px;\n}\r\n.border-l {\n border-left-width: 1px;\n}\r\n.border-l-2 {\n border-left-width: 2px;\n}\r\n.border-l-4 {\n border-left-width: 4px;\n}\r\n.border-r {\n border-right-width: 1px;\n}\r\n.border-r-2 {\n border-right-width: 2px;\n}\r\n.border-t {\n border-top-width: 1px;\n}\r\n.border-t-2 {\n border-top-width: 2px;\n}\r\n.border-dashed {\n border-style: dashed;\n}\r\n.border-none {\n border-style: none;\n}\r\n.border-blue-200 {\n border-color: var(--brand-200);\n}\r\n.border-blue-300 {\n border-color: var(--brand-300);\n}\r\n.border-blue-500 {\n border-color: var(--brand-500);\n}\r\n.border-blue-600 {\n border-color: var(--brand-600);\n}\r\n.border-gray-100 {\n --tw-border-opacity: 1;\n border-color: rgb(243 244 246 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-200 {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-300 {\n --tw-border-opacity: 1;\n border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));\n}\r\n.border-gray-400 {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\r\n.border-red-100 {\n --tw-border-opacity: 1;\n border-color: rgb(254 226 226 / var(--tw-border-opacity, 1));\n}\r\n.border-red-200 {\n --tw-border-opacity: 1;\n border-color: rgb(254 202 202 / var(--tw-border-opacity, 1));\n}\r\n.border-transparent {\n border-color: transparent;\n}\r\n.border-white {\n --tw-border-opacity: 1;\n border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));\n}\r\n.border-yellow-400 {\n --tw-border-opacity: 1;\n border-color: rgb(250 204 21 / var(--tw-border-opacity, 1));\n}\r\n.border-yellow-500 {\n --tw-border-opacity: 1;\n border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));\n}\r\n.\\!bg-blue-100 {\n background-color: var(--brand-100) !important;\n}\r\n.bg-black\\/20 {\n background-color: rgb(0 0 0 / 0.2);\n}\r\n.bg-black\\/40 {\n background-color: rgb(0 0 0 / 0.4);\n}\r\n.bg-black\\/50 {\n background-color: rgb(0 0 0 / 0.5);\n}\r\n.bg-blue-100 {\n background-color: var(--brand-100);\n}\r\n.bg-blue-200 {\n background-color: var(--brand-200);\n}\r\n.bg-blue-400 {\n background-color: var(--brand-400);\n}\r\n.bg-blue-50 {\n background-color: var(--brand-50);\n}\r\n.bg-blue-500 {\n background-color: var(--brand-500);\n}\r\n.bg-blue-600 {\n background-color: var(--brand-600);\n}\r\n.bg-gray-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-300 {\n --tw-bg-opacity: 1;\n background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-400 {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-600 {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\r\n.bg-gray-800 {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));\n}\r\n.bg-green-900\\/20 {\n background-color: rgb(20 83 45 / 0.2);\n}\r\n.bg-indigo-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(224 231 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1));\n}\r\n.bg-orange-900\\/20 {\n background-color: rgb(124 45 18 / 0.2);\n}\r\n.bg-pink-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1));\n}\r\n.bg-purple-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-purple-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-red-50 {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\r\n.bg-red-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1));\n}\r\n.bg-slate-200 {\n --tw-bg-opacity: 1;\n background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1));\n}\r\n.bg-transparent {\n background-color: transparent;\n}\r\n.bg-violet-100 {\n --tw-bg-opacity: 1;\n background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white {\n --tw-bg-opacity: 1;\n background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n}\r\n.bg-white\\/80 {\n background-color: rgb(255 255 255 / 0.8);\n}\r\n.bg-yellow-500 {\n --tw-bg-opacity: 1;\n background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1));\n}\r\n.bg-\\[url\\(\\\'data\\:image\\/png\\;base64\\2c iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwZ\\+5wNisxL\\/\\/8n04mEeRAAAhNwX869V4DYAAAAASUVORK5CYII\\=\\\'\\)\\] {\n background-image: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwZ+5wNisxL//8n04mEeRAAAhNwX869V4DYAAAAASUVORK5CYII=\');\n}\r\n.bg-gradient-to-r {\n background-image: linear-gradient(to right, var(--tw-gradient-stops));\n}\r\n.bg-gradient-to-t {\n background-image: linear-gradient(to top, var(--tw-gradient-stops));\n}\r\n.bg-gradient-to-tl {\n background-image: linear-gradient(to top left, var(--tw-gradient-stops));\n}\r\n.from-black {\n --tw-gradient-from: #000 var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-gray-300 {\n --tw-gradient-from: #d1d5db var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(209 213 219 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-transparent {\n --tw-gradient-from: transparent var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.from-white {\n --tw-gradient-from: #fff var(--tw-gradient-from-position);\n --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);\n --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n}\r\n.to-current {\n --tw-gradient-to: currentColor var(--tw-gradient-to-position);\n}\r\n.to-transparent {\n --tw-gradient-to: transparent var(--tw-gradient-to-position);\n}\r\n.bg-\\[length\\:6px_6px\\] {\n background-size: 6px 6px;\n}\r\n.bg-repeat {\n background-repeat: repeat;\n}\r\n.object-contain {\n -o-object-fit: contain;\n object-fit: contain;\n}\r\n.object-cover {\n -o-object-fit: cover;\n object-fit: cover;\n}\r\n.p-0 {\n padding: 0px;\n}\r\n.p-0\\.5 {\n padding: 0.125rem;\n}\r\n.p-1 {\n padding: 0.25rem;\n}\r\n.p-1\\.5 {\n padding: 0.375rem;\n}\r\n.p-2 {\n padding: 0.5rem;\n}\r\n.p-3 {\n padding: 0.75rem;\n}\r\n.p-4 {\n padding: 1rem;\n}\r\n.p-6 {\n padding: 1.5rem;\n}\r\n.p-8 {\n padding: 2rem;\n}\r\n.px-1 {\n padding-left: 0.25rem;\n padding-right: 0.25rem;\n}\r\n.px-1\\.5 {\n padding-left: 0.375rem;\n padding-right: 0.375rem;\n}\r\n.px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\r\n.px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\r\n.px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\r\n.py-0\\.5 {\n padding-top: 0.125rem;\n padding-bottom: 0.125rem;\n}\r\n.py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\r\n.py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\r\n.py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\r\n.py-3 {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n}\r\n.py-4 {\n padding-top: 1rem;\n padding-bottom: 1rem;\n}\r\n.pb-1 {\n padding-bottom: 0.25rem;\n}\r\n.pb-2 {\n padding-bottom: 0.5rem;\n}\r\n.pb-20 {\n padding-bottom: 5rem;\n}\r\n.pl-1 {\n padding-left: 0.25rem;\n}\r\n.pl-8 {\n padding-left: 2rem;\n}\r\n.pr-3 {\n padding-right: 0.75rem;\n}\r\n.pt-2 {\n padding-top: 0.5rem;\n}\r\n.pt-3 {\n padding-top: 0.75rem;\n}\r\n.pt-4 {\n padding-top: 1rem;\n}\r\n.text-left {\n text-align: left;\n}\r\n.text-center {\n text-align: center;\n}\r\n.text-right {\n text-align: right;\n}\r\n.font-mono {\n font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;\n}\r\n.font-sans {\n font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";\n}\r\n.text-\\[10px\\] {\n font-size: 10px;\n}\r\n.text-\\[11px\\] {\n font-size: 11px;\n}\r\n.text-lg {\n font-size: 1.125rem;\n line-height: 1.75rem;\n}\r\n.text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\r\n.text-xl {\n font-size: 1.25rem;\n line-height: 1.75rem;\n}\r\n.text-xs {\n font-size: 0.75rem;\n line-height: 1rem;\n}\r\n.font-bold {\n font-weight: 700;\n}\r\n.font-medium {\n font-weight: 500;\n}\r\n.font-normal {\n font-weight: 400;\n}\r\n.font-semibold {\n font-weight: 600;\n}\r\n.uppercase {\n text-transform: uppercase;\n}\r\n.normal-case {\n text-transform: none;\n}\r\n.italic {\n font-style: italic;\n}\r\n.not-italic {\n font-style: normal;\n}\r\n.tabular-nums {\n --tw-numeric-spacing: tabular-nums;\n font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\r\n.leading-none {\n line-height: 1;\n}\r\n.tracking-normal {\n letter-spacing: 0em;\n}\r\n.tracking-wider {\n letter-spacing: 0.05em;\n}\r\n.text-black {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\r\n.text-blue-400 {\n color: var(--brand-400);\n}\r\n.text-blue-500 {\n color: var(--brand-500);\n}\r\n.text-blue-600 {\n color: var(--brand-600);\n}\r\n.text-blue-700 {\n color: var(--brand-700);\n}\r\n.text-blue-900 {\n color: var(--brand-900);\n}\r\n.text-gray-100 {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-200 {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-300 {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-400 {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-500 {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-600 {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-700 {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-800 {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\r\n.text-gray-900 {\n --tw-text-opacity: 1;\n color: rgb(17 24 39 / var(--tw-text-opacity, 1));\n}\r\n.text-green-600 {\n --tw-text-opacity: 1;\n color: rgb(22 163 74 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-200 {\n --tw-text-opacity: 1;\n color: rgb(199 210 254 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-400 {\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-600 {\n --tw-text-opacity: 1;\n color: rgb(79 70 229 / var(--tw-text-opacity, 1));\n}\r\n.text-indigo-800 {\n --tw-text-opacity: 1;\n color: rgb(55 48 163 / var(--tw-text-opacity, 1));\n}\r\n.text-orange-400 {\n --tw-text-opacity: 1;\n color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\r\n.text-orange-600 {\n --tw-text-opacity: 1;\n color: rgb(234 88 12 / var(--tw-text-opacity, 1));\n}\r\n.text-purple-400 {\n --tw-text-opacity: 1;\n color: rgb(192 132 252 / var(--tw-text-opacity, 1));\n}\r\n.text-purple-600 {\n --tw-text-opacity: 1;\n color: rgb(147 51 234 / var(--tw-text-opacity, 1));\n}\r\n.text-red-400 {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\r\n.text-red-500 {\n --tw-text-opacity: 1;\n color: rgb(239 68 68 / var(--tw-text-opacity, 1));\n}\r\n.text-red-600 {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\r\n.text-slate-900 {\n --tw-text-opacity: 1;\n color: rgb(15 23 42 / var(--tw-text-opacity, 1));\n}\r\n.text-violet-400 {\n --tw-text-opacity: 1;\n color: rgb(167 139 250 / var(--tw-text-opacity, 1));\n}\r\n.text-violet-600 {\n --tw-text-opacity: 1;\n color: rgb(124 58 237 / var(--tw-text-opacity, 1));\n}\r\n.text-white {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.underline {\n text-decoration-line: underline;\n}\r\n.overline {\n text-decoration-line: overline;\n}\r\n.line-through {\n text-decoration-line: line-through;\n}\r\n.placeholder-gray-400::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));\n}\r\n.placeholder-gray-400::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));\n}\r\n.opacity-0 {\n opacity: 0;\n}\r\n.opacity-100 {\n opacity: 1;\n}\r\n.opacity-30 {\n opacity: 0.3;\n}\r\n.opacity-50 {\n opacity: 0.5;\n}\r\n.opacity-70 {\n opacity: 0.7;\n}\r\n.\\!shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important;\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important;\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;\n}\r\n.shadow {\n --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-2xl {\n --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);\n --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-lg {\n --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-md {\n --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-sm {\n --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);\n --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.shadow-xl {\n --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);\n --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);\n box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\r\n.outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\r\n.outline {\n outline-style: solid;\n}\r\n.ring-0 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.ring-1 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.ring-2 {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.ring-blue-400 {\n --tw-ring-color: var(--brand-400);\n}\r\n.ring-blue-500 {\n --tw-ring-color: var(--brand-500);\n}\r\n.ring-red-400 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(248 113 113 / var(--tw-ring-opacity, 1));\n}\r\n.ring-red-500 {\n --tw-ring-opacity: 1;\n --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1));\n}\r\n.ring-offset-1 {\n --tw-ring-offset-width: 1px;\n}\r\n.ring-offset-gray-900 {\n --tw-ring-offset-color: #111827;\n}\r\n.blur {\n --tw-blur: blur(8px);\n 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);\n}\r\n.filter {\n 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);\n}\r\n.backdrop-blur-sm {\n --tw-backdrop-blur: blur(4px);\n backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\r\n.transition {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-colors {\n transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.transition-opacity {\n transition-property: opacity;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.duration-100 {\n transition-duration: 100ms;\n}\r\n.duration-200 {\n transition-duration: 200ms;\n}\r\n.duration-300 {\n transition-duration: 300ms;\n}\r\n.duration-75 {\n transition-duration: 75ms;\n}\r\n.ease-in {\n transition-timing-function: cubic-bezier(0.4, 0, 1, 1);\n}\r\n.ease-in-out {\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\r\n.ease-out {\n transition-timing-function: cubic-bezier(0, 0, 0.2, 1);\n}\r\n.\\[-moz-appearance\\:textfield\\] {\n -moz-appearance: textfield;\n}\r\n.\\[appearance\\:textfield\\] {\n -webkit-appearance: textfield;\n -moz-appearance: textfield;\n appearance: textfield;\n}\r\n\r\n/* Utility to hide scrollbar but keep functionality */\r\n.no-scrollbar::-webkit-scrollbar {\r\n display: none;\r\n}\r\n.no-scrollbar {\r\n -ms-overflow-style: none;\r\n scrollbar-width: none;\r\n}\r\n.dark .hover\\:bg-gray-50:hover { background-color: #111827 !important; }\r\n.dark .hover\\:bg-gray-100:hover:not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .hover\\:bg-gray-100:hover.canvas-scroll { background-color: #334155 !important; }\r\n.dark .hover\\:bg-gray-200:hover { background-color: #374151 !important; }\r\n.dark .hover\\:text-gray-800:hover { color: #f3f4f6 !important; }\r\n.dark .hover\\:text-gray-700:hover { color: #e5e7eb !important; }\r\n.dark .hover\\:text-gray-600:hover { color: #d1d5db !important; }\r\n.dark .print-page .hover\\:text-gray-600:hover { color: #4b5563 !important; }\r\n.dark .print-page .hover\\:text-gray-700:hover { color: #374151 !important; }\r\n.dark .print-page .hover\\:text-gray-800:hover { color: #1f2937 !important; }\r\n.dark .disabled\\:bg-gray-50:disabled { background-color: #111827 !important; }\r\n.dark .disabled\\:bg-gray-100:disabled:not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .disabled\\:bg-gray-100:disabled.canvas-scroll { background-color: #334155 !important; }\r\n.dark .disabled\\:text-gray-500:disabled { color: #cbd5e1 !important; }\r\n.dark .disabled\\:text-gray-400:disabled { color: #9ca3af !important; }\r\n.dark .disabled\\:border-gray-200:disabled { border-color: #374151 !important; }\r\n.dark .print-page .disabled\\:border-gray-200:disabled { border-color: #e5e7eb !important; }\r\n.dark .print-page .disabled\\:text-gray-500:disabled { color: #6b7280 !important; }\r\n.dark .disabled\\:hover\\:bg-gray-100:hover:disabled:not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .disabled\\:hover\\:bg-gray-100:hover:disabled.canvas-scroll { background-color: #334155 !important; }\r\n.dark .dark\\:bg-gray-100:is(.dark *):not(.canvas-scroll) { background-color: #1f2937 !important; }\r\n.dark .dark\\:bg-gray-100:is(.dark *).canvas-scroll { background-color: #334155 !important; }\r\n.dark .dark\\:text-gray-600:is(.dark *) { color: #d1d5db !important; }\r\n.dark .dark\\:text-gray-500:is(.dark *) { color: #cbd5e1 !important; }\r\n.dark .dark\\:text-gray-400:is(.dark *) { color: #9ca3af !important; }\r\n.dark .print-page .dark\\:text-gray-500:is(.dark *) { color: #6b7280 !important; }\r\n.dark .print-page .dark\\:text-gray-600:is(.dark *) { color: #4b5563 !important; }\r\n.dark .dark\\:disabled\\:text-gray-600:disabled:is(.dark *) { color: #d1d5db !important; }\r\n.dark .dark\\:disabled\\:text-gray-400:disabled:is(.dark *) { color: #9ca3af !important; }\r\n.dark .print-page .dark\\:disabled\\:text-gray-600:disabled:is(.dark *) { color: #4b5563 !important; }\r\n.first\\:border-0:first-child {\n border-width: 0px;\n}\r\n.first\\:pt-0:first-child {\n padding-top: 0px;\n}\r\n.last\\:border-0:last-child {\n border-width: 0px;\n}\r\n.last\\:border-b-0:last-child {\n border-bottom-width: 0px;\n}\r\n.focus-within\\:border-blue-500:focus-within {\n border-color: var(--brand-500);\n}\r\n.focus-within\\:ring-1:focus-within {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus-within\\:ring-blue-500:focus-within {\n --tw-ring-color: var(--brand-500);\n}\r\n.hover\\:z-10:hover {\n z-index: 10;\n}\r\n.hover\\:scale-110:hover {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.hover\\:border-blue-400:hover {\n border-color: var(--brand-400);\n}\r\n.hover\\:border-blue-500:hover {\n border-color: var(--brand-500);\n}\r\n.hover\\:border-gray-400:hover {\n --tw-border-opacity: 1;\n border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));\n}\r\n.hover\\:border-pink-400:hover {\n --tw-border-opacity: 1;\n border-color: rgb(244 114 182 / var(--tw-border-opacity, 1));\n}\r\n.hover\\:bg-blue-100:hover {\n background-color: var(--brand-100);\n}\r\n.hover\\:bg-blue-300:hover {\n background-color: var(--brand-300);\n}\r\n.hover\\:bg-blue-400:hover {\n background-color: var(--brand-400);\n}\r\n.hover\\:bg-blue-50:hover {\n background-color: var(--brand-50);\n}\r\n.hover\\:bg-blue-600:hover {\n background-color: var(--brand-600);\n}\r\n.hover\\:bg-blue-700:hover {\n background-color: var(--brand-700);\n}\r\n.hover\\:bg-gray-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-200:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-gray-500:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-green-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(22 163 74 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-orange-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-pink-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(253 242 248 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-pink-600:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(219 39 119 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-100:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-red-50:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:bg-slate-300:hover {\n --tw-bg-opacity: 1;\n background-color: rgb(203 213 225 / var(--tw-bg-opacity, 1));\n}\r\n.hover\\:text-blue-500:hover {\n color: var(--brand-500);\n}\r\n.hover\\:text-blue-600:hover {\n color: var(--brand-600);\n}\r\n.hover\\:text-blue-700:hover {\n color: var(--brand-700);\n}\r\n.hover\\:text-gray-600:hover {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-gray-700:hover {\n --tw-text-opacity: 1;\n color: rgb(55 65 81 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-gray-800:hover {\n --tw-text-opacity: 1;\n color: rgb(31 41 55 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-pink-600:hover {\n --tw-text-opacity: 1;\n color: rgb(219 39 119 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-red-600:hover {\n --tw-text-opacity: 1;\n color: rgb(220 38 38 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:text-red-800:hover {\n --tw-text-opacity: 1;\n color: rgb(153 27 27 / var(--tw-text-opacity, 1));\n}\r\n.hover\\:underline:hover {\n text-decoration-line: underline;\n}\r\n.hover\\:decoration-blue-600:hover {\n text-decoration-color: var(--brand-600);\n}\r\n.hover\\:opacity-100:hover {\n opacity: 1;\n}\r\n.hover\\:outline:hover {\n outline-style: solid;\n}\r\n.hover\\:outline-1:hover {\n outline-width: 1px;\n}\r\n.hover\\:outline-blue-300:hover {\n outline-color: var(--brand-300);\n}\r\n.focus\\:border-blue-400:focus {\n border-color: var(--brand-400);\n}\r\n.focus\\:border-blue-500:focus {\n border-color: var(--brand-500);\n}\r\n.focus\\:border-blue-600:focus {\n border-color: var(--brand-600);\n}\r\n.focus\\:outline-none:focus {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\r\n.focus\\:ring-0:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus\\:ring-1:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus\\:ring-2:focus {\n --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\r\n.focus\\:ring-blue-500:focus {\n --tw-ring-color: var(--brand-500);\n}\r\n.focus\\:ring-blue-600:focus {\n --tw-ring-color: var(--brand-600);\n}\r\n.focus\\:ring-offset-2:focus {\n --tw-ring-offset-width: 2px;\n}\r\n.active\\:cursor-grabbing:active {\n cursor: grabbing;\n}\r\n.disabled\\:cursor-not-allowed:disabled {\n cursor: not-allowed;\n}\r\n.disabled\\:border-gray-200:disabled {\n --tw-border-opacity: 1;\n border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));\n}\r\n.disabled\\:bg-gray-100:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.disabled\\:bg-gray-400:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));\n}\r\n.disabled\\:bg-gray-50:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));\n}\r\n.disabled\\:text-gray-400:disabled {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.disabled\\:text-gray-500:disabled {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.disabled\\:opacity-30:disabled {\n opacity: 0.3;\n}\r\n.disabled\\:opacity-40:disabled {\n opacity: 0.4;\n}\r\n.disabled\\:opacity-50:disabled {\n opacity: 0.5;\n}\r\n.disabled\\:hover\\:bg-blue-600:hover:disabled {\n background-color: var(--brand-600);\n}\r\n.disabled\\:hover\\:bg-gray-100:hover:disabled {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.group:hover .group-hover\\:opacity-100 {\n opacity: 1;\n}\r\n.dark\\:border-blue-800:is(.dark *) {\n border-color: var(--brand-800);\n}\r\n.dark\\:border-gray-600:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(75 85 99 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-gray-700:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-gray-800:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(31 41 55 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-red-800:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(153 27 27 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:border-yellow-500:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(234 179 8 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:bg-black\\/40:is(.dark *) {\n background-color: rgb(0 0 0 / 0.4);\n}\r\n.dark\\:bg-blue-400:is(.dark *) {\n background-color: var(--brand-400);\n}\r\n.dark\\:bg-blue-500:is(.dark *) {\n background-color: var(--brand-500);\n}\r\n.dark\\:bg-blue-700:is(.dark *) {\n background-color: var(--brand-700);\n}\r\n.dark\\:bg-blue-900:is(.dark *) {\n background-color: var(--brand-900);\n}\r\n.dark\\:bg-blue-950:is(.dark *) {\n background-color: var(--brand-950);\n}\r\n.dark\\:bg-gray-100:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-600:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-700:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-700\\/50:is(.dark *) {\n background-color: rgb(55 65 81 / 0.5);\n}\r\n.dark\\:bg-gray-800:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-gray-800\\/50:is(.dark *) {\n background-color: rgb(31 41 55 / 0.5);\n}\r\n.dark\\:bg-gray-800\\/80:is(.dark *) {\n background-color: rgb(31 41 55 / 0.8);\n}\r\n.dark\\:bg-gray-900:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(17 24 39 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-green-900\\/20:is(.dark *) {\n background-color: rgb(20 83 45 / 0.2);\n}\r\n.dark\\:bg-indigo-900\\/30:is(.dark *) {\n background-color: rgb(49 46 129 / 0.3);\n}\r\n.dark\\:bg-orange-900\\/20:is(.dark *) {\n background-color: rgb(124 45 18 / 0.2);\n}\r\n.dark\\:bg-orange-900\\/30:is(.dark *) {\n background-color: rgb(124 45 18 / 0.3);\n}\r\n.dark\\:bg-purple-900\\/20:is(.dark *) {\n background-color: rgb(88 28 135 / 0.2);\n}\r\n.dark\\:bg-purple-900\\/30:is(.dark *) {\n background-color: rgb(88 28 135 / 0.3);\n}\r\n.dark\\:bg-red-900\\/30:is(.dark *) {\n background-color: rgb(127 29 29 / 0.3);\n}\r\n.dark\\:bg-slate-700:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:bg-violet-900\\/30:is(.dark *) {\n background-color: rgb(76 29 149 / 0.3);\n}\r\n.dark\\:text-black:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-blue-100:is(.dark *) {\n color: var(--brand-100);\n}\r\n.dark\\:text-blue-400:is(.dark *) {\n color: var(--brand-400);\n}\r\n.dark\\:text-gray-100:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(243 244 246 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-200:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-300:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-500:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(107 114 128 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-gray-600:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-green-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(74 222 128 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-indigo-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(129 140 248 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-orange-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(251 146 60 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-purple-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(192 132 252 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-red-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(248 113 113 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-slate-100:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(241 245 249 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-violet-400:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(167 139 250 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:text-white:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:placeholder-gray-500:is(.dark *)::-moz-placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));\n}\r\n.dark\\:placeholder-gray-500:is(.dark *)::placeholder {\n --tw-placeholder-opacity: 1;\n color: rgb(107 114 128 / var(--tw-placeholder-opacity, 1));\n}\r\n.dark\\:ring-blue-400:is(.dark *) {\n --tw-ring-color: var(--brand-400);\n}\r\n.dark\\:ring-offset-gray-900:is(.dark *) {\n --tw-ring-offset-color: #111827;\n}\r\n.dark\\:hover\\:border-blue-400:hover:is(.dark *) {\n border-color: var(--brand-400);\n}\r\n.dark\\:hover\\:border-gray-500:hover:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:hover\\:bg-blue-400:hover:is(.dark *) {\n background-color: var(--brand-400);\n}\r\n.dark\\:hover\\:bg-blue-600:hover:is(.dark *) {\n background-color: var(--brand-600);\n}\r\n.dark\\:hover\\:bg-gray-600:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:bg-gray-700:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:bg-gray-800:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:bg-gray-800\\/50:hover:is(.dark *) {\n background-color: rgb(31 41 55 / 0.5);\n}\r\n.dark\\:hover\\:bg-pink-900\\/20:hover:is(.dark *) {\n background-color: rgb(131 24 67 / 0.2);\n}\r\n.dark\\:hover\\:bg-red-900\\/30:hover:is(.dark *) {\n background-color: rgb(127 29 29 / 0.3);\n}\r\n.dark\\:hover\\:bg-red-900\\/50:hover:is(.dark *) {\n background-color: rgb(127 29 29 / 0.5);\n}\r\n.dark\\:hover\\:bg-slate-600:hover:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(71 85 105 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:hover\\:text-blue-400:hover:is(.dark *) {\n color: var(--brand-400);\n}\r\n.dark\\:hover\\:text-gray-200:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(229 231 235 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:hover\\:text-gray-300:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(209 213 219 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:hover\\:text-pink-400:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(244 114 182 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:hover\\:text-red-300:hover:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(252 165 165 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:focus\\:border-blue-400:focus:is(.dark *) {\n border-color: var(--brand-400);\n}\r\n.dark\\:disabled\\:border-gray-700:disabled:is(.dark *) {\n --tw-border-opacity: 1;\n border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));\n}\r\n.dark\\:disabled\\:bg-gray-700:disabled:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:disabled\\:bg-gray-800:disabled:is(.dark *) {\n --tw-bg-opacity: 1;\n background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));\n}\r\n.dark\\:disabled\\:text-gray-400:disabled:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(156 163 175 / var(--tw-text-opacity, 1));\n}\r\n.dark\\:disabled\\:text-gray-600:disabled:is(.dark *) {\n --tw-text-opacity: 1;\n color: rgb(75 85 99 / var(--tw-text-opacity, 1));\n}\r\n@media (min-width: 640px) {\n\n .sm\\:block {\n display: block;\n }\n\n .sm\\:inline {\n display: inline;\n }\n\n .sm\\:flex {\n display: flex;\n }\n}\r\n@media (min-width: 768px) {\n\n .md\\:block {\n display: block;\n }\n\n .md\\:flex {\n display: flex;\n }\n\n .md\\:hidden {\n display: none;\n }\n}\r\n@media (min-width: 1024px) {\n\n .lg\\:h-14 {\n height: 3.5rem;\n }\n\n .lg\\:h-4 {\n height: 1rem;\n }\n\n .lg\\:w-32 {\n width: 8rem;\n }\n\n .lg\\:w-4 {\n width: 1rem;\n }\n\n .lg\\:max-w-\\[200px\\] {\n max-width: 200px;\n }\n\n .lg\\:gap-1\\.5 {\n gap: 0.375rem;\n }\n\n .lg\\:gap-2 {\n gap: 0.5rem;\n }\n\n .lg\\:px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n }\n\n .lg\\:px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n }\n\n .lg\\:px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n }\n\n .lg\\:py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n }\n\n .lg\\:text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n }\n}\r\n@media (min-width: 1280px) {\n\n .xl\\:inline {\n display: inline;\n }\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:h-4::-moz-range-thumb {\n height: 1rem;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:w-4::-moz-range-thumb {\n width: 1rem;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:cursor-pointer::-moz-range-thumb {\n cursor: pointer;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:rounded-full::-moz-range-thumb {\n border-radius: 9999px;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:border-none::-moz-range-thumb {\n border-style: none;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:bg-blue-600::-moz-range-thumb {\n background-color: var(--brand-600);\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:transition-all::-moz-range-thumb {\n -moz-transition-property: all;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.\\[\\&\\:\\:-moz-range-thumb\\]\\:hover\\:scale-110:hover::-moz-range-thumb {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n.\\[\\&\\:\\:-webkit-inner-spin-button\\]\\:appearance-none::-webkit-inner-spin-button {\n -webkit-appearance: none;\n appearance: none;\n}\r\n.\\[\\&\\:\\:-webkit-outer-spin-button\\]\\:appearance-none::-webkit-outer-spin-button {\n -webkit-appearance: none;\n appearance: none;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:h-4::-webkit-slider-thumb {\n height: 1rem;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:w-4::-webkit-slider-thumb {\n width: 1rem;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:cursor-pointer::-webkit-slider-thumb {\n cursor: pointer;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:appearance-none::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:rounded-full::-webkit-slider-thumb {\n border-radius: 9999px;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:bg-blue-600::-webkit-slider-thumb {\n background-color: var(--brand-600);\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:transition-all::-webkit-slider-thumb {\n -webkit-transition-property: all;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n}\r\n.\\[\\&\\:\\:-webkit-slider-thumb\\]\\:hover\\:scale-110:hover::-webkit-slider-thumb {\n --tw-scale-x: 1.1;\n --tw-scale-y: 1.1;\n transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\r\n';
17660
17660
  class ConfirmManager {
17661
17661
  show(message, options = {}) {
17662
17662
  return new Promise((resolve2) => {
@@ -27863,7 +27863,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
27863
27863
  const renderBarcode = async () => {
27864
27864
  if (!barcodeRef.value) return;
27865
27865
  try {
27866
- const jsBarcodeModule = await import("./JsBarcode-D13qBWBA.js").then((n) => n.JsBarcode);
27866
+ const jsBarcodeModule = await import("./JsBarcode-BhMRBDBr.js").then((n) => n.JsBarcode);
27867
27867
  const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
27868
27868
  const content = resolvedContent.value;
27869
27869
  const style = props.element.style;
@@ -27980,7 +27980,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
27980
27980
  });
27981
27981
  const renderQR = async () => {
27982
27982
  try {
27983
- const qrcodeModule = await import("./browser-C1gBBgwo.js").then((n) => n.browser);
27983
+ const qrcodeModule = await import("./browser-B_FjkyBl.js").then((n) => n.browser);
27984
27984
  const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
27985
27985
  const content = resolvedContent.value;
27986
27986
  qrSrc.value = await QRCode.toDataURL(content, {
@@ -31043,7 +31043,7 @@ const usePrint = () => {
31043
31043
  const svgToCanvas = async (root) => {
31044
31044
  const svgs = root.querySelectorAll("svg");
31045
31045
  if (svgs.length === 0) return;
31046
- const { Canvg } = await import("./index.es-CSpNwwlD.js");
31046
+ const { Canvg } = await import("./index.es-D5aH7qRr.js");
31047
31047
  svgs.forEach((svg) => {
31048
31048
  const parent = svg.parentElement;
31049
31049
  if (!parent) return;
@@ -31585,7 +31585,7 @@ const usePrint = () => {
31585
31585
  }
31586
31586
  try {
31587
31587
  const generatePageImage = async (page) => {
31588
- const domToImageModule = await import("./dom-to-image-more.min-D-9YD-p8.js").then((n) => n.domToImageMore_min);
31588
+ const domToImageModule = await import("./dom-to-image-more.min-DjLaOS-v.js").then((n) => n.domToImageMore_min);
31589
31589
  const domtoimage = (domToImageModule == null ? void 0 : domToImageModule.default) || domToImageModule;
31590
31590
  const canvas = await domtoimage.toCanvas(page, {
31591
31591
  filter: (node) => {
@@ -31643,7 +31643,7 @@ const usePrint = () => {
31643
31643
  cleanup = source.cleanup;
31644
31644
  const { container, tempWrapper: wrapper } = await processContentForImage(source.content, width, height, true, source.getComputedStyleFn);
31645
31645
  tempWrapper = wrapper;
31646
- const jsPdfModule = await import("./jspdf.es.min-DmxS73YB.js");
31646
+ const jsPdfModule = await import("./jspdf.es.min-8TncX4_u.js");
31647
31647
  const jsPDF = (jsPdfModule == null ? void 0 : jsPdfModule.default) || (jsPdfModule == null ? void 0 : jsPdfModule.jsPDF) || jsPdfModule;
31648
31648
  const pdf = new jsPDF({
31649
31649
  orientation: width > height ? "l" : "p",
@@ -32055,7 +32055,7 @@ const usePrint = () => {
32055
32055
  link.click();
32056
32056
  document.body.removeChild(link);
32057
32057
  } else {
32058
- const jsZipModule = await import("./jszip.min-CdWaxpqv.js").then((n) => n.jszip_min);
32058
+ const jsZipModule = await import("./jszip.min-19eO_eJN.js").then((n) => n.jszip_min);
32059
32059
  const JSZip = (jsZipModule == null ? void 0 : jsZipModule.default) || jsZipModule;
32060
32060
  const zip = new JSZip();
32061
32061
  await Promise.all(pageImages.map(async (dataUrl, index2) => {
@@ -33502,7 +33502,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
33502
33502
  },
33503
33503
  emits: ["update:visible", "update:value", "close"],
33504
33504
  setup(__props, { emit: __emit }) {
33505
- const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-CixOpQ_X.js").then((m) => m.Editor));
33505
+ const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-DFculIgN.js").then((m) => m.Editor));
33506
33506
  const { t } = useI18n();
33507
33507
  const { isDark: isDark2 } = useTheme();
33508
33508
  const modalContainer = inject("modal-container", /* @__PURE__ */ ref(null));
@@ -35813,7 +35813,7 @@ function render$t(_ctx, _cache) {
35813
35813
  }
35814
35814
  const InfoIcon = markRaw({ name: "material-symbols-info", render: render$t });
35815
35815
  const name = "x-print-designer";
35816
- const version = "0.3.7";
35816
+ const version = "0.3.9";
35817
35817
  const dependencies = { "@guolao/vue-monaco-editor": "^1.6.0", "canvg": "^3.0.11", "dom-to-image-more": "^3.7.2", "echarts": "^6.0.0", "jsbarcode": "^3.12.3", "jspdf": "4.2", "jszip": "^3.10.1", "lodash": "^4.17.21", "pinia": "^2.3.0", "qrcode": "^1.5.4", "uuid": "^11.0.3", "vue": "^3.5.13", "vue-i18n": "^11.2.8" };
35818
35818
  const devDependencies = { "@iconify-json/material-symbols": "^1.2.53", "@types/jsbarcode": "^3.11.4", "@types/lodash": "^4.17.13", "@types/node": "^22.10.2", "@types/qrcode": "^1.5.6", "@types/uuid": "^10.0.0", "@vitejs/plugin-vue": "^5.2.1", "@vue/tsconfig": "^0.7.0", "autoprefixer": "^10.4.20", "postcss": "^8.4.49", "rollup-plugin-visualizer": "^7.0.1", "sharp": "^0.34.5", "tailwindcss": "^3.4.17", "terser": "^5.46.1", "typescript": "~5.6.2", "unplugin-icons": "^23.0.1", "vite": "^6.0.1", "vue-tsc": "^2.1.10" };
35819
35819
  const pkg = {
@@ -36913,8 +36913,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
36913
36913
  });
36914
36914
  const _hoisted_1$M = { class: "h-12 lg:h-14 bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 flex items-center px-2 lg:px-4 z-[2000] relative shadow-sm flex-shrink-0" };
36915
36915
  const _hoisted_2$m = { class: "flex items-center gap-1 lg:gap-2 flex-1 min-w-0" };
36916
- const _hoisted_3$m = { class: "hidden lg:flex items-center gap-1 lg:gap-2 ml-1" };
36917
- const _hoisted_4$l = { class: "hidden md:flex lg:hidden items-center gap-0.5 ml-1 flex-wrap" };
36916
+ const _hoisted_3$m = { class: "hidden md:flex items-center gap-1 lg:gap-2 ml-1" };
36917
+ const _hoisted_4$l = { class: "hidden sm:flex md:hidden items-center gap-0.5 ml-1 flex-wrap" };
36918
36918
  const _hoisted_5$j = { class: "flex items-center gap-0.5 bg-gray-100 dark:bg-gray-800 rounded-md px-1 py-0.5" };
36919
36919
  const _hoisted_6$g = ["disabled", "title"];
36920
36920
  const _hoisted_7$g = ["disabled", "title"];
@@ -38312,7 +38312,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
38312
38312
  },
38313
38313
  emits: ["update:value"],
38314
38314
  setup(__props, { emit: __emit }) {
38315
- const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-CixOpQ_X.js").then((m) => m.Editor));
38315
+ const Editor = /* @__PURE__ */ defineAsyncComponent(() => import("./index-DFculIgN.js").then((m) => m.Editor));
38316
38316
  const emit2 = __emit;
38317
38317
  useDesignerStore();
38318
38318
  const { isDark: isDark2 } = useTheme();
@@ -42057,7 +42057,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
42057
42057
  };
42058
42058
  const renderBarcodeDataUrl = async (element) => {
42059
42059
  try {
42060
- const jsBarcodeModule = await import("./JsBarcode-D13qBWBA.js").then((n) => n.JsBarcode);
42060
+ const jsBarcodeModule = await import("./JsBarcode-BhMRBDBr.js").then((n) => n.JsBarcode);
42061
42061
  const JsBarcode = (jsBarcodeModule == null ? void 0 : jsBarcodeModule.default) || jsBarcodeModule;
42062
42062
  const canvas = document.createElement("canvas");
42063
42063
  const style = element.style || {};
@@ -42084,7 +42084,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
42084
42084
  const renderQrDataUrl = async (element) => {
42085
42085
  var _a2, _b;
42086
42086
  try {
42087
- const qrcodeModule = await import("./browser-C1gBBgwo.js").then((n) => n.browser);
42087
+ const qrcodeModule = await import("./browser-B_FjkyBl.js").then((n) => n.browser);
42088
42088
  const QRCode = (qrcodeModule == null ? void 0 : qrcodeModule.default) || qrcodeModule;
42089
42089
  return await QRCode.toDataURL(getResolvedContent(element), {
42090
42090
  margin: 0,
@@ -43536,7 +43536,7 @@ const _hoisted_18 = {
43536
43536
  class: "absolute bottom-4 right-4 z-50"
43537
43537
  };
43538
43538
  const _hoisted_19 = {
43539
- key: 0,
43539
+ key: 1,
43540
43540
  class: "fixed inset-0 bg-black/20 dark:bg-black/40 flex items-center justify-center z-[10000] pointer-events-auto transition-opacity duration-300"
43541
43541
  };
43542
43542
  const CRASH_KEY = "print-designer-crash-recovery";
@@ -44112,9 +44112,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
44112
44112
  ref: rootContainer,
44113
44113
  class: "h-full w-full flex flex-col bg-gray-100 overflow-hidden"
44114
44114
  }, [
44115
- createVNode(_sfc_main$o),
44115
+ unref(store).viewMode === "edit" ? (openBlock(), createBlock(_sfc_main$o, { key: 0 })) : createCommentVNode("", true),
44116
44116
  createBaseVNode("div", _hoisted_2, [
44117
- createVNode(_sfc_main$n),
44117
+ unref(store).viewMode === "edit" ? (openBlock(), createBlock(_sfc_main$n, { key: 0 })) : createCommentVNode("", true),
44118
44118
  createBaseVNode("main", _hoisted_3, [
44119
44119
  unref(store).editingCustomElementId ? (openBlock(), createElementBlock("div", _hoisted_4, [
44120
44120
  createBaseVNode("div", _hoisted_5, toDisplayString$1(unref(t)("sidebar.editingElement", { name: ((_a2 = editingCustomElement.value) == null ? void 0 : _a2.name) || "" })), 1),
@@ -44345,7 +44345,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
44345
44345
  }, null, 8, ["scroll-width", "scroll-height", "viewport-width", "viewport-height", "scroll-left", "scroll-top", "pages", "page-width", "page-height", "zoom", "content-offset-x", "content-offset-y", "canvas-background", "show-header-line", "show-footer-line", "header-height", "footer-height", "watermark"])
44346
44346
  ])) : createCommentVNode("", true)
44347
44347
  ]),
44348
- createVNode(PropertiesPanel)
44348
+ unref(store).viewMode === "edit" ? (openBlock(), createBlock(PropertiesPanel, { key: 1 })) : createCommentVNode("", true)
44349
44349
  ]),
44350
44350
  createVNode(_sfc_main$v, {
44351
44351
  show: showSaveAsModal.value,
@@ -50624,6 +50624,7 @@ class PrintDesignerElement extends HTMLElement {
50624
50624
  __publicField(this, "headObserver", null);
50625
50625
  __publicField(this, "_headless", /* @__PURE__ */ ref(false));
50626
50626
  __publicField(this, "_mode", /* @__PURE__ */ ref("template"));
50627
+ __publicField(this, "_viewMode", /* @__PURE__ */ ref("edit"));
50627
50628
  __publicField(this, "_onSave", /* @__PURE__ */ ref(null));
50628
50629
  __publicField(this, "_autoSaveEnabled", /* @__PURE__ */ ref(false));
50629
50630
  __publicField(this, "_autoSaveIntervalMs", /* @__PURE__ */ ref(12e4));
@@ -50666,6 +50667,7 @@ class PrintDesignerElement extends HTMLElement {
50666
50667
  }
50667
50668
  }
50668
50669
  setViewMode(viewMode) {
50670
+ this._viewMode.value = viewMode;
50669
50671
  if (this.designerStore) {
50670
50672
  this.designerStore.setViewMode(viewMode);
50671
50673
  }
@@ -50741,7 +50743,7 @@ class PrintDesignerElement extends HTMLElement {
50741
50743
  const i18n2 = createI18nInstance(this.getAttribute("lang") || void 0);
50742
50744
  const app = createApp({
50743
50745
  setup: () => {
50744
- return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value });
50746
+ return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, viewMode: this._viewMode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value });
50745
50747
  }
50746
50748
  });
50747
50749
  app.use(pinia);
@@ -50828,6 +50830,10 @@ class PrintDesignerElement extends HTMLElement {
50828
50830
  setActivePinia(pinia);
50829
50831
  const initialHeadless = this.hasAttribute("headless") && (this.getAttribute("headless") === "true" || this.getAttribute("headless") === "");
50830
50832
  this._headless.value = initialHeadless;
50833
+ const initialViewMode = this.getAttribute("view-mode");
50834
+ if (initialViewMode === "preview" || initialViewMode === "edit") {
50835
+ this._viewMode.value = initialViewMode;
50836
+ }
50831
50837
  const previewData = this._previewData.value;
50832
50838
  const isPreview = this._previewMode.value && previewData;
50833
50839
  const app = createApp({
@@ -50844,7 +50850,7 @@ class PrintDesignerElement extends HTMLElement {
50844
50850
  autoRenderTrigger: 1
50845
50851
  });
50846
50852
  }
50847
- return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value });
50853
+ return () => h(_sfc_main$1, { headless: this._headless.value, mode: this._mode.value, viewMode: this._viewMode.value, onSave: this._onSave.value ?? void 0, autoSaveEnabled: this._autoSaveEnabled.value, autoSaveIntervalMs: this._autoSaveIntervalMs.value });
50848
50854
  }
50849
50855
  });
50850
50856
  this.themeApi = useTheme();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "x-print-designer",
3
3
  "private": false,
4
- "version": "0.3.7",
4
+ "version": "0.3.9",
5
5
  "license": "AGPL-3.0-only",
6
6
  "type": "module",
7
7
  "main": "dist/print-designer.umd.js",