npm - @amsterdamdatalabs/enact-design-system - Versions diffs - 0.1.7 → 0.1.12 - Mend

@amsterdamdatalabs/enact-design-system 0.1.7 → 0.1.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (30) hide show

package/README.md +168 -0
package/dist/components/data/Accordion/Accordion.d.ts +23 -0
package/dist/components/data/Accordion/index.d.ts +1 -0
package/dist/components/data/List/List.d.ts +19 -0
package/dist/components/data/List/index.d.ts +1 -0
package/dist/components/data/MetricCard/MetricCard.d.ts +19 -0
package/dist/components/data/MetricCard/index.d.ts +1 -0
package/dist/components/data/Table/Table.d.ts +49 -0
package/dist/components/data/Table/index.d.ts +1 -0
package/dist/components/feedback/Skeleton/Skeleton.d.ts +12 -0
package/dist/components/feedback/Skeleton/index.d.ts +1 -0
package/dist/components/forms/Radio/Radio.d.ts +19 -0
package/dist/components/forms/Radio/index.d.ts +1 -0
package/dist/components/forms/Textarea/Textarea.d.ts +8 -0
package/dist/components/forms/Textarea/index.d.ts +1 -0
package/dist/components/layout/Divider/Divider.d.ts +11 -0
package/dist/components/layout/Divider/index.d.ts +1 -0
package/dist/components/navigation/Pagination/Pagination.d.ts +11 -0
package/dist/components/navigation/Pagination/index.d.ts +1 -0
package/dist/components/overlay/Modal/Modal.d.ts +17 -0
package/dist/components/overlay/Modal/index.d.ts +1 -0
package/dist/components/overlay/Popover/Popover.d.ts +25 -0
package/dist/components/overlay/Popover/index.d.ts +1 -0
package/dist/components/system/ThemeProvider/index.d.ts +1 -0
package/dist/components/system/ThemeProvider/themeInitScript.d.ts +37 -0
package/dist/enact-design-system.css +1 -1
package/dist/index.d.ts +12 -1
package/dist/index.js +1786 -785
package/dist/tokens.css +14 -0
package/package.json +3 -2

package/README.md CHANGED Viewed

@@ -49,6 +49,8 @@ the showcase afterwards.
 ## Usage in a product app
