@craftzbay/ui 0.11.0 → 0.11.1

package/README.md

@@ -4,9 +4,9 @@ A refined-minimal Tailwind v4 + React design system. Production-grade
 primitives — Button through DataGrid — plus composed patterns
 (authentication, app shell, settings, etc.).
 
-- **Showcase:** [components.runestonetechnologies.com](https://components.runestonetechnologies.com)
-- **Components:** [components.runestonetechnologies.com#components](https://components.runestonetechnologies.com#components)
-- **Templates:** [components.runestonetechnologies.com#templates](https://components.runestonetechnologies.com#templates)
+- **Showcase:** [ui.gecore.mn](https://ui.gecore.mn)
+- **Components:** [ui.gecore.mn#components](https://ui.gecore.mn#components)
+- **Templates:** [ui.gecore.mn#templates](https://ui.gecore.mn#templates)
 
 > **Aesthetic direction:** Linear / Vercel / Stripe Dashboard / Notion / Raycast.
 > Neutral-dominant, one accent, hairline borders, generous whitespace, fast quiet
@@ -88,7 +88,7 @@ Precedence is per-component props (`placeholder`, `labels`, `aria-label`) → ne
 
 This library implements the [craftzbay design-research](https://github.com/craftzbay/design-research) guidelines
 ([rendered site](https://craftzbay.github.io/design-research/)) — colour, type, spacing, components, accessibility, tokens.
-design-research is the source of truth (canonical numbers in [`14-defaults.md`](https://github.com/craftzbay/design-research/blob/main/14-defaults.md));
+design-research is the source of truth (canonical numbers in [`00-defaults.md`](https://github.com/craftzbay/design-research/blob/main/00-defaults.md));
 [`docs/PHILOSOPHY.md`](./docs/PHILOSOPHY.md) is the library-specific summary.
 
 ## Local development
@@ -214,7 +214,7 @@ record detail, onboarding, first-run — are **not** shipped as importable
 components. They live in the showcase as copy-paste **blocks**: complete pages
 assembled from the primitives above, with the full source on the page. Read it,
 copy it, adapt it — no opaque `<Dashboard />` import. Browse them under
-**Templates** in the [showcase](https://components.runestonetechnologies.com/#templates).
+**Templates** in the [showcase](https://ui.gecore.mn/#templates).
 
 ## Documentation
 

package/dist-lib/components/ui/Input.js

@@ -35,11 +35,20 @@ const ie = j(
   }
 ), oe = j([
   "flex-1 min-w-0 bg-transparent outline-none",
+  // Fill the field's height so the focusable target is the full control
+  // (32/36/40px), not the ~20px text box. Below 24px axe's target-size
+  // rule only passes while nothing sits close by, which is a trap for
+  // consumers packing a toolbar.
+  "self-stretch",
   "placeholder:text-foreground-subtle",
   "text-foreground",
   // 16px below md so iOS Safari does not zoom the page on focus; --text-lg = 1rem.
   "text-lg md:text-sm",
-  "disabled:cursor-not-allowed"
+  "disabled:cursor-not-allowed",
+  // `type="search"` draws a native clear button in WebKit/Chromium. We render
+  // our own via `clearable`, so suppress the native one or both show at once.
+  "[&::-webkit-search-cancel-button]:appearance-none",
+  "[&::-webkit-search-decoration]:appearance-none"
 ]), S = s(
   "text-foreground-subtle hover:text-foreground relative -m-1 flex size-6 shrink-0 items-center justify-center rounded-sm",
   'before:absolute before:-inset-0.5 before:content-[""]',
@@ -64,26 +73,26 @@ const ie = j(
   defaultValue: a,
   onInput: f,
   "aria-describedby": D,
-  "aria-invalid": m,
+  "aria-invalid": p,
   ...M
 }, c) {
-  const g = ne(), y = !!o || m === !0 || m === "true", { fieldId: z, helperId: V, errorId: X, describedBy: q } = se(_, {
+  const h = ne(), y = !!o || p === !0 || p === "true", { fieldId: z, helperId: V, errorId: X, describedBy: q } = se(_, {
     hasHelper: !!l,
     hasError: !!o,
     extra: D
-  }), h = N === null ? "" : N, n = Z(null), A = (t) => {
+  }), m = N === null ? "" : N, n = Z(null), A = (t) => {
     n.current = t, typeof c == "function" ? c(t) : c && (c.current = t);
-  }, [d, C] = P(!1), G = i === "password" ? d ? "text" : "password" : i, J = y ? "error" : F, E = H ?? (i === "search" ? /* @__PURE__ */ e(re, { className: "text-foreground-subtle size-4", "aria-hidden": !0 }) : null), p = h !== void 0, [K, I] = P(
+  }, [d, C] = P(!1), G = i === "password" ? d ? "text" : "password" : i, J = y ? "error" : F, k = H ?? (i === "search" ? /* @__PURE__ */ e(re, { className: "text-foreground-subtle size-4", "aria-hidden": !0 }) : null), b = m !== void 0, [K, E] = P(
     a == null ? "" : String(a)
-  ), b = p ? h : K, Q = b !== void 0 && b !== "" && b !== null, U = (t) => {
-    p || I(t.currentTarget.value), f == null || f(t);
+  ), g = b ? m : K, Q = g !== void 0 && g !== "" && g !== null, U = (t) => {
+    b || E(t.currentTarget.value), f == null || f(t);
   }, W = () => {
-    var t, k;
-    if (!p && n.current) {
+    var t, I;
+    if (!b && n.current) {
       const x = (t = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")) == null ? void 0 : t.set;
-      x == null || x.call(n.current, ""), n.current.dispatchEvent(new Event("input", { bubbles: !0 })), I("");
+      x == null || x.call(n.current, ""), n.current.dispatchEvent(new Event("input", { bubbles: !0 })), E("");
     }
-    u == null || u(), (k = n.current) == null || k.focus();
+    u == null || u(), (I = n.current) == null || I.focus();
   };
   return /* @__PURE__ */ B("div", { className: s("flex flex-col gap-1.5", R), children: [
     v && /* @__PURE__ */ e(
@@ -95,7 +104,7 @@ const ie = j(
       }
     ),
     /* @__PURE__ */ B("div", { className: s(ie({ size: O, tone: J })), children: [
-      E && /* @__PURE__ */ e("span", { className: "text-foreground-subtle flex items-center [&_svg]:size-4", children: E }),
+      k && /* @__PURE__ */ e("span", { className: "text-foreground-subtle flex items-center [&_svg]:size-4", children: k }),
       /* @__PURE__ */ e(
         "input",
         {
@@ -103,10 +112,10 @@ const ie = j(
           id: z,
           type: G,
           disabled: r,
-          value: h,
+          value: m,
           defaultValue: a,
           onInput: U,
-          "aria-invalid": y ? !0 : m,
+          "aria-invalid": y ? !0 : p,
           "aria-describedby": q,
           className: s(oe()),
           ...M
@@ -119,7 +128,7 @@ const ie = j(
           onClick: W,
           disabled: r,
           tabIndex: r ? -1 : void 0,
-          "aria-label": g.input.clear,
+          "aria-label": h.input.clear,
           className: S,
           children: /* @__PURE__ */ e($, { className: "size-4", "aria-hidden": !0 })
         }
@@ -131,7 +140,7 @@ const ie = j(
           onClick: () => C((t) => !t),
           disabled: r,
           tabIndex: r ? -1 : void 0,
-          "aria-label": d ? g.input.hidePassword : g.input.showPassword,
+          "aria-label": d ? h.input.hidePassword : h.input.showPassword,
           "aria-pressed": d,
           className: S,
           children: d ? /* @__PURE__ */ e(ee, { className: "size-4", "aria-hidden": !0 }) : /* @__PURE__ */ e(te, { className: "size-4", "aria-hidden": !0 })

package/dist-lib/components/ui/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/ui/Input.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  useRef,\n  useState,\n  type ComponentProps,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { Eye, EyeOff, Search, X } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\nimport { cva, type VariantProps } from '@/lib/cva';\nimport { useFieldIds } from '@/hooks/use-field-ids';\n\n/* -----------------------------------------------------------------------------\n *  Field-shell variants. The inner <input> is unstyled background and gets all\n *  its visual treatment from this wrapper so prefix / suffix / clear slots\n *  share the same border + focus state with no double rings.\n * --------------------------------------------------------------------------- */\nconst field = cva(\n  [\n    'group inline-flex items-center w-full',\n    'rounded-md border border-border-input bg-card text-sm',\n    'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',\n    'has-disabled:opacity-50 has-disabled:pointer-events-none',\n    'focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-background',\n    // Invalid state comes from the input's aria-invalid so Form wiring needs no extra prop.\n    'has-aria-invalid:border-danger has-aria-invalid:focus-within:border-danger has-aria-invalid:focus-within:ring-danger',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-2.5 gap-1.5',\n        md: 'h-9 px-3 gap-2',\n        lg: 'h-10 px-3.5 gap-2',\n      },\n      tone: {\n        default: 'focus-within:border-accent focus-within:ring-ring',\n        error: 'border-danger focus-within:border-danger focus-within:ring-danger',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst innerInput = cva([\n  'flex-1 min-w-0 bg-transparent outline-none',\n  'placeholder:text-foreground-subtle',\n  'text-foreground',\n  // 16px below md so iOS Safari does not zoom the page on focus; --text-lg = 1rem.\n  'text-lg md:text-sm',\n  'disabled:cursor-not-allowed',\n]);\n\ntype InputType = NonNullable<InputHTMLAttributes<HTMLInputElement>['type']>;\n\n// Inline clear / password buttons: 24px box (WCAG 2.5.8 minimum) with a halo\n// that extends the hit area without growing the field.\nconst innerButton = cn(\n  'text-foreground-subtle hover:text-foreground relative -m-1 flex size-6 shrink-0 items-center justify-center rounded-sm',\n  'before:absolute before:-inset-0.5 before:content-[\"\"]',\n  'focus-visible:ring-ring focus-visible:ring-offset-background outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n  'disabled:pointer-events-none',\n);\n\nexport interface InputProps\n  extends\n    Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'value'>,\n    VariantProps<typeof field> {\n  /** Controlled value. `null` is treated as an empty controlled value (no React warning). */\n  value?: InputHTMLAttributes<HTMLInputElement>['value'] | null;\n  /** Field type. `password` enables a show/hide toggle; `search` adds a clear button. */\n  type?: InputType;\n  /** Visible label rendered above the input. */\n  label?: ReactNode;\n  /** Hint below the input. Hidden while `error` is set. */\n  helperText?: ReactNode;\n  /** Validation message. Renders in `danger` colour and sets `aria-invalid`. */\n  error?: ReactNode;\n  /** Content rendered inside the field, before the input — icon or short text. */\n  prefix?: ReactNode;\n  /** Content rendered inside the field, after the input. */\n  suffix?: ReactNode;\n  /** Show an inline clear (×) button when the input has a value. */\n  clearable?: boolean;\n  /**\n   * Fires when the clear button is pressed. Controlled inputs own their state\n   * and should reset `value` here; uncontrolled inputs are cleared for you.\n   */\n  onClear?: () => void;\n  /** Visually conceal the label while keeping it for screen readers. */\n  hideLabel?: boolean;\n}\n\n/**\n * Text-style input with optional label, helper / error, prefix / suffix,\n * clear, and password show-hide. Wraps a single native `<input>` so it works\n * with `react-hook-form` and any controlled / uncontrolled pattern.\n *\n * @example Email with helper\n *   <Input type=\"email\" label=\"Work email\" helperText=\"We never share this.\" />\n *\n * @example Password with show/hide\n *   <Input type=\"password\" label=\"Password\" autoComplete=\"current-password\" />\n *\n * @example Search with clear\n *   <Input type=\"search\" placeholder=\"Search…\" value={q} onChange={…}\n *          clearable onClear={() => setQ('')} />\n *\n * @do Always pair an input with a visible label. If space forces hiding it,\n *      use `hideLabel` so the label stays in the accessibility tree.\n * @dont Use placeholder as the only label — placeholders disappear on input\n *       and fail accessibility.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    className,\n    type = 'text',\n    size,\n    tone,\n    label,\n    helperText,\n    error,\n    prefix,\n    suffix,\n    clearable,\n    onClear,\n    hideLabel,\n    id,\n    disabled,\n    value: valueProp,\n    defaultValue,\n    onInput,\n    'aria-describedby': ariaDescribedby,\n    'aria-invalid': ariaInvalid,\n    ...props\n  },\n  ref,\n) {\n  const strings = useStrings();\n  const isError = Boolean(error) || ariaInvalid === true || ariaInvalid === 'true';\n  const { fieldId, helperId, errorId, describedBy } = useFieldIds(id, {\n    hasHelper: Boolean(helperText),\n    hasError: Boolean(error),\n    extra: ariaDescribedby,\n  });\n  // `null` (nullable form state) is a controlled empty value, not \"uncontrolled\".\n  const value = valueProp === null ? '' : valueProp;\n  const innerRef = useRef<HTMLInputElement | null>(null);\n  const setRefs = (el: HTMLInputElement | null) => {\n    innerRef.current = el;\n    if (typeof ref === 'function') ref(el);\n    else if (ref) ref.current = el;\n  };\n\n  const [showPassword, setShowPassword] = useState(false);\n  const effectiveType = type === 'password' ? (showPassword ? 'text' : 'password') : type;\n\n  const effectiveTone = isError ? 'error' : tone;\n\n  // Pre-fill prefix slot for search type.\n  const renderedPrefix =\n    prefix ??\n    (type === 'search' ? <Search className=\"text-foreground-subtle size-4\" aria-hidden /> : null);\n\n  // Track the value of uncontrolled inputs so `clearable` can show/hide the\n  // button without the consumer wiring state.\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = useState<string>(\n    defaultValue === undefined || defaultValue === null ? '' : String(defaultValue),\n  );\n  const current = isControlled ? value : localValue;\n  const hasValue = current !== undefined && current !== '' && current !== null;\n\n  // React 19 types `onInput` as `InputEventHandler`; `ComponentProps` keeps this portable.\n  const handleInput: NonNullable<ComponentProps<'input'>['onInput']> = (e) => {\n    if (!isControlled) setLocalValue(e.currentTarget.value);\n    onInput?.(e);\n  };\n\n  const handleClear = () => {\n    if (!isControlled && innerRef.current) {\n      // Use the native setter so React's onChange/onInput listeners fire.\n      const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;\n      setter?.call(innerRef.current, '');\n      innerRef.current.dispatchEvent(new Event('input', { bubbles: true }));\n      setLocalValue('');\n    }\n    onClear?.();\n    innerRef.current?.focus();\n  };\n\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)}>\n      {label && (\n        <label\n          htmlFor={fieldId}\n          className={cn('text-foreground text-sm font-medium', hideLabel && 'sr-only')}\n        >\n          {label}\n        </label>\n      )}\n\n      <div className={cn(field({ size, tone: effectiveTone }))}>\n        {renderedPrefix && (\n          <span className=\"text-foreground-subtle flex items-center [&_svg]:size-4\">\n            {renderedPrefix}\n          </span>\n        )}\n\n        <input\n          ref={setRefs}\n          id={fieldId}\n          type={effectiveType}\n          disabled={disabled}\n          value={value}\n          defaultValue={defaultValue}\n          onInput={handleInput}\n          aria-invalid={isError ? true : ariaInvalid}\n          aria-describedby={describedBy}\n          className={cn(innerInput())}\n          {...props}\n        />\n\n        {clearable && hasValue && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            disabled={disabled}\n            tabIndex={disabled ? -1 : undefined}\n            aria-label={strings.input.clear}\n            className={innerButton}\n          >\n            <X className=\"size-4\" aria-hidden />\n          </button>\n        )}\n\n        {type === 'password' && (\n          <button\n            type=\"button\"\n            onClick={() => setShowPassword((p) => !p)}\n            disabled={disabled}\n            tabIndex={disabled ? -1 : undefined}\n            aria-label={showPassword ? strings.input.hidePassword : strings.input.showPassword}\n            aria-pressed={showPassword}\n            className={innerButton}\n          >\n            {showPassword ? (\n              <EyeOff className=\"size-4\" aria-hidden />\n            ) : (\n              <Eye className=\"size-4\" aria-hidden />\n            )}\n          </button>\n        )}\n\n        {suffix && (\n          <span className=\"text-foreground-subtle flex items-center [&_svg]:size-4\">{suffix}</span>\n        )}\n      </div>\n\n      {error ? (\n        <p id={errorId} className=\"text-danger-text text-xs\">\n          {error}\n        </p>\n      ) : helperText ? (\n        <p id={helperId} className=\"text-foreground-subtle text-xs\">\n          {helperText}\n        </p>\n      ) : null}\n    </div>\n  );\n});\n\nInput.displayName = 'Input';\n"],"names":["field","cva","innerInput","innerButton","cn","Input","forwardRef","className","type","size","tone","label","helperText","error","prefix","suffix","clearable","onClear","hideLabel","id","disabled","valueProp","defaultValue","onInput","ariaDescribedby","ariaInvalid","props","ref","strings","useStrings","isError","fieldId","helperId","errorId","describedBy","useFieldIds","value","innerRef","useRef","setRefs","el","showPassword","setShowPassword","useState","effectiveType","effectiveTone","renderedPrefix","jsx","Search","isControlled","localValue","setLocalValue","current","hasValue","handleInput","e","handleClear","setter","_a","_b","jsxs","X","p","EyeOff","Eye"],"mappings":";;;;;;;;AAqBA,MAAMA,KAAQC;AAAA,EACZ;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,KAAaD,EAAI;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AACF,CAAC,GAMKE,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAmDaC,KAAQC,EAAyC,SAC5D;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAUC,GAAA,GACVC,IAAU,EAAQjB,KAAUY,MAAgB,MAAQA,MAAgB,QACpE,EAAE,SAAAM,GAAS,UAAAC,GAAU,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,GAAYhB,GAAI;AAAA,IAClE,WAAW,EAAQP;AAAA,IACnB,UAAU,EAAQC;AAAA,IAClB,OAAOW;AAAA,EAAA,CACR,GAEKY,IAAQf,MAAc,OAAO,KAAKA,GAClCgB,IAAWC,EAAgC,IAAI,GAC/CC,IAAU,CAACC,MAAgC;AAC/C,IAAAH,EAAS,UAAUG,GACf,OAAOb,KAAQ,aAAYA,EAAIa,CAAE,IAC5Bb,QAAS,UAAUa;AAAA,EAC9B,GAEM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAgBpC,MAAS,aAAciC,IAAe,SAAS,aAAcjC,GAE7EqC,IAAgBf,IAAU,UAAUpB,GAGpCoC,IACJhC,MACCN,MAAS,WAAW,gBAAAuC,EAACC,MAAO,WAAU,iCAAgC,eAAW,GAAA,CAAC,IAAK,OAIpFC,IAAeb,MAAU,QACzB,CAACc,GAAYC,CAAa,IAAIR;AAAA,IACJrB,KAAiB,OAAO,KAAK,OAAOA,CAAY;AAAA,EAAA,GAE1E8B,IAAUH,IAAeb,IAAQc,GACjCG,IAAWD,MAAY,UAAaA,MAAY,MAAMA,MAAY,MAGlEE,IAA+D,CAACC,MAAM;AAC1E,IAAKN,KAAcE,EAAcI,EAAE,cAAc,KAAK,GACtDhC,KAAA,QAAAA,EAAUgC;AAAA,EACZ,GAEMC,IAAc,MAAM;;AACxB,QAAI,CAACP,KAAgBZ,EAAS,SAAS;AAErC,YAAMoB,KAASC,IAAA,OAAO,yBAAyB,iBAAiB,WAAW,OAAO,MAAnE,gBAAAA,EAAsE;AACrF,MAAAD,KAAA,QAAAA,EAAQ,KAAKpB,EAAS,SAAS,KAC/BA,EAAS,QAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAA,CAAM,CAAC,GACpEc,EAAc,EAAE;AAAA,IAClB;AACA,IAAAlC,KAAA,QAAAA,MACA0C,IAAAtB,EAAS,YAAT,QAAAsB,EAAkB;AAAA,EACpB;AAEA,2BACG,OAAA,EAAI,WAAWvD,EAAG,yBAAyBG,CAAS,GAClD,UAAA;AAAA,IAAAI,KACC,gBAAAoC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAShB;AAAA,QACT,WAAW3B,EAAG,uCAAuCc,KAAa,SAAS;AAAA,QAE1E,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL,gBAAAiD,EAAC,OAAA,EAAI,WAAWxD,EAAGJ,GAAM,EAAE,MAAAS,GAAM,MAAMoC,GAAe,CAAC,GACpD,UAAA;AAAA,MAAAC,KACC,gBAAAC,EAAC,QAAA,EAAK,WAAU,2DACb,UAAAD,GACH;AAAA,MAGF,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKR;AAAA,UACL,IAAIR;AAAA,UACJ,MAAMa;AAAA,UACN,UAAAxB;AAAA,UACA,OAAAgB;AAAA,UACA,cAAAd;AAAA,UACA,SAASgC;AAAA,UACT,gBAAcxB,IAAU,KAAOL;AAAA,UAC/B,oBAAkBS;AAAA,UAClB,WAAW9B,EAAGF,IAAY;AAAA,UACzB,GAAGwB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLV,KAAaqC,KACZ,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASS;AAAA,UACT,UAAApC;AAAA,UACA,UAAUA,IAAW,KAAK;AAAA,UAC1B,cAAYQ,EAAQ,MAAM;AAAA,UAC1B,WAAWzB;AAAA,UAEX,UAAA,gBAAA4C,EAACc,GAAA,EAAE,WAAU,UAAS,eAAW,GAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIrCrD,MAAS,cACR,gBAAAuC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAML,EAAgB,CAACoB,MAAM,CAACA,CAAC;AAAA,UACxC,UAAA1C;AAAA,UACA,UAAUA,IAAW,KAAK;AAAA,UAC1B,cAAYqB,IAAeb,EAAQ,MAAM,eAAeA,EAAQ,MAAM;AAAA,UACtE,gBAAca;AAAA,UACd,WAAWtC;AAAA,UAEV,UAAAsC,IACC,gBAAAM,EAACgB,IAAA,EAAO,WAAU,UAAS,eAAW,GAAA,CAAC,IAEvC,gBAAAhB,EAACiB,IAAA,EAAI,WAAU,UAAS,eAAW,GAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAKzCjD,KACC,gBAAAgC,EAAC,QAAA,EAAK,WAAU,2DAA2D,UAAAhC,EAAA,CAAO;AAAA,IAAA,GAEtF;AAAA,IAECF,IACC,gBAAAkC,EAAC,KAAA,EAAE,IAAId,GAAS,WAAU,4BACvB,UAAApB,EAAA,CACH,IACED,sBACD,KAAA,EAAE,IAAIoB,GAAU,WAAU,kCACxB,aACH,IACE;AAAA,EAAA,GACN;AAEJ,CAAC;AAED3B,GAAM,cAAc;"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/ui/Input.tsx"],"sourcesContent":["'use client';\n\nimport {\n  forwardRef,\n  useRef,\n  useState,\n  type ComponentProps,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { Eye, EyeOff, Search, X } from '@/icons';\nimport { cn } from '@/lib/utils';\nimport { useStrings } from '@/hooks/use-strings';\nimport { cva, type VariantProps } from '@/lib/cva';\nimport { useFieldIds } from '@/hooks/use-field-ids';\n\n/* -----------------------------------------------------------------------------\n *  Field-shell variants. The inner <input> is unstyled background and gets all\n *  its visual treatment from this wrapper so prefix / suffix / clear slots\n *  share the same border + focus state with no double rings.\n * --------------------------------------------------------------------------- */\nconst field = cva(\n  [\n    'group inline-flex items-center w-full',\n    'rounded-md border border-border-input bg-card text-sm',\n    'transition-colors duration-[var(--duration-fast)] ease-[var(--ease-out)]',\n    'has-disabled:opacity-50 has-disabled:pointer-events-none',\n    'focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-offset-background',\n    // Invalid state comes from the input's aria-invalid so Form wiring needs no extra prop.\n    'has-aria-invalid:border-danger has-aria-invalid:focus-within:border-danger has-aria-invalid:focus-within:ring-danger',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'h-8 px-2.5 gap-1.5',\n        md: 'h-9 px-3 gap-2',\n        lg: 'h-10 px-3.5 gap-2',\n      },\n      tone: {\n        default: 'focus-within:border-accent focus-within:ring-ring',\n        error: 'border-danger focus-within:border-danger focus-within:ring-danger',\n      },\n    },\n    defaultVariants: {\n      size: 'md',\n      tone: 'default',\n    },\n  },\n);\n\nconst innerInput = cva([\n  'flex-1 min-w-0 bg-transparent outline-none',\n  // Fill the field's height so the focusable target is the full control\n  // (32/36/40px), not the ~20px text box. Below 24px axe's target-size\n  // rule only passes while nothing sits close by, which is a trap for\n  // consumers packing a toolbar.\n  'self-stretch',\n  'placeholder:text-foreground-subtle',\n  'text-foreground',\n  // 16px below md so iOS Safari does not zoom the page on focus; --text-lg = 1rem.\n  'text-lg md:text-sm',\n  'disabled:cursor-not-allowed',\n  // `type=\"search\"` draws a native clear button in WebKit/Chromium. We render\n  // our own via `clearable`, so suppress the native one or both show at once.\n  '[&::-webkit-search-cancel-button]:appearance-none',\n  '[&::-webkit-search-decoration]:appearance-none',\n]);\n\ntype InputType = NonNullable<InputHTMLAttributes<HTMLInputElement>['type']>;\n\n// Inline clear / password buttons: 24px box (WCAG 2.5.8 minimum) with a halo\n// that extends the hit area without growing the field.\nconst innerButton = cn(\n  'text-foreground-subtle hover:text-foreground relative -m-1 flex size-6 shrink-0 items-center justify-center rounded-sm',\n  'before:absolute before:-inset-0.5 before:content-[\"\"]',\n  'focus-visible:ring-ring focus-visible:ring-offset-background outline-none focus-visible:ring-2 focus-visible:ring-offset-2',\n  'disabled:pointer-events-none',\n);\n\nexport interface InputProps\n  extends\n    Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'prefix' | 'value'>,\n    VariantProps<typeof field> {\n  /** Controlled value. `null` is treated as an empty controlled value (no React warning). */\n  value?: InputHTMLAttributes<HTMLInputElement>['value'] | null;\n  /** Field type. `password` enables a show/hide toggle; `search` adds a clear button. */\n  type?: InputType;\n  /** Visible label rendered above the input. */\n  label?: ReactNode;\n  /** Hint below the input. Hidden while `error` is set. */\n  helperText?: ReactNode;\n  /** Validation message. Renders in `danger` colour and sets `aria-invalid`. */\n  error?: ReactNode;\n  /** Content rendered inside the field, before the input — icon or short text. */\n  prefix?: ReactNode;\n  /** Content rendered inside the field, after the input. */\n  suffix?: ReactNode;\n  /** Show an inline clear (×) button when the input has a value. */\n  clearable?: boolean;\n  /**\n   * Fires when the clear button is pressed. Controlled inputs own their state\n   * and should reset `value` here; uncontrolled inputs are cleared for you.\n   */\n  onClear?: () => void;\n  /** Visually conceal the label while keeping it for screen readers. */\n  hideLabel?: boolean;\n}\n\n/**\n * Text-style input with optional label, helper / error, prefix / suffix,\n * clear, and password show-hide. Wraps a single native `<input>` so it works\n * with `react-hook-form` and any controlled / uncontrolled pattern.\n *\n * @example Email with helper\n *   <Input type=\"email\" label=\"Work email\" helperText=\"We never share this.\" />\n *\n * @example Password with show/hide\n *   <Input type=\"password\" label=\"Password\" autoComplete=\"current-password\" />\n *\n * @example Search with clear\n *   <Input type=\"search\" placeholder=\"Search…\" value={q} onChange={…}\n *          clearable onClear={() => setQ('')} />\n *\n * @do Always pair an input with a visible label. If space forces hiding it,\n *      use `hideLabel` so the label stays in the accessibility tree.\n * @dont Use placeholder as the only label — placeholders disappear on input\n *       and fail accessibility.\n */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  {\n    className,\n    type = 'text',\n    size,\n    tone,\n    label,\n    helperText,\n    error,\n    prefix,\n    suffix,\n    clearable,\n    onClear,\n    hideLabel,\n    id,\n    disabled,\n    value: valueProp,\n    defaultValue,\n    onInput,\n    'aria-describedby': ariaDescribedby,\n    'aria-invalid': ariaInvalid,\n    ...props\n  },\n  ref,\n) {\n  const strings = useStrings();\n  const isError = Boolean(error) || ariaInvalid === true || ariaInvalid === 'true';\n  const { fieldId, helperId, errorId, describedBy } = useFieldIds(id, {\n    hasHelper: Boolean(helperText),\n    hasError: Boolean(error),\n    extra: ariaDescribedby,\n  });\n  // `null` (nullable form state) is a controlled empty value, not \"uncontrolled\".\n  const value = valueProp === null ? '' : valueProp;\n  const innerRef = useRef<HTMLInputElement | null>(null);\n  const setRefs = (el: HTMLInputElement | null) => {\n    innerRef.current = el;\n    if (typeof ref === 'function') ref(el);\n    else if (ref) ref.current = el;\n  };\n\n  const [showPassword, setShowPassword] = useState(false);\n  const effectiveType = type === 'password' ? (showPassword ? 'text' : 'password') : type;\n\n  const effectiveTone = isError ? 'error' : tone;\n\n  // Pre-fill prefix slot for search type.\n  const renderedPrefix =\n    prefix ??\n    (type === 'search' ? <Search className=\"text-foreground-subtle size-4\" aria-hidden /> : null);\n\n  // Track the value of uncontrolled inputs so `clearable` can show/hide the\n  // button without the consumer wiring state.\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = useState<string>(\n    defaultValue === undefined || defaultValue === null ? '' : String(defaultValue),\n  );\n  const current = isControlled ? value : localValue;\n  const hasValue = current !== undefined && current !== '' && current !== null;\n\n  // React 19 types `onInput` as `InputEventHandler`; `ComponentProps` keeps this portable.\n  const handleInput: NonNullable<ComponentProps<'input'>['onInput']> = (e) => {\n    if (!isControlled) setLocalValue(e.currentTarget.value);\n    onInput?.(e);\n  };\n\n  const handleClear = () => {\n    if (!isControlled && innerRef.current) {\n      // Use the native setter so React's onChange/onInput listeners fire.\n      const setter = Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, 'value')?.set;\n      setter?.call(innerRef.current, '');\n      innerRef.current.dispatchEvent(new Event('input', { bubbles: true }));\n      setLocalValue('');\n    }\n    onClear?.();\n    innerRef.current?.focus();\n  };\n\n  return (\n    <div className={cn('flex flex-col gap-1.5', className)}>\n      {label && (\n        <label\n          htmlFor={fieldId}\n          className={cn('text-foreground text-sm font-medium', hideLabel && 'sr-only')}\n        >\n          {label}\n        </label>\n      )}\n\n      <div className={cn(field({ size, tone: effectiveTone }))}>\n        {renderedPrefix && (\n          <span className=\"text-foreground-subtle flex items-center [&_svg]:size-4\">\n            {renderedPrefix}\n          </span>\n        )}\n\n        <input\n          ref={setRefs}\n          id={fieldId}\n          type={effectiveType}\n          disabled={disabled}\n          value={value}\n          defaultValue={defaultValue}\n          onInput={handleInput}\n          aria-invalid={isError ? true : ariaInvalid}\n          aria-describedby={describedBy}\n          className={cn(innerInput())}\n          {...props}\n        />\n\n        {clearable && hasValue && (\n          <button\n            type=\"button\"\n            onClick={handleClear}\n            disabled={disabled}\n            tabIndex={disabled ? -1 : undefined}\n            aria-label={strings.input.clear}\n            className={innerButton}\n          >\n            <X className=\"size-4\" aria-hidden />\n          </button>\n        )}\n\n        {type === 'password' && (\n          <button\n            type=\"button\"\n            onClick={() => setShowPassword((p) => !p)}\n            disabled={disabled}\n            tabIndex={disabled ? -1 : undefined}\n            aria-label={showPassword ? strings.input.hidePassword : strings.input.showPassword}\n            aria-pressed={showPassword}\n            className={innerButton}\n          >\n            {showPassword ? (\n              <EyeOff className=\"size-4\" aria-hidden />\n            ) : (\n              <Eye className=\"size-4\" aria-hidden />\n            )}\n          </button>\n        )}\n\n        {suffix && (\n          <span className=\"text-foreground-subtle flex items-center [&_svg]:size-4\">{suffix}</span>\n        )}\n      </div>\n\n      {error ? (\n        <p id={errorId} className=\"text-danger-text text-xs\">\n          {error}\n        </p>\n      ) : helperText ? (\n        <p id={helperId} className=\"text-foreground-subtle text-xs\">\n          {helperText}\n        </p>\n      ) : null}\n    </div>\n  );\n});\n\nInput.displayName = 'Input';\n"],"names":["field","cva","innerInput","innerButton","cn","Input","forwardRef","className","type","size","tone","label","helperText","error","prefix","suffix","clearable","onClear","hideLabel","id","disabled","valueProp","defaultValue","onInput","ariaDescribedby","ariaInvalid","props","ref","strings","useStrings","isError","fieldId","helperId","errorId","describedBy","useFieldIds","value","innerRef","useRef","setRefs","el","showPassword","setShowPassword","useState","effectiveType","effectiveTone","renderedPrefix","jsx","Search","isControlled","localValue","setLocalValue","current","hasValue","handleInput","e","handleClear","setter","_a","_b","jsxs","X","p","EyeOff","Eye"],"mappings":";;;;;;;;AAqBA,MAAMA,KAAQC;AAAA,EACZ;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,IAEA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,KAAaD,EAAI;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,CAAC,GAMKE,IAAcC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAmDaC,KAAQC,EAAyC,SAC5D;AAAA,EACE,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAOC;AAAA,EACP,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAoBC;AAAA,EACpB,gBAAgBC;AAAA,EAChB,GAAGC;AACL,GACAC,GACA;AACA,QAAMC,IAAUC,GAAA,GACVC,IAAU,EAAQjB,KAAUY,MAAgB,MAAQA,MAAgB,QACpE,EAAE,SAAAM,GAAS,UAAAC,GAAU,SAAAC,GAAS,aAAAC,EAAA,IAAgBC,GAAYhB,GAAI;AAAA,IAClE,WAAW,EAAQP;AAAA,IACnB,UAAU,EAAQC;AAAA,IAClB,OAAOW;AAAA,EAAA,CACR,GAEKY,IAAQf,MAAc,OAAO,KAAKA,GAClCgB,IAAWC,EAAgC,IAAI,GAC/CC,IAAU,CAACC,MAAgC;AAC/C,IAAAH,EAAS,UAAUG,GACf,OAAOb,KAAQ,aAAYA,EAAIa,CAAE,IAC5Bb,QAAS,UAAUa;AAAA,EAC9B,GAEM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAK,GAChDC,IAAgBpC,MAAS,aAAciC,IAAe,SAAS,aAAcjC,GAE7EqC,IAAgBf,IAAU,UAAUpB,GAGpCoC,IACJhC,MACCN,MAAS,WAAW,gBAAAuC,EAACC,MAAO,WAAU,iCAAgC,eAAW,GAAA,CAAC,IAAK,OAIpFC,IAAeb,MAAU,QACzB,CAACc,GAAYC,CAAa,IAAIR;AAAA,IACJrB,KAAiB,OAAO,KAAK,OAAOA,CAAY;AAAA,EAAA,GAE1E8B,IAAUH,IAAeb,IAAQc,GACjCG,IAAWD,MAAY,UAAaA,MAAY,MAAMA,MAAY,MAGlEE,IAA+D,CAACC,MAAM;AAC1E,IAAKN,KAAcE,EAAcI,EAAE,cAAc,KAAK,GACtDhC,KAAA,QAAAA,EAAUgC;AAAA,EACZ,GAEMC,IAAc,MAAM;;AACxB,QAAI,CAACP,KAAgBZ,EAAS,SAAS;AAErC,YAAMoB,KAASC,IAAA,OAAO,yBAAyB,iBAAiB,WAAW,OAAO,MAAnE,gBAAAA,EAAsE;AACrF,MAAAD,KAAA,QAAAA,EAAQ,KAAKpB,EAAS,SAAS,KAC/BA,EAAS,QAAQ,cAAc,IAAI,MAAM,SAAS,EAAE,SAAS,GAAA,CAAM,CAAC,GACpEc,EAAc,EAAE;AAAA,IAClB;AACA,IAAAlC,KAAA,QAAAA,MACA0C,IAAAtB,EAAS,YAAT,QAAAsB,EAAkB;AAAA,EACpB;AAEA,2BACG,OAAA,EAAI,WAAWvD,EAAG,yBAAyBG,CAAS,GAClD,UAAA;AAAA,IAAAI,KACC,gBAAAoC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAShB;AAAA,QACT,WAAW3B,EAAG,uCAAuCc,KAAa,SAAS;AAAA,QAE1E,UAAAP;AAAA,MAAA;AAAA,IAAA;AAAA,IAIL,gBAAAiD,EAAC,OAAA,EAAI,WAAWxD,EAAGJ,GAAM,EAAE,MAAAS,GAAM,MAAMoC,GAAe,CAAC,GACpD,UAAA;AAAA,MAAAC,KACC,gBAAAC,EAAC,QAAA,EAAK,WAAU,2DACb,UAAAD,GACH;AAAA,MAGF,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAKR;AAAA,UACL,IAAIR;AAAA,UACJ,MAAMa;AAAA,UACN,UAAAxB;AAAA,UACA,OAAAgB;AAAA,UACA,cAAAd;AAAA,UACA,SAASgC;AAAA,UACT,gBAAcxB,IAAU,KAAOL;AAAA,UAC/B,oBAAkBS;AAAA,UAClB,WAAW9B,EAAGF,IAAY;AAAA,UACzB,GAAGwB;AAAA,QAAA;AAAA,MAAA;AAAA,MAGLV,KAAaqC,KACZ,gBAAAN;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAASS;AAAA,UACT,UAAApC;AAAA,UACA,UAAUA,IAAW,KAAK;AAAA,UAC1B,cAAYQ,EAAQ,MAAM;AAAA,UAC1B,WAAWzB;AAAA,UAEX,UAAA,gBAAA4C,EAACc,GAAA,EAAE,WAAU,UAAS,eAAW,GAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAIrCrD,MAAS,cACR,gBAAAuC;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAML,EAAgB,CAACoB,MAAM,CAACA,CAAC;AAAA,UACxC,UAAA1C;AAAA,UACA,UAAUA,IAAW,KAAK;AAAA,UAC1B,cAAYqB,IAAeb,EAAQ,MAAM,eAAeA,EAAQ,MAAM;AAAA,UACtE,gBAAca;AAAA,UACd,WAAWtC;AAAA,UAEV,UAAAsC,IACC,gBAAAM,EAACgB,IAAA,EAAO,WAAU,UAAS,eAAW,GAAA,CAAC,IAEvC,gBAAAhB,EAACiB,IAAA,EAAI,WAAU,UAAS,eAAW,GAAA,CAAC;AAAA,QAAA;AAAA,MAAA;AAAA,MAKzCjD,KACC,gBAAAgC,EAAC,QAAA,EAAK,WAAU,2DAA2D,UAAAhC,EAAA,CAAO;AAAA,IAAA,GAEtF;AAAA,IAECF,IACC,gBAAAkC,EAAC,KAAA,EAAE,IAAId,GAAS,WAAU,4BACvB,UAAApB,EAAA,CACH,IACED,sBACD,KAAA,EAAE,IAAIoB,GAAU,WAAU,kCACxB,aACH,IACE;AAAA,EAAA,GACN;AAEJ,CAAC;AAED3B,GAAM,cAAc;"}

package/dist-lib/components/ui/TopNav.js

@@ -1,62 +1,69 @@
 "use client";
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
 import { forwardRef as d } from "react";
-import { Slot as u } from "@radix-ui/react-slot";
+import { Slot as p } from "@radix-ui/react-slot";
 import { useStrings as g } from "../../hooks/use-strings.js";
-import { cn as c } from "../../lib/utils.js";
-const v = d(function({ logo: n, nav: e, search: r, actions: o, navLabel: t, className: s, ...a }, m) {
-  const p = g();
+import { cn as f } from "../../lib/utils.js";
+const x = d(function({ logo: n, nav: e, search: r, actions: i, navLabel: t, className: a, ...s }, m) {
+  const u = g();
   return /* @__PURE__ */ l(
     "header",
     {
       ref: m,
-      className: c(
+      className: f(
         "sticky top-0 z-[var(--z-sticky)] flex h-14 w-full items-center gap-4",
+        // Fixed three-column track from lg up: the centre slot keeps its
+        // position however wide the logo slot grows, so navigating between
+        // pages (breadcrumbs of different lengths) never shifts the search.
+        // Below lg the bar stays flex — there is not enough room for three
+        // tracks, and logo slots that vary in width (breadcrumbs) are hidden
+        // at those widths anyway.
+        r && "lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,28rem)_minmax(0,1fr)]",
         "border-border bg-background border-b px-4",
-        s
+        a
       ),
-      ...a,
+      ...s,
       children: [
         /* @__PURE__ */ l("div", { className: "flex min-w-0 items-center gap-6", children: [
           n,
-          e && /* @__PURE__ */ i(
+          e && /* @__PURE__ */ o(
             "nav",
             {
-              "aria-label": t ?? p.topNav.label,
+              "aria-label": t ?? u.topNav.label,
               className: "hidden items-center gap-1 md:flex",
               children: e
             }
           )
         ] }),
-        r && /* @__PURE__ */ i("div", { className: "mx-auto max-w-md flex-1", children: r }),
-        o && /* @__PURE__ */ i("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: o })
+        r && /* @__PURE__ */ o("div", { className: "mx-auto w-full max-w-md flex-1 lg:flex-none", children: r }),
+        i && /* @__PURE__ */ o("div", { className: "ml-auto flex shrink-0 items-center gap-2", children: i })
       ]
     }
   );
 });
-v.displayName = "TopNav";
-const x = d(function({ href: n, active: e, asChild: r, className: o, children: t, ...s }, a) {
-  return /* @__PURE__ */ i(
-    r ? u : "a",
+x.displayName = "TopNav";
+const v = d(function({ href: n, active: e, asChild: r, className: i, children: t, ...a }, s) {
+  return /* @__PURE__ */ o(
+    r ? p : "a",
     {
-      ref: a,
+      ref: s,
       href: n,
       "aria-current": e ? "page" : void 0,
-      className: c(
+      className: f(
         "inline-flex h-9 items-center rounded-md px-3 text-sm font-medium outline-none",
         "transition-colors duration-[var(--duration-fast)]",
         e ? "text-foreground" : "text-foreground-muted hover:text-foreground",
         "focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2",
-        o
+        i
       ),
-      ...s,
+      ...a,
       children: t
     }
   );
 });
-x.displayName = "TopNavLink";
+v.displayName = "TopNavLink";
 export {
-  v as TopNav,
-  x as TopNavLink
+  x as TopNav,
+  v as TopNavLink
 };
 //# sourceMappingURL=TopNav.js.map

package/dist-lib/components/ui/TopNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"TopNav.js","sources":["../../../src/components/ui/TopNav.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useStrings } from '@/hooks/use-strings';\nimport { cn } from '@/lib/utils';\n\nexport interface TopNavProps extends HTMLAttributes<HTMLElement> {\n  /** Logo / wordmark slot. Shown on the far left. */\n  logo: ReactNode;\n  /** Primary navigation links — typically a list of `<TopNavLink>`. */\n  nav?: ReactNode;\n  /** Search / command bar slot — fills the centre on wide screens. */\n  search?: ReactNode;\n  /** Right-aligned cluster — notifications, theme toggle, user menu. */\n  actions?: ReactNode;\n  /** Accessible name of the inner `<nav>` landmark. Default \"Primary\". */\n  navLabel?: string;\n}\n\n/**\n * App-level top bar. Layout: `logo · nav · search · actions`. Search and nav\n * are optional.\n *\n * @example\n *   <TopNav\n *     logo={<Logo />}\n *     nav={<><TopNavLink href=\"/\" active>Home</TopNavLink>…</>}\n *     search={<Input type=\"search\" placeholder=\"Search…\" />}\n *     actions={<><Bell /><Avatar /></>}\n *   />\n *\n * @do Pick one primary nav style — links here or in the Sidebar, not both.\n * @dont Stack two rows of navigation in the TopNav. If you need tabs as well,\n *       put them below the bar inside the page content.\n */\nexport const TopNav = forwardRef<HTMLElement, TopNavProps>(function TopNav(\n  { logo, nav, search, actions, navLabel, className, ...props },\n  ref,\n) {\n  const strings = useStrings();\n  return (\n    <header\n      ref={ref}\n      className={cn(\n        'sticky top-0 z-[var(--z-sticky)] flex h-14 w-full items-center gap-4',\n        'border-border bg-background border-b px-4',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex min-w-0 items-center gap-6\">\n        {logo}\n        {nav && (\n          <nav\n            aria-label={navLabel ?? strings.topNav.label}\n            className=\"hidden items-center gap-1 md:flex\"\n          >\n            {nav}\n          </nav>\n        )}\n      </div>\n      {search && <div className=\"mx-auto max-w-md flex-1\">{search}</div>}\n      {actions && <div className=\"ml-auto flex shrink-0 items-center gap-2\">{actions}</div>}\n    </header>\n  );\n});\nTopNav.displayName = 'TopNav';\n\nexport interface TopNavLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string;\n  active?: boolean;\n  /** Render the child (e.g. router `<Link>`) instead of an `<a>`. */\n  asChild?: boolean;\n}\n\nexport const TopNavLink = forwardRef<HTMLAnchorElement, TopNavLinkProps>(function TopNavLink(\n  { href, active, asChild, className, children, ...props },\n  ref,\n) {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      href={href}\n      aria-current={active ? 'page' : undefined}\n      className={cn(\n        'inline-flex h-9 items-center rounded-md px-3 text-sm font-medium outline-none',\n        'transition-colors duration-[var(--duration-fast)]',\n        active ? 'text-foreground' : 'text-foreground-muted hover:text-foreground',\n        'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n});\nTopNavLink.displayName = 'TopNavLink';\n"],"names":["TopNav","forwardRef","logo","nav","search","actions","navLabel","className","props","ref","strings","useStrings","jsxs","cn","jsx","TopNavLink","href","active","asChild","children","Slot"],"mappings":";;;;;;AAoCO,MAAMA,IAASC,EAAqC,SACzD,EAAE,MAAAC,GAAM,KAAAC,GAAK,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAUC,EAAA;AAChB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,mCACZ,UAAA;AAAA,UAAAV;AAAA,UACAC,KACC,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAYR,KAAYI,EAAQ,OAAO;AAAA,cACvC,WAAU;AAAA,cAET,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QACCC,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAV,GAAO;AAAA,QAC3DC,KAAW,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAT,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrF,CAAC;AACDL,EAAO,cAAc;AASd,MAAMe,IAAad,EAA+C,SACvE,EAAE,MAAAe,GAAM,QAAAC,GAAQ,SAAAC,GAAS,WAAAX,GAAW,UAAAY,GAAU,GAAGX,EAAA,GACjDC,GACA;AAEA,SACE,gBAAAK;AAAA,IAFWI,IAAUE,IAAO;AAAA,IAE3B;AAAA,MACC,KAAAX;AAAA,MACA,MAAAO;AAAA,MACA,gBAAcC,IAAS,SAAS;AAAA,MAChC,WAAWJ;AAAA,QACT;AAAA,QACA;AAAA,QACAI,IAAS,oBAAoB;AAAA,QAC7B;AAAA,QACAV;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAW;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AACDJ,EAAW,cAAc;"}
+{"version":3,"file":"TopNav.js","sources":["../../../src/components/ui/TopNav.tsx"],"sourcesContent":["'use client';\n\nimport { forwardRef, type AnchorHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';\nimport { Slot } from '@radix-ui/react-slot';\nimport { useStrings } from '@/hooks/use-strings';\nimport { cn } from '@/lib/utils';\n\nexport interface TopNavProps extends HTMLAttributes<HTMLElement> {\n  /** Logo / wordmark slot. Shown on the far left. */\n  logo: ReactNode;\n  /** Primary navigation links — typically a list of `<TopNavLink>`. */\n  nav?: ReactNode;\n  /** Search / command bar slot — fills the centre on wide screens. */\n  search?: ReactNode;\n  /** Right-aligned cluster — notifications, theme toggle, user menu. */\n  actions?: ReactNode;\n  /** Accessible name of the inner `<nav>` landmark. Default \"Primary\". */\n  navLabel?: string;\n}\n\n/**\n * App-level top bar. Layout: `logo · nav · search · actions`. Search and nav\n * are optional.\n *\n * @example\n *   <TopNav\n *     logo={<Logo />}\n *     nav={<><TopNavLink href=\"/\" active>Home</TopNavLink>…</>}\n *     search={<Input type=\"search\" placeholder=\"Search…\" />}\n *     actions={<><Bell /><Avatar /></>}\n *   />\n *\n * @do Pick one primary nav style — links here or in the Sidebar, not both.\n * @dont Stack two rows of navigation in the TopNav. If you need tabs as well,\n *       put them below the bar inside the page content.\n */\nexport const TopNav = forwardRef<HTMLElement, TopNavProps>(function TopNav(\n  { logo, nav, search, actions, navLabel, className, ...props },\n  ref,\n) {\n  const strings = useStrings();\n  return (\n    <header\n      ref={ref}\n      className={cn(\n        'sticky top-0 z-[var(--z-sticky)] flex h-14 w-full items-center gap-4',\n        // Fixed three-column track from lg up: the centre slot keeps its\n        // position however wide the logo slot grows, so navigating between\n        // pages (breadcrumbs of different lengths) never shifts the search.\n        // Below lg the bar stays flex — there is not enough room for three\n        // tracks, and logo slots that vary in width (breadcrumbs) are hidden\n        // at those widths anyway.\n        search && 'lg:grid lg:grid-cols-[minmax(0,1fr)_minmax(0,28rem)_minmax(0,1fr)]',\n        'border-border bg-background border-b px-4',\n        className,\n      )}\n      {...props}\n    >\n      <div className=\"flex min-w-0 items-center gap-6\">\n        {logo}\n        {nav && (\n          <nav\n            aria-label={navLabel ?? strings.topNav.label}\n            className=\"hidden items-center gap-1 md:flex\"\n          >\n            {nav}\n          </nav>\n        )}\n      </div>\n      {search && <div className=\"mx-auto w-full max-w-md flex-1 lg:flex-none\">{search}</div>}\n      {actions && <div className=\"ml-auto flex shrink-0 items-center gap-2\">{actions}</div>}\n    </header>\n  );\n});\nTopNav.displayName = 'TopNav';\n\nexport interface TopNavLinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  href?: string;\n  active?: boolean;\n  /** Render the child (e.g. router `<Link>`) instead of an `<a>`. */\n  asChild?: boolean;\n}\n\nexport const TopNavLink = forwardRef<HTMLAnchorElement, TopNavLinkProps>(function TopNavLink(\n  { href, active, asChild, className, children, ...props },\n  ref,\n) {\n  const Comp = asChild ? Slot : 'a';\n  return (\n    <Comp\n      ref={ref}\n      href={href}\n      aria-current={active ? 'page' : undefined}\n      className={cn(\n        'inline-flex h-9 items-center rounded-md px-3 text-sm font-medium outline-none',\n        'transition-colors duration-[var(--duration-fast)]',\n        active ? 'text-foreground' : 'text-foreground-muted hover:text-foreground',\n        'focus-visible:ring-ring focus-visible:ring-offset-background focus-visible:ring-2 focus-visible:ring-offset-2',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </Comp>\n  );\n});\nTopNavLink.displayName = 'TopNavLink';\n"],"names":["TopNav","forwardRef","logo","nav","search","actions","navLabel","className","props","ref","strings","useStrings","jsxs","cn","jsx","TopNavLink","href","active","asChild","children","Slot"],"mappings":";;;;;;AAoCO,MAAMA,IAASC,EAAqC,SACzD,EAAE,MAAAC,GAAM,KAAAC,GAAK,QAAAC,GAAQ,SAAAC,GAAS,UAAAC,GAAU,WAAAC,GAAW,GAAGC,EAAA,GACtDC,GACA;AACA,QAAMC,IAAUC,EAAA;AAChB,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAH;AAAA,MACA,WAAWI;AAAA,QACT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAOAT,KAAU;AAAA,QACV;AAAA,QACAG;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,mCACZ,UAAA;AAAA,UAAAV;AAAA,UACAC,KACC,gBAAAW;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,cAAYR,KAAYI,EAAQ,OAAO;AAAA,cACvC,WAAU;AAAA,cAET,UAAAP;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QACCC,KAAU,gBAAAU,EAAC,OAAA,EAAI,WAAU,+CAA+C,UAAAV,GAAO;AAAA,QAC/EC,KAAW,gBAAAS,EAAC,OAAA,EAAI,WAAU,4CAA4C,UAAAT,EAAA,CAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGrF,CAAC;AACDL,EAAO,cAAc;AASd,MAAMe,IAAad,EAA+C,SACvE,EAAE,MAAAe,GAAM,QAAAC,GAAQ,SAAAC,GAAS,WAAAX,GAAW,UAAAY,GAAU,GAAGX,EAAA,GACjDC,GACA;AAEA,SACE,gBAAAK;AAAA,IAFWI,IAAUE,IAAO;AAAA,IAE3B;AAAA,MACC,KAAAX;AAAA,MACA,MAAAO;AAAA,MACA,gBAAcC,IAAS,SAAS;AAAA,MAChC,WAAWJ;AAAA,QACT;AAAA,QACA;AAAA,QACAI,IAAS,oBAAoB;AAAA,QAC7B;AAAA,QACAV;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEH,UAAAW;AAAA,IAAA;AAAA,EAAA;AAGP,CAAC;AACDJ,EAAW,cAAc;"}

package/dist-lib/styles.css

@@ -1 +1 @@
-/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:1rem;--text-sm:.8125rem;--text-sm--line-height:1.25rem;--text-base:.875rem;--text-base--line-height:1.5rem;--text-lg:1rem;--text-lg--line-height:1.5rem;--text-xl:1.125rem;--text-xl--line-height:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-xs--letter-spacing:.005em;--text-sm--letter-spacing:0;--text-base--letter-spacing:0;--text-lg--letter-spacing:-.005em;--text-xl--letter-spacing:-.01em;--spacing-0:0rem;--spacing-px:1px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0px;--radius-full:9999px;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-popover:1400;--z-toast:1500;--z-tooltip:1600;--duration-fast:.12s;--duration-base:.16s;--duration-slow:.24s;--color-accent-50:#f0f2ff;--color-accent-100:#e2e6fd;--color-accent-200:#c4caf8;--color-accent-300:#9fa7ef;--color-accent-400:#787cdd;--color-accent-500:#595dcf;--color-accent-600:#3e43bb;--color-accent-700:#353897;--color-accent-800:#2f3175;--color-accent-900:#282a5d;--color-accent-950:#14163d;--color-border:var(--border);--color-border-strong:var(--border-strong);--color-accent:var(--accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{border-color:var(--border)}html{scrollbar-gutter:stable;font-family:var(--font-sans);font-feature-settings:"cv11" on,"ss03" on,"rlig" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}:root{color-scheme:light}.dark{color-scheme:dark}body{background-color:var(--background);color:var(--foreground);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-normal);overflow-wrap:break-word;font-synthesis:none}::-moz-selection{background-color:var(--selection);color:var(--selection-foreground)}::selection{background-color:var(--selection);color:var(--selection-foreground)}:focus-visible,[data-chart-series]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.animate-in,.animate-out{--tw-duration:var(--duration-base);--tw-ease:var(--ease-out)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.focus-ring{outline:2px solid var(--ring);outline-offset:2px;box-shadow:0 0 0 2px var(--ring-offset)}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-motion-keep],.motion-safe-keep{animation-name:motion-keep-pulse!important;animation-duration:1.6s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;transform:none!important}}@media(forced-colors:active){:root,.dark{--border:CanvasText;--border-strong:CanvasText;--border-input:CanvasText;--ring:Highlight;--ring-offset:Canvas}:focus-visible{outline-offset:2px;outline:2px solid highlight}.focus-ring,.ring-focus{box-shadow:none;outline:2px solid highlight}}@media(prefers-contrast:more){:root{--border:#b8c5d6;--border-strong:#7a899f;--foreground-muted:#1b294b;--foreground-subtle:#48566a}.dark{--border:#394960;--border-strong:#607085;--foreground-muted:#e2ebf3;--foreground-subtle:#becbda}}@media(prefers-reduced-transparency:reduce){[class*=backdrop-blur],.glass-fallback{-webkit-backdrop-filter:none!important;background-color:var(--background)!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in oklab,var(--color-border-strong) 45%,transparent) transparent}}:hover{scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-border-strong) 45%,transparent)}}::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000;border-radius:9999px;-webkit-transition:background-color .15s;transition:background-color .15s}:hover::-webkit-scrollbar-thumb{background-color:var(--color-border-strong)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}::-webkit-scrollbar-corner{background:0 0}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.inset-y-0{inset-block:var(--spacing-0)}.-top-12{top:calc(var(--spacing-12) * -1)}.top-0{top:var(--spacing-0)}.top-1{top:var(--spacing-1)}.top-1\/2{top:50%}.top-2{top:var(--spacing-2)}.top-4{top:var(--spacing-4)}.top-\[20\%\]{top:20%}.-right-12{right:calc(var(--spacing-12) * -1)}.right-0{right:var(--spacing-0)}.right-2{right:var(--spacing-2)}.right-4{right:var(--spacing-4)}.-bottom-12{bottom:calc(var(--spacing-12) * -1)}.bottom-0{bottom:var(--spacing-0)}.-left-12{left:calc(var(--spacing-12) * -1)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-2{left:var(--spacing-2)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-overlay\)\]{z-index:var(--z-overlay)}.z-\[var\(--z-popover\)\]{z-index:var(--z-popover)}.z-\[var\(--z-sticky\)\]{z-index:var(--z-sticky)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip)}.order-last{order:9999}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.-m-1{margin:calc(var(--spacing-1) * -1)}.-mx-1{margin-inline:calc(var(--spacing-1) * -1)}.mx-1\.5{margin-inline:var(--spacing-1_5)}.mx-2{margin-inline:var(--spacing-2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing-1)}.my-6{margin-block:var(--spacing-6)}.my-auto{margin-block:auto}.-mt-4{margin-top:calc(var(--spacing-4) * -1)}.mt-0{margin-top:var(--spacing-0)}.mt-0\.5{margin-top:var(--spacing-0_5)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-24{margin-top:var(--spacing-24)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-24{margin-bottom:var(--spacing-24)}.-ml-4{margin-left:calc(var(--spacing-4) * -1)}.ml-2{margin-left:var(--spacing-2)}.ml-6{margin-left:var(--spacing-6)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-1{width:var(--spacing-1);height:var(--spacing-1)}.size-1\.5{width:var(--spacing-1_5);height:var(--spacing-1_5)}.size-2{width:var(--spacing-2);height:var(--spacing-2)}.size-3{width:var(--spacing-3);height:var(--spacing-3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:var(--spacing-4);height:var(--spacing-4)}.size-5{width:var(--spacing-5);height:var(--spacing-5)}.size-6{width:var(--spacing-6);height:var(--spacing-6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:var(--spacing-8);height:var(--spacing-8)}.size-10{width:var(--spacing-10);height:var(--spacing-10)}.size-12{width:var(--spacing-12);height:var(--spacing-12)}.size-24{width:var(--spacing-24);height:var(--spacing-24)}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-\[28\%\]{width:28%;height:28%}.size-full{width:100%;height:100%}.h-1{height:var(--spacing-1)}.h-1\.5{height:var(--spacing-1_5)}.h-2{height:var(--spacing-2)}.h-3{height:var(--spacing-3)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:var(--spacing-8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:var(--spacing-10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:var(--spacing-12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:var(--spacing-20)}.h-24{height:var(--spacing-24)}.h-32{height:var(--spacing-32)}.h-64{height:calc(var(--spacing) * 64)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px;height:var(--spacing-px)}.max-h-24{max-height:var(--spacing-24)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[320px\]{max-height:320px}.max-h-dvh{max-height:100dvh}.min-h-0{min-height:var(--spacing-0)}.min-h-6{min-height:var(--spacing-6)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-20{min-height:var(--spacing-20)}.w-1\.5{width:var(--spacing-1_5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:var(--spacing-2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:var(--spacing-4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:var(--spacing-8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:var(--spacing-10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:var(--spacing-12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:var(--spacing-20)}.w-24{width:var(--spacing-24)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[7\.5rem\]{width:7.5rem}.w-\[10px\]{width:10px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px;width:var(--spacing-px)}.max-w-\[10rem\]{max-width:10rem}.max-w-\[400px\]{max-width:400px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[min\(26\.25rem\,90vw\)\]{max-width:min(26.25rem,90vw)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:var(--spacing-0)}.min-w-5{min-width:var(--spacing-5)}.min-w-6{min-width:var(--spacing-6)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[6ch\]{min-width:6ch}.min-w-\[8ch\]{min-width:8ch}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-out{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:var(--spacing-0_5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-2\.5{gap:var(--spacing-2_5)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-px{gap:1px;gap:var(--spacing-px)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1_5) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1_5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-6) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-8) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-12) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing-2) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-border-input{border-color:var(--border-input)}.border-current{border-color:currentColor}.border-danger{border-color:var(--danger-solid)}.border-danger-border-soft{border-color:var(--danger-border)}.border-info-border-soft{border-color:var(--info-border)}.border-success-border-soft{border-color:var(--success-border)}.border-transparent{border-color:#0000}.border-warning-border-soft{border-color:var(--warning-border)}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-accent{background-color:var(--accent)}.bg-accent-hover{background-color:var(--accent-hover)}.bg-accent-soft{background-color:var(--accent-subtle)}.bg-background{background-color:var(--background)}.bg-background-muted{background-color:var(--background-muted)}.bg-background-subtle{background-color:var(--background-subtle)}.bg-border{background-color:var(--border)}.bg-border-strong{background-color:var(--border-strong)}.bg-card{background-color:var(--card)}.bg-danger{background-color:var(--danger-solid)}.bg-danger-soft{background-color:var(--danger-subtle)}.bg-foreground-subtle{background-color:var(--foreground-subtle)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-info{background-color:var(--info-solid)}.bg-info-soft{background-color:var(--info-subtle)}.bg-overlay{background-color:var(--overlay)}.bg-popover{background-color:var(--popover)}.bg-success{background-color:var(--success-solid)}.bg-success-soft{background-color:var(--success-subtle)}.bg-switch-thumb{background-color:var(--switch-thumb)}.bg-tooltip{background-color:var(--tooltip)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning-solid)}.bg-warning-soft{background-color:var(--warning-subtle)}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-accent{fill:var(--accent)}.fill-none{fill:none}.stroke-accent{stroke:var(--accent)}.stroke-background-muted{stroke:var(--background-muted)}.stroke-danger{stroke:var(--danger-solid)}.stroke-success{stroke:var(--success-solid)}.stroke-warning{stroke:var(--warning-solid)}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:var(--spacing-2)!important}.p-0{padding:var(--spacing-0)}.p-0\.5{padding:var(--spacing-0_5)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-10{padding:var(--spacing-10)}.p-px{padding:1px;padding:var(--spacing-px)}.px-0{padding-inline:var(--spacing-0)}.px-1{padding-inline:var(--spacing-1)}.px-1\.5{padding-inline:var(--spacing-1_5)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:var(--spacing-2_5)}.px-3{padding-inline:var(--spacing-3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.px-6{padding-inline:var(--spacing-6)}.px-8{padding-inline:var(--spacing-8)}.py-0\.5{padding-block:var(--spacing-0_5)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:var(--spacing-1_5)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.pt-0{padding-top:var(--spacing-0)}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pr-1\.5{padding-right:var(--spacing-1_5)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-8{padding-right:var(--spacing-8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-\[env\(safe-area-inset-right\)\]{padding-right:env(safe-area-inset-right)}.pr-\[max\(1\.5rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(1.5rem,env(safe-area-inset-right))}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-4{padding-bottom:var(--spacing-4)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.pl-1{padding-left:var(--spacing-1)}.pl-4{padding-left:var(--spacing-4)}.pl-8{padding-left:var(--spacing-8)}.pl-\[env\(safe-area-inset-left\)\]{padding-left:env(safe-area-inset-left)}.pl-\[max\(1\.5rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(1.5rem,env(safe-area-inset-left))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));letter-spacing:var(--tw-tracking,var(--text-base--letter-spacing))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-lg--letter-spacing))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-card-foreground{color:var(--card-foreground)}.text-danger{color:var(--danger-solid)}.text-danger-text{color:var(--danger-foreground)}.text-foreground{color:var(--foreground)}.text-foreground-muted{color:var(--foreground-muted)}.text-foreground-subtle{color:var(--foreground-subtle)}.text-info-text{color:var(--info-foreground)}.text-on-accent{color:var(--accent-foreground)}.text-on-accent-soft{color:var(--accent-subtle-foreground)}.text-on-danger{color:var(--on-danger)}.text-popover-foreground{color:var(--popover-foreground)}.text-success-text{color:var(--success-foreground)}.text-tooltip-foreground{color:var(--tooltip-foreground)}.text-warning{color:var(--warning-solid)}.text-warning-text{color:var(--warning-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 12px 24px -6px var(--tw-shadow-color,#00000014), 0 4px 8px -4px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 8px -2px var(--tw-shadow-color,#0000000f), 0 2px 4px -2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 24px 48px -12px var(--tw-shadow-color,#0000001f), 0 8px 16px -8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--duration-base\)\]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.duration-\[var\(--duration-fast\)\]{--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.ease-\[var\(--ease-out\)\]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-foreground-subtle::-moz-placeholder{color:var(--foreground-subtle)}.placeholder\:text-foreground-subtle::placeholder{color:var(--foreground-subtle)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-0\.5:before{content:var(--tw-content);inset:calc(var(--spacing-0_5) * -1)}.before\:-inset-1\.5:before{content:var(--tw-content);inset:calc(var(--spacing-1_5) * -1)}.before\:-inset-x-1:before{content:var(--tw-content);inset-inline:calc(var(--spacing-1) * -1)}.before\:-inset-y-1:before{content:var(--tw-content);inset-block:calc(var(--spacing-1) * -1)}.before\:-inset-y-1\.5:before{content:var(--tw-content);inset-block:calc(var(--spacing-1_5) * -1)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:size-11:before{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:var(--radius-full)}.before\:content-\[\"\"\]:before,.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.last\:flex-initial:last-child{flex:0 auto}.focus-within\:border-accent:focus-within{border-color:var(--accent)}.focus-within\:border-danger:focus-within{border-color:var(--danger-solid)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-danger:focus-within{--tw-ring-color:var(--danger-solid)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-within\:ring-offset-background:focus-within{--tw-ring-offset-color:var(--background)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-background-muted:hover{background-color:var(--background-muted)}.hover\:bg-background-subtle:hover{background-color:var(--background-subtle)}.hover\:bg-current\/10:hover{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hover\:bg-current\/10:hover{background-color:color-mix(in oklab,currentcolor 10%,transparent)}}.hover\:bg-danger-hover:hover{background-color:var(--danger-hover)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:p-2:hover{padding:var(--spacing-2)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}.focus-visible\:border-accent:focus-visible{border-color:var(--accent)}.focus-visible\:border-danger:focus-visible{border-color:var(--danger-solid)}.focus-visible\:text-foreground:focus-visible{color:var(--foreground)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-danger:focus-visible{--tw-ring-color:var(--danger-solid)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:ring-offset-card:focus-visible{--tw-ring-offset-color:var(--card)}.active\:bg-accent-active:active{background-color:var(--accent-active)}.active\:bg-background-subtle:active{background-color:var(--background-subtle)}.active\:bg-danger-active:active{background-color:var(--danger-active)}.active\:bg-surface-active:active{background-color:var(--surface-active)}.active\:text-accent-hover:active{color:var(--accent-hover)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-invalid\:border-danger:has([aria-invalid=true]),.has-aria-invalid\:focus-within\:border-danger:has([aria-invalid=true]):focus-within{border-color:var(--danger-solid)}.has-aria-invalid\:focus-within\:ring-danger:has([aria-invalid=true]):focus-within{--tw-ring-color:var(--danger-solid)}.aria-busy\:pointer-events-none[aria-busy=true]{pointer-events:none}.aria-invalid\:border-danger[aria-invalid=true]{border-color:var(--danger-solid)}.aria-invalid\:ring-2[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-danger[aria-invalid=true]{--tw-ring-color:var(--danger-solid)}.aria-invalid\:focus-visible\:border-danger[aria-invalid=true]:focus-visible{border-color:var(--danger-solid)}.aria-invalid\:focus-visible\:ring-danger[aria-invalid=true]:focus-visible{--tw-ring-color:var(--danger-solid)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[highlighted\]\:bg-background-muted[data-highlighted]{background-color:var(--background-muted)}.data-\[highlighted\]\:bg-danger-soft[data-highlighted]{background-color:var(--danger-subtle)}.data-\[highlighted\]\:text-danger-text[data-highlighted]{color:var(--danger-foreground)}.data-\[highlighted\]\:text-foreground[data-highlighted]{color:var(--foreground)}.data-\[placeholder\]\:text-foreground-subtle[data-placeholder]{color:var(--foreground-subtle)}.data-\[selected\=true\]\:bg-background-muted[data-selected=true]{background-color:var(--background-muted)}.data-\[selected\=true\]\:text-foreground[data-selected=true]{color:var(--foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing-1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-1[data-side=bottom]{--tw-enter-translate-y:calc(1*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-1[data-side=left]{--tw-enter-translate-x:calc(1*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-1[data-side=right]{--tw-enter-translate-x:calc(1*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing-1) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-1[data-side=top]{--tw-enter-translate-y:calc(1*var(--spacing))}.data-\[state\=checked\]\:translate-x-3[data-state=checked]{--tw-translate-x:var(--spacing-3);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-accent[data-state=checked]{border-color:var(--accent)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:text-on-accent[data-state=checked]{color:var(--accent-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-\[var\(--duration-base\)\][data-state=closed]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=indeterminate\]\:border-accent[data-state=indeterminate]{border-color:var(--accent)}.data-\[state\=indeterminate\]\:bg-accent[data-state=indeterminate]{background-color:var(--accent)}.data-\[state\=indeterminate\]\:text-on-accent[data-state=indeterminate]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-background-muted[data-state=open]{background-color:var(--background-muted)}.data-\[state\=open\]\:duration-\[var\(--duration-slow\)\][data-state=open]{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-right-full[data-state=open]{--tw-enter-translate-x: 100% }.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=selected\]\:bg-accent-soft[data-state=selected]{background-color:var(--accent-subtle)}@media(hover:hover){.data-\[state\=selected\]\:hover\:bg-accent-soft[data-state=selected]:hover{background-color:var(--accent-subtle)}}.data-\[state\=unchecked\]\:bg-switch-track-off[data-state=unchecked]{background-color:var(--switch-track-off)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:transition-transform[data-swipe=cancel]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[variant\=pills\]\:h-full[data-variant=pills]{height:100%}.data-\[variant\=pills\]\:rounded-md[data-variant=pills]{border-radius:var(--radius-md)}.data-\[variant\=pills\]\:px-3[data-variant=pills]{padding-inline:var(--spacing-3)}.data-\[variant\=pills\]\:text-foreground-muted[data-variant=pills]{color:var(--foreground-muted)}@media(hover:hover){.data-\[variant\=pills\]\:hover\:text-foreground[data-variant=pills]:hover{color:var(--foreground)}}.data-\[variant\=pills\]\:data-\[state\=active\]\:bg-card[data-variant=pills][data-state=active]{background-color:var(--card)}.data-\[variant\=pills\]\:data-\[state\=active\]\:text-foreground[data-variant=pills][data-state=active]{color:var(--foreground)}.data-\[variant\=pills\]\:data-\[state\=active\]\:shadow-xs[data-variant=pills][data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=underline\]\:relative[data-variant=underline]{position:relative}.data-\[variant\=underline\]\:h-full[data-variant=underline]{height:100%}.data-\[variant\=underline\]\:px-1[data-variant=underline]{padding-inline:var(--spacing-1)}.data-\[variant\=underline\]\:text-foreground-muted[data-variant=underline]{color:var(--foreground-muted)}@media(hover:hover){.data-\[variant\=underline\]\:hover\:text-foreground[data-variant=underline]:hover{color:var(--foreground)}}.data-\[variant\=underline\]\:data-\[state\=active\]\:text-foreground[data-variant=underline][data-state=active]{color:var(--foreground)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:absolute[data-variant=underline][data-state=active]:after{content:var(--tw-content);position:absolute}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:inset-x-0[data-variant=underline][data-state=active]:after{content:var(--tw-content);inset-inline:var(--spacing-0)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:-bottom-px[data-variant=underline][data-state=active]:after{content:var(--tw-content);bottom:-1px;bottom:calc(var(--spacing-px) * -1)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:h-0\.5[data-variant=underline][data-state=active]:after{content:var(--tw-content);height:var(--spacing-0_5)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:bg-accent[data-variant=underline][data-state=active]:after{content:var(--tw-content);background-color:var(--accent)}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(min-width:640px){.sm\:top-4{top:var(--spacing-4)}.sm\:right-4{right:var(--spacing-4)}.sm\:bottom-auto{bottom:auto}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-6{gap:var(--spacing-6)}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:flex{display:flex}.md\:p-6{padding:var(--spacing-6)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}}.dark\:bg-background:where(.dark,.dark *){background-color:var(--background)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:var(--spacing-2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:var(--spacing-1_5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-foreground-subtle [cmdk-group-heading]{color:var(--foreground-subtle)}.\[\&_button\]\:rounded-none button{border-radius:var(--radius-none)}.\[\&_button\]\:rounded-l-none button{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.\[\&_button\]\:rounded-r-none button{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.\[\&_button\]\:border button{border-style:var(--tw-border-style);border-width:1px}.\[\&_button\]\:border-border button{border-color:var(--border)}.\[\&_button\]\:bg-accent button{background-color:var(--accent)}.\[\&_button\]\:bg-accent-soft button{background-color:var(--accent-subtle)}.\[\&_button\]\:text-foreground button{color:var(--foreground)}.\[\&_button\]\:text-on-accent button{color:var(--accent-foreground)}.\[\&_button\]\:focus-visible\:ring-offset-accent-soft button:focus-visible{--tw-ring-offset-color:var(--accent-subtle)}.\[\&_button\:hover\]\:bg-accent-hover button:hover{background-color:var(--accent-hover)}.\[\&_button\:hover\]\:bg-accent-soft button:hover{background-color:var(--accent-subtle)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:var(--spacing-3);height:var(--spacing-3)}.\[\&_svg\]\:size-4 svg{width:var(--spacing-4);height:var(--spacing-4)}.\[\&_svg\]\:size-5 svg{width:var(--spacing-5);height:var(--spacing-5)}.\[\&_svg\]\:size-6 svg{width:var(--spacing-6);height:var(--spacing-6)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-foreground-subtle svg{color:var(--foreground-subtle)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\]\:border-border tr{border-color:var(--border)}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:focus-visible_\[data-active\]\]\:stroke-\[var\(--ring\)\]:focus-visible [data-active]{stroke:var(--ring)}.\[\&\:focus-visible_\[data-active\]\]\:stroke-\[3px\]:focus-visible [data-active]{stroke-width:3px}.\[\&\:has\(\[role\=checkbox\]\)\]\:w-10:has([role=checkbox]){width:var(--spacing-10)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:var(--spacing-0)}.\[\&\>span\]\:min-w-0>span{min-width:var(--spacing-0)}.\[\&\>span\]\:truncate>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-ring{--tw-ring-color:var(--ring)}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-offset-background{--tw-ring-offset-color:var(--background)}.animate-progress-indeterminate{animation:1.4s ease-in-out infinite progress-indeterminate}.ring-focus{--tw-outline-style:none;box-shadow:0 0 0 2px var(--ring-offset),0 0 0 4px var(--ring);outline-style:none}.border-hairline{border-style:solid;border-width:1px}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#fff;--background-subtle:#f8fafc;--background-muted:#f1f5f9;--foreground:#0f1729;--foreground-muted:#48566a;--foreground-subtle:#607085;--border:#e1e7ef;--border-strong:#cbd5e1;--border-input:#7a899f;--card:#fff;--card-foreground:#0f1729;--popover:#fff;--popover-foreground:#0f1729;--accent:#3e43bb;--accent-foreground:#fff;--accent-subtle:#f0f2ff;--accent-subtle-foreground:#353897;--accent-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-hover:color-mix(in oklab, var(--accent) 88%, black)}}:root{--accent-active:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-active:color-mix(in oklab, var(--accent) 78%, black)}}:root{--surface-hover:#e1e7ef;--surface-active:#cbd5e1;--overlay:#080a1799;--tooltip:#0f1729;--tooltip-foreground:#f8fafc;--chart-1:#266bd9;--chart-2:#197b5d;--chart-3:#c47f08;--chart-4:#c52020;--chart-5:#65758b;--chart-6:#7c51c8;--switch-track-off:#7a899f;--switch-thumb:#fff;--success-subtle:#edfdf5;--success-border:#abedce;--success-foreground:#147156;--success-solid:#197b5d;--on-success:#fff;--warning-subtle:#fffbeb;--warning-border:#fce292;--warning-foreground:#934515;--warning-solid:#b85b14;--on-warning:#fff;--danger-subtle:#fef1f1;--danger-border:#fec8c8;--danger-foreground:#ba1c1c;--danger-solid:#dc2828;--on-danger:#fff;--danger-hover:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){:root{--danger-hover:color-mix(in oklab, var(--danger-solid) 88%, black)}}:root{--danger-active:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){:root{--danger-active:color-mix(in oklab, var(--danger-solid) 78%, black)}}:root{--info-subtle:#f0f2ff;--info-border:#c4caf8;--info-foreground:#353897;--info-solid:#3e43bb;--on-info:#fff;--ring:#595dcf;--ring-offset:#fff;--selection:#e0e4ff;--selection-foreground:#353897}.dark{--background:#080a17;--background-subtle:#0c1322;--background-muted:#161f2c;--foreground:#f8fafc;--foreground-muted:#cbd5e1;--foreground-subtle:#94a3b8;--border:#1d283a;--border-strong:#344256;--border-input:#607085;--card:#0f1729;--card-foreground:#f8fafc;--popover:#0f1729;--popover-foreground:#f8fafc;--accent:#787cdd;--accent-foreground:#080a17;--accent-subtle:#14163d;--accent-subtle-foreground:#9fa7ef;--accent-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark{--accent-hover:color-mix(in oklab, var(--accent) 88%, white)}}.dark{--accent-active:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark{--accent-active:color-mix(in oklab, var(--accent) 78%, white)}}.dark{--surface-hover:#1d283a;--surface-active:#344256;--overlay:#080a17b3;--tooltip:#f8fafc;--tooltip-foreground:#0f1729;--chart-1:#6c9eef;--chart-2:#47d1a8;--chart-3:#f7b23b;--chart-4:#ef6c6c;--chart-5:#94a3b8;--chart-6:#b393ec;--switch-track-off:#607085;--switch-thumb:#fff;--success-subtle:#04251d;--success-border:#0e4e3c;--success-foreground:#6cdaab;--success-solid:#39c690;--on-success:#080a17;--warning-subtle:#29140a;--warning-border:#713614;--warning-foreground:#f8c154;--warning-solid:#f4a02a;--on-warning:#080a17;--danger-subtle:#360808;--danger-border:#981b1b;--danger-foreground:#f87272;--danger-solid:#ef4343;--on-danger:#080a17;--danger-hover:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){.dark{--danger-hover:color-mix(in oklab, var(--danger-solid) 88%, white)}}.dark{--danger-active:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){.dark{--danger-active:color-mix(in oklab, var(--danger-solid) 78%, white)}}.dark{--info-subtle:#14163d;--info-border:#2f3175;--info-foreground:#9fa7ef;--info-solid:#787cdd;--on-info:#080a17;--ring:#787cdd;--ring-offset:#080a17;--selection:#2f3175;--selection-foreground:#f0f2ff}[data-accent=blue]{--color-accent-700:oklch(47% .16 250);--color-accent-800:oklch(39% .14 250)}:root[data-accent=blue]{--accent:oklch(55% .16 250);--accent-subtle:oklch(96% .03 250);--accent-subtle-foreground:oklch(45% .15 250);--ring:oklch(62% .16 250)}.dark[data-accent=blue]{--accent:oklch(64% .15 250);--accent-subtle:oklch(24% .06 250);--accent-subtle-foreground:oklch(82% .1 250);--ring:oklch(68% .15 250)}[data-accent=violet]{--color-accent-700:oklch(45% .18 295);--color-accent-800:oklch(38% .16 295)}:root[data-accent=violet]{--accent:oklch(53% .2 295);--accent-subtle:oklch(96% .03 295);--accent-subtle-foreground:oklch(46% .18 295);--ring:oklch(60% .2 295)}.dark[data-accent=violet]{--accent:oklch(64% .18 295);--accent-subtle:oklch(25% .07 295);--accent-subtle-foreground:oklch(83% .12 295);--ring:oklch(68% .18 295)}[data-accent=emerald]{--color-accent-700:oklch(47% .13 160);--color-accent-800:oklch(39% .12 160)}:root[data-accent=emerald]{--accent:oklch(55% .13 160);--accent-subtle:oklch(96% .03 160);--accent-subtle-foreground:oklch(42% .12 160);--ring:oklch(60% .13 160)}.dark[data-accent=emerald]{--accent:oklch(64% .14 160);--accent-subtle:oklch(23% .05 160);--accent-subtle-foreground:oklch(80% .12 160);--ring:oklch(68% .14 160)}[data-accent=rose]{--color-accent-700:oklch(49% .18 12);--color-accent-800:oklch(41% .16 12)}:root[data-accent=rose]{--accent:oklch(57% .19 12);--accent-subtle:oklch(96% .03 12);--accent-subtle-foreground:oklch(48% .18 12);--ring:oklch(62% .19 12)}.dark[data-accent=rose]{--accent:oklch(65% .18 12);--accent-subtle:oklch(25% .07 12);--accent-subtle-foreground:oklch(83% .12 12);--ring:oklch(70% .18 12)}[data-accent=amber]{--color-accent-700:oklch(54% .13 65);--color-accent-800:oklch(46% .12 65)}:root[data-accent=amber]{--accent:oklch(56% .14 65);--accent-subtle:oklch(96% .04 75);--accent-subtle-foreground:oklch(48% .12 65);--ring:oklch(64% .14 65)}.dark[data-accent=amber]{--accent:oklch(66% .14 65);--accent-subtle:oklch(26% .05 70);--accent-subtle-foreground:oklch(85% .12 80);--ring:oklch(72% .14 65)}@keyframes motion-keep-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes progress-indeterminate{0%{transform:translate(-100%)scaleX(.6)}50%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.6)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}
+/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--font-sans:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-indigo-500:oklch(58.5% .233 277.117);--color-purple-500:oklch(62.7% .265 303.9);--color-pink-500:oklch(65.6% .241 354.308);--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--text-xs:.75rem;--text-xs--line-height:1rem;--text-sm:.8125rem;--text-sm--line-height:1.25rem;--text-base:.875rem;--text-base--line-height:1.5rem;--text-lg:1rem;--text-lg--line-height:1.5rem;--text-xl:1.125rem;--text-xl--line-height:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wide:.025em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--text-xs--letter-spacing:.005em;--text-sm--letter-spacing:0;--text-base--letter-spacing:0;--text-lg--letter-spacing:-.005em;--text-xl--letter-spacing:-.01em;--spacing-0:0rem;--spacing-px:1px;--spacing-0_5:.125rem;--spacing-1:.25rem;--spacing-1_5:.375rem;--spacing-2:.5rem;--spacing-2_5:.625rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-32:8rem;--radius-none:0px;--radius-full:9999px;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-popover:1400;--z-toast:1500;--z-tooltip:1600;--duration-fast:.12s;--duration-base:.16s;--duration-slow:.24s;--color-accent-50:#f0f2ff;--color-accent-100:#e2e6fd;--color-accent-200:#c4caf8;--color-accent-300:#9fa7ef;--color-accent-400:#787cdd;--color-accent-500:#595dcf;--color-accent-600:#3e43bb;--color-accent-700:#353897;--color-accent-800:#2f3175;--color-accent-900:#282a5d;--color-accent-950:#14163d;--color-border:var(--border);--color-border-strong:var(--border-strong);--color-accent:var(--accent)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*,:before,:after{border-color:var(--border)}html{scrollbar-gutter:stable;font-family:var(--font-sans);font-feature-settings:"cv11" on,"ss03" on,"rlig" on;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}:root{color-scheme:light}.dark{color-scheme:dark}body{background-color:var(--background);color:var(--foreground);font-size:var(--text-base);line-height:var(--text-base--line-height);font-weight:var(--font-weight-normal);overflow-wrap:break-word;font-synthesis:none}::-moz-selection{background-color:var(--selection);color:var(--selection-foreground)}::selection{background-color:var(--selection);color:var(--selection-foreground)}:focus-visible,[data-chart-series]:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.animate-in,.animate-out{--tw-duration:var(--duration-base);--tw-ease:var(--ease-out)}button:not(:disabled),[role=button]:not(:disabled){cursor:pointer}.focus-ring{outline:2px solid var(--ring);outline-offset:2px;box-shadow:0 0 0 2px var(--ring-offset)}.tabular{font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}[data-motion-keep],.motion-safe-keep{animation-name:motion-keep-pulse!important;animation-duration:1.6s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important;transform:none!important}}@media(forced-colors:active){:root,.dark{--border:CanvasText;--border-strong:CanvasText;--border-input:CanvasText;--ring:Highlight;--ring-offset:Canvas}:focus-visible{outline-offset:2px;outline:2px solid highlight}.focus-ring,.ring-focus{box-shadow:none;outline:2px solid highlight}}@media(prefers-contrast:more){:root{--border:#b8c5d6;--border-strong:#7a899f;--foreground-muted:#1b294b;--foreground-subtle:#48566a}.dark{--border:#394960;--border-strong:#607085;--foreground-muted:#e2ebf3;--foreground-subtle:#becbda}}@media(prefers-reduced-transparency:reduce){[class*=backdrop-blur],.glass-fallback{-webkit-backdrop-filter:none!important;background-color:var(--background)!important}}*{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}@supports (color:color-mix(in lab,red,red)){*{scrollbar-color:color-mix(in oklab,var(--color-border-strong) 45%,transparent) transparent}}:hover{scrollbar-color:var(--color-border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong)}@supports (color:color-mix(in lab,red,red)){::-webkit-scrollbar-thumb{background-color:color-mix(in oklab,var(--color-border-strong) 45%,transparent)}}::-webkit-scrollbar-thumb{background-clip:padding-box;border:2px solid #0000;border-radius:9999px;-webkit-transition:background-color .15s;transition:background-color .15s}:hover::-webkit-scrollbar-thumb{background-color:var(--color-border-strong)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-border-strong)}::-webkit-scrollbar-corner{background:0 0}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:var(--spacing-0)}.inset-x-0{inset-inline:var(--spacing-0)}.inset-y-0{inset-block:var(--spacing-0)}.-top-12{top:calc(var(--spacing-12) * -1)}.top-0{top:var(--spacing-0)}.top-1{top:var(--spacing-1)}.top-1\/2{top:50%}.top-2{top:var(--spacing-2)}.top-4{top:var(--spacing-4)}.top-\[20\%\]{top:20%}.-right-12{right:calc(var(--spacing-12) * -1)}.right-0{right:var(--spacing-0)}.right-2{right:var(--spacing-2)}.right-4{right:var(--spacing-4)}.-bottom-12{bottom:calc(var(--spacing-12) * -1)}.bottom-0{bottom:var(--spacing-0)}.-left-12{left:calc(var(--spacing-12) * -1)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-2{left:var(--spacing-2)}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-\[var\(--z-modal\)\]{z-index:var(--z-modal)}.z-\[var\(--z-overlay\)\]{z-index:var(--z-overlay)}.z-\[var\(--z-popover\)\]{z-index:var(--z-popover)}.z-\[var\(--z-sticky\)\]{z-index:var(--z-sticky)}.z-\[var\(--z-toast\)\]{z-index:var(--z-toast)}.z-\[var\(--z-tooltip\)\]{z-index:var(--z-tooltip)}.order-last{order:9999}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.-m-1{margin:calc(var(--spacing-1) * -1)}.-mx-1{margin-inline:calc(var(--spacing-1) * -1)}.mx-1\.5{margin-inline:var(--spacing-1_5)}.mx-2{margin-inline:var(--spacing-2)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing-1)}.my-6{margin-block:var(--spacing-6)}.my-auto{margin-block:auto}.-mt-4{margin-top:calc(var(--spacing-4) * -1)}.mt-0{margin-top:var(--spacing-0)}.mt-0\.5{margin-top:var(--spacing-0_5)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-24{margin-top:var(--spacing-24)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-24{margin-bottom:var(--spacing-24)}.-ml-4{margin-left:calc(var(--spacing-4) * -1)}.ml-2{margin-left:var(--spacing-2)}.ml-6{margin-left:var(--spacing-6)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-square{aspect-ratio:1}.size-1{width:var(--spacing-1);height:var(--spacing-1)}.size-1\.5{width:var(--spacing-1_5);height:var(--spacing-1_5)}.size-2{width:var(--spacing-2);height:var(--spacing-2)}.size-3{width:var(--spacing-3);height:var(--spacing-3)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:var(--spacing-4);height:var(--spacing-4)}.size-5{width:var(--spacing-5);height:var(--spacing-5)}.size-6{width:var(--spacing-6);height:var(--spacing-6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:var(--spacing-8);height:var(--spacing-8)}.size-10{width:var(--spacing-10);height:var(--spacing-10)}.size-12{width:var(--spacing-12);height:var(--spacing-12)}.size-24{width:var(--spacing-24);height:var(--spacing-24)}.size-32{width:var(--spacing-32);height:var(--spacing-32)}.size-\[28\%\]{width:28%;height:28%}.size-full{width:100%;height:100%}.h-1{height:var(--spacing-1)}.h-1\.5{height:var(--spacing-1_5)}.h-2{height:var(--spacing-2)}.h-3{height:var(--spacing-3)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-6{height:var(--spacing-6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:var(--spacing-8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:var(--spacing-10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:var(--spacing-12)}.h-14{height:calc(var(--spacing) * 14)}.h-20{height:var(--spacing-20)}.h-24{height:var(--spacing-24)}.h-32{height:var(--spacing-32)}.h-64{height:calc(var(--spacing) * 64)}.h-auto{height:auto}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px;height:var(--spacing-px)}.max-h-24{max-height:var(--spacing-24)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-64{max-height:calc(var(--spacing) * 64)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[90dvh\]{max-height:90dvh}.max-h-\[320px\]{max-height:320px}.max-h-dvh{max-height:100dvh}.min-h-0{min-height:var(--spacing-0)}.min-h-6{min-height:var(--spacing-6)}.min-h-9{min-height:calc(var(--spacing) * 9)}.min-h-20{min-height:var(--spacing-20)}.w-1\.5{width:var(--spacing-1_5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:var(--spacing-2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:var(--spacing-4)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:var(--spacing-8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:var(--spacing-10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:var(--spacing-12)}.w-14{width:calc(var(--spacing) * 14)}.w-20{width:var(--spacing-20)}.w-24{width:var(--spacing-24)}.w-40{width:calc(var(--spacing) * 40)}.w-60{width:calc(var(--spacing) * 60)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.w-96{width:calc(var(--spacing) * 96)}.w-\[7\.5rem\]{width:7.5rem}.w-\[10px\]{width:10px}.w-\[calc\(100\%-1rem\)\]{width:calc(100% - 1rem)}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-\[var\(--radix-popover-trigger-width\)\]{width:var(--radix-popover-trigger-width)}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px;width:var(--spacing-px)}.max-w-\[10rem\]{max-width:10rem}.max-w-\[400px\]{max-width:400px}.max-w-\[520px\]{max-width:520px}.max-w-\[640px\]{max-width:640px}.max-w-\[720px\]{max-width:720px}.max-w-\[min\(26\.25rem\,90vw\)\]{max-width:min(26.25rem,90vw)}.max-w-full{max-width:100%}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:var(--spacing-0)}.min-w-5{min-width:var(--spacing-5)}.min-w-6{min-width:var(--spacing-6)}.min-w-72{min-width:calc(var(--spacing) * 72)}.min-w-\[6ch\]{min-width:6ch}.min-w-\[8ch\]{min-width:8ch}.min-w-\[8rem\]{min-width:8rem}.min-w-\[12rem\]{min-width:12rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.grow-0{flex-grow:0}.basis-full{flex-basis:100%}.caption-bottom{caption-side:bottom}.border-collapse{border-collapse:collapse}.origin-left{transform-origin:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-in{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-out{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:var(--spacing-0_5)}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:var(--spacing-1_5)}.gap-2{gap:var(--spacing-2)}.gap-2\.5{gap:var(--spacing-2_5)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.gap-px{gap:1px;gap:var(--spacing-px)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1_5) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1_5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-6) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-8) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-8) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-12) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-12) * calc(1 - var(--tw-space-y-reverse)))}:where(.-space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing-2) * -1) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing-2) * -1) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[inherit\]{border-radius:inherit}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-r-xl{border-top-right-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-border-input{border-color:var(--border-input)}.border-current{border-color:currentColor}.border-danger{border-color:var(--danger-solid)}.border-danger-border-soft{border-color:var(--danger-border)}.border-info-border-soft{border-color:var(--info-border)}.border-success-border-soft{border-color:var(--success-border)}.border-transparent{border-color:#0000}.border-warning-border-soft{border-color:var(--warning-border)}.border-t-transparent{border-top-color:#0000}.border-l-transparent{border-left-color:#0000}.bg-accent{background-color:var(--accent)}.bg-accent-hover{background-color:var(--accent-hover)}.bg-accent-soft{background-color:var(--accent-subtle)}.bg-background{background-color:var(--background)}.bg-background-muted{background-color:var(--background-muted)}.bg-background-subtle{background-color:var(--background-subtle)}.bg-border{background-color:var(--border)}.bg-border-strong{background-color:var(--border-strong)}.bg-card{background-color:var(--card)}.bg-danger{background-color:var(--danger-solid)}.bg-danger-soft{background-color:var(--danger-subtle)}.bg-foreground-subtle{background-color:var(--foreground-subtle)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-info{background-color:var(--info-solid)}.bg-info-soft{background-color:var(--info-subtle)}.bg-overlay{background-color:var(--overlay)}.bg-popover{background-color:var(--popover)}.bg-success{background-color:var(--success-solid)}.bg-success-soft{background-color:var(--success-subtle)}.bg-switch-thumb{background-color:var(--switch-thumb)}.bg-tooltip{background-color:var(--tooltip)}.bg-transparent{background-color:#0000}.bg-warning{background-color:var(--warning-solid)}.bg-warning-soft{background-color:var(--warning-subtle)}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-pink-500{--tw-gradient-to:var(--color-pink-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.fill-accent{fill:var(--accent)}.fill-none{fill:none}.stroke-accent{stroke:var(--accent)}.stroke-background-muted{stroke:var(--background-muted)}.stroke-danger{stroke:var(--danger-solid)}.stroke-success{stroke:var(--success-solid)}.stroke-warning{stroke:var(--warning-solid)}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-2{padding:var(--spacing-2)!important}.p-0{padding:var(--spacing-0)}.p-0\.5{padding:var(--spacing-0_5)}.p-1{padding:var(--spacing-1)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-10{padding:var(--spacing-10)}.p-px{padding:1px;padding:var(--spacing-px)}.px-0{padding-inline:var(--spacing-0)}.px-1{padding-inline:var(--spacing-1)}.px-1\.5{padding-inline:var(--spacing-1_5)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:var(--spacing-2_5)}.px-3{padding-inline:var(--spacing-3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.px-6{padding-inline:var(--spacing-6)}.px-8{padding-inline:var(--spacing-8)}.py-0\.5{padding-block:var(--spacing-0_5)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:var(--spacing-1_5)}.py-2{padding-block:var(--spacing-2)}.py-3{padding-block:var(--spacing-3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.pt-0{padding-top:var(--spacing-0)}.pt-2{padding-top:var(--spacing-2)}.pt-4{padding-top:var(--spacing-4)}.pt-6{padding-top:var(--spacing-6)}.pr-1\.5{padding-right:var(--spacing-1_5)}.pr-2{padding-right:var(--spacing-2)}.pr-3{padding-right:var(--spacing-3)}.pr-8{padding-right:var(--spacing-8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-\[env\(safe-area-inset-right\)\]{padding-right:env(safe-area-inset-right)}.pr-\[max\(1\.5rem\,env\(safe-area-inset-right\)\)\]{padding-right:max(1.5rem,env(safe-area-inset-right))}.pb-0{padding-bottom:var(--spacing-0)}.pb-1{padding-bottom:var(--spacing-1)}.pb-4{padding-bottom:var(--spacing-4)}.pb-\[env\(safe-area-inset-bottom\)\]{padding-bottom:env(safe-area-inset-bottom)}.pb-\[max\(1\.5rem\,env\(safe-area-inset-bottom\)\)\]{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}.pl-1{padding-left:var(--spacing-1)}.pl-4{padding-left:var(--spacing-4)}.pl-8{padding-left:var(--spacing-8)}.pl-\[env\(safe-area-inset-left\)\]{padding-left:env(safe-area-inset-left)}.pl-\[max\(1\.5rem\,env\(safe-area-inset-left\)\)\]{padding-left:max(1.5rem,env(safe-area-inset-left))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height));letter-spacing:var(--tw-tracking,var(--text-base--letter-spacing))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-lg--letter-spacing))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height));letter-spacing:var(--tw-tracking,var(--text-xl--letter-spacing))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-accent{color:var(--accent)}.text-card-foreground{color:var(--card-foreground)}.text-danger{color:var(--danger-solid)}.text-danger-text{color:var(--danger-foreground)}.text-foreground{color:var(--foreground)}.text-foreground-muted{color:var(--foreground-muted)}.text-foreground-subtle{color:var(--foreground-subtle)}.text-info-text{color:var(--info-foreground)}.text-on-accent{color:var(--accent-foreground)}.text-on-accent-soft{color:var(--accent-subtle-foreground)}.text-on-danger{color:var(--on-danger)}.text-popover-foreground{color:var(--popover-foreground)}.text-success-text{color:var(--success-foreground)}.text-tooltip-foreground{color:var(--tooltip-foreground)}.text-warning{color:var(--warning-solid)}.text-warning-text{color:var(--warning-foreground)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 12px 24px -6px var(--tw-shadow-color,#00000014), 0 4px 8px -4px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 8px -2px var(--tw-shadow-color,#0000000f), 0 2px 4px -2px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000000f), 0 1px 2px -1px var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 24px 48px -12px var(--tw-shadow-color,#0000001f), 0 8px 16px -8px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-background{--tw-ring-color:var(--background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[stroke-dashoffset\]{transition-property:stroke-dashoffset;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-\[var\(--duration-base\)\]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.duration-\[var\(--duration-fast\)\]{--tw-duration:var(--duration-fast);transition-duration:var(--duration-fast)}.ease-\[var\(--ease-out\)\]{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media(hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-foreground-subtle::-moz-placeholder{color:var(--foreground-subtle)}.placeholder\:text-foreground-subtle::placeholder{color:var(--foreground-subtle)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:-inset-0\.5:before{content:var(--tw-content);inset:calc(var(--spacing-0_5) * -1)}.before\:-inset-1\.5:before{content:var(--tw-content);inset:calc(var(--spacing-1_5) * -1)}.before\:-inset-x-1:before{content:var(--tw-content);inset-inline:calc(var(--spacing-1) * -1)}.before\:-inset-y-1:before{content:var(--tw-content);inset-block:calc(var(--spacing-1) * -1)}.before\:-inset-y-1\.5:before{content:var(--tw-content);inset-block:calc(var(--spacing-1_5) * -1)}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:left-1\/2:before{content:var(--tw-content);left:50%}.before\:size-11:before{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.before\:-translate-x-1\/2:before{content:var(--tw-content);--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:-translate-y-1\/2:before{content:var(--tw-content);--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.before\:rounded-full:before{content:var(--tw-content);border-radius:var(--radius-full)}.before\:content-\[\"\"\]:before,.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.last\:flex-initial:last-child{flex:0 auto}.focus-within\:border-accent:focus-within{border-color:var(--accent)}.focus-within\:border-danger:focus-within{border-color:var(--danger-solid)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-danger:focus-within{--tw-ring-color:var(--danger-solid)}.focus-within\:ring-ring:focus-within{--tw-ring-color:var(--ring)}.focus-within\:ring-offset-2:focus-within{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-within\:ring-offset-background:focus-within{--tw-ring-offset-color:var(--background)}@media(hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-border-strong:hover{border-color:var(--border-strong)}.hover\:bg-accent-hover:hover{background-color:var(--accent-hover)}.hover\:bg-background-muted:hover{background-color:var(--background-muted)}.hover\:bg-background-subtle:hover{background-color:var(--background-subtle)}.hover\:bg-current\/10:hover{background-color:currentColor}@supports (color:color-mix(in lab,red,red)){.hover\:bg-current\/10:hover{background-color:color-mix(in oklab,currentcolor 10%,transparent)}}.hover\:bg-danger-hover:hover{background-color:var(--danger-hover)}.hover\:bg-surface-hover:hover{background-color:var(--surface-hover)}.hover\:p-2:hover{padding:var(--spacing-2)}.hover\:text-accent:hover{color:var(--accent)}.hover\:text-foreground:hover{color:var(--foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-100:hover{opacity:1}}.focus-visible\:border-accent:focus-visible{border-color:var(--accent)}.focus-visible\:border-danger:focus-visible{border-color:var(--danger-solid)}.focus-visible\:text-foreground:focus-visible{color:var(--foreground)}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-danger:focus-visible{--tw-ring-color:var(--danger-solid)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--ring)}.focus-visible\:ring-offset-1:focus-visible{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color:var(--background)}.focus-visible\:ring-offset-card:focus-visible{--tw-ring-offset-color:var(--card)}.active\:bg-accent-active:active{background-color:var(--accent-active)}.active\:bg-background-subtle:active{background-color:var(--background-subtle)}.active\:bg-danger-active:active{background-color:var(--danger-active)}.active\:bg-surface-active:active{background-color:var(--surface-active)}.active\:text-accent-hover:active{color:var(--accent-hover)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.has-disabled\:pointer-events-none:has(:disabled){pointer-events:none}.has-disabled\:opacity-50:has(:disabled){opacity:.5}.has-aria-invalid\:border-danger:has([aria-invalid=true]),.has-aria-invalid\:focus-within\:border-danger:has([aria-invalid=true]):focus-within{border-color:var(--danger-solid)}.has-aria-invalid\:focus-within\:ring-danger:has([aria-invalid=true]):focus-within{--tw-ring-color:var(--danger-solid)}.aria-busy\:pointer-events-none[aria-busy=true]{pointer-events:none}.aria-invalid\:border-danger[aria-invalid=true]{border-color:var(--danger-solid)}.aria-invalid\:ring-2[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.aria-invalid\:ring-danger[aria-invalid=true]{--tw-ring-color:var(--danger-solid)}.aria-invalid\:focus-visible\:border-danger[aria-invalid=true]:focus-visible{border-color:var(--danger-solid)}.aria-invalid\:focus-visible\:ring-danger[aria-invalid=true]:focus-visible{--tw-ring-color:var(--danger-solid)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[disabled\=true\]\:pointer-events-none[data-disabled=true]{pointer-events:none}.data-\[disabled\=true\]\:opacity-50[data-disabled=true]{opacity:.5}.data-\[highlighted\]\:bg-background-muted[data-highlighted]{background-color:var(--background-muted)}.data-\[highlighted\]\:bg-danger-soft[data-highlighted]{background-color:var(--danger-subtle)}.data-\[highlighted\]\:text-danger-text[data-highlighted]{color:var(--danger-foreground)}.data-\[highlighted\]\:text-foreground[data-highlighted]{color:var(--foreground)}.data-\[placeholder\]\:text-foreground-subtle[data-placeholder]{color:var(--foreground-subtle)}.data-\[selected\=true\]\:bg-background-muted[data-selected=true]{background-color:var(--background-muted)}.data-\[selected\=true\]\:text-foreground[data-selected=true]{color:var(--foreground)}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:var(--spacing-1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=bottom\]\:slide-in-from-top-1[data-side=bottom]{--tw-enter-translate-y:calc(1*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-1[data-side=left]{--tw-enter-translate-x:calc(1*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-1[data-side=right]{--tw-enter-translate-x:calc(1*var(--spacing)*-1)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing-1) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[side\=top\]\:slide-in-from-bottom-1[data-side=top]{--tw-enter-translate-y:calc(1*var(--spacing))}.data-\[state\=checked\]\:translate-x-3[data-state=checked]{--tw-translate-x:var(--spacing-3);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:translate-x-4[data-state=checked]{--tw-translate-x:var(--spacing-4);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:border-accent[data-state=checked]{border-color:var(--accent)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:text-on-accent[data-state=checked]{color:var(--accent-foreground)}.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:accordion-up var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:animate-out[data-state=closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=closed\]\:duration-\[var\(--duration-base\)\][data-state=closed]{--tw-duration:var(--duration-base);transition-duration:var(--duration-base)}.data-\[state\=closed\]\:fade-out-0[data-state=closed]{--tw-exit-opacity:0}.data-\[state\=closed\]\:fade-out-80[data-state=closed]{--tw-exit-opacity:.8}.data-\[state\=closed\]\:zoom-out-95[data-state=closed]{--tw-exit-scale:.95}.data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--tw-exit-translate-y:100%}.data-\[state\=closed\]\:slide-out-to-left[data-state=closed]{--tw-exit-translate-x:-100%}.data-\[state\=closed\]\:slide-out-to-right[data-state=closed]{--tw-exit-translate-x:100%}.data-\[state\=closed\]\:slide-out-to-right-full[data-state=closed]{--tw-exit-translate-x: 100% }.data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--tw-exit-translate-y:-100%}.data-\[state\=indeterminate\]\:border-accent[data-state=indeterminate]{border-color:var(--accent)}.data-\[state\=indeterminate\]\:bg-accent[data-state=indeterminate]{background-color:var(--accent)}.data-\[state\=indeterminate\]\:text-on-accent[data-state=indeterminate]{color:var(--accent-foreground)}.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:accordion-down var(--tw-animation-duration,var(--tw-duration,.2s))var(--tw-ease,ease-out)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:animate-in[data-state=open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-\[state\=open\]\:bg-background-muted[data-state=open]{background-color:var(--background-muted)}.data-\[state\=open\]\:duration-\[var\(--duration-slow\)\][data-state=open]{--tw-duration:var(--duration-slow);transition-duration:var(--duration-slow)}.data-\[state\=open\]\:fade-in-0[data-state=open]{--tw-enter-opacity:0}.data-\[state\=open\]\:zoom-in-95[data-state=open]{--tw-enter-scale:.95}.data-\[state\=open\]\:slide-in-from-bottom[data-state=open]{--tw-enter-translate-y:100%}.data-\[state\=open\]\:slide-in-from-left[data-state=open]{--tw-enter-translate-x:-100%}.data-\[state\=open\]\:slide-in-from-right[data-state=open]{--tw-enter-translate-x:100%}.data-\[state\=open\]\:slide-in-from-right-full[data-state=open]{--tw-enter-translate-x: 100% }.data-\[state\=open\]\:slide-in-from-top[data-state=open]{--tw-enter-translate-y:-100%}.data-\[state\=selected\]\:bg-accent-soft[data-state=selected]{background-color:var(--accent-subtle)}@media(hover:hover){.data-\[state\=selected\]\:hover\:bg-accent-soft[data-state=selected]:hover{background-color:var(--accent-subtle)}}.data-\[state\=unchecked\]\:bg-switch-track-off[data-state=unchecked]{background-color:var(--switch-track-off)}.data-\[swipe\=cancel\]\:translate-x-0[data-swipe=cancel]{--tw-translate-x:var(--spacing-0);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=cancel\]\:transition-transform[data-swipe=cancel]{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.data-\[swipe\=end\]\:translate-x-\[var\(--radix-toast-swipe-end-x\)\][data-swipe=end]{--tw-translate-x:var(--radix-toast-swipe-end-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[swipe\=move\]\:translate-x-\[var\(--radix-toast-swipe-move-x\)\][data-swipe=move]{--tw-translate-x:var(--radix-toast-swipe-move-x);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[variant\=pills\]\:h-full[data-variant=pills]{height:100%}.data-\[variant\=pills\]\:rounded-md[data-variant=pills]{border-radius:var(--radius-md)}.data-\[variant\=pills\]\:px-3[data-variant=pills]{padding-inline:var(--spacing-3)}.data-\[variant\=pills\]\:text-foreground-muted[data-variant=pills]{color:var(--foreground-muted)}@media(hover:hover){.data-\[variant\=pills\]\:hover\:text-foreground[data-variant=pills]:hover{color:var(--foreground)}}.data-\[variant\=pills\]\:data-\[state\=active\]\:bg-card[data-variant=pills][data-state=active]{background-color:var(--card)}.data-\[variant\=pills\]\:data-\[state\=active\]\:text-foreground[data-variant=pills][data-state=active]{color:var(--foreground)}.data-\[variant\=pills\]\:data-\[state\=active\]\:shadow-xs[data-variant=pills][data-state=active]{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[variant\=underline\]\:relative[data-variant=underline]{position:relative}.data-\[variant\=underline\]\:h-full[data-variant=underline]{height:100%}.data-\[variant\=underline\]\:px-1[data-variant=underline]{padding-inline:var(--spacing-1)}.data-\[variant\=underline\]\:text-foreground-muted[data-variant=underline]{color:var(--foreground-muted)}@media(hover:hover){.data-\[variant\=underline\]\:hover\:text-foreground[data-variant=underline]:hover{color:var(--foreground)}}.data-\[variant\=underline\]\:data-\[state\=active\]\:text-foreground[data-variant=underline][data-state=active]{color:var(--foreground)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:absolute[data-variant=underline][data-state=active]:after{content:var(--tw-content);position:absolute}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:inset-x-0[data-variant=underline][data-state=active]:after{content:var(--tw-content);inset-inline:var(--spacing-0)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:-bottom-px[data-variant=underline][data-state=active]:after{content:var(--tw-content);bottom:-1px;bottom:calc(var(--spacing-px) * -1)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:h-0\.5[data-variant=underline][data-state=active]:after{content:var(--tw-content);height:var(--spacing-0_5)}.data-\[variant\=underline\]\:data-\[state\=active\]\:after\:bg-accent[data-variant=underline][data-state=active]:after{content:var(--tw-content);background-color:var(--accent)}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media(min-width:640px){.sm\:top-4{top:var(--spacing-4)}.sm\:right-4{right:var(--spacing-4)}.sm\:bottom-auto{bottom:auto}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-6{gap:var(--spacing-6)}.sm\:text-left{text-align:left}}@media(min-width:768px){.md\:flex{display:flex}.md\:p-6{padding:var(--spacing-6)}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height));letter-spacing:var(--tw-tracking,var(--text-sm--letter-spacing))}}@media(min-width:1024px){.lg\:grid{display:grid}.lg\:flex-none{flex:none}.lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,28rem\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,28rem) minmax(0,1fr)}}.dark\:bg-background:where(.dark,.dark *){background-color:var(--background)}.\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading]{padding-inline:var(--spacing-2)}.\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading]{padding-block:var(--spacing-1_5)}.\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading]{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height));letter-spacing:var(--tw-tracking,var(--text-xs--letter-spacing))}.\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading]{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.\[\&_\[cmdk-group-heading\]\]\:text-foreground-subtle [cmdk-group-heading]{color:var(--foreground-subtle)}.\[\&_button\]\:rounded-none button{border-radius:var(--radius-none)}.\[\&_button\]\:rounded-l-none button{border-top-left-radius:var(--radius-none);border-bottom-left-radius:var(--radius-none)}.\[\&_button\]\:rounded-r-none button{border-top-right-radius:var(--radius-none);border-bottom-right-radius:var(--radius-none)}.\[\&_button\]\:border button{border-style:var(--tw-border-style);border-width:1px}.\[\&_button\]\:border-border button{border-color:var(--border)}.\[\&_button\]\:bg-accent button{background-color:var(--accent)}.\[\&_button\]\:bg-accent-soft button{background-color:var(--accent-subtle)}.\[\&_button\]\:text-foreground button{color:var(--foreground)}.\[\&_button\]\:text-on-accent button{color:var(--accent-foreground)}.\[\&_button\]\:focus-visible\:ring-offset-accent-soft button:focus-visible{--tw-ring-offset-color:var(--accent-subtle)}.\[\&_button\:hover\]\:bg-accent-hover button:hover{background-color:var(--accent-hover)}.\[\&_button\:hover\]\:bg-accent-soft button:hover{background-color:var(--accent-subtle)}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-3 svg{width:var(--spacing-3);height:var(--spacing-3)}.\[\&_svg\]\:size-4 svg{width:var(--spacing-4);height:var(--spacing-4)}.\[\&_svg\]\:size-5 svg{width:var(--spacing-5);height:var(--spacing-5)}.\[\&_svg\]\:size-6 svg{width:var(--spacing-6);height:var(--spacing-6)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\]\:text-foreground-subtle svg{color:var(--foreground-subtle)}.\[\&_tr\]\:border-b tr{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.\[\&_tr\]\:border-border tr{border-color:var(--border)}.\[\&_tr\:last-child\]\:border-0 tr:last-child{border-style:var(--tw-border-style);border-width:0}.\[\&\:\:-webkit-search-cancel-button\]\:appearance-none::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:\:-webkit-search-decoration\]\:appearance-none::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}.\[\&\:focus-visible_\[data-active\]\]\:stroke-\[var\(--ring\)\]:focus-visible [data-active]{stroke:var(--ring)}.\[\&\:focus-visible_\[data-active\]\]\:stroke-\[3px\]:focus-visible [data-active]{stroke-width:3px}.\[\&\:has\(\[role\=checkbox\]\)\]\:w-10:has([role=checkbox]){width:var(--spacing-10)}.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){padding-right:var(--spacing-0)}.\[\&\>span\]\:min-w-0>span{min-width:var(--spacing-0)}.\[\&\>span\]\:truncate>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state=open]>svg{rotate:180deg}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-ring{--tw-ring-color:var(--ring)}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-offset-1{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}li:focus-visible>.\[li\:focus-visible\>\&\]\:ring-offset-background{--tw-ring-offset-color:var(--background)}.animate-progress-indeterminate{animation:1.4s ease-in-out infinite progress-indeterminate}.ring-focus{--tw-outline-style:none;box-shadow:0 0 0 2px var(--ring-offset),0 0 0 4px var(--ring);outline-style:none}.border-hairline{border-style:solid;border-width:1px}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--background:#fff;--background-subtle:#f8fafc;--background-muted:#f1f5f9;--foreground:#0f1729;--foreground-muted:#48566a;--foreground-subtle:#607085;--border:#e1e7ef;--border-strong:#cbd5e1;--border-input:#7a899f;--card:#fff;--card-foreground:#0f1729;--popover:#fff;--popover-foreground:#0f1729;--accent:#3e43bb;--accent-foreground:#fff;--accent-subtle:#f0f2ff;--accent-subtle-foreground:#353897;--accent-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-hover:color-mix(in oklab, var(--accent) 88%, black)}}:root{--accent-active:var(--accent)}@supports (color:color-mix(in lab,red,red)){:root{--accent-active:color-mix(in oklab, var(--accent) 78%, black)}}:root{--surface-hover:#e1e7ef;--surface-active:#cbd5e1;--overlay:#080a1799;--tooltip:#0f1729;--tooltip-foreground:#f8fafc;--chart-1:#266bd9;--chart-2:#197b5d;--chart-3:#c47f08;--chart-4:#c52020;--chart-5:#65758b;--chart-6:#7c51c8;--switch-track-off:#7a899f;--switch-thumb:#fff;--success-subtle:#edfdf5;--success-border:#abedce;--success-foreground:#147156;--success-solid:#197b5d;--on-success:#fff;--warning-subtle:#fffbeb;--warning-border:#fce292;--warning-foreground:#934515;--warning-solid:#b85b14;--on-warning:#fff;--danger-subtle:#fef1f1;--danger-border:#fec8c8;--danger-foreground:#ba1c1c;--danger-solid:#dc2828;--on-danger:#fff;--danger-hover:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){:root{--danger-hover:color-mix(in oklab, var(--danger-solid) 88%, black)}}:root{--danger-active:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){:root{--danger-active:color-mix(in oklab, var(--danger-solid) 78%, black)}}:root{--info-subtle:#f0f2ff;--info-border:#c4caf8;--info-foreground:#353897;--info-solid:#3e43bb;--on-info:#fff;--ring:#595dcf;--ring-offset:#fff;--selection:#e0e4ff;--selection-foreground:#353897}.dark{--background:#080a17;--background-subtle:#0c1322;--background-muted:#161f2c;--foreground:#f8fafc;--foreground-muted:#cbd5e1;--foreground-subtle:#94a3b8;--border:#1d283a;--border-strong:#344256;--border-input:#607085;--card:#0f1729;--card-foreground:#f8fafc;--popover:#0f1729;--popover-foreground:#f8fafc;--accent:#787cdd;--accent-foreground:#080a17;--accent-subtle:#14163d;--accent-subtle-foreground:#9fa7ef;--accent-hover:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark{--accent-hover:color-mix(in oklab, var(--accent) 88%, white)}}.dark{--accent-active:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark{--accent-active:color-mix(in oklab, var(--accent) 78%, white)}}.dark{--surface-hover:#1d283a;--surface-active:#344256;--overlay:#080a17b3;--tooltip:#f8fafc;--tooltip-foreground:#0f1729;--chart-1:#6c9eef;--chart-2:#47d1a8;--chart-3:#f7b23b;--chart-4:#ef6c6c;--chart-5:#94a3b8;--chart-6:#b393ec;--switch-track-off:#607085;--switch-thumb:#fff;--success-subtle:#04251d;--success-border:#0e4e3c;--success-foreground:#6cdaab;--success-solid:#39c690;--on-success:#080a17;--warning-subtle:#29140a;--warning-border:#713614;--warning-foreground:#f8c154;--warning-solid:#f4a02a;--on-warning:#080a17;--danger-subtle:#360808;--danger-border:#981b1b;--danger-foreground:#f87272;--danger-solid:#ef4343;--on-danger:#080a17;--danger-hover:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){.dark{--danger-hover:color-mix(in oklab, var(--danger-solid) 88%, white)}}.dark{--danger-active:var(--danger-solid)}@supports (color:color-mix(in lab,red,red)){.dark{--danger-active:color-mix(in oklab, var(--danger-solid) 78%, white)}}.dark{--info-subtle:#14163d;--info-border:#2f3175;--info-foreground:#9fa7ef;--info-solid:#787cdd;--on-info:#080a17;--ring:#787cdd;--ring-offset:#080a17;--selection:#2f3175;--selection-foreground:#f0f2ff}[data-accent=blue]{--color-accent-700:oklch(47% .16 250);--color-accent-800:oklch(39% .14 250)}:root[data-accent=blue]{--accent:oklch(55% .16 250);--accent-subtle:oklch(96% .03 250);--accent-subtle-foreground:oklch(45% .15 250);--ring:oklch(62% .16 250)}.dark[data-accent=blue]{--accent:oklch(64% .15 250);--accent-subtle:oklch(24% .06 250);--accent-subtle-foreground:oklch(82% .1 250);--ring:oklch(68% .15 250)}[data-accent=violet]{--color-accent-700:oklch(45% .18 295);--color-accent-800:oklch(38% .16 295)}:root[data-accent=violet]{--accent:oklch(53% .2 295);--accent-subtle:oklch(96% .03 295);--accent-subtle-foreground:oklch(46% .18 295);--ring:oklch(60% .2 295)}.dark[data-accent=violet]{--accent:oklch(64% .18 295);--accent-subtle:oklch(25% .07 295);--accent-subtle-foreground:oklch(83% .12 295);--ring:oklch(68% .18 295)}[data-accent=emerald]{--color-accent-700:oklch(47% .13 160);--color-accent-800:oklch(39% .12 160)}:root[data-accent=emerald]{--accent:oklch(55% .13 160);--accent-subtle:oklch(96% .03 160);--accent-subtle-foreground:oklch(42% .12 160);--ring:oklch(60% .13 160)}.dark[data-accent=emerald]{--accent:oklch(64% .14 160);--accent-subtle:oklch(23% .05 160);--accent-subtle-foreground:oklch(80% .12 160);--ring:oklch(68% .14 160)}[data-accent=rose]{--color-accent-700:oklch(49% .18 12);--color-accent-800:oklch(41% .16 12)}:root[data-accent=rose]{--accent:oklch(57% .19 12);--accent-subtle:oklch(96% .03 12);--accent-subtle-foreground:oklch(48% .18 12);--ring:oklch(62% .19 12)}.dark[data-accent=rose]{--accent:oklch(65% .18 12);--accent-subtle:oklch(25% .07 12);--accent-subtle-foreground:oklch(83% .12 12);--ring:oklch(70% .18 12)}[data-accent=amber]{--color-accent-700:oklch(54% .13 65);--color-accent-800:oklch(46% .12 65)}:root[data-accent=amber]{--accent:oklch(56% .14 65);--accent-subtle:oklch(96% .04 75);--accent-subtle-foreground:oklch(48% .12 65);--ring:oklch(64% .14 65)}.dark[data-accent=amber]{--accent:oklch(66% .14 65);--accent-subtle:oklch(26% .05 70);--accent-subtle-foreground:oklch(85% .12 80);--ring:oklch(72% .14 65)}@keyframes motion-keep-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes progress-indeterminate{0%{transform:translate(-100%)scaleX(.6)}50%{transform:translate(0)scaleX(.4)}to{transform:translate(100%)scaleX(.6)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}@keyframes accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}}@keyframes accordion-up{0%{height:var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto)))))}to{height:0}}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@craftzbay/ui",
-  "version": "0.11.0",
+  "version": "0.11.1",
   "description": "Refined-minimal Tailwind v4 + React design system — 50+ accessible, themeable primitives.",
   "license": "MIT",
   "author": "craftzbay",
-  "homepage": "https://components.runestonetechnologies.com",
+  "homepage": "https://ui.gecore.mn",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/craftzbay/craftzbay-ui.git",