+Import styles first, then components — all from the single public entry point:
 ```tsx
 import "@amsterdamdatalabs/enact-design-system/tokens.css";   // design tokens (incl. dark mode)
 import "@amsterdamdatalabs/enact-design-system/styles.css";   // component styles
@@ -66,6 +68,172 @@ export function Example() {
 Dark mode: set `data-theme="dark"` on `<html>` (or any subtree root).
+## ThemeProvider and useTheme
+Wrap your application root with `ThemeProvider` to enable theme switching.
+`useTheme` surfaces the current theme and a setter anywhere in the tree.
+```tsx
+import {
+  ThemeProvider,
+  useTheme,
+} from "@amsterdamdatalabs/enact-design-system";
+// 1. Wrap the app root
+export function App() {
+  return (
+    <ThemeProvider defaultTheme="system">
+      <Shell />
+    </ThemeProvider>
+  );
+}
+// 2. Read and change the theme from any descendant
+function ThemeToggle() {
+  const { theme, resolvedTheme, setTheme } = useTheme();
+  return (
+    <button
+      type="button"
+      onClick={() => setTheme(resolvedTheme === "dark" ? "light" : "dark")}
+    >
+      Switch to {resolvedTheme === "dark" ? "light" : "dark"} mode
+    </button>
+  );
+}
+```
+`ThemeProvider` persists the user's choice to `localStorage` under the key
+`"enact-theme"` (configurable via the `storageKey` prop).  The resolved theme
+(`"light"` or `"dark"`) is derived from the user's explicit choice or from
+`window.matchMedia("(prefers-color-scheme: dark)")` when the theme is `"system"`.
+### Preventing theme flash on first paint
+Without extra work the page renders in the default (light) state for one frame
+while React hydrates — producing a visible flash when the user prefers dark.
+Inline `themeInitScript` in `<head>` **before** your app bundle to apply the
+correct `data-theme` attribute at browser-parse time, before any paint:
+```tsx
+import {
+  themeInitScript,
+} from "@amsterdamdatalabs/enact-design-system";
+// In your HTML template, _document.tsx, or root layout:
+export function Document() {
+  return (
+    <html lang="en">
+      <head>
+        {/* Must come before the app bundle — runs at parse time, before paint. */}
+        <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
+        {/* ...other head tags, then the app bundle */}
+      </head>
+      <body>...</body>
+    </html>
+  );
+}
+```
+If your app uses a non-default storage key, use `getThemeInitScript` to
+produce a matching script:
+```tsx
+import {
+  getThemeInitScript,
+} from "@amsterdamdatalabs/enact-design-system";
+const script = getThemeInitScript("my-app-theme");
+// Pass the same key to ThemeProvider:
+// <ThemeProvider storageKey="my-app-theme">...</ThemeProvider>
+```
+The script is a self-contained IIFE:
+- reads `localStorage[storageKey]`
+- `"dark"` → sets `data-theme="dark"` on `<html>`
+- `"light"` → ensures `data-theme` is absent
+- `"system"` or missing → falls back to `window.matchMedia("(prefers-color-scheme: dark)")`
+- wrapped in `try/catch` so storage or matchMedia failures are inert
+Keying is identical to `ThemeProvider` so there is no conflict on hydration.
+## Layout primitives
+Five composable, token-based layout components handle spacing, alignment, and
+grid structure.  All accept standard HTML `div` attributes in addition to the
+props below.
+```tsx
+import {
+  Box,
+  Container,
+  Grid,
+  Inline,
+  Stack,
+} from "@amsterdamdatalabs/enact-design-system";
+// Box — single block with optional padding, surface tint, and radius
+<Box padding="4" surface="raised" radius="md">
+  content
+</Box>
+// Stack — vertical flex container
+<Stack gap="4" align="center">
+  <div>Item A</div>
+  <div>Item B</div>
+</Stack>
+// Inline — horizontal flex container
+<Inline gap="2">
+  <Button variant="primary">Save</Button>
+  <Button variant="ghost">Cancel</Button>
+</Inline>
+// Grid — CSS grid with a named column count
+<Grid columns={3} gap="6">
+  <Card>One</Card>
+  <Card>Two</Card>
+  <Card>Three</Card>
+</Grid>
+// Container — centred, max-width wrapper
+<Container width="narrow">
+  <Stack gap="4">...</Stack>
+</Container>
+```
+## Typography
+`Heading` and `Text` map directly to the system's type scale.
+```tsx
+import {
+  Heading,
+  Text,
+} from "@amsterdamdatalabs/enact-design-system";
+// Heading — semantic element + visual size, decoupled for accessibility
+<Heading level={1} size="xl">Page title</Heading>
+<Heading level={2} size="md">Section title</Heading>
+```
+**Accessibility note — `level` vs `size`:**
+`level` controls the rendered HTML tag (`h1`–`h6`) and therefore the document
+outline used by screen readers.  `size` is a purely visual override — you can
+render an `h2` that looks like an `h4` (or vice versa) without affecting
+semantics.  Always set `level` to match the document hierarchy; use `size` only
+to meet visual design requirements.
+```tsx
+// Text — inline/block body copy
+<Text size="sm" tone="secondary">Last updated 3 days ago</Text>
+<Text size="md" tone="primary">Main body copy</Text>
+```
+Available sizes for both: `"xs"` `"sm"` `"md"` `"lg"` `"xl"` `"2xl"`.
+Available tones: `"primary"` `"secondary"` `"muted"` `"inverse"` `"link"`.
 ## Components (17)
 | Group | Components |

package/dist/components/data/Accordion/Accordion.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface AccordionItem {
+    content: React.ReactNode;
+    header: string;
+    id: string;
+}
+export interface AccordionProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+    /** Item ids that should be open on first render (uncontrolled). */
+    defaultOpen?: string[];
+    /** Items to render as accordion rows. */
+    items: AccordionItem[];
+    /** Called when the open set changes (controlled mode). */
+    onOpenChange?: (openIds: string[]) => void;
+    /** Controlled: externally managed set of open item ids. */
+    open?: string[];
+    ref?: Ref<HTMLDivElement>;
+    /**
+     * "single" — only one item can be open at a time (default).
+     * "multiple" — multiple items can be open simultaneously.
+     */
+    type?: "multiple" | "single";
+}
+export declare function Accordion({ className, defaultOpen, items, open, onOpenChange, ref, type, ...rest }: AccordionProps): import("react").JSX.Element;

package/dist/components/data/Accordion/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Accordion, type AccordionItem, type AccordionProps, } from "./Accordion";

package/dist/components/data/List/List.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, LiHTMLAttributes, Ref } from "react";
+export interface ListProps extends HTMLAttributes<HTMLUListElement> {
+    /** Render thin dividers between items. */
+    dividers?: boolean;
+    /** Gap between items. Uses the same spacing tokens as Stack. */
+    gap?: "0" | "1" | "2" | "3" | "4";
+    /** Render as an ordered list (`<ol>`). Defaults to false. */
+    ordered?: boolean;
+    ref?: Ref<HTMLUListElement>;
+}
+export declare function List({ ordered, dividers, gap, className, children, ref, ...rest }: ListProps): import("react").JSX.Element;
+export interface ListItemProps extends LiHTMLAttributes<HTMLLIElement> {
+    /** Make the item selectable/interactive (adds tabIndex, role, keyboard handling). */
+    interactive?: boolean;
+    ref?: Ref<HTMLLIElement>;
+    /** Marks this item as the current selection. Sets aria-selected. */
+    selected?: boolean;
+}
+export declare function ListItem({ interactive, selected, className, children, onClick, ref, ...rest }: ListItemProps): import("react").JSX.Element;

package/dist/components/data/List/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { List, ListItem, type ListItemProps, type ListProps } from "./List";

package/dist/components/data/MetricCard/MetricCard.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import type { HTMLAttributes, ReactNode, Ref } from "react";
+export interface MetricCardProps extends HTMLAttributes<HTMLDivElement> {
+    /** Supporting text beneath the value row (e.g. "vs last month"). */
+    caption?: ReactNode;
+    /** Trend/sparkline slot — rendered below the value row. DO NOT pass a real chart yet. */
+    children?: ReactNode;
+    /** Delta text shown next to the value (e.g. "+12%"). */
+    delta?: ReactNode;
+    /** Semantic direction of the delta. Controls color. Default: 'up'. */
+    deltaDirection?: "up" | "down" | "flat";
+    /** Optional icon rendered at the top-right of the card. */
+    icon?: ReactNode;
+    /** Text label for the metric (e.g. "Monthly Revenue"). */
+    label: string;
+    ref?: Ref<HTMLDivElement>;
+    /** The primary metric value (e.g. "$1.2M"). */
+    value: ReactNode;
+}
+export declare function MetricCard({ caption, children, className, delta, deltaDirection, icon, label, ref, value, ...rest }: MetricCardProps): import("react").JSX.Element;

package/dist/components/data/MetricCard/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { MetricCard, type MetricCardProps } from "./MetricCard";

package/dist/components/data/Table/Table.d.ts ADDED Viewed

@@ -0,0 +1,49 @@
+import type { HTMLAttributes, ReactNode, Ref, TdHTMLAttributes, ThHTMLAttributes } from "react";
+export interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    /** Accessible table caption. Omit to supply your own <caption> in children. */
+    caption?: string;
+    /** 'sr-only' visually hides the caption but keeps it in the accessibility tree. */
+    captionSide?: "top" | "bottom" | "sr-only";
+    children?: ReactNode;
+    ref?: Ref<HTMLTableElement>;
+    /** Cell padding density. Default: 'md'. */
+    size?: "sm" | "md" | "lg";
+    /** Pins the <thead> during scroll. */
+    stickyHeader?: boolean;
+    /** Alternating row background (zebra striping). */
+    zebra?: boolean;
+}
+export declare function Table({ caption, captionSide, children, className, ref, size, stickyHeader, zebra, ...rest }: TableProps): import("react").JSX.Element;
+export interface TableHeaderProps extends HTMLAttributes<HTMLTableSectionElement> {
+    children?: ReactNode;
+    ref?: Ref<HTMLTableSectionElement>;
+}
+export declare function TableHeader({ children, className, ref, ...rest }: TableHeaderProps): import("react").JSX.Element;
+export interface TableRowProps extends HTMLAttributes<HTMLTableRowElement> {
+    children?: ReactNode;
+    ref?: Ref<HTMLTableRowElement>;
+    /** Add hover + cursor pointer + keyboard-click affordance. */
+    selectable?: boolean;
+    /** Mark the row as selected — sets aria-selected="true". */
+    selected?: boolean;
+}
+export declare function TableRow({ children, className, onClick, ref, selectable, selected, ...rest }: TableRowProps): import("react").JSX.Element;
+export type SortDir = "asc" | "desc";
+export interface TableHeaderCellProps extends ThHTMLAttributes<HTMLTableCellElement> {
+    /** The currently active sort key (controlled by the parent). */
+    activeSortKey?: string;
+    children?: ReactNode;
+    /** Called when the user clicks to sort. Receives (key, newDir). */
+    onSortChange?: (key: string, dir: SortDir) => void;
+    ref?: Ref<HTMLTableCellElement>;
+    /** The current sort direction (controlled by the parent). */
+    sortDir?: SortDir;
+    /** The sort key this column controls. When set, the column becomes sortable. */
+    sortKey?: string;
+}
+export declare function TableHeaderCell({ activeSortKey, children, className, onSortChange, ref, sortDir, sortKey, ...rest }: TableHeaderCellProps): import("react").JSX.Element;
+export interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
+    children?: ReactNode;
+    ref?: Ref<HTMLTableCellElement>;
+}
+export declare function TableCell({ children, className, ref, ...rest }: TableCellProps): import("react").JSX.Element;

package/dist/components/data/Table/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { type SortDir, Table, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, } from "./Table";

package/dist/components/feedback/Skeleton/Skeleton.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import type { HTMLAttributes, Ref } from "react";
+export type SkeletonVariant = "text" | "rect" | "circle";
+export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
+    /** Explicit height (CSS value, e.g. "40px" or "2rem"). */
+    height?: string;
+    ref?: Ref<HTMLDivElement>;
+    /** Shape variant. Defaults to "text". */
+    variant?: SkeletonVariant;
+    /** Explicit width (CSS value, e.g. "200px" or "100%"). */
+    width?: string;
+}
+export declare function Skeleton({ variant, width, height, className, style, ref, ...rest }: SkeletonProps): import("react").JSX.Element;

package/dist/components/feedback/Skeleton/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Skeleton, type SkeletonProps, type SkeletonVariant } from "./Skeleton";

package/dist/components/forms/Radio/Radio.d.ts ADDED Viewed

@@ -0,0 +1,19 @@
+import { type HTMLAttributes, type ReactNode, type Ref } from "react";
+export interface RadioGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    children?: ReactNode;
+    defaultValue?: string;
+    disabled?: boolean;
+    name: string;
+    onChange?: (value: string) => void;
+    orientation?: "vertical" | "horizontal";
+    ref?: Ref<HTMLDivElement>;
+    value?: string;
+}
+export declare function RadioGroup({ name, value, defaultValue, onChange, disabled, orientation, children, className, ref, ...rest }: RadioGroupProps): import("react").JSX.Element;
+export interface RadioProps {
+    disabled?: boolean;
+    label?: ReactNode;
+    ref?: Ref<HTMLInputElement>;
+    value: string;
+}
+export declare function Radio({ value, label, disabled: itemDisabled, ref, }: RadioProps): import("react").JSX.Element;

package/dist/components/forms/Radio/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Radio, RadioGroup, type RadioGroupProps, type RadioProps, } from "./Radio";

package/dist/components/forms/Textarea/Textarea.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+import { type Ref, type TextareaHTMLAttributes } from "react";
+export interface TextareaProps extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, "size"> {
+    autoResize?: boolean;
+    invalid?: boolean;
+    ref?: Ref<HTMLTextAreaElement>;
+    size?: "sm" | "md" | "lg";
+}
+export declare function Textarea({ size, invalid, disabled, autoResize, className, ref, onChange, value, defaultValue, ...rest }: TextareaProps): import("react").JSX.Element;

package/dist/components/forms/Textarea/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Textarea, type TextareaProps } from "./Textarea";

package/dist/components/layout/Divider/Divider.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface DividerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Adds horizontal inset margin. */
+    inset?: boolean;
+    /** Optional centered text label. */
+    label?: string;
+    /** Orientation. Defaults to "horizontal". */
+    orientation?: "horizontal" | "vertical";
+    ref?: Ref<HTMLDivElement>;
+}
+export declare function Divider({ label, inset, orientation, className, ref, ...rest }: DividerProps): import("react").JSX.Element;

package/dist/components/layout/Divider/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Divider, type DividerProps } from "./Divider";

package/dist/components/navigation/Pagination/Pagination.d.ts ADDED Viewed

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, Ref } from "react";
+export interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, "onChange"> {
+    /** Called with the new page number when the user clicks a control. */
+    onPageChange: (page: number) => void;
+    /** Current 1-based page number. */
+    page: number;
+    /** Total number of pages. */
+    pageCount: number;
+    ref?: Ref<HTMLElement>;
+}
+export declare function Pagination({ page, pageCount, onPageChange, className, ref, ...rest }: PaginationProps): import("react").JSX.Element;

package/dist/components/navigation/Pagination/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Pagination, type PaginationProps } from "./Pagination";

package/dist/components/overlay/Modal/Modal.d.ts ADDED Viewed

@@ -0,0 +1,17 @@
+import { type HTMLAttributes, type ReactNode, type Ref } from "react";
+export interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
+    children: ReactNode;
+    /** Close when the backdrop (not the panel) is clicked. Defaults to true. */
+    closeOnBackdrop?: boolean;
+    /** Called on Escape, backdrop click (when allowed), or any dismissal. */
+    onClose: () => void;
+    /** Whether the modal is open. Renders nothing when false. */
+    open: boolean;
+    /** Ref to the dialog PANEL element. */
+    ref?: Ref<HTMLDivElement>;
+    /** Panel max-width preset. */
+    size?: "sm" | "md" | "lg";
+    /** Optional heading; when set, wires `aria-labelledby` to its element. */
+    title?: ReactNode;
+}
+export declare function Modal({ open, onClose, title, size, closeOnBackdrop, className, children, ref, ...rest }: ModalProps): import("react").ReactPortal | null;

package/dist/components/overlay/Modal/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Modal, type ModalProps } from "./Modal";

package/dist/components/overlay/Popover/Popover.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+import { type HTMLAttributes, type ReactElement, type ReactNode, type Ref } from "react";
+export type PopoverPlacement = "top" | "bottom" | "left" | "right" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | "right-start" | "right-end";
+export interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
+    /** Children rendered inside the floating panel. */
+    children: ReactNode;
+    /** Close when the user presses Escape. Defaults to true. */
+    closeOnEscape?: boolean;
+    /** Close when the user clicks outside the popover. Defaults to true. */
+    closeOnOutsideClick?: boolean;
+    /** Initial open state for uncontrolled mode. */
+    defaultOpen?: boolean;
+    /** Gap between the anchor and the floating panel (px). */
+    offset?: number;
+    /** Called when the open state should change. */
+    onOpenChange?: (open: boolean) => void;
+    /** Controlled open value. */
+    open?: boolean;
+    /** Side + alignment of the floating panel relative to the trigger. */
+    placement?: PopoverPlacement;
+    /** Ref to the floating content panel element. */
+    ref?: Ref<HTMLDivElement>;
+    /** The trigger element — receives aria-haspopup/aria-expanded/aria-controls. */
+    trigger: ReactElement;
+}
+export declare function Popover({ children, closeOnOutsideClick, closeOnEscape, open: controlledOpen, defaultOpen, onOpenChange, offset, placement, className, ref, trigger, ...rest }: PopoverProps): import("react").JSX.Element;

package/dist/components/overlay/Popover/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export { Popover, type PopoverPlacement, type PopoverProps } from "./Popover";

package/dist/components/system/ThemeProvider/index.d.ts CHANGED Viewed

	@@ -1 +1,2 @@
1 1	export { type ResolvedTheme, type Theme, type ThemeContextValue, ThemeProvider, type ThemeProviderProps, useTheme, } from "./ThemeProvider";
2	+ export { getThemeInitScript, themeInitScript } from "./themeInitScript";

package/dist/components/system/ThemeProvider/themeInitScript.d.ts ADDED Viewed

@@ -0,0 +1,37 @@
+/**
+ * No-flash theme initialisation script.
+ *
+ * `themeInitScript` is a string containing a self-contained IIFE that can be
+ * inlined in `<head>` **before** the app bundle.  When the browser executes it
+ * prior to first paint it sets (or removes) `data-theme="dark"` on
+ * `document.documentElement` so the page renders in the correct theme without a
+ * light-flash followed by a dark switch.
+ *
+ * Keying is identical to ThemeProvider:
+ *   dark  → `data-theme="dark"` on `<html>`
+ *   light → attribute ABSENT on `<html>`
+ *   system (or missing / unknown) → resolved via matchMedia
+ *
+ * The module is dependency-free and SSR-inert — importing it executes nothing.
+ * The IIFE only runs when the consumer inlines the string.
+ */
+/**
+ * Build the no-flash IIFE string for a given storage key.
+ *
+ * @param storageKey  localStorage key to read the persisted theme from.
+ *                    Must match the `storageKey` prop passed to `<ThemeProvider>`.
+ */
+export declare function getThemeInitScript(storageKey?: string): string;
+/**
+ * Pre-built no-flash script string using the default storage key (`"enact-theme"`).
+ *
+ * Inline this in a `<script>` tag in `<head>` before your app bundle:
+ *
+ * ```tsx
+ * import { themeInitScript } from "@enact/design-system";
+ *
+ * // In your HTML template / _document.tsx / root layout:
+ * <script dangerouslySetInnerHTML={{ __html: themeInitScript }} />
+ * ```
+ */
+export declare const themeInitScript: string;

package/dist/enact-design-system.css CHANGED Viewed

	@@ -1 +1 @@
1	- ._avatar_yqge8_1{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--adl-teal-800);background:var(--adl-teal-100);border-radius:var(--radius-full)}._hasImage_yqge8_15{background:var(--bg-muted)}._img_yqge8_19{width:100%;height:100%;object-fit:cover}._sm_yqge8_26{width:28px;height:28px;font-size:11px}._md_yqge8_31{width:36px;height:36px;font-size:14px}._lg_yqge8_36{width:48px;height:48px;font-size:18px}._xl_yqge8_41{width:64px;height:64px;font-size:24px}._badge_1ndhf_1{display:inline-flex;gap:var(--space-1-5);align-items:center;height:22px;padding:0 var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;border-radius:var(--radius-xs)}._dot_1ndhf_15{width:6px;height:6px;background:currentColor;border-radius:var(--radius-full)}._neutral_1ndhf_23{color:var(--text-secondary);background:var(--bg-muted)}._brand_1ndhf_27{color:var(--tint-brand-fg);background:var(--brand-primary-subtle)}._info_1ndhf_31{color:var(--tint-info-fg);background:var(--feedback-info-subtle)}._success_1ndhf_35{color:var(--tint-success-fg);background:var(--feedback-success-subtle)}._warning_1ndhf_39{color:var(--tint-warning-fg);background:var(--feedback-warning-subtle)}._danger_1ndhf_43{color:var(--tint-danger-fg);background:var(--feedback-danger-subtle)}._btn_1m6dq_1{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}._btn_1m6dq_1:disabled{cursor:not-allowed;opacity:.45}._fullWidth_1m6dq_20{display:flex;width:100%}._sm_1m6dq_26{gap:var(--space-1-5);height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}._md_1m6dq_32{gap:var(--space-2);height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}._lg_1m6dq_38{gap:var(--space-2-5);height:48px;padding:0 var(--space-6);font-size:var(--text-md)}._primary_1m6dq_46{color:var(--text-on-brand);background:var(--brand-primary)}._primary_1m6dq_46:hover:not(:disabled){background:var(--brand-primary-hover)}._primary_1m6dq_46:active:not(:disabled){background:var(--brand-primary-active)}._secondary_1m6dq_57{color:var(--text-primary);background:var(--surface-default);border-color:var(--border-strong)}._secondary_1m6dq_57:hover:not(:disabled){background:var(--bg-subtle)}._secondary_1m6dq_57:active:not(:disabled){background:var(--bg-muted)}._ghost_1m6dq_71{color:var(--text-secondary);background:transparent}._ghost_1m6dq_71:hover:not(:disabled){background:var(--bg-subtle)}._ghost_1m6dq_71:active:not(:disabled){background:var(--bg-muted)}._danger_1m6dq_82{color:var(--text-inverse);background:var(--feedback-danger)}._danger_1m6dq_82:hover:not(:disabled){background:var(--adl-red-600)}._danger_1m6dq_82:active:not(:disabled){background:var(--adl-red-700)}._card_1tzae_1{border-radius:var(--radius-md);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}._padNone_1tzae_9{padding:0}._padSm_1tzae_12{padding:var(--space-4)}._padMd_1tzae_15{padding:var(--space-6)}._padLg_1tzae_18{padding:var(--space-8)}._default_1tzae_23{background:var(--surface-default);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}._raised_1tzae_28{background:var(--surface-default);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}._sunken_1tzae_33{background:var(--surface-sunken);border:1px solid var(--border-subtle);box-shadow:none}._inverse_1tzae_38{--text-primary: var(--adl-neutral-50);--text-secondary: var(--adl-blue-200);--text-muted: var(--adl-navy-300);color:var(--text-primary);background:var(--adl-navy-900);border:1px solid var(--adl-navy-700);box-shadow:var(--shadow-sm)}._interactive_1tzae_49{cursor:pointer}._interactive_1tzae_49:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}._btn_2g73d_1{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}._btn_2g73d_1:disabled{cursor:not-allowed;opacity:.45}._sm_2g73d_17{width:28px;height:28px}._md_2g73d_21{width:36px;height:36px}._lg_2g73d_25{width:44px;height:44px}._ghost_2g73d_31{color:var(--text-secondary);background:transparent}._ghost_2g73d_31:hover:not(:disabled){background:var(--bg-subtle)}._outline_2g73d_39{color:var(--text-secondary);background:var(--surface-default);border-color:var(--border-strong)}._outline_2g73d_39:hover:not(:disabled){background:var(--bg-subtle)}._primary_2g73d_48{color:var(--text-on-brand);background:var(--brand-primary)}._primary_2g73d_48:hover:not(:disabled){background:var(--brand-primary-hover)}._stat_1uc8c_1{display:flex;flex-direction:column;gap:var(--space-1)}._label_1uc8c_7{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}._valueRow_1uc8c_16{display:flex;gap:var(--space-2);align-items:baseline}._value_1uc8c_16{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}._delta_1uc8c_31{display:inline-flex;gap:3px;align-items:center;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold)}._deltaUp_1uc8c_40{color:var(--feedback-success)}._deltaDown_1uc8c_43{color:var(--feedback-danger)}._deltaFlat_1uc8c_46{color:var(--text-muted)}._flip_1uc8c_50{transform:scaleY(-1)}._caption_1uc8c_54{font-size:var(--text-xs);color:var(--text-muted)}._tag_11jaq_1{display:inline-flex;gap:var(--space-1-5);align-items:center;height:26px;padding:0 var(--space-2-5);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;color:var(--text-secondary);white-space:nowrap;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-full)}._remove_11jaq_18{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;line-height:1;color:inherit;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-full)}._remove_11jaq_18:hover{background:var(--bg-muted)}._alert_1217n_1{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--alert-fg);background:var(--alert-bg);border:1px solid;border-color:color-mix(in srgb,var(--alert-border) 40%,transparent);border-radius:var(--radius-sm)}._icon_1217n_16{flex-shrink:0;margin-top:1px;color:var(--alert-border)}._body_1217n_22{flex:1}._title_1217n_26{font-weight:var(--weight-bold)}._titleSpaced_1217n_29{margin-bottom:2px}._dismiss_1217n_33{display:inline-flex;align-items:center;height:20px;padding:2px;color:inherit;cursor:pointer;background:transparent;border:none}._info_1217n_45{--alert-border: var(--feedback-info);--alert-bg: var(--feedback-info-subtle);--alert-fg: var(--tint-info-fg)}._success_1217n_50{--alert-border: var(--feedback-success);--alert-bg: var(--feedback-success-subtle);--alert-fg: var(--tint-success-fg)}._warning_1217n_55{--alert-border: var(--feedback-warning);--alert-bg: var(--feedback-warning-subtle);--alert-fg: var(--tint-warning-fg)}._danger_1217n_60{--alert-border: var(--feedback-danger);--alert-bg: var(--feedback-danger-subtle);--alert-fg: var(--tint-danger-fg)}._progress_tptlj_1{display:flex;flex-direction:column;gap:var(--space-1-5)}._header_tptlj_7{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}._percent_tptlj_16{font-family:var(--font-mono)}._track_tptlj_20{height:6px;overflow:hidden;background:var(--bg-muted);border-radius:var(--radius-full)}._fill_tptlj_27{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}._brand_tptlj_34{background:var(--brand-primary)}._success_tptlj_37{background:var(--feedback-success)}._warning_tptlj_40{background:var(--feedback-warning)}._danger_tptlj_43{background:var(--feedback-danger)}._accent_tptlj_46{background:var(--brand-accent)}._wrap_82rh0_1{position:relative;display:inline-flex}._tip_82rh0_6{position:absolute;z-index:var(--z-tooltip);visibility:hidden;padding:6px 10px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;color:var(--text-inverse);white-space:nowrap;pointer-events:none;background:var(--bg-inverse);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out)}._wrap_82rh0_1:hover ._tip_82rh0_6,._wrap_82rh0_1:focus-within ._tip_82rh0_6{visibility:visible;opacity:1}._top_82rh0_34{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}._bottom_82rh0_39{top:calc(100% + 8px);left:50%;transform:translate(-50%)}._left_82rh0_44{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}._right_82rh0_49{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}._root_1t9ke_1{display:inline-flex;gap:var(--space-2);align-items:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_1t9ke_12{cursor:not-allowed;opacity:.45}._input_1t9ke_18{position:absolute;width:0;height:0;opacity:0}._box_1t9ke_25{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;background:var(--surface-default);border:1px solid var(--border-strong);border-radius:var(--radius-xs);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}._checked_1t9ke_40{background:var(--brand-primary);border-color:var(--brand-primary)}._input_1t9ke_18:focus-visible+._box_1t9ke_25{box-shadow:var(--shadow-focus)}._field_1d54c_1{display:flex;flex-direction:column;gap:var(--space-1-5)}._label_1d54c_7{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}._required_1d54c_14{color:var(--feedback-danger)}._error_1d54c_18{font-size:var(--text-xs);color:var(--feedback-danger)}._hint_1d54c_23{font-size:var(--text-xs);color:var(--text-muted)}._input_nhfx3_1{box-sizing:border-box;width:100%;padding:0 var(--space-3);font-family:var(--font-body);color:var(--text-primary);outline:none;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._input_nhfx3_1::placeholder{color:var(--text-muted)}._input_nhfx3_1:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}._input_nhfx3_1:disabled{cursor:not-allowed;background:var(--bg-muted);opacity:.6}._invalid_nhfx3_31,._invalid_nhfx3_31:focus{border-color:var(--feedback-danger)}._sm_nhfx3_37{height:32px;font-size:var(--text-xs)}._md_nhfx3_41{height:40px;font-size:var(--text-sm)}._lg_nhfx3_45{height:48px;font-size:var(--text-sm)}._wrap_1nxaj_1{position:relative;display:inline-flex;width:100%}._select_1nxaj_7{box-sizing:border-box;width:100%;padding:0 var(--space-8) 0 var(--space-3);font-family:var(--font-body);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._select_1nxaj_7:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}._select_1nxaj_7:disabled{cursor:not-allowed;background:var(--bg-muted);opacity:.6}._invalid_1nxaj_36,._invalid_1nxaj_36:focus{border-color:var(--feedback-danger)}._chevron_1nxaj_41{position:absolute;top:50%;right:10px;color:var(--text-muted);pointer-events:none;transform:translateY(-50%)}._sm_1nxaj_51{height:32px;font-size:var(--text-xs)}._md_1nxaj_55{height:40px;font-size:var(--text-sm)}._lg_1nxaj_59{height:48px;font-size:var(--text-sm)}._root_ctdye_1{display:inline-flex;gap:var(--space-2);align-items:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_ctdye_12{cursor:not-allowed;opacity:.45}._input_ctdye_17{position:absolute;width:0;height:0;opacity:0}._track_ctdye_24{position:relative;flex-shrink:0;width:36px;height:20px;background:var(--adl-neutral-300);border-radius:var(--radius-full);transition:background var(--duration-base) var(--ease-out)}._on_ctdye_34{background:var(--brand-primary)}._knob_ctdye_38{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--adl-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:left var(--duration-base) var(--ease-out)}._on_ctdye_34 ._knob_ctdye_38{left:18px}._input_ctdye_17:focus-visible+._track_ctdye_24{box-shadow:var(--shadow-focus)}._box_1akfw_1{box-sizing:border-box}._pad0_1akfw_6{padding:var(--space-0)}._pad1_1akfw_9{padding:var(--space-1)}._pad2_1akfw_12{padding:var(--space-2)}._pad3_1akfw_15{padding:var(--space-3)}._pad4_1akfw_18{padding:var(--space-4)}._pad5_1akfw_21{padding:var(--space-5)}._pad6_1akfw_24{padding:var(--space-6)}._pad8_1akfw_27{padding:var(--space-8)}._pad10_1akfw_30{padding:var(--space-10)}._pad12_1akfw_33{padding:var(--space-12)}._pad16_1akfw_36{padding:var(--space-16)}._radiusNone_1akfw_41{border-radius:0}._radiusXs_1akfw_44{border-radius:var(--radius-xs)}._radiusSm_1akfw_47{border-radius:var(--radius-sm)}._radiusMd_1akfw_50{border-radius:var(--radius-md)}._radiusLg_1akfw_53{border-radius:var(--radius-lg)}._radiusXl_1akfw_56{border-radius:var(--radius-xl)}._radiusFull_1akfw_59{border-radius:var(--radius-full)}._surfaceDefault_1akfw_64{background:var(--surface-default)}._surfaceRaised_1akfw_67{background:var(--surface-raised)}._surfaceSunken_1akfw_70{background:var(--surface-sunken)}._border_1akfw_75{border:1px solid var(--border-default)}._container_opidm_1{box-sizing:border-box;width:100%;margin-inline:auto}._widthMax_opidm_8{max-width:var(--container-max)}._widthNarrow_opidm_11{max-width:var(--container-narrow)}._gutter0_opidm_16{padding-inline:var(--space-0)}._gutter1_opidm_19{padding-inline:var(--space-1)}._gutter2_opidm_22{padding-inline:var(--space-2)}._gutter3_opidm_25{padding-inline:var(--space-3)}._gutter4_opidm_28{padding-inline:var(--space-4)}._gutter5_opidm_31{padding-inline:var(--space-5)}._gutter6_opidm_34{padding-inline:var(--space-6)}._gutter8_opidm_37{padding-inline:var(--space-8)}._gutter10_opidm_40{padding-inline:var(--space-10)}._gutter12_opidm_43{padding-inline:var(--space-12)}._gutter16_opidm_46{padding-inline:var(--space-16)}._grid_ahbs8_1{display:grid}._cols1_ahbs8_6{grid-template-columns:repeat(1,minmax(0,1fr))}._cols2_ahbs8_9{grid-template-columns:repeat(2,minmax(0,1fr))}._cols3_ahbs8_12{grid-template-columns:repeat(3,minmax(0,1fr))}._cols4_ahbs8_15{grid-template-columns:repeat(4,minmax(0,1fr))}._cols6_ahbs8_18{grid-template-columns:repeat(6,minmax(0,1fr))}._cols12_ahbs8_21{grid-template-columns:repeat(12,minmax(0,1fr))}._gap0_ahbs8_26{gap:var(--space-0)}._gap1_ahbs8_29{gap:var(--space-1)}._gap2_ahbs8_32{gap:var(--space-2)}._gap3_ahbs8_35{gap:var(--space-3)}._gap4_ahbs8_38{gap:var(--space-4)}._gap5_ahbs8_41{gap:var(--space-5)}._gap6_ahbs8_44{gap:var(--space-6)}._gap8_ahbs8_47{gap:var(--space-8)}._gap10_ahbs8_50{gap:var(--space-10)}._gap12_ahbs8_53{gap:var(--space-12)}._gap16_ahbs8_56{gap:var(--space-16)}._inline_eh3ac_1{display:flex;flex-direction:row}._wrap_eh3ac_7{flex-wrap:wrap}._gap0_eh3ac_12{gap:var(--space-0)}._gap1_eh3ac_15{gap:var(--space-1)}._gap2_eh3ac_18{gap:var(--space-2)}._gap3_eh3ac_21{gap:var(--space-3)}._gap4_eh3ac_24{gap:var(--space-4)}._gap5_eh3ac_27{gap:var(--space-5)}._gap6_eh3ac_30{gap:var(--space-6)}._gap8_eh3ac_33{gap:var(--space-8)}._gap10_eh3ac_36{gap:var(--space-10)}._gap12_eh3ac_39{gap:var(--space-12)}._gap16_eh3ac_42{gap:var(--space-16)}._alignStart_eh3ac_47{align-items:flex-start}._alignCenter_eh3ac_50{align-items:center}._alignEnd_eh3ac_53{align-items:flex-end}._alignStretch_eh3ac_56{align-items:stretch}._justifyStart_eh3ac_61{justify-content:flex-start}._justifyCenter_eh3ac_64{justify-content:center}._justifyEnd_eh3ac_67{justify-content:flex-end}._justifyBetween_eh3ac_70{justify-content:space-between}._stack_e0a6n_1{display:flex;flex-direction:column}._gap0_e0a6n_7{gap:var(--space-0)}._gap1_e0a6n_10{gap:var(--space-1)}._gap2_e0a6n_13{gap:var(--space-2)}._gap3_e0a6n_16{gap:var(--space-3)}._gap4_e0a6n_19{gap:var(--space-4)}._gap5_e0a6n_22{gap:var(--space-5)}._gap6_e0a6n_25{gap:var(--space-6)}._gap8_e0a6n_28{gap:var(--space-8)}._gap10_e0a6n_31{gap:var(--space-10)}._gap12_e0a6n_34{gap:var(--space-12)}._gap16_e0a6n_37{gap:var(--space-16)}._alignStart_e0a6n_42{align-items:flex-start}._alignCenter_e0a6n_45{align-items:center}._alignEnd_e0a6n_48{align-items:flex-end}._alignStretch_e0a6n_51{align-items:stretch}._justifyStart_e0a6n_56{justify-content:flex-start}._justifyCenter_e0a6n_59{justify-content:center}._justifyEnd_e0a6n_62{justify-content:flex-end}._justifyBetween_e0a6n_65{justify-content:space-between}._list_1e7it_1{display:flex;gap:var(--space-1-5);align-items:center;padding:0;margin:0;font-family:var(--font-body);font-size:var(--text-sm);list-style:none}._item_1e7it_12{display:flex;gap:var(--space-1-5);align-items:center}._current_1e7it_18{font-weight:var(--weight-semibold);color:var(--text-primary)}._link_1e7it_23{color:var(--text-muted);text-decoration:none}._link_1e7it_23:hover{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}._sep_1e7it_34{color:var(--adl-neutral-400)}._tablist_1khzs_1{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle)}._tab_1khzs_1{display:inline-flex;gap:var(--space-1-5);align-items:center;margin-bottom:-1px;font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--text-muted);cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}._tab_1khzs_1:hover:not(._active_1khzs_24){color:var(--text-secondary)}._active_1khzs_24{color:var(--text-primary);border-bottom-color:var(--brand-primary)}._sm_1khzs_34{padding:var(--space-2) var(--space-2-5);font-size:var(--text-xs)}._md_1khzs_38{padding:var(--space-2-5) 14px;font-size:var(--text-sm)}._count_1khzs_44{padding:2px 6px;font-size:11px;line-height:1;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-full)}._countActive_1khzs_53{color:var(--tint-brand-fg);background:var(--brand-primary-subtle)}._heading_xq294_1{margin:0;font-family:var(--font-display);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}._sizeXs_xq294_9{font-size:var(--text-xs)}._sizeSm_xq294_12{font-size:var(--text-sm)}._sizeMd_xq294_15{font-size:var(--text-md)}._sizeLg_xq294_18{font-size:var(--text-lg)}._sizeXl_xq294_21{font-size:var(--text-xl)}._size2xl_xq294_24{font-size:var(--text-2xl)}._size3xl_xq294_27{font-size:var(--text-3xl)}._size4xl_xq294_30{font-size:var(--text-4xl)}._weightRegular_xq294_35{font-weight:var(--weight-regular)}._weightMedium_xq294_38{font-weight:var(--weight-medium)}._weightSemibold_xq294_41{font-weight:var(--weight-semibold)}._weightBold_xq294_44{font-weight:var(--weight-bold)}._tonePrimary_xq294_49{color:var(--text-primary)}._toneSecondary_xq294_52{color:var(--text-secondary)}._toneMuted_xq294_55{color:var(--text-muted)}._toneInverse_xq294_58{color:var(--text-inverse)}._toneLink_xq294_61{color:var(--text-link)}._text_xjn05_1{margin:0}._sizeXs_xjn05_6{font-size:var(--text-xs)}._sizeSm_xjn05_9{font-size:var(--text-sm)}._sizeMd_xjn05_12{font-size:var(--text-md)}._sizeLg_xjn05_15{font-size:var(--text-lg)}._sizeXl_xjn05_18{font-size:var(--text-xl)}._size2xl_xjn05_21{font-size:var(--text-2xl)}._weightRegular_xjn05_26{font-weight:var(--weight-regular)}._weightMedium_xjn05_29{font-weight:var(--weight-medium)}._weightSemibold_xjn05_32{font-weight:var(--weight-semibold)}._weightBold_xjn05_35{font-weight:var(--weight-bold)}._tonePrimary_xjn05_40{color:var(--text-primary)}._toneSecondary_xjn05_43{color:var(--text-secondary)}._toneMuted_xjn05_46{color:var(--text-muted)}._toneInverse_xjn05_49{color:var(--text-inverse)}._toneLink_xjn05_52{color:var(--text-link)}._fontBody_xjn05_57{font-family:var(--font-body)}._fontDisplay_xjn05_60{font-family:var(--font-display)}._fontMono_xjn05_63{font-family:var(--font-mono)}._leadingTight_xjn05_68{line-height:var(--leading-tight)}._leadingSnug_xjn05_71{line-height:var(--leading-snug)}._leadingNormal_xjn05_74{line-height:var(--leading-normal)}._leadingRelaxed_xjn05_77{line-height:var(--leading-relaxed)}._alignStart_xjn05_82{text-align:start}._alignCenter_xjn05_85{text-align:center}._alignEnd_xjn05_88{text-align:end}
1	+ ._avatar_yqge8_1{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;overflow:hidden;font-family:var(--font-display);font-weight:var(--weight-semibold);color:var(--adl-teal-800);background:var(--adl-teal-100);border-radius:var(--radius-full)}._hasImage_yqge8_15{background:var(--bg-muted)}._img_yqge8_19{width:100%;height:100%;object-fit:cover}._sm_yqge8_26{width:28px;height:28px;font-size:11px}._md_yqge8_31{width:36px;height:36px;font-size:14px}._lg_yqge8_36{width:48px;height:48px;font-size:18px}._xl_yqge8_41{width:64px;height:64px;font-size:24px}._badge_1ndhf_1{display:inline-flex;gap:var(--space-1-5);align-items:center;height:22px;padding:0 var(--space-2);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;border-radius:var(--radius-xs)}._dot_1ndhf_15{width:6px;height:6px;background:currentColor;border-radius:var(--radius-full)}._neutral_1ndhf_23{color:var(--text-secondary);background:var(--bg-muted)}._brand_1ndhf_27{color:var(--tint-brand-fg);background:var(--brand-primary-subtle)}._info_1ndhf_31{color:var(--tint-info-fg);background:var(--feedback-info-subtle)}._success_1ndhf_35{color:var(--tint-success-fg);background:var(--feedback-success-subtle)}._warning_1ndhf_39{color:var(--tint-warning-fg);background:var(--feedback-warning-subtle)}._danger_1ndhf_43{color:var(--tint-danger-fg);background:var(--feedback-danger-subtle)}._btn_1x1y9_1{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}._btn_1x1y9_1:disabled{cursor:not-allowed;opacity:.45}._btn_1x1y9_1:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._fullWidth_1x1y9_25{display:flex;width:100%}._sm_1x1y9_31{gap:var(--space-1-5);height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}._md_1x1y9_37{gap:var(--space-2);height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}._lg_1x1y9_43{gap:var(--space-2-5);height:48px;padding:0 var(--space-6);font-size:var(--text-md)}._primary_1x1y9_51{color:var(--text-on-brand);background:var(--brand-primary)}._primary_1x1y9_51:hover:not(:disabled){background:var(--brand-primary-hover)}._primary_1x1y9_51:active:not(:disabled){background:var(--brand-primary-active)}._secondary_1x1y9_62{color:var(--text-primary);background:var(--surface-default);border-color:var(--border-strong)}._secondary_1x1y9_62:hover:not(:disabled){background:var(--bg-subtle)}._secondary_1x1y9_62:active:not(:disabled){background:var(--bg-muted)}._ghost_1x1y9_76{color:var(--text-secondary);background:transparent}._ghost_1x1y9_76:hover:not(:disabled){background:var(--bg-subtle)}._ghost_1x1y9_76:active:not(:disabled){background:var(--bg-muted)}._danger_1x1y9_87{color:var(--text-inverse);background:var(--feedback-danger)}._danger_1x1y9_87:hover:not(:disabled){background:var(--adl-red-600)}._danger_1x1y9_87:active:not(:disabled){background:var(--adl-red-700)}._card_1tzae_1{border-radius:var(--radius-md);transition:box-shadow var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out)}._padNone_1tzae_9{padding:0}._padSm_1tzae_12{padding:var(--space-4)}._padMd_1tzae_15{padding:var(--space-6)}._padLg_1tzae_18{padding:var(--space-8)}._default_1tzae_23{background:var(--surface-default);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs)}._raised_1tzae_28{background:var(--surface-default);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}._sunken_1tzae_33{background:var(--surface-sunken);border:1px solid var(--border-subtle);box-shadow:none}._inverse_1tzae_38{--text-primary: var(--adl-neutral-50);--text-secondary: var(--adl-blue-200);--text-muted: var(--adl-navy-300);color:var(--text-primary);background:var(--adl-navy-900);border:1px solid var(--adl-navy-700);box-shadow:var(--shadow-sm)}._interactive_1tzae_49{cursor:pointer}._interactive_1tzae_49:hover{border-color:var(--border-default);box-shadow:var(--shadow-md)}._btn_1htkg_1{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out)}._btn_1htkg_1:disabled{cursor:not-allowed;opacity:.45}._btn_1htkg_1:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._sm_1htkg_22{width:28px;height:28px}._md_1htkg_26{width:36px;height:36px}._lg_1htkg_30{width:44px;height:44px}._ghost_1htkg_36{color:var(--text-secondary);background:transparent}._ghost_1htkg_36:hover:not(:disabled){background:var(--bg-subtle)}._outline_1htkg_44{color:var(--text-secondary);background:var(--surface-default);border-color:var(--border-strong)}._outline_1htkg_44:hover:not(:disabled){background:var(--bg-subtle)}._primary_1htkg_53{color:var(--text-on-brand);background:var(--brand-primary)}._primary_1htkg_53:hover:not(:disabled){background:var(--brand-primary-hover)}._stat_1uc8c_1{display:flex;flex-direction:column;gap:var(--space-1)}._label_1uc8c_7{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}._valueRow_1uc8c_16{display:flex;gap:var(--space-2);align-items:baseline}._value_1uc8c_16{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}._delta_1uc8c_31{display:inline-flex;gap:3px;align-items:center;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold)}._deltaUp_1uc8c_40{color:var(--feedback-success)}._deltaDown_1uc8c_43{color:var(--feedback-danger)}._deltaFlat_1uc8c_46{color:var(--text-muted)}._flip_1uc8c_50{transform:scaleY(-1)}._caption_1uc8c_54{font-size:var(--text-xs);color:var(--text-muted)}._tag_11jaq_1{display:inline-flex;gap:var(--space-1-5);align-items:center;height:26px;padding:0 var(--space-2-5);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1;color:var(--text-secondary);white-space:nowrap;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-full)}._remove_11jaq_18{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;line-height:1;color:inherit;cursor:pointer;background:transparent;border:none;border-radius:var(--radius-full)}._remove_11jaq_18:hover{background:var(--bg-muted)}._accordion_1if9c_1{overflow:hidden;font-family:var(--font-body);border:1px solid var(--border-subtle);border-radius:var(--radius-md)}._item_1if9c_9{border-bottom:1px solid var(--border-subtle)}._item_1if9c_9:last-child{border-bottom:none}._heading_1if9c_18{margin:0}._trigger_1if9c_23{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary);text-align:left;cursor:pointer;background:none;border:none;transition:background var(--duration-fast) var(--ease-out)}._trigger_1if9c_23:hover{background:var(--surface-sunken)}._trigger_1if9c_23:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}._chevron_1if9c_50{display:inline-block;flex-shrink:0;width:var(--space-4);height:var(--space-4);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform var(--duration-fast) var(--ease-out)}._open_1if9c_62 ._chevron_1if9c_50{transform:rotate(180deg)}._panelContent_1if9c_71{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-secondary)}._list_1qsit_1{padding:0;margin:0;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);list-style:none}._item_1qsit_11{padding:var(--space-2) var(--space-3);line-height:var(--leading-normal)}._dividers_1qsit_17 ._item_1qsit_11+._item_1qsit_11{border-top:1px solid var(--border-subtle)}._gap0_1qsit_22{display:flex;flex-direction:column;gap:var(--space-0)}._gap1_1qsit_28{display:flex;flex-direction:column;gap:var(--space-1)}._gap2_1qsit_34{display:flex;flex-direction:column;gap:var(--space-2)}._gap3_1qsit_40{display:flex;flex-direction:column;gap:var(--space-3)}._gap4_1qsit_46{display:flex;flex-direction:column;gap:var(--space-4)}._interactive_1qsit_53{cursor:pointer;outline:none;border-radius:var(--radius-xs);transition:background var(--duration-fast) var(--ease-out)}._interactive_1qsit_53:hover{background:var(--surface-sunken)}._interactive_1qsit_53:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}._selected_1qsit_69{font-weight:var(--weight-semibold);background:var(--surface-sunken)}._card_dagfo_2{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);font-family:var(--font-body);background:var(--surface-default);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-xs)}._header_dagfo_15{display:flex;align-items:center;justify-content:space-between}._label_dagfo_21{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}._icon_dagfo_29{display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--text-muted)}._valueRow_dagfo_38{display:flex;gap:var(--space-2);align-items:baseline}._value_dagfo_38{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--text-primary);letter-spacing:var(--tracking-tight)}._delta_dagfo_54{display:inline-flex;gap:3px;align-items:center;font-size:var(--text-xs);font-weight:var(--weight-semibold)}._deltaUp_dagfo_62{color:var(--feedback-success)}._deltaDown_dagfo_66{color:var(--feedback-danger)}._deltaFlat_dagfo_70{color:var(--text-muted)}._flip_dagfo_74{transform:scaleY(-1)}._caption_dagfo_79{font-size:var(--text-xs);color:var(--text-muted)}._trend_dagfo_85{margin-top:var(--space-2)}._table_1neu4_2{width:100%;overflow:hidden;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);border-collapse:collapse;border:1px solid var(--border-subtle);border-radius:var(--radius-md)}._captionTop_1neu4_14{padding:var(--space-2) var(--space-4) var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-wide);caption-side:top}._captionBottom_1neu4_25{padding:var(--space-1) var(--space-4) var(--space-2);font-size:var(--text-xs);color:var(--text-muted);text-align:left;caption-side:bottom}._srOnly_1neu4_33{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;white-space:nowrap;border:0;clip:rect(0,0,0,0)}._thead_1neu4_46{background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle)}._row_1neu4_52{border-bottom:1px solid var(--border-subtle);transition:background var(--duration-fast) var(--ease-out)}._row_1neu4_52:last-child{border-bottom:none}._selectableRow_1neu4_61{cursor:pointer}._selectableRow_1neu4_61:hover{background:var(--surface-sunken)}._selectedRow_1neu4_69{font-weight:var(--weight-semibold);background:var(--surface-sunken)}._th_1neu4_46{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}._td_1neu4_86{line-height:var(--leading-normal);color:var(--text-primary)}._sm_1neu4_92 ._th_1neu4_46,._sm_1neu4_92 ._td_1neu4_86{padding:var(--space-2) var(--space-3)}._md_1neu4_97 ._th_1neu4_46,._md_1neu4_97 ._td_1neu4_86{padding:var(--space-3) var(--space-4)}._lg_1neu4_102 ._th_1neu4_46,._lg_1neu4_102 ._td_1neu4_86{padding:var(--space-4) var(--space-5)}._stickyHeader_1neu4_108 ._thead_1neu4_46{position:sticky;top:0;z-index:1}._zebra_1neu4_115 tbody ._row_1neu4_52:nth-child(2n){background:var(--surface-sunken)}._sortable_1neu4_120{padding:0}._sortButton_1neu4_124{display:flex;gap:var(--space-1);align-items:center;width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-align:left;text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap;cursor:pointer;background:none;border:none;transition:color var(--duration-fast) var(--ease-out)}._sortButton_1neu4_124:hover{color:var(--text-primary)}._sortButton_1neu4_124:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}._sorted_1neu4_153 ._sortButton_1neu4_124{color:var(--text-primary)}._sm_1neu4_92 ._sortButton_1neu4_124{padding:var(--space-2) var(--space-3)}._lg_1neu4_102 ._sortButton_1neu4_124{padding:var(--space-4) var(--space-5)}._sortIcon_1neu4_167{display:inline-block;flex-shrink:0;width:var(--space-3);height:var(--space-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 15l5 5 5-5'/%3E%3Cpath d='M7 9l5-5 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;opacity:.4;transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}._sortAsc_1neu4_182 ._sortIcon_1neu4_167,._sortDesc_1neu4_183 ._sortIcon_1neu4_167{opacity:1}._alert_1217n_1{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--alert-fg);background:var(--alert-bg);border:1px solid;border-color:color-mix(in srgb,var(--alert-border) 40%,transparent);border-radius:var(--radius-sm)}._icon_1217n_16{flex-shrink:0;margin-top:1px;color:var(--alert-border)}._body_1217n_22{flex:1}._title_1217n_26{font-weight:var(--weight-bold)}._titleSpaced_1217n_29{margin-bottom:2px}._dismiss_1217n_33{display:inline-flex;align-items:center;height:20px;padding:2px;color:inherit;cursor:pointer;background:transparent;border:none}._info_1217n_45{--alert-border: var(--feedback-info);--alert-bg: var(--feedback-info-subtle);--alert-fg: var(--tint-info-fg)}._success_1217n_50{--alert-border: var(--feedback-success);--alert-bg: var(--feedback-success-subtle);--alert-fg: var(--tint-success-fg)}._warning_1217n_55{--alert-border: var(--feedback-warning);--alert-bg: var(--feedback-warning-subtle);--alert-fg: var(--tint-warning-fg)}._danger_1217n_60{--alert-border: var(--feedback-danger);--alert-bg: var(--feedback-danger-subtle);--alert-fg: var(--tint-danger-fg)}._progress_tptlj_1{display:flex;flex-direction:column;gap:var(--space-1-5)}._header_tptlj_7{display:flex;justify-content:space-between;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-secondary)}._percent_tptlj_16{font-family:var(--font-mono)}._track_tptlj_20{height:6px;overflow:hidden;background:var(--bg-muted);border-radius:var(--radius-full)}._fill_tptlj_27{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}._brand_tptlj_34{background:var(--brand-primary)}._success_tptlj_37{background:var(--feedback-success)}._warning_tptlj_40{background:var(--feedback-warning)}._danger_tptlj_43{background:var(--feedback-danger)}._accent_tptlj_46{background:var(--brand-accent)}@keyframes _shimmer_ck0u1_1{0%{background-position:-200% 0}to{background-position:200% 0}}._skeleton_ck0u1_11{background:linear-gradient(90deg,var(--surface-sunken) 25%,var(--surface-default) 50%,var(--surface-sunken) 75%);background-size:200% 100%;animation:_shimmer_ck0u1_1 var(--duration-slow) var(--ease-out) infinite}@media(prefers-reduced-motion:reduce){._skeleton_ck0u1_11{background:var(--surface-sunken);animation:none}}._text_ck0u1_31{width:100%;height:1em;border-radius:var(--radius-xs)}._rect_ck0u1_37{width:100%;height:var(--space-16);border-radius:var(--radius-sm)}._circle_ck0u1_43{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full)}._wrap_82rh0_1{position:relative;display:inline-flex}._tip_82rh0_6{position:absolute;z-index:var(--z-tooltip);visibility:hidden;padding:6px 10px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;color:var(--text-inverse);white-space:nowrap;pointer-events:none;background:var(--bg-inverse);border-radius:var(--radius-xs);box-shadow:var(--shadow-md);opacity:0;transition:opacity var(--duration-fast) var(--ease-out),visibility var(--duration-fast) var(--ease-out)}._wrap_82rh0_1:hover ._tip_82rh0_6,._wrap_82rh0_1:focus-within ._tip_82rh0_6{visibility:visible;opacity:1}._top_82rh0_34{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}._bottom_82rh0_39{top:calc(100% + 8px);left:50%;transform:translate(-50%)}._left_82rh0_44{top:50%;right:calc(100% + 8px);transform:translateY(-50%)}._right_82rh0_49{top:50%;left:calc(100% + 8px);transform:translateY(-50%)}._root_1t9ke_1{display:inline-flex;gap:var(--space-2);align-items:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_1t9ke_12{cursor:not-allowed;opacity:.45}._input_1t9ke_18{position:absolute;width:0;height:0;opacity:0}._box_1t9ke_25{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;background:var(--surface-default);border:1px solid var(--border-strong);border-radius:var(--radius-xs);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}._checked_1t9ke_40{background:var(--brand-primary);border-color:var(--brand-primary)}._input_1t9ke_18:focus-visible+._box_1t9ke_25{box-shadow:var(--shadow-focus)}._field_1d54c_1{display:flex;flex-direction:column;gap:var(--space-1-5)}._label_1d54c_7{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}._required_1d54c_14{color:var(--feedback-danger)}._error_1d54c_18{font-size:var(--text-xs);color:var(--feedback-danger)}._hint_1d54c_23{font-size:var(--text-xs);color:var(--text-muted)}._input_1s9zt_1{box-sizing:border-box;width:100%;padding:0 var(--space-3);font-family:var(--font-body);color:var(--text-primary);outline:none;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._input_1s9zt_1::placeholder{color:var(--text-muted)}._input_1s9zt_1:focus,._input_1s9zt_1:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}._input_1s9zt_1:disabled{cursor:not-allowed;background:var(--bg-muted);opacity:.6}._invalid_1s9zt_32,._invalid_1s9zt_32:focus{border-color:var(--feedback-danger)}._sm_1s9zt_38{height:32px;font-size:var(--text-xs)}._md_1s9zt_42{height:40px;font-size:var(--text-sm)}._lg_1s9zt_46{height:48px;font-size:var(--text-sm)}._group_pkomt_1{display:flex;gap:var(--space-2)}._vertical_pkomt_6{flex-direction:column}._horizontal_pkomt_10{flex-direction:row;flex-wrap:wrap;align-items:center}._root_pkomt_18{display:inline-flex;gap:var(--space-2);align-items:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_pkomt_29{cursor:not-allowed;opacity:.45}._input_pkomt_35{position:absolute;width:0;height:0;opacity:0}._dot_pkomt_43{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:18px;height:18px;background:var(--surface-default);border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}._dot_pkomt_43:after{width:8px;height:8px;content:"";background:var(--adl-neutral-0);border-radius:var(--radius-full);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}._checked_pkomt_68{background:var(--brand-primary);border-color:var(--brand-primary)}._checked_pkomt_68:after{opacity:1}._input_pkomt_35:focus-visible+._dot_pkomt_43{box-shadow:var(--shadow-focus)}._wrap_14t2q_1{position:relative;display:inline-flex;width:100%}._select_14t2q_7{box-sizing:border-box;width:100%;padding:0 var(--space-8) 0 var(--space-3);font-family:var(--font-body);color:var(--text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._select_14t2q_7:focus,._select_14t2q_7:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}._select_14t2q_7:disabled{cursor:not-allowed;background:var(--bg-muted);opacity:.6}._invalid_14t2q_37,._invalid_14t2q_37:focus{border-color:var(--feedback-danger)}._chevron_14t2q_42{position:absolute;top:50%;right:10px;color:var(--text-muted);pointer-events:none;transform:translateY(-50%)}._sm_14t2q_52{height:32px;font-size:var(--text-xs)}._md_14t2q_56{height:40px;font-size:var(--text-sm)}._lg_14t2q_60{height:48px;font-size:var(--text-sm)}._root_ctdye_1{display:inline-flex;gap:var(--space-2);align-items:center;font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}._disabled_ctdye_12{cursor:not-allowed;opacity:.45}._input_ctdye_17{position:absolute;width:0;height:0;opacity:0}._track_ctdye_24{position:relative;flex-shrink:0;width:36px;height:20px;background:var(--adl-neutral-300);border-radius:var(--radius-full);transition:background var(--duration-base) var(--ease-out)}._on_ctdye_34{background:var(--brand-primary)}._knob_ctdye_38{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--adl-neutral-0);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);transition:left var(--duration-base) var(--ease-out)}._on_ctdye_34 ._knob_ctdye_38{left:18px}._input_ctdye_17:focus-visible+._track_ctdye_24{box-shadow:var(--shadow-focus)}._textarea_ykspe_1{box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-body);color:var(--text-primary);resize:vertical;outline:none;background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}._textarea_ykspe_1::placeholder{color:var(--text-muted)}._textarea_ykspe_1:focus,._textarea_ykspe_1:focus-visible{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}._textarea_ykspe_1:disabled{cursor:not-allowed;background:var(--bg-muted);opacity:.6}._invalid_ykspe_33,._invalid_ykspe_33:focus{border-color:var(--feedback-danger)}._sm_ykspe_39{min-height:60px;font-size:var(--text-xs)}._md_ykspe_44{min-height:80px;font-size:var(--text-sm)}._lg_ykspe_49{min-height:100px;font-size:var(--text-sm)}._autoResize_ykspe_55{overflow:hidden;resize:none}._box_1akfw_1{box-sizing:border-box}._pad0_1akfw_6{padding:var(--space-0)}._pad1_1akfw_9{padding:var(--space-1)}._pad2_1akfw_12{padding:var(--space-2)}._pad3_1akfw_15{padding:var(--space-3)}._pad4_1akfw_18{padding:var(--space-4)}._pad5_1akfw_21{padding:var(--space-5)}._pad6_1akfw_24{padding:var(--space-6)}._pad8_1akfw_27{padding:var(--space-8)}._pad10_1akfw_30{padding:var(--space-10)}._pad12_1akfw_33{padding:var(--space-12)}._pad16_1akfw_36{padding:var(--space-16)}._radiusNone_1akfw_41{border-radius:0}._radiusXs_1akfw_44{border-radius:var(--radius-xs)}._radiusSm_1akfw_47{border-radius:var(--radius-sm)}._radiusMd_1akfw_50{border-radius:var(--radius-md)}._radiusLg_1akfw_53{border-radius:var(--radius-lg)}._radiusXl_1akfw_56{border-radius:var(--radius-xl)}._radiusFull_1akfw_59{border-radius:var(--radius-full)}._surfaceDefault_1akfw_64{background:var(--surface-default)}._surfaceRaised_1akfw_67{background:var(--surface-raised)}._surfaceSunken_1akfw_70{background:var(--surface-sunken)}._border_1akfw_75{border:1px solid var(--border-default)}._container_opidm_1{box-sizing:border-box;width:100%;margin-inline:auto}._widthMax_opidm_8{max-width:var(--container-max)}._widthNarrow_opidm_11{max-width:var(--container-narrow)}._gutter0_opidm_16{padding-inline:var(--space-0)}._gutter1_opidm_19{padding-inline:var(--space-1)}._gutter2_opidm_22{padding-inline:var(--space-2)}._gutter3_opidm_25{padding-inline:var(--space-3)}._gutter4_opidm_28{padding-inline:var(--space-4)}._gutter5_opidm_31{padding-inline:var(--space-5)}._gutter6_opidm_34{padding-inline:var(--space-6)}._gutter8_opidm_37{padding-inline:var(--space-8)}._gutter10_opidm_40{padding-inline:var(--space-10)}._gutter12_opidm_43{padding-inline:var(--space-12)}._gutter16_opidm_46{padding-inline:var(--space-16)}._divider_iy514_1{display:flex;align-items:center;margin:0;border:0;border-color:var(--border-subtle)}._horizontal_iy514_10{width:100%;border-top-style:solid;border-top-width:1px}._horizontal_iy514_10._inset_iy514_16{margin-right:var(--space-4);margin-left:var(--space-4)}._vertical_iy514_22{display:inline-flex;flex-direction:column;align-self:stretch;height:auto;border-left-style:solid;border-left-width:1px}._vertical_iy514_22._inset_iy514_16{margin-top:var(--space-4);margin-bottom:var(--space-4)}._withLabel_iy514_37{gap:var(--space-3)}._withLabel_iy514_37._horizontal_iy514_10:before,._withLabel_iy514_37._horizontal_iy514_10:after{flex:1;content:"";border-top:1px solid var(--border-subtle)}._label_iy514_48{flex-shrink:0;font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);white-space:nowrap}._grid_ahbs8_1{display:grid}._cols1_ahbs8_6{grid-template-columns:repeat(1,minmax(0,1fr))}._cols2_ahbs8_9{grid-template-columns:repeat(2,minmax(0,1fr))}._cols3_ahbs8_12{grid-template-columns:repeat(3,minmax(0,1fr))}._cols4_ahbs8_15{grid-template-columns:repeat(4,minmax(0,1fr))}._cols6_ahbs8_18{grid-template-columns:repeat(6,minmax(0,1fr))}._cols12_ahbs8_21{grid-template-columns:repeat(12,minmax(0,1fr))}._gap0_ahbs8_26{gap:var(--space-0)}._gap1_ahbs8_29{gap:var(--space-1)}._gap2_ahbs8_32{gap:var(--space-2)}._gap3_ahbs8_35{gap:var(--space-3)}._gap4_ahbs8_38{gap:var(--space-4)}._gap5_ahbs8_41{gap:var(--space-5)}._gap6_ahbs8_44{gap:var(--space-6)}._gap8_ahbs8_47{gap:var(--space-8)}._gap10_ahbs8_50{gap:var(--space-10)}._gap12_ahbs8_53{gap:var(--space-12)}._gap16_ahbs8_56{gap:var(--space-16)}._inline_eh3ac_1{display:flex;flex-direction:row}._wrap_eh3ac_7{flex-wrap:wrap}._gap0_eh3ac_12{gap:var(--space-0)}._gap1_eh3ac_15{gap:var(--space-1)}._gap2_eh3ac_18{gap:var(--space-2)}._gap3_eh3ac_21{gap:var(--space-3)}._gap4_eh3ac_24{gap:var(--space-4)}._gap5_eh3ac_27{gap:var(--space-5)}._gap6_eh3ac_30{gap:var(--space-6)}._gap8_eh3ac_33{gap:var(--space-8)}._gap10_eh3ac_36{gap:var(--space-10)}._gap12_eh3ac_39{gap:var(--space-12)}._gap16_eh3ac_42{gap:var(--space-16)}._alignStart_eh3ac_47{align-items:flex-start}._alignCenter_eh3ac_50{align-items:center}._alignEnd_eh3ac_53{align-items:flex-end}._alignStretch_eh3ac_56{align-items:stretch}._justifyStart_eh3ac_61{justify-content:flex-start}._justifyCenter_eh3ac_64{justify-content:center}._justifyEnd_eh3ac_67{justify-content:flex-end}._justifyBetween_eh3ac_70{justify-content:space-between}._stack_e0a6n_1{display:flex;flex-direction:column}._gap0_e0a6n_7{gap:var(--space-0)}._gap1_e0a6n_10{gap:var(--space-1)}._gap2_e0a6n_13{gap:var(--space-2)}._gap3_e0a6n_16{gap:var(--space-3)}._gap4_e0a6n_19{gap:var(--space-4)}._gap5_e0a6n_22{gap:var(--space-5)}._gap6_e0a6n_25{gap:var(--space-6)}._gap8_e0a6n_28{gap:var(--space-8)}._gap10_e0a6n_31{gap:var(--space-10)}._gap12_e0a6n_34{gap:var(--space-12)}._gap16_e0a6n_37{gap:var(--space-16)}._alignStart_e0a6n_42{align-items:flex-start}._alignCenter_e0a6n_45{align-items:center}._alignEnd_e0a6n_48{align-items:flex-end}._alignStretch_e0a6n_51{align-items:stretch}._justifyStart_e0a6n_56{justify-content:flex-start}._justifyCenter_e0a6n_59{justify-content:center}._justifyEnd_e0a6n_62{justify-content:flex-end}._justifyBetween_e0a6n_65{justify-content:space-between}._list_1gxtd_1{display:flex;gap:var(--space-1-5);align-items:center;padding:0;margin:0;font-family:var(--font-body);font-size:var(--text-sm);list-style:none}._item_1gxtd_12{display:flex;gap:var(--space-1-5);align-items:center}._current_1gxtd_18{font-weight:var(--weight-semibold);color:var(--text-primary)}._link_1gxtd_23{color:var(--text-muted);text-decoration:none}._link_1gxtd_23:hover{color:var(--text-secondary);text-decoration:underline;text-underline-offset:3px}._link_1gxtd_23:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._sep_1gxtd_39{color:var(--adl-neutral-400)}._pagination_16qku_1{display:flex;gap:var(--space-1);align-items:center;font-family:var(--font-body)}._btn_16qku_9{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-8);height:var(--space-8);padding:0 var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-secondary);cursor:pointer;background:none;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}._btn_16qku_9:hover:not(:disabled){color:var(--text-primary);background:var(--surface-sunken);border-color:var(--border-subtle)}._btn_16qku_9:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._btn_16qku_9:disabled{cursor:not-allowed;opacity:.35}._current_16qku_47{color:var(--text-primary);background:var(--surface-sunken);border-color:var(--border-default)}._arrow_16qku_54{font-size:var(--text-md);color:var(--text-secondary)}._ellipsis_16qku_60{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-8);height:var(--space-8);font-size:var(--text-sm);color:var(--text-muted)}._tablist_1c3fr_1{display:flex;gap:var(--space-1);border-bottom:1px solid var(--border-subtle)}._tab_1c3fr_1{display:inline-flex;gap:var(--space-1-5);align-items:center;margin-bottom:-1px;font-family:var(--font-body);font-weight:var(--weight-semibold);color:var(--text-muted);cursor:pointer;background:transparent;border:none;border-bottom:2px solid transparent;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}._tab_1c3fr_1:hover:not(._active_1c3fr_24){color:var(--text-secondary)}._tab_1c3fr_1:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._active_1c3fr_24{color:var(--text-primary);border-bottom-color:var(--brand-primary)}._sm_1c3fr_39{padding:var(--space-2) var(--space-2-5);font-size:var(--text-xs)}._md_1c3fr_43{padding:var(--space-2-5) 14px;font-size:var(--text-sm)}._count_1c3fr_49{padding:2px 6px;font-size:11px;line-height:1;color:var(--text-muted);background:var(--bg-muted);border-radius:var(--radius-full)}._countActive_1c3fr_58{color:var(--tint-brand-fg);background:var(--brand-primary-subtle)}._backdrop_8dbqx_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:color-mix(in srgb,var(--bg-inverse) 55%,transparent)}._panel_8dbqx_13{position:relative;z-index:var(--z-modal);display:flex;flex-direction:column;gap:var(--space-4);width:100%;max-height:calc(100% - var(--space-8));padding:var(--space-6);overflow-y:auto;color:var(--text-primary);background:var(--surface-default);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}._title_8dbqx_30{margin:0;font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);line-height:1.3;color:var(--text-primary)}._body_8dbqx_39{font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary)}._sm_8dbqx_47{max-width:calc(var(--space-48) + var(--space-40) + var(--space-32))}._md_8dbqx_51{max-width:var(--container-narrow)}._lg_8dbqx_54{max-width:var(--container-max)}._panel_134cx_3{position:absolute;z-index:var(--z-popover);min-width:var(--space-40);padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.5;color:var(--text-primary);outline:none;background:var(--surface-default);border:var(--space-px) solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}._panel_134cx_3:focus-visible{outline:var(--space-px) solid var(--border-focus);box-shadow:var(--shadow-lg),var(--shadow-focus)}._heading_xq294_1{margin:0;font-family:var(--font-display);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight)}._sizeXs_xq294_9{font-size:var(--text-xs)}._sizeSm_xq294_12{font-size:var(--text-sm)}._sizeMd_xq294_15{font-size:var(--text-md)}._sizeLg_xq294_18{font-size:var(--text-lg)}._sizeXl_xq294_21{font-size:var(--text-xl)}._size2xl_xq294_24{font-size:var(--text-2xl)}._size3xl_xq294_27{font-size:var(--text-3xl)}._size4xl_xq294_30{font-size:var(--text-4xl)}._weightRegular_xq294_35{font-weight:var(--weight-regular)}._weightMedium_xq294_38{font-weight:var(--weight-medium)}._weightSemibold_xq294_41{font-weight:var(--weight-semibold)}._weightBold_xq294_44{font-weight:var(--weight-bold)}._tonePrimary_xq294_49{color:var(--text-primary)}._toneSecondary_xq294_52{color:var(--text-secondary)}._toneMuted_xq294_55{color:var(--text-muted)}._toneInverse_xq294_58{color:var(--text-inverse)}._toneLink_xq294_61{color:var(--text-link)}._text_xjn05_1{margin:0}._sizeXs_xjn05_6{font-size:var(--text-xs)}._sizeSm_xjn05_9{font-size:var(--text-sm)}._sizeMd_xjn05_12{font-size:var(--text-md)}._sizeLg_xjn05_15{font-size:var(--text-lg)}._sizeXl_xjn05_18{font-size:var(--text-xl)}._size2xl_xjn05_21{font-size:var(--text-2xl)}._weightRegular_xjn05_26{font-weight:var(--weight-regular)}._weightMedium_xjn05_29{font-weight:var(--weight-medium)}._weightSemibold_xjn05_32{font-weight:var(--weight-semibold)}._weightBold_xjn05_35{font-weight:var(--weight-bold)}._tonePrimary_xjn05_40{color:var(--text-primary)}._toneSecondary_xjn05_43{color:var(--text-secondary)}._toneMuted_xjn05_46{color:var(--text-muted)}._toneInverse_xjn05_49{color:var(--text-inverse)}._toneLink_xjn05_52{color:var(--text-link)}._fontBody_xjn05_57{font-family:var(--font-body)}._fontDisplay_xjn05_60{font-family:var(--font-display)}._fontMono_xjn05_63{font-family:var(--font-mono)}._leadingTight_xjn05_68{line-height:var(--leading-tight)}._leadingSnug_xjn05_71{line-height:var(--leading-snug)}._leadingNormal_xjn05_74{line-height:var(--leading-normal)}._leadingRelaxed_xjn05_77{line-height:var(--leading-relaxed)}._alignStart_xjn05_82{text-align:start}._alignCenter_xjn05_85{text-align:center}._alignEnd_xjn05_88{text-align:end}