:root { --ui-space-1: 4px; --ui-space-2: 8px; --ui-space-3: 12px; --ui-space-4: 16px; --ui-space-5: 20px; --ui-space-6: 24px; --ui-space-8: 32px; --ui-space-12: 48px; --ui-r-sm: 8px; --ui-r-md: 10px; --ui-r-lg: 12px; --ui-r-xl: 16px; --ui-r-2xl: 20px; --ui-r-pill: 999px; --ui-font: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif; --ui-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --ui-fs-display: 2rem; --ui-fs-page: 1.75rem; --ui-fs-h2: 1.5rem; --ui-fs-modal: 1.125rem; --ui-fs-title: 1rem; --ui-fs-body-lg: .9375rem; --ui-fs-body: .875rem; --ui-fs-label: .8125rem; --ui-fs-help: .75rem; --ui-fs-caption: .6875rem; --ui-fw-regular: 400; --ui-fw-medium: 500; --ui-fw-semibold: 600; --ui-lh-tight: 1.25; --ui-lh-snug: 1.35; --ui-lh-body: 1.5; --ui-ls-title: -.02em; --ui-ls-page: -.03em; --ui-ic-xs: 14px; --ui-ic-sm: 16px; --ui-ic-md: 18px; --ui-ic-lg: 20px; --ui-ic-xl: 24px; --ui-ctl-sm: 32px; --ui-ctl-md: 40px; --ui-ctl-lg: 48px; --ui-target: 40px; --ui-target-touch: 44px; --ui-dur-1: 120ms; --ui-dur-2: 200ms; --ui-dur-3: 250ms; --ui-dur-4: 350ms; --ui-ease-out: cubic-bezier(.2, 0, 0, 1); --ui-ease-in: cubic-bezier(.3, 0, 1, 1); --ui-z-sticky: 20; --ui-z-header: 30; --ui-z-dropdown: 60; --ui-z-drawer: 1040; --ui-z-modal: 1055; --ui-z-popover: 1070; --ui-z-tooltip: 1080; --ui-z-toast: 12000; --ui-neutral-rgb: 42, 45, 52; --ui-fill-1: rgba(var(--ui-neutral-rgb), .045); --ui-fill-2: rgba(var(--ui-neutral-rgb), .07); --ui-fill-3: rgba(var(--ui-neutral-rgb), .11); --ui-bg-page: var(--body-bg, #F6F7F9); --ui-bg-card: var(--ui-card-bg); --ui-bg-raised: var(--ui-card-bg); --ui-border-subtle: var(--ui-line-2); --ui-border: var(--ui-line); --ui-ctl-line: #8E95A0; --ui-ctl-line-hover: #6B7280; --ui-line-strong: rgba(var(--ui-neutral-rgb), .16); --ui-focus: var(--ui-accent); --ui-accent-ink: color-mix(in srgb, var(--ui-accent) 74%, #000); --ui-solid-mix: #000; --ui-ok-ink: color-mix(in srgb, var(--ui-ok) 80%, #000); --ui-warn-ink: color-mix(in srgb, var(--ui-warn) 78%, #000); --ui-danger-ink: color-mix(in srgb, var(--ui-danger) 84%, #000); --ui-info-ink: color-mix(in srgb, var(--ui-info) 84%, #000); --ui-scrim: rgba(17, 19, 24, .42); --ui-shine: rgba(255, 255, 255, .55); --ui-track: var(--ui-fill-1); }
:root[data-theme="dark"] { --ui-neutral-rgb: 255, 255, 255; --ui-fill-1: rgba(var(--ui-neutral-rgb), .045); --ui-fill-2: rgba(var(--ui-neutral-rgb), .07); --ui-fill-3: rgba(var(--ui-neutral-rgb), .1); --ui-bg-raised: var(--ui-surface); --ui-ctl-line: #5B6472; --ui-ctl-line-hover: #7A8494; --ui-line-strong: rgba(var(--ui-neutral-rgb), .14); --ui-accent-ink: color-mix(in srgb, var(--ui-accent) 82%, #fff); --ui-solid-mix: #fff; --ui-ok-ink: color-mix(in srgb, var(--ui-ok) 86%, #fff); --ui-warn-ink: color-mix(in srgb, var(--ui-warn) 86%, #fff); --ui-danger-ink: color-mix(in srgb, var(--ui-danger) 86%, #fff); --ui-info-ink: color-mix(in srgb, var(--ui-info) 86%, #fff); --ui-scrim: rgba(0, 0, 0, .55); --ui-shine: rgba(255, 255, 255, .05); --ui-track: rgba(0, 0, 0, .22); }
:root[data-palette="calm"][data-theme="dark"] { --ui-ctl-line: var(--ui-field-line); --ui-ctl-line-hover: #8A7F74; }
@media (prefers-reduced-motion: reduce) {
  :root { --ui-dur-1: 1ms; --ui-dur-2: 1ms; --ui-dur-3: 1ms; --ui-dur-4: 1ms; }
}
@media (max-width: 640px) {
  :root { --ui-target: var(--ui-target-touch); }
}
:root { --ui-accent: var(--primary, #FF7E01); --ui-accent-rgb: var(--primary-rgb, 255, 126, 1); --ui-teal: #5DA399; --ui-ink: #1F2430; --ui-ink-2: #3A3F4B; --ui-muted: #6B7280; --ui-muted-2: #9CA3AF; --ui-card-bg: #FFFFFF; --ui-surface: #FAFAFB; --ui-line: rgba(42, 45, 52, 0.10); --ui-line-2: rgba(42, 45, 52, 0.06); --ui-hover: rgba(var(--ui-accent-rgb), 0.06); --ui-field-bg: #FFFFFF; --ui-field-line: rgba(42, 45, 52, 0.14); --ui-toast-bg: rgba(255, 255, 255, 0.72); --ui-toast-border: rgba(42, 45, 52, 0.14); --ui-ok: #0E9F6E; --ui-ok-rgb: 14, 159, 110; --ui-warn: #D97706; --ui-warn-rgb: 217, 119, 6; --ui-danger: #E11D48; --ui-danger-rgb: 225, 29, 72; --ui-info: #2563EB; --ui-info-rgb: 37, 99, 235; --ui-tg: #229ED9; --ui-tg-rgb: 34, 158, 217; --ui-tg-ink: #17729F; --ui-wa-rgb: 37, 211, 102; --ui-wa-ink: #0F7A3E; --ui-radius: var(--ui-r-md); --ui-radius-sm: var(--ui-r-sm); --ui-ease: cubic-bezier(0.4, 0, 0.2, 1); }
:root[data-theme="dark"] { --ui-ink: #E7EAF0; --ui-ink-2: #C5CAD3; --ui-muted: #94A0B0; --ui-muted-2: #6B7686; --ui-card-bg: #14171F; --ui-surface: #1A1E27; --ui-line: rgba(255, 255, 255, 0.09); --ui-line-2: rgba(255, 255, 255, 0.06); --ui-hover: rgba(var(--ui-accent-rgb), 0.14); --ui-field-bg: #0F1218; --ui-field-line: rgba(255, 255, 255, 0.12); --ui-toast-bg: rgba(20, 23, 31, 0.68); --ui-toast-border: rgba(255, 255, 255, 0.14); --ui-tg-ink: #6CC3EE; --ui-wa-ink: #4ADE80; }
.dsh-breadcrumb { margin: 0px 0px 18px; }
.dsh-breadcrumb ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0px; padding: 0px; }
.dsh-crumb { display: inline-flex; align-items: center; font-size: 0.82rem; font-weight: 600; color: var(--ui-muted); }
.dsh-crumb a { display: inline-flex; align-items: center; gap: 6px; color: var(--ui-muted); text-decoration: none; transition: color .15s var(--ui-ease); }
.dsh-crumb a:hover { color: var(--ui-accent); }
.dsh-crumb svg { width: 15px; height: 15px; }
.dsh-crumb:not(:first-child)::before { content: ""; width: 6px; height: 6px; margin-right: 8px; border-right: 1.6px solid var(--ui-muted-2); border-bottom: 1.6px solid var(--ui-muted-2); transform: rotate(-45deg); opacity: 0.6; }
.dsh-crumb.active { color: var(--ui-ink); }
.ui-section-title { display: flex; align-items: center; gap: 8px; font-size: 0.95rem; font-weight: 600; color: var(--ui-ink); margin: 0px 0px 12px; letter-spacing: -0.01em; }
.ui-section-title svg { width: 18px; height: 18px; color: var(--ui-accent); }
.ui-card { background: var(--ui-card-bg); border: 1px solid var(--ui-line); border-radius: var(--ui-radius); overflow: hidden; }
.ui-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 18px; }
.ui-card-head.bordered { border-bottom: 1px solid var(--ui-line-2); }
.ui-card-title { font-size: 0.95rem; font-weight: 600; color: var(--ui-ink); margin: 0px; letter-spacing: -0.01em; }
.ui-card-sub { font-size: 0.78rem; color: var(--ui-muted); margin: 2px 0px 0px; }
.ui-card-body { padding: 18px; }
.ui-card-body.flush { padding: 0px; }
.ui-stat { display: flex; flex-direction: column; gap: 14px; padding: 18px; }
.ui-stat-icon { width: 44px; height: 44px; border-radius: 12px; display: grid; place-items: center; flex: 0 0 auto; background: var(--ui-hover); color: var(--ui-accent); }
.ui-stat-icon svg { width: 22px; height: 22px; }
.ui-stat-lbl { font-size: 0.82rem; font-weight: 500; color: var(--ui-muted); margin: 0px 0px 4px; }
.ui-stat-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }
.ui-stat-val { font-size: 1.7rem; font-weight: 600; color: var(--ui-ink); line-height: 1.05; letter-spacing: -0.02em; margin: 0px; font-variant-numeric: tabular-nums; }
.ui-stat-meta { font-size: 0.74rem; color: var(--ui-muted-2); font-weight: 500; white-space: nowrap; padding-bottom: 3px; }
.ui-stat-badge { flex: 0 0 auto; font-size: 0.72rem; font-weight: 600; padding: 3px 9px; border-radius: 999px; white-space: nowrap; }
.ui-stat-badge.up { color: var(--ui-ok); background: rgba(var(--ui-ok-rgb), .12); }
.ui-stat-badge.down { color: var(--ui-danger); background: rgba(var(--ui-danger-rgb), .12); }
.ui-ic-primary { background: rgba(var(--ui-accent-rgb), .10); color: var(--ui-accent); }
.ui-ic-teal { background: rgba(93, 163, 153, 0.12); color: var(--ui-teal); }
.ui-ic-indigo { background: rgba(99, 102, 241, 0.12); color: rgb(99, 102, 241); }
.ui-ic-amber { background: rgba(217, 119, 6, 0.12); color: var(--ui-warn); }
.ui-ic-green { background: rgba(var(--ui-ok-rgb), .12); color: var(--ui-ok); }
.ui-ic-danger { background: rgba(var(--ui-danger-rgb), .12); color: var(--ui-danger); }
.ui-ic-gray { background: rgba(var(--ui-muted-rgb, 107,114,128), .14); color: var(--ui-muted); }
.ui-btn { --ui-btn-h: var(--ui-ctl-md); --ui-btn-spin: var(--ui-ink-2); position: relative; display: inline-flex; align-items: center; justify-content: center; gap: var(--ui-space-2); padding: 9px var(--ui-space-4); font-family: inherit; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); line-height: 20px; letter-spacing: -0.005em; border-radius: var(--ui-r-md); border: 1px solid transparent; cursor: pointer; text-decoration: none; white-space: nowrap; user-select: none; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease),
                color var(--ui-dur-1) var(--ui-ease), opacity var(--ui-dur-1) var(--ui-ease),
                transform var(--ui-dur-1) var(--ui-ease); }
.ui-btn svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); flex: 0 0 auto; }
.ui-btn:active { transform: scale(0.98); }
.ui-btn:focus:not(:focus-visible) { outline: none; }
.ui-btn:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-btn:disabled, .ui-btn.is-disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }
.ui-btn-primary { background-color: var(--ui-accent); color: var(--ui-on-primary, #fff); --ui-btn-spin: var(--ui-on-primary, #fff); }
.ui-btn-success { background-color: var(--ui-ok); color: var(--ui-on-success, #fff); --ui-btn-spin: var(--ui-on-success, #fff); }
.ui-btn-danger { background-color: var(--ui-danger); color: var(--ui-on-danger, #fff); --ui-btn-spin: var(--ui-on-danger, #fff); }
.ui-btn-warning { background-color: var(--ui-warn); color: var(--ui-on-warning, #fff); --ui-btn-spin: var(--ui-on-warning, #fff); }
.ui-btn-info { background-color: var(--ui-info); color: var(--ui-on-info, #fff); --ui-btn-spin: var(--ui-on-info, #fff); }
.ui-btn-dark { background-color: var(--ui-ink); color: var(--ui-card-bg); --ui-btn-spin: var(--ui-card-bg); }
.ui-btn-primary:hover { background-color: color-mix(in srgb, var(--ui-accent), var(--ui-solid-mix) 9%); color: var(--ui-on-primary, #fff); }
.ui-btn-success:hover { background-color: color-mix(in srgb, var(--ui-ok), var(--ui-solid-mix) 9%); color: var(--ui-on-success, #fff); }
.ui-btn-danger:hover { background-color: color-mix(in srgb, var(--ui-danger), var(--ui-solid-mix) 9%); color: var(--ui-on-danger, #fff); }
.ui-btn-warning:hover { background-color: color-mix(in srgb, var(--ui-warn), var(--ui-solid-mix) 9%); color: var(--ui-on-warning, #fff); }
.ui-btn-info:hover { background-color: color-mix(in srgb, var(--ui-info), var(--ui-solid-mix) 9%); color: var(--ui-on-info, #fff); }
.ui-btn-dark:hover { background-color: color-mix(in srgb, var(--ui-ink), var(--ui-card-bg) 14%); color: var(--ui-card-bg); }
.ui-btn-primary:active { background-color: color-mix(in srgb, var(--ui-accent), var(--ui-solid-mix) 16%); }
.ui-btn-success:active { background-color: color-mix(in srgb, var(--ui-ok), var(--ui-solid-mix) 16%); }
.ui-btn-danger:active { background-color: color-mix(in srgb, var(--ui-danger), var(--ui-solid-mix) 16%); }
.ui-btn-soft, .ui-btn-subtle, .ui-btn-soft-primary { background-color: rgba(var(--ui-accent-rgb), .11); color: var(--ui-accent-ink); --ui-btn-spin: var(--ui-accent-ink); }
.ui-btn-soft:hover, .ui-btn-subtle:hover, .ui-btn-soft-primary:hover { background-color: rgba(var(--ui-accent-rgb), .18); color: var(--ui-accent-ink); }
.ui-btn-soft-success { background-color: rgba(var(--ui-ok-rgb), .12); color: var(--ui-ok-ink); --ui-btn-spin: var(--ui-ok-ink); }
.ui-btn-soft-success:hover { background-color: rgba(var(--ui-ok-rgb), .19); color: var(--ui-ok-ink); }
.ui-btn-soft-danger { background-color: rgba(var(--ui-danger-rgb), .11); color: var(--ui-danger-ink); --ui-btn-spin: var(--ui-danger-ink); }
.ui-btn-soft-danger:hover { background-color: rgba(var(--ui-danger-rgb), .18); color: var(--ui-danger-ink); }
.ui-btn-soft-warning { background-color: rgba(var(--ui-warn-rgb), .12); color: var(--ui-warn-ink); --ui-btn-spin: var(--ui-warn-ink); }
.ui-btn-soft-warning:hover { background-color: rgba(var(--ui-warn-rgb), .19); color: var(--ui-warn-ink); }
.ui-btn-soft-info { background-color: rgba(var(--ui-info-rgb), .12); color: var(--ui-info-ink); --ui-btn-spin: var(--ui-info-ink); }
.ui-btn-soft-info:hover { background-color: rgba(var(--ui-info-rgb), .19); color: var(--ui-info-ink); }
.ui-btn-soft-neutral { background-color: var(--ui-fill-2); color: var(--ui-ink-2); }
.ui-btn-soft-neutral:hover { background-color: var(--ui-fill-3); color: var(--ui-ink); }
.ui-btn-secondary, .ui-btn-ghost, .ui-btn-outline-neutral { background-color: var(--ui-bg-card); color: var(--ui-ink); border-color: var(--ui-line-strong); }
.ui-btn-secondary:hover, .ui-btn-ghost:hover, .ui-btn-outline-neutral:hover { background-color: var(--ui-fill-1); border-color: var(--ui-ctl-line); color: var(--ui-ink); }
.ui-btn-secondary:active, .ui-btn-ghost:active, .ui-btn-outline-neutral:active { background-color: var(--ui-fill-2); }
.ui-btn-outline-primary { background-color: transparent; color: var(--ui-accent-ink); border-color: rgba(var(--ui-accent-rgb), .55); --ui-btn-spin: var(--ui-accent-ink); }
.ui-btn-outline-primary:hover { background-color: rgba(var(--ui-accent-rgb), .08); border-color: var(--ui-accent); color: var(--ui-accent-ink); }
.ui-btn-outline-success { background-color: transparent; color: var(--ui-ok); border-color: var(--ui-ok); --ui-btn-spin: var(--ui-ok); }
.ui-btn-outline-success:hover { background-color: rgba(var(--ui-ok-rgb), .08); color: var(--ui-ok); }
.ui-btn-outline-danger { background-color: transparent; color: var(--ui-danger); border-color: var(--ui-danger); --ui-btn-spin: var(--ui-danger); }
.ui-btn-outline-danger:hover { background-color: rgba(var(--ui-danger-rgb), .08); color: var(--ui-danger); }
.ui-btn-quiet { background-color: transparent; color: var(--ui-ink-2); }
.ui-btn-quiet:hover { background-color: var(--ui-fill-2); color: var(--ui-ink); }
.ui-btn-quiet:active { background-color: var(--ui-fill-3); }
.ui-btn-quiet[aria-pressed="true"], .ui-btn-quiet.is-active, .ui-btn-secondary[aria-pressed="true"], .ui-btn-secondary.is-active, .ui-btn-ghost[aria-pressed="true"], .ui-btn-ghost.is-active { background-color: rgba(var(--ui-accent-rgb), .10); border-color: rgba(var(--ui-accent-rgb), .35); color: var(--ui-accent-ink); }
.ui-btn-link { background-color: transparent; border-color: transparent; color: var(--ui-accent-ink); padding: 4px 6px; --ui-btn-spin: var(--ui-accent-ink); }
.ui-btn-link:hover { text-decoration: underline; text-underline-offset: 3px; color: var(--ui-accent-ink); }
.ui-btn-link:active { transform: none; }
.ui-btn-sm { --ui-btn-h: var(--ui-ctl-sm); padding: 6px var(--ui-space-3); font-size: var(--ui-fs-label); line-height: 18px; gap: 6px; border-radius: var(--ui-r-sm); }
.ui-btn-sm svg { width: var(--ui-ic-xs); height: var(--ui-ic-xs); }
.ui-btn-lg { --ui-btn-h: var(--ui-ctl-lg); padding: 12px 22px; font-size: 0.9375rem; line-height: 22px; border-radius: var(--ui-r-lg); }
.ui-btn-lg svg { width: var(--ui-ic-md); height: var(--ui-ic-md); }
.ui-btn-block { width: 100%; }
.ui-btn-pill { border-radius: var(--ui-r-pill); }
.ui-btn-icon { width: var(--ui-btn-h); height: var(--ui-btn-h); padding: 0px; gap: 0px; }
.ui-btn-icon svg { width: var(--ui-ic-md); height: var(--ui-ic-md); }
.ui-btn-sm.ui-btn-icon svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-btn-lg.ui-btn-icon svg { width: var(--ui-ic-lg); height: var(--ui-ic-lg); }
@media (max-width: 640px) {
  .ui-btn:where(:not(.ui-btn-sm, .ui-btn-lg, .ui-btn-link)) { --ui-btn-h: var(--ui-target-touch); padding-top: 11px; padding-bottom: 11px; }
  .ui-btn-icon:where(:not(.ui-btn-sm, .ui-btn-lg)) { padding: 0px; }
}
@media (max-width: 640px), (pointer: coarse) {
  :where(.ui-btn.ui-btn-sm:not(.ui-linkfield-copy:empty, [data-ui-help-open]:empty, .is-copied, .is-loading, [aria-busy="true"]))::after { content: ""; position: absolute; top: 50%; left: 50%; width: max(100%, var(--ui-target-touch)); height: max(100%, var(--ui-target-touch)); transform: translate(-50%, -50%); }
  .ui-btn-sm.ui-btn-icon:is(.ui-linkfield-copy:empty, [data-ui-help-open]:empty) { flex-shrink: 0; width: var(--ui-target-touch); height: var(--ui-target-touch); }
  .ui-linkfield > .ui-btn-sm.ui-btn-icon.ui-linkfield-copy:empty { margin-block: -6px; }
  .ui-btn.ui-btn-sm.ui-btn-icon { contain: layout; vertical-align: middle; }
  :where(.ui-btn.ui-btn-link:not(.ui-btn-sm, .ui-btn-lg, [data-ui-tip], .is-loading, [aria-busy="true"]))::before, :where(.ui-seg-btn)::after, :where(button.ui-chip, a.ui-chip, .ui-chip[data-ui-locked-open])::after, :where(.ui-mbody, .ui-panel) :where(details > summary)::before { content: ""; position: absolute; top: 50%; left: 0px; width: 100%; height: max(100%, var(--ui-target-touch)); transform: translateY(-50%); }
  :where(button.ui-chip, a.ui-chip, .ui-chip[data-ui-locked-open]), :where(.ui-mbody, .ui-panel) :where(details > summary) { position: relative; }
  :where(.ui-mclose) { position: relative; contain: layout; }
  :where(.ui-mclose)::after { content: ""; position: absolute; top: 50%; left: 50%; width: var(--ui-target-touch); height: var(--ui-target-touch); transform: translate(-50%, -50%); }
}
.ui-btn.ui-btn.is-loading, .ui-btn.ui-btn[aria-busy="true"] { color: transparent; cursor: progress; pointer-events: none; opacity: 1; }
.ui-btn.is-loading > *, .ui-btn[aria-busy="true"] > * { visibility: hidden; }
.ui-btn.is-loading::after, .ui-btn[aria-busy="true"]::after { content: ""; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; margin: -8px 0px 0px -8px; border-radius: 50%; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; animation: 0.7s linear 0s infinite normal none running uiSpin; }
.ui-btn-primary { --ui-btn-spin-solid: var(--ui-on-primary, #fff); }
@supports (color: lch(from #000 clamp(14, (61 - l) * 1000, 100) 0 0)) {
  .ui-btn-primary { --ui-btn-spin-solid: lch(from var(--ui-accent) clamp(14, (61 - l) * 1000, 100) 0 0); }
}
.ui-btn-sm.is-loading::after, .ui-btn-sm[aria-busy="true"]::after { width: 14px; height: 14px; margin: -7px 0px 0px -7px; }
.ui-btn.has-load-txt.is-loading::after, .ui-btn.has-load-txt[aria-busy="true"]::after { position: static; flex: 0 0 auto; order: -1; margin: 0px; }
.ui-btn.is-loading > .ui-btn-load-txt, .ui-btn[aria-busy="true"] > .ui-btn-load-txt { visibility: visible; color: var(--ui-btn-spin-solid, var(--ui-btn-spin)); }
.ui-btn > .ui-btn-load-orig[hidden] { display: none; }
@keyframes uiSpin { 
  100% { transform: rotate(360deg); }
}
.ui-spinner { display: inline-block; width: 16px; height: 16px; flex: 0 0 auto; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; animation: 0.7s linear 0s infinite normal none running uiSpin; vertical-align: -3px; }
.ui-spinner.is-lg { width: 24px; height: 24px; border-width: 2.5px; }
.ui-iconbtn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: var(--ui-radius-sm); border: 1px solid var(--ui-line); background: var(--ui-card-bg); color: var(--ui-muted); cursor: pointer; text-decoration: none; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease), transform var(--ui-dur-1) var(--ui-ease); }
.ui-iconbtn svg { width: 16px; height: 16px; }
.ui-iconbtn:hover { border-color: var(--ui-ctl-line); color: var(--ui-ink); background: var(--ui-fill-1); }
.ui-iconbtn:active { transform: scale(0.96); }
.ui-iconbtn:focus:not(:focus-visible) { outline: none; }
.ui-iconbtn:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-iconbtn.is-danger:hover { border-color: var(--ui-danger); color: var(--ui-danger); background: rgba(var(--ui-danger-rgb), .10); }
.ui-iconbtn.is-disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; }
.ui-badge { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); padding: 3px 9px; border-radius: var(--ui-r-pill); line-height: 16px; white-space: nowrap; color: var(--ui-ink-2); background: var(--ui-fill-2); }
.ui-badge .dot { width: 6px; height: 6px; border-radius: 50%; background: currentcolor; flex: 0 0 auto; }
.ui-badge.on, .ui-badge.ok { color: var(--ui-ok-ink); background: rgba(var(--ui-ok-rgb), .12); }
.ui-badge.wait { color: var(--ui-warn-ink); background: rgba(var(--ui-warn-rgb), .13); }
.ui-badge.off, .ui-badge.neutral { color: var(--ui-muted); background: var(--ui-fill-2); }
.ui-badge.info { color: var(--ui-info-ink); background: rgba(var(--ui-info-rgb), .12); }
.ui-badge.accent { color: var(--ui-accent-ink); background: rgba(var(--ui-accent-rgb), .11); }
.ui-badge.is-live .dot { position: relative; }
.ui-badge.is-live .dot::after { content: ""; position: absolute; inset: 0px; border-radius: 50%; background: currentcolor; animation: uiPing 2s var(--ui-ease-out) infinite; }
@keyframes uiPing { 
  0% { transform: scale(0.6); opacity: 0.6; }
  80%, 100% { transform: scale(2.2); opacity: 0; }
}
.ui-badge.warn { color: var(--ui-warn-ink); background: rgba(var(--ui-warn-rgb), .13); }
.ui-badge.danger { color: var(--ui-danger-ink); background: rgba(var(--ui-danger-rgb), .11); }
.ui-badge.busy { color: rgb(79, 70, 229); background: rgba(99, 102, 241, 0.12); }
:root[data-theme="dark"] .ui-badge.busy { color: rgb(165, 180, 252); background: rgba(129, 140, 248, 0.18); }
.ui-badge.sm { gap: 4px; font-size: 0.64rem; font-weight: 600; padding: 2px 7px; line-height: 1.35; white-space: nowrap; }
.ui-badge.sm svg { width: 11px; height: 11px; flex: 0 0 auto; }
.ui-tag { display: inline-flex; align-items: center; gap: 5px; height: 22px; max-width: 100%; padding: 0px 8px; border: 1px solid var(--ui-line); border-radius: 999px; background: transparent; color: var(--ui-ink-2); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.7rem; font-weight: 600; line-height: 1; white-space: nowrap; }
.ui-tag[hidden] { display: none; }
.ui-tag-mark { width: 7px; height: 7px; border-radius: 50%; background: var(--ui-tag-color, var(--ui-muted-2)); flex: 0 0 auto; }
.ui-tag-ico { display: inline-flex; color: var(--ui-tag-color, var(--ui-muted)); flex: 0 0 auto; }
.ui-tag .ui-tag-ico svg { width: 12px; height: 12px; }
.ui-tag-txt { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
button.ui-tag { cursor: pointer; transition: background .15s var(--ui-ease), border-color .15s var(--ui-ease); }
button.ui-tag:hover { background: var(--ui-line-2); border-color: var(--ui-field-line); }
button.ui-tag:focus-visible { outline: 2px solid rgba(var(--ui-accent-rgb), .45); outline-offset: 1px; }
.ui-chip { display: inline-flex; align-items: center; gap: 5px; font-size: 0.7rem; font-weight: var(--ui-fw-semibold); padding: 3px 9px; border-radius: 6px; letter-spacing: 0.01em; line-height: 1.4; white-space: nowrap; color: var(--ui-ink-2); background: var(--ui-fill-2); }
.ui-chip svg { width: 12px; height: 12px; flex: 0 0 auto; }
.ui-chip.api { color: var(--ui-teal); background: rgba(93, 163, 153, 0.12); }
.ui-chip.api-official { color: rgb(24, 119, 242); background: rgba(24, 119, 242, 0.12); }
.ui-chip.neutral { color: var(--ui-muted); background: var(--ui-line-2); }
.ui-pills { display: flex; flex-wrap: wrap; gap: var(--ui-space-2); }
.ui-pill { display: inline-flex; align-items: center; gap: 6px; height: var(--ui-ctl-sm); padding: 0 var(--ui-space-3); border: 1px solid var(--ui-line); border-radius: var(--ui-r-pill); background: var(--ui-bg-card); color: var(--ui-ink-2); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); line-height: 1; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease), transform var(--ui-dur-1) var(--ui-ease); }
.ui-pill svg { width: var(--ui-ic-xs); height: var(--ui-ic-xs); }
.ui-pill:hover { background: var(--ui-fill-1); border-color: var(--ui-line-strong); color: var(--ui-ink); }
.ui-pill:active { transform: scale(0.97); }
.ui-pill:focus:not(:focus-visible) { outline: none; }
.ui-pill:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-pill[aria-pressed="true"], .ui-pill.is-active { background: var(--ui-ink); border-color: var(--ui-ink); color: var(--ui-card-bg); }
.ui-pill-n { font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-pill[aria-pressed="true"] .ui-pill-n, .ui-pill.is-active .ui-pill-n { color: inherit; opacity: 0.7; }
.ui-progress { height: 8px; border-radius: 999px; background: var(--ui-line-2); overflow: hidden; }
.ui-progress-bar { height: 100%; border-radius: 999px; background: var(--ui-accent); transition: width .6s var(--ui-ease); }
.ui-progress-bar.is-warn { background: var(--ui-warn); }
.ui-progress-bar.is-danger { background: var(--ui-danger); }
.ui-empty { text-align: center; padding: 48px 20px; color: var(--ui-muted); }
.ui-empty > svg { width: 40px; height: 40px; color: var(--ui-muted-2); opacity: 0.6; margin-bottom: 12px; }
.ui-empty-ico { display: grid; place-items: center; width: 48px; height: 48px; margin: 0 auto var(--ui-space-4); border-radius: var(--ui-r-lg); background: var(--ui-fill-1); color: var(--ui-muted); }
.ui-empty-ico svg { width: var(--ui-ic-lg); height: var(--ui-ic-lg); }
.ui-empty-t { font-size: var(--ui-fs-title); font-weight: var(--ui-fw-semibold); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); margin: 0px 0px 6px; }
.ui-empty p { max-width: 380px; font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); margin: 0 auto var(--ui-space-5); }
.ui-empty > p { text-wrap: balance; }
.ui-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ui-space-2); }
.ui-empty.is-compact { padding: 28px 16px; }
.ui-empty.is-compact .ui-empty-ico { width: 40px; height: 40px; margin: 0 auto var(--ui-space-3); }
.ui-empty-ico.is-accent { background: rgba(var(--ui-accent-rgb), .11); color: var(--ui-accent-ink); }
.ui-empty-ico.is-warn { background: rgba(var(--ui-warn-rgb), .13); color: var(--ui-warn-ink); }
.ui-empty-ico.is-danger { background: rgba(var(--ui-danger-rgb), .11); color: var(--ui-danger-ink); }
.ui-steps { list-style: none; margin: 0px; padding: 0px; display: grid; gap: var(--ui-space-3); counter-reset: uist 0; font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); color: var(--ui-ink-2); text-align: left; }
.ui-steps > li { display: flex; align-items: flex-start; gap: var(--ui-space-3); min-width: 0px; counter-increment: uist 1; }
.ui-steps > li::before { content: counter(uist); flex: 0 0 auto; display: grid; place-items: center; width: 24px; height: 24px; border-radius: var(--ui-r-pill); background: rgba(var(--ui-accent-rgb), .11); color: var(--ui-accent-ink); font-size: var(--ui-fs-help); font-weight: var(--ui-fw-semibold); font-variant-numeric: tabular-nums; line-height: 1; }
.ui-steps strong { font-weight: var(--ui-fw-semibold); color: var(--ui-ink); }
.ui-steps > li.is-current { color: var(--ui-ink); }
.ui-steps > li.is-current::before { background: var(--ui-accent); color: var(--ui-on-primary, #fff); }
.ui-steps > li.is-done { color: var(--ui-muted); }
.ui-steps > li.is-done::before { background: rgba(var(--ui-ok-rgb), .13); color: var(--ui-ok-ink); }
.ui-steps.is-inline { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ui-space-2) var(--ui-space-5); font-size: var(--ui-fs-label); }
.ui-steps.is-inline > li { align-items: center; gap: var(--ui-space-2); }
.ui-steps.is-cards { grid-template-columns: repeat(3, minmax(0px, 1fr)); width: 100%; max-width: 640px; margin-left: auto; margin-right: auto; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); line-height: var(--ui-lh-snug); text-align: center; }
.ui-steps.is-cards > li { flex-direction: column; align-items: center; gap: var(--ui-space-2); padding: var(--ui-space-4) var(--ui-space-3); border-radius: var(--ui-r-lg); background: var(--ui-fill-1); }
@media (max-width: 560px) {
  .ui-steps.is-inline { flex-direction: column; align-items: flex-start; width: fit-content; max-width: 100%; margin-left: auto; margin-right: auto; }
  .ui-steps.is-cards { grid-template-columns: minmax(0px, 1fr); max-width: 360px; text-align: left; }
  .ui-steps.is-cards > li { flex-direction: row; }
}
.ui-notice { display: flex; align-items: flex-start; gap: 10px; padding: 12px 15px; border-radius: var(--ui-radius-sm); font-size: 0.82rem; line-height: 1.5; border: 1px solid var(--ui-line-2); background: var(--ui-surface); color: var(--ui-ink-2); }
.ui-notice svg { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 1px; color: var(--ui-teal); }
.ui-chip.channel-whatsapp { color: var(--ui-ok); background: rgba(var(--ui-ok-rgb), .12); }
.ui-chip.channel-instagram { color: rgb(193, 53, 132); background: rgba(193, 53, 132, 0.12); }
.ui-chip.channel-telegram { color: var(--ui-tg-ink); background: rgba(var(--ui-tg-rgb), .12); }
.ui-chip.channel-whatsapp svg, .ui-chip.channel-instagram svg, .ui-chip.channel-telegram svg { width: 13px; height: 13px; flex: 0 0 auto; }
:root[data-theme="dark"] .ui-chip.channel-instagram { color: rgb(228, 112, 159); background: rgba(228, 112, 159, 0.16); }
:root[data-theme="dark"] .ui-chip.channel-telegram { background: rgba(var(--ui-tg-rgb), .18); }
.ui-chan-dot { --ui-chan-dot-ring: var(--ui-card-bg); display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; border-radius: 50%; border: 2px solid var(--ui-chan-dot-ring); color: rgb(255, 255, 255); line-height: 0; pointer-events: none; }
.ui-chan-dot svg { width: 11px; height: 11px; flex: 0 0 auto; }
.ui-chan-dot--whatsapp { background: rgb(37, 211, 102); }
.ui-chan-dot--instagram { background: radial-gradient(circle at 30% 107%, rgb(253, 244, 151) 0%, rgb(253, 244, 151) 5%, rgb(253, 89, 73) 45%, rgb(214, 36, 159) 60%, rgb(40, 90, 235) 90%); }
.ui-chan-dot--instagram svg { stroke-width: 2.4; }
.ui-chan-dot--telegram { background: var(--ui-tg); }
.ui-chan-dot--telegram svg { stroke-width: 2.4; transform: translate(-0.5px, 0.5px); }
.ui-chan-dot--sm { width: 17px; height: 17px; }
.ui-chan-dot--sm svg { width: 9px; height: 9px; }
.ui-chan-dot:empty::before { content: ""; width: 11px; height: 11px; flex: 0 0 auto; background: currentcolor; mask: var(--ui-chan-dot-ico) center / contain no-repeat; }
.ui-chan-dot--sm:empty::before { width: 9px; height: 9px; }
.ui-chan-dot--whatsapp { --ui-chan-dot-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%3E%3Cpath%20fill='black'%20d='M17.472%2014.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94%201.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198%200-.52.074-.792.372-.272.297-1.04%201.016-1.04%202.479%200%201.462%201.065%202.875%201.213%203.074.149.198%202.096%203.2%205.077%204.487.709.306%201.262.489%201.694.625.712.227%201.36.195%201.871.118.571-.085%201.758-.719%202.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421%207.403h-.004a9.87%209.87%200%2001-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86%209.86%200%2001-1.51-5.26c.001-5.45%204.436-9.884%209.888-9.884%202.64%200%205.122%201.03%206.988%202.898a9.825%209.825%200%20012.893%206.994c-.003%205.45-4.437%209.884-9.885%209.884m8.413-18.297A11.815%2011.815%200%200012.05%200C5.495%200%20.16%205.335.157%2011.892c0%202.096.547%204.142%201.588%205.945L.057%2024l6.305-1.654a11.882%2011.882%200%20005.683%201.448h.005c6.554%200%2011.89-5.335%2011.893-11.893a11.821%2011.821%200%2000-3.48-8.413Z'/%3E%3C/svg%3E"); }
.ui-chan-dot--instagram { --ui-chan-dot-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20width='20'%20height='20'%20x='2'%20y='2'%20rx='5'%20ry='5'/%3E%3Cpath%20d='M16%2011.37A4%204%200%201%201%2012.63%208%204%204%200%200%201%2016%2011.37z'/%3E%3Cline%20x1='17.5'%20x2='17.51'%20y1='6.5'%20y2='6.5'/%3E%3C/svg%3E"); }
.ui-chan-dot--telegram { --ui-chan-dot-ico: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='black'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M14.536%2021.686a.5.5%200%200%200%20.937-.024l6.5-19a.496.496%200%200%200-.635-.635l-19%206.5a.5.5%200%200%200-.024.937l7.93%203.18a2%202%200%200%201%201.112%201.11z'/%3E%3Cpath%20d='m21.854%202.147-10.94%2010.939'/%3E%3C/svg%3E"); }
.ui-chan-dot--telegram:empty::before { transform: translate(-0.5px, 0.5px); }
.ui-chip.ad { color: var(--ui-warn); background: rgba(var(--ui-warn-rgb), .13); }
.ui-chip.ad svg { width: 13px; height: 13px; flex: 0 0 auto; }
:root[data-theme="dark"] .ui-chip.ad { color: rgb(251, 191, 36); background: rgba(251, 191, 36, 0.16); }
.ui-callout { display: flex; align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--ui-radius); border: 1px solid var(--ui-line); background: var(--ui-card-bg); color: var(--ui-ink-2); }
.ui-callout-ico { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 auto; border-radius: 11px; background: var(--ui-surface); color: var(--ui-muted); }
.ui-callout-ico svg { width: 20px; height: 20px; }
.ui-callout-body { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.ui-callout-title { font-size: 0.86rem; font-weight: 600; color: var(--ui-ink); line-height: 1.3; }
.ui-callout-text { font-size: 0.8rem; line-height: 1.5; color: var(--ui-ink-2); }
.ui-callout-action { flex: 0 0 auto; }
.ui-callout.is-warn { border-color: rgba(var(--ui-warn-rgb), .38); background: rgba(var(--ui-warn-rgb), .06); }
.ui-callout.is-warn .ui-callout-ico { background: rgba(var(--ui-warn-rgb), .14); color: var(--ui-warn); }
.ui-callout.is-danger { border-color: rgba(var(--ui-danger-rgb), .38); background: rgba(var(--ui-danger-rgb), .06); }
.ui-callout.is-danger .ui-callout-ico { background: rgba(var(--ui-danger-rgb), .14); color: var(--ui-danger); }
.ui-callout.is-info { border-color: rgba(var(--ui-accent-rgb), .35); background: rgba(var(--ui-accent-rgb), .05); }
.ui-callout.is-info .ui-callout-ico { background: rgba(var(--ui-accent-rgb), .12); color: var(--ui-accent); }
@media (max-width: 640px) {
  .ui-callout { flex-wrap: wrap; }
  .ui-callout-action { flex-basis: 100%; }
  .ui-callout-action .ui-btn { width: 100%; justify-content: center; }
}
.wa-window-notice { border-color: rgba(var(--ui-warn-rgb), .35); background: rgba(var(--ui-warn-rgb), .08); color: var(--ui-ink-2); }
.wa-window-notice[hidden] { display: none; }
.wa-window-notice svg { color: var(--ui-warn); }
.wa-window-notice-body { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; min-width: 0px; }
.wa-window-notice-title { font-size: 0.82rem; font-weight: 600; color: var(--ui-ink); }
.wa-window-notice-text { font-size: 0.8rem; line-height: 1.5; }
.wa-window-notice-link { margin-top: 4px; text-decoration: none; }
.wa-window-notice-link[hidden] { display: none; }
.ui-capnote { display: flex; align-items: flex-start; gap: 8px; margin-top: 6px; padding: 9px 20px 2px; border-top: 1px solid var(--ui-line-2); font-size: 0.76rem; line-height: 1.45; color: var(--ui-muted-2); }
.ui-capnote svg { width: 14px; height: 14px; flex: 0 0 auto; color: var(--ui-muted-2); }
.ui-capnote-ico { display: inline-flex; align-items: center; margin-top: 2px; flex: 0 0 auto; }
.ui-field { margin-bottom: var(--ui-space-5); min-width: 0px; }
.ui-label { display: block; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-snug); color: var(--ui-ink); margin-bottom: var(--ui-space-2); }
.ui-label .req { color: var(--ui-danger); }
.ui-label-opt { margin-left: 4px; font-weight: var(--ui-fw-regular); color: var(--ui-muted); }
.ui-input, .ui-select, .ui-textarea { display: block; width: 100%; min-width: 0px; margin: 0px; font-family: inherit; font-size: var(--ui-fs-body); line-height: 20px; color: var(--ui-ink); padding: 9px 12px; background-color: var(--ui-field-bg); border: 1px solid var(--ui-ctl-line); border-radius: var(--ui-r-md); outline: transparent solid 3px; outline-offset: 0px; color-scheme: light; transition: border-color var(--ui-dur-1) var(--ui-ease), outline-color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
:root[data-theme="dark"] .ui-input, :root[data-theme="dark"] .ui-select, :root[data-theme="dark"] .ui-textarea { color-scheme: dark; }
.ui-textarea { resize: vertical; min-height: 88px; line-height: var(--ui-lh-body); }
.ui-input:hover, .ui-select:hover, .ui-textarea:hover { border-color: var(--ui-ctl-line-hover); }
.ui-input:focus, .ui-select:focus, .ui-textarea:focus { border-color: var(--ui-accent); outline-color: rgba(var(--ui-accent-rgb), .18); }
.ui-input::placeholder, .ui-textarea::placeholder { color: var(--ui-muted-2); opacity: 1; }
.ui-input:disabled, .ui-input[readonly], .ui-select:disabled, .ui-textarea:disabled, .ui-textarea[readonly] { background-color: var(--ui-fill-1); border-color: var(--ui-line); color: var(--ui-muted); cursor: default; }
.ui-input:disabled, .ui-select:disabled, .ui-textarea:disabled { cursor: not-allowed; }
.ui-input.is-mono { font-family: var(--ui-mono); font-size: 0.82rem; }
.ui-input.is-invalid, .ui-select.is-invalid, .ui-textarea.is-invalid, .ui-input[aria-invalid="true"], .ui-select[aria-invalid="true"], .ui-textarea[aria-invalid="true"], .ui-field.is-invalid .ui-input, .ui-field.is-invalid .ui-select, .ui-field.is-invalid .ui-textarea { border-color: var(--ui-danger); }
.ui-input.is-invalid:focus, .ui-input[aria-invalid="true"]:focus, .ui-field.is-invalid .ui-input:focus, .ui-textarea[aria-invalid="true"]:focus, .ui-field.is-invalid .ui-textarea:focus { outline-color: rgba(var(--ui-danger-rgb), .18); }
.ui-input-sm { padding: 5px 10px; font-size: var(--ui-fs-label); border-radius: var(--ui-r-sm); }
.ui-input-lg { padding: 13px 14px; font-size: 0.9375rem; border-radius: var(--ui-r-lg); }
@media (max-width: 640px) {
  .ui-input:where(:not(.ui-input-sm, .ui-input-lg, textarea)), .ui-select:where(:not(.ui-input-sm, .ui-input-lg)) { padding-top: 11px; padding-bottom: 11px; }
}
.ui-select, select.ui-input { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px auto; padding-right: 36px; cursor: pointer; }
:root[data-theme="dark"] .ui-select, :root[data-theme="dark"] select.ui-input { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A3ABB8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); }
:root .ui-input[type="date"]::-webkit-calendar-picker-indicator, :root .ui-input[type="time"]::-webkit-calendar-picker-indicator, :root .ui-input[type="datetime-local"]::-webkit-calendar-picker-indicator, :root .ui-input[type="month"]::-webkit-calendar-picker-indicator, :root .ui-input[type="week"]::-webkit-calendar-picker-indicator { filter: none; opacity: 0.55; cursor: pointer; border-radius: 4px; transition: opacity var(--ui-dur-1) var(--ui-ease); }
:root[data-theme="dark"] .ui-input[type="date"]::-webkit-calendar-picker-indicator, :root[data-theme="dark"] .ui-input[type="time"]::-webkit-calendar-picker-indicator, :root[data-theme="dark"] .ui-input[type="datetime-local"]::-webkit-calendar-picker-indicator, :root[data-theme="dark"] .ui-input[type="month"]::-webkit-calendar-picker-indicator, :root[data-theme="dark"] .ui-input[type="week"]::-webkit-calendar-picker-indicator { filter: none; opacity: 0.7; }
:root .ui-input[type="date"]:hover::-webkit-calendar-picker-indicator, :root .ui-input[type="time"]:hover::-webkit-calendar-picker-indicator, :root .ui-input[type="datetime-local"]:hover::-webkit-calendar-picker-indicator { opacity: 0.9; }
.ui-input[type="date"], .ui-input[type="time"], .ui-input[type="datetime-local"] { font-variant-numeric: tabular-nums; }
.ui-dt { position: relative; display: block; min-width: 0px; }
.ui-dt .ui-dt-text { padding-right: 44px; font-variant-numeric: tabular-nums; }
.ui-dt-native { position: absolute; right: 12px; bottom: 0px; width: 1px; height: 1px; margin: 0px; padding: 0px; border: 0px; opacity: 0; pointer-events: none; }
.ui-dt-btn { position: absolute; right: 4px; top: 50%; width: 32px; height: 32px; margin-top: -16px; padding: 0px; display: grid; place-items: center; border: 0px; border-radius: var(--ui-r-sm); background: transparent; color: var(--ui-muted); cursor: pointer; transition: background-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease); }
.ui-dt-btn svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-dt-btn:hover { background: var(--ui-fill-2); color: var(--ui-ink); }
.ui-dt-btn:focus:not(:focus-visible) { outline: none; }
.ui-dt-btn:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 0px; }
.ui-dt-btn:disabled { opacity: 0.5; cursor: not-allowed; }
.ui-help { font-size: var(--ui-fs-help); color: var(--ui-muted); margin-top: 6px; line-height: var(--ui-lh-body); }
.ui-error { display: flex; align-items: flex-start; gap: 6px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); color: var(--ui-danger); margin-top: 6px; line-height: var(--ui-lh-body); }
.ui-error svg { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 2px; }
.ui-error[hidden] { display: none; }
.ui-input-group { position: relative; display: flex; align-items: stretch; }
.ui-input-group .ui-input { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-input-group .ui-btn { border-top-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-field-row { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0 var(--ui-space-4); }
@media (max-width: 560px) {
  .ui-field-row { grid-template-columns: minmax(0px, 1fr); }
}
@media (pointer: coarse) {
  .ui-input, .ui-select, .ui-textarea, .ui-search .ui-input { font-size: 16px; }
}
.ui-search { position: relative; display: block; min-width: 0px; }
.ui-search > svg { position: absolute; left: 12px; top: 50%; width: var(--ui-ic-sm); height: var(--ui-ic-sm); margin-top: -8px; color: var(--ui-muted); pointer-events: none; }
.ui-search .ui-input { padding-left: 38px; padding-right: 36px; }
.ui-search .ui-input-sm { padding-left: 34px; }
.ui-search .ui-input::-webkit-search-decoration, .ui-search .ui-input::-webkit-search-cancel-button { appearance: none; }
.ui-search-clear { position: absolute; right: 6px; top: 50%; width: 28px; height: 28px; margin-top: -14px; padding: 0px; display: grid; place-items: center; border: 0px; border-radius: var(--ui-r-sm); background: transparent; color: var(--ui-muted); cursor: pointer; transition: background-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease); }
.ui-search-clear svg { width: 14px; height: 14px; }
.ui-search-clear:hover { background: var(--ui-fill-2); color: var(--ui-ink); }
.ui-search .ui-input:placeholder-shown ~ .ui-search-clear { display: none; }
.ui-search.is-pill .ui-input { border-radius: var(--ui-r-pill); }
.ui-switch { position: relative; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.ui-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0px; }
.ui-switch-track { position: relative; flex: 0 0 auto; width: 40px; height: 24px; border-radius: var(--ui-r-pill); background-color: var(--ui-ctl-line); transition: background-color var(--ui-dur-2) var(--ui-ease); }
.ui-switch-track::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--ui-switch-knob, #fff); transform-origin: left center; transition: transform var(--ui-dur-2) var(--ui-ease-out); }
.ui-switch:hover input:not(:checked):not(:disabled) + .ui-switch-track { background-color: var(--ui-ctl-line-hover); }
.ui-switch input:checked + .ui-switch-track { background-color: var(--ui-accent); }
.ui-switch input:checked + .ui-switch-track::after { transform: translateX(16px); transform-origin: right center; }
.ui-switch:active input:not(:disabled) + .ui-switch-track::after { transform: scaleX(1.18); }
.ui-switch:active input:checked:not(:disabled) + .ui-switch-track::after { transform: translateX(16px) scaleX(1.18); }
.ui-switch input:focus-visible + .ui-switch-track { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-switch input:disabled + .ui-switch-track { opacity: 0.5; }
.ui-switch:has(input:disabled) { cursor: not-allowed; }
.ui-switch-label { font-size: var(--ui-fs-body); color: var(--ui-ink-2); font-weight: var(--ui-fw-medium); line-height: 20px; }
.ui-switch-sm .ui-switch-track { width: 32px; height: 20px; }
.ui-switch-sm .ui-switch-track::after { top: 3px; left: 3px; width: 14px; height: 14px; }
.ui-switch-sm input:checked + .ui-switch-track::after { transform: translateX(12px); }
.ui-switch-sm:active input:checked:not(:disabled) + .ui-switch-track::after { transform: translateX(12px) scaleX(1.18); }
.ui-toggle { appearance: none; position: relative; flex: 0 0 auto; display: inline-block; width: 40px; height: 24px; margin: 0px; border: 0px; border-radius: var(--ui-r-pill); background-color: var(--ui-ctl-line); vertical-align: middle; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-2) var(--ui-ease); }
.ui-toggle::after { content: ""; position: absolute; top: 3px; left: 3px; width: 18px; height: 18px; border-radius: 50%; background: var(--ui-switch-knob, #fff); transform-origin: left center; transition: transform var(--ui-dur-2) var(--ui-ease-out); }
.ui-toggle:hover:not(:checked):not(:disabled) { background-color: var(--ui-ctl-line-hover); }
.ui-toggle:checked { background-color: var(--ui-accent); }
.ui-toggle:checked::after { transform: translateX(16px); transform-origin: right center; }
.ui-toggle:active:not(:disabled)::after { transform: scaleX(1.18); }
.ui-toggle:checked:active:not(:disabled)::after { transform: translateX(16px) scaleX(1.18); }
.ui-toggle:focus:not(:focus-visible) { outline: none; }
.ui-toggle:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-toggle:disabled { opacity: 0.5; cursor: not-allowed; }
.ui-checkbox, .ui-radio { appearance: none; position: relative; flex: 0 0 auto; display: inline-block; width: 18px; height: 18px; margin: 0px; border: 1.5px solid var(--ui-ctl-line); background-color: var(--ui-field-bg); vertical-align: middle; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease); }
.ui-checkbox { border-radius: 5px; }
.ui-radio { border-radius: 50%; }
.ui-checkbox::after { content: ""; position: absolute; inset: 0px; margin: auto; width: 12px; height: 12px; background: var(--ui-on-primary, #fff); opacity: 0; transform: scale(0.5); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center center / 12px auto no-repeat; transition: transform var(--ui-dur-2) var(--ui-ease-out), opacity var(--ui-dur-1) var(--ui-ease); }
.ui-checkbox:indeterminate::after { mask: none; width: 9px; height: 2px; border-radius: 2px; }
.ui-radio::after { content: ""; position: absolute; inset: 0px; margin: auto; width: 8px; height: 8px; border-radius: 50%; background: var(--ui-on-primary, #fff); transform: scale(0); transition: transform var(--ui-dur-2) var(--ui-ease-out); }
.ui-checkbox:hover:not(:disabled), .ui-radio:hover:not(:disabled) { border-color: var(--ui-ctl-line-hover); }
.ui-checkbox:checked, .ui-checkbox:indeterminate, .ui-radio:checked { background-color: var(--ui-accent); border-color: var(--ui-accent); }
.ui-checkbox:checked::after, .ui-checkbox:indeterminate::after { opacity: 1; transform: none; }
.ui-radio:checked::after { transform: scale(1); }
.ui-checkbox:focus:not(:focus-visible), .ui-radio:focus:not(:focus-visible) { outline: none; }
.ui-checkbox:focus-visible, .ui-radio:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-checkbox:disabled, .ui-radio:disabled { opacity: 0.5; cursor: not-allowed; }
.ui-check { display: inline-flex; align-items: flex-start; gap: 10px; font-size: var(--ui-fs-body); line-height: 20px; color: var(--ui-ink-2); cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; }
.ui-check > .ui-checkbox, .ui-check > .ui-radio { margin-top: 1px; }
.ui-check > .ui-toggle { margin-top: -2px; }
.ui-check-desc { display: block; font-size: var(--ui-fs-help); line-height: var(--ui-lh-body); color: var(--ui-muted); }
.ui-check:has(input:disabled) { cursor: not-allowed; color: var(--ui-muted); }
.ui-checks { display: flex; flex-direction: column; gap: var(--ui-space-3); }
.ui-choices { display: flex; flex-direction: column; gap: var(--ui-space-2); }
.ui-choice { display: flex; align-items: flex-start; gap: var(--ui-space-3); padding: 14px 16px; border: 1px solid var(--ui-line-strong); border-radius: var(--ui-r-lg); background: var(--ui-bg-card); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: border-color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
.ui-choice > .ui-radio, .ui-choice > .ui-checkbox { margin-top: 1px; }
.ui-choice:hover { border-color: var(--ui-ctl-line); }
.ui-choice:has(> input:checked), .ui-choice.is-selected { border-color: var(--ui-accent); background: rgba(var(--ui-accent-rgb), .05); }
.ui-choice:has(> input:focus-visible) { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-choice:has(> input:focus-visible) > input { outline: none; }
.ui-choice:has(> input:disabled) { opacity: 0.55; cursor: not-allowed; }
.ui-choice-body { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.ui-choice-title { font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); line-height: 20px; color: var(--ui-ink); }
.ui-choice-desc { font-size: var(--ui-fs-help); line-height: var(--ui-lh-body); color: var(--ui-muted); }
.ui-optrow { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 0px; border-bottom: 1px solid var(--ui-line-2); }
.ui-optrow:last-child { border-bottom: 0px; }
.ui-optrow-txt strong { display: block; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); color: var(--ui-ink); }
.ui-optrow-txt span { font-size: var(--ui-fs-help); color: var(--ui-muted); }
.ui-tabs { position: relative; display: inline-flex; align-items: center; gap: 2px; padding: 4px; max-width: 100%; overflow-x: auto; scrollbar-width: none; border-radius: var(--ui-r-pill); background: var(--ui-track); border: 1px solid var(--ui-line-2); }
.ui-tabs::-webkit-scrollbar { display: none; }
.ui-tab { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; height: var(--ui-ctl-sm); padding: 0px 14px; border: 1px solid transparent; border-radius: var(--ui-r-pill); background: transparent; color: var(--ui-muted); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
.ui-tab svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-tab:hover { color: var(--ui-ink); }
.ui-tab:focus:not(:focus-visible) { outline: none; }
.ui-tab:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: -2px; }
.ui-tab.active, .ui-tab.is-active, .ui-tab[aria-selected="true"] { color: var(--ui-ink); font-weight: var(--ui-fw-semibold); background: var(--ui-bg-raised); border-color: var(--ui-line); }
.ui-tab-n { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0px 5px; border-radius: var(--ui-r-pill); font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); font-variant-numeric: tabular-nums; color: var(--ui-muted); background: var(--ui-fill-2); }
.ui-tabs-ink { position: absolute; top: 0px; left: 0px; z-index: 0; width: 0px; height: 0px; border-radius: var(--ui-r-pill); background: var(--ui-bg-raised); border: 1px solid var(--ui-line); pointer-events: none; opacity: 0; transition: transform var(--ui-dur-3) var(--ui-ease-out), width var(--ui-dur-3) var(--ui-ease-out), height var(--ui-dur-3) var(--ui-ease-out), opacity var(--ui-dur-1) var(--ui-ease); }
.ui-tabs.has-ink .ui-tabs-ink { opacity: 1; }
.ui-tabs.has-ink .ui-tab.active, .ui-tabs.has-ink .ui-tab.is-active, .ui-tabs.has-ink .ui-tab[aria-selected="true"] { background: transparent; border-color: transparent; }
.ui-tabs.no-anim .ui-tabs-ink { transition: none; }
.ui-tabs-solid .ui-tab.active, .ui-tabs-solid .ui-tab.is-active, .ui-tabs-solid .ui-tab[aria-selected="true"] { color: var(--ui-card-bg); background: var(--ui-ink); border-color: var(--ui-ink); }
.ui-tabs-solid .ui-tabs-ink { background: var(--ui-ink); border-color: var(--ui-ink); }
.ui-tabs-solid.has-ink .ui-tab.active, .ui-tabs-solid.has-ink .ui-tab.is-active, .ui-tabs-solid.has-ink .ui-tab[aria-selected="true"] { color: var(--ui-card-bg); background: transparent; border-color: transparent; }
.ui-tabs-solid .ui-tab.active .ui-tab-n, .ui-tabs-solid .ui-tab.is-active .ui-tab-n, .ui-tabs-solid .ui-tab[aria-selected="true"] .ui-tab-n { color: inherit; background: rgba(127, 127, 127, 0.28); }
.ui-tabs-block { display: flex; width: 100%; }
.ui-tabs-block .ui-tab { flex: 1 1 0px; min-width: 0px; padding: 0px 8px; }
@media (max-width: 640px) {
  .ui-tab { height: 36px; }
}
.ui-devsel { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; padding: 12px 15px; margin-bottom: 14px; }
.ui-devsel-lbl { display: inline-flex; align-items: center; gap: 7px; font-size: 0.8rem; font-weight: 600; color: var(--ui-muted); white-space: nowrap; }
.ui-devsel-lbl svg { width: 16px; height: 16px; }
.ui-devsel-list { display: flex; flex-wrap: wrap; gap: 8px; }
.ui-dev { display: inline-flex; align-items: center; gap: 7px; padding: 6px 14px; border-radius: var(--ui-radius); border: 1px solid var(--ui-line); background: var(--ui-card-bg); color: var(--ui-ink-2); font-size: 0.8rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: border-color .16s var(--ui-ease), color .16s var(--ui-ease), background .16s var(--ui-ease); }
.ui-dev:hover { border-color: var(--ui-accent); color: var(--ui-accent); }
.ui-dev.active { background: var(--ui-accent); border-color: var(--ui-accent); color: var(--ui-on-primary, #fff); }
.ui-dev-dot { width: 7px; height: 7px; border-radius: 50%; flex-shrink: 0; background: var(--ui-muted-2); }
.ui-dev-dot.on { background: var(--ui-ok); }
.ui-dev-dot.off { background: var(--ui-danger); }
.ui-dev.active .ui-dev-dot { background: rgb(255, 255, 255); }
.ui-devsel-empty { font-size: 0.82rem; color: var(--ui-muted); }
.ui-devsel.is-plain { gap: var(--ui-space-2); padding: 0px; margin-bottom: var(--ui-space-4); }
.ui-devsel.is-plain .ui-devsel-lbl { margin-right: var(--ui-space-1); font-size: var(--ui-fs-label); font-weight: var(--ui-fw-regular); }
.ui-devsel.is-plain .ui-dev { min-height: 36px; }
@media (max-width: 720px) {
  .ui-devsel.is-plain .ui-dev { min-height: var(--ui-target); }
}
.dev-type-seg { display: inline-flex; gap: 4px; padding: 4px; background: var(--ui-surface); border: 1px solid var(--ui-line); border-radius: var(--ui-radius-sm); }
.dev-type-seg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 7px; padding: 7px 14px; border: 0px; background: transparent; color: var(--ui-muted); font-size: 0.78rem; font-weight: 600; line-height: 1; border-radius: calc(var(--ui-radius-sm) - 3px); cursor: pointer; white-space: nowrap; transition: background .15s var(--ui-ease), color .15s var(--ui-ease); }
.dev-type-seg-btn svg { width: 15px; height: 15px; }
.dev-type-seg-btn:hover { color: var(--ui-ink-2); }
.dev-type-seg-btn.active { background: var(--ui-card-bg); color: var(--ui-ink); border: 1px solid var(--ui-line); padding: 6px 13px; }
.dev-type-count { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0px 5px; font-size: 0.68rem; font-weight: 600; border-radius: 999px; background: var(--ui-line-2); color: var(--ui-muted); }
.dev-type-seg-btn.active .dev-type-count { background: rgba(var(--ui-accent-rgb), .14); color: var(--ui-accent); }
[data-active-type="own"] [data-dev-type="official"], [data-active-type="official"] [data-dev-type="own"] { display: none; }
.ui-devsel--typed { align-items: center; }
.ui-devsel--typed .ui-devsel-list { order: 1; }
.ui-devsel--typed .dev-type-seg { order: 2; margin-left: auto; }
.dev-type-seg--end { margin-left: auto; }
.dev-type-seg { margin-bottom: 10px; }
.ui-devsel--typed .dev-type-seg, .dev-type-seg--end { margin-bottom: 0px; }
@media (max-width: 560px) {
  .ui-devsel--typed .dev-type-seg { margin-left: 0px; flex-basis: 100%; }
  .dev-type-seg { display: flex; }
  .dev-type-seg-btn { flex: 1 1 0%; }
}
.ui-verified { display: inline-flex; align-items: center; vertical-align: middle; width: 16px; height: 16px; flex-shrink: 0; }
.ui-verified svg { width: 100%; height: 100%; display: block; }
.ui-modal .modal-dialog { pointer-events: none; }
.ui-modal.ui-modal-sm .modal-dialog { max-width: 480px; }
.ui-modal.ui-modal-md .modal-dialog { max-width: 640px; }
.ui-modal.ui-modal-lg .modal-dialog { max-width: 800px; }
.ui-modal.ui-modal-wide .modal-dialog { max-width: 840px; }
.ui-modal.fade { transition: opacity calc(var(--ui-dur-3) * .75) var(--ui-ease-in); }
.ui-modal.fade.show { transition-duration: var(--ui-dur-3); transition-timing-function: var(--ui-ease-out); }
.ui-modal.fade .modal-dialog { transform: translateY(8px) scale(0.985); transition: transform calc(var(--ui-dur-3) * .75) var(--ui-ease-in); }
.ui-modal.show .modal-dialog { transform: none; transition-duration: var(--ui-dur-3); transition-timing-function: var(--ui-ease-out); }
.ui-modal.modal-static .modal-dialog { transform: scale(1.015); }
.ui-mbox { pointer-events: auto; width: 100%; display: flex; flex-direction: column; background: var(--ui-bg-raised); border: 1px solid var(--ui-line); border-radius: var(--ui-r-xl); overflow: hidden; color: var(--ui-ink); }
.ui-mhead { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ui-space-4); padding: 20px 24px 4px; }
.ui-mhead-txt { display: flex; flex-direction: column; gap: 4px; min-width: 0px; padding-top: 4px; }
.ui-mtitle { font-size: var(--ui-fs-modal); font-weight: var(--ui-fw-semibold); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); margin: 0px; line-height: var(--ui-lh-tight); }
.ui-mhead > .ui-mtitle { padding-top: 4px; }
.ui-msub { font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); color: var(--ui-muted); margin: 0px; }
.ui-mbody { padding: 16px 24px; color: var(--ui-ink-2); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); }
.ui-mbody > :last-child { margin-bottom: 0px; }
.ui-mfoot { display: flex; align-items: center; justify-content: flex-end; gap: var(--ui-space-2); padding: 12px 24px 24px; }
.ui-mfoot.between { justify-content: space-between; }
.ui-mfoot-start { margin-right: auto; }
.ui-modal-scroll .ui-mbox { max-height: calc(100dvh - 3.5rem); }
.ui-modal-scroll .ui-mbody { overflow-y: auto; min-height: 0px; overscroll-behavior: contain; }
.ui-modal-scroll .ui-mhead { padding-bottom: 16px; border-bottom: 1px solid var(--ui-line-2); }
.ui-modal-scroll .ui-mfoot { padding-top: 16px; border-top: 1px solid var(--ui-line-2); }
.ui-modal-scroll .ui-mbox > form { display: flex; flex-direction: column; min-height: 0px; max-height: calc(100dvh - 3.5rem); }
.ui-mclose { width: 32px; height: 32px; flex: 0 0 auto; padding: 0px; margin: 0px -8px 0px 0px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: var(--ui-r-sm); background: transparent; color: var(--ui-muted); cursor: pointer; transition: background-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease), transform var(--ui-dur-1) var(--ui-ease); }
.ui-mclose::before { content: ""; width: 18px; height: 18px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E") center center / 18px auto no-repeat; }
.ui-mclose:hover { background: var(--ui-fill-2); color: var(--ui-ink); }
.ui-mclose:active { transform: scale(0.94); }
.ui-mclose:focus:not(:focus-visible) { outline: none; }
.ui-mclose:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 1px; }
@media (max-width: 560px) {
  .ui-mhead { padding: 18px 20px 4px; }
  .ui-mbody { padding: 14px 20px; }
  .ui-mfoot { padding: 12px 20px 20px; }
}
@media (max-width: 560px) {
  .ui-modal-sheet .modal-dialog { margin: 0px; max-width: none; min-height: 100%; display: flex; align-items: flex-end; }
  .ui-modal-sheet .ui-mbox { border-radius: var(--ui-r-2xl) var(--ui-r-2xl) 0 0; border-bottom: 0px; max-height: 92dvh; padding-bottom: env(safe-area-inset-bottom, 0px); }
  .ui-modal-sheet .ui-mbox > form { display: flex; flex-direction: column; min-height: 0px; }
  .ui-modal-sheet .ui-mbody { overflow-y: auto; min-height: 0px; overscroll-behavior: contain; }
  .ui-modal-sheet .ui-mfoot > .ui-btn { flex: 1 1 0px; }
  .ui-modal-sheet.fade .modal-dialog { transform: translateY(100%); transition: transform calc(var(--ui-dur-4) * .75) var(--ui-ease-in); }
  .ui-modal-sheet.show .modal-dialog { transform: none; transition-duration: var(--ui-dur-4); transition-timing-function: var(--ui-ease-out); }
}
.ui-modal-drawer .modal-dialog { margin: 8px 8px 8px auto; width: calc(100% - 16px); max-width: 440px; height: calc(100% - 16px); min-height: 0px; }
.ui-modal-drawer.ui-modal-md .modal-dialog { max-width: 560px; }
.ui-modal-drawer .ui-mbox { height: 100%; }
.ui-modal-drawer .ui-mbox > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0px; }
.ui-modal-drawer .ui-mhead { padding-bottom: 16px; border-bottom: 1px solid var(--ui-line-2); }
.ui-modal-drawer .ui-mbody { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding-top: 20px; padding-bottom: 20px; }
.ui-modal-drawer .ui-mfoot { padding-top: 16px; border-top: 1px solid var(--ui-line-2); }
.ui-modal-drawer.fade .modal-dialog { transform: translateX(calc(100% + 16px)); transition: transform calc(var(--ui-dur-4) * .75) var(--ui-ease-in); }
.ui-modal-drawer.show .modal-dialog { transform: none; transition-duration: var(--ui-dur-4); transition-timing-function: var(--ui-ease-out); }
@media (max-width: 560px) {
  .ui-modal-drawer .modal-dialog { margin: 0px 0px 0px auto; width: 100%; max-width: none; height: 100%; }
  .ui-modal-drawer .ui-mbox { border-radius: 0px; border-width: 0px; }
}
@media (prefers-reduced-motion: reduce) {
  .ui-modal.fade .modal-dialog, .ui-modal-sheet.fade .modal-dialog, .ui-modal-drawer.fade .modal-dialog { transform: none; }
}
.ui-dropdown { position: relative; display: inline-block; }
.ui-menu { position: absolute; right: 0px; top: calc(100% + 6px); z-index: var(--ui-z-dropdown); min-width: 200px; max-width: min(320px, -24px + 100vw); padding: 6px; display: none; background: var(--ui-bg-raised); border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); transform-origin: right top; }
.ui-dropdown.open .ui-menu { display: block; animation: uiMenuIn var(--ui-dur-2) var(--ui-ease-out); }
.ui-menu.is-start { right: auto; left: 0px; transform-origin: left top; }
.ui-menu.is-up { top: auto; bottom: calc(100% + 6px); transform-origin: right bottom; }
.ui-menu.is-up.is-start { transform-origin: left bottom; }
@keyframes uiMenuIn { 
  0% { opacity: 0; transform: translateY(-4px) scale(0.98); }
  100% { opacity: 1; transform: none; }
}
.ui-menu.is-float { position: fixed; right: auto; bottom: auto; z-index: var(--ui-z-popover); }
.ui-menu.is-float.is-flip { transform-origin: right bottom; }
.ui-menu.is-float.is-start.is-flip { transform-origin: left bottom; }
.ui-menu.is-float.is-scroll { overflow-y: auto; overscroll-behavior: contain; }
.ui-menu-item { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; text-align: left; background: none; border: 0px; cursor: pointer; padding: 8px 10px; border-radius: var(--ui-r-sm); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-medium); line-height: 20px; color: var(--ui-ink); text-decoration: none; transition: background-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease); white-space: nowrap; }
.ui-menu-item svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); flex: 0 0 auto; color: var(--ui-muted); transition: color var(--ui-dur-1) var(--ui-ease); }
.ui-menu-item:hover, .ui-menu-item:focus-visible { background: var(--ui-fill-2); color: var(--ui-ink); outline: none; }
.ui-menu-item:hover svg, .ui-menu-item:focus-visible svg { color: var(--ui-ink-2); }
.ui-menu-item.danger { color: var(--ui-danger); }
.ui-menu-item.danger svg { color: var(--ui-danger); }
.ui-menu-item.danger:hover, .ui-menu-item.danger:focus-visible { background: rgba(var(--ui-danger-rgb), .10); color: var(--ui-danger); }
.ui-menu-item.danger:hover svg, .ui-menu-item.danger:focus-visible svg { color: var(--ui-danger); }
.ui-menu-item.is-disabled { opacity: 0.5; pointer-events: none; }
.ui-menu-item[aria-checked="true"]::after { content: ""; width: 16px; height: 16px; margin-left: auto; flex: 0 0 auto; background: var(--ui-accent-ink); mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center center / 16px auto no-repeat; }
.ui-menu-hint { margin-left: auto; padding-left: 12px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-regular); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-menu-label { padding: 8px 10px 4px; font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--ui-muted); }
.ui-menu-divider { height: 1px; background: var(--ui-line-2); margin: 6px 4px; }
@media (max-width: 640px) {
  .ui-menu-item { min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .ui-dropdown.open .ui-menu { animation: auto ease 0s 1 normal none running none; }
}
.ui-cselect { position: relative; width: 100%; min-width: 0px; }
.ui-cselect-native { position: absolute; width: 1px; height: 1px; max-width: 1px; max-height: 1px; margin: 0px; padding: 0px; border: 0px; opacity: 0; pointer-events: none; overflow: hidden; clip-path: inset(50%); }
.ui-cselect-btn { display: flex; align-items: center; gap: 8px; width: 100%; min-height: 40px; padding: 7px 11px; margin: 0px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.88rem; line-height: 1.35; text-align: left; color: var(--ui-ink); background: var(--ui-field-bg); border: 1px solid var(--ui-ctl-line); border-radius: var(--ui-r-md); cursor: pointer; outline: transparent solid 3px; outline-offset: 0px; transition: border-color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease), outline-color var(--ui-dur-1) var(--ui-ease); }
.ui-cselect-btn:hover { border-color: var(--ui-ctl-line-hover); }
.ui-cselect-btn:focus-visible, .ui-cselect.is-open .ui-cselect-btn { border-color: var(--ui-accent); outline-color: rgba(var(--ui-accent-rgb), .18); }
.ui-cselect-btn:disabled { opacity: 0.55; cursor: default; }
.ui-cselect-btn > svg { width: 16px; height: 16px; flex: 0 0 auto; margin-left: auto; color: var(--ui-muted); transition: transform .18s var(--ui-ease); }
.ui-cselect.is-open .ui-cselect-btn > svg { transform: rotate(180deg); color: var(--ui-accent); }
.ui-cselect-val { display: flex; align-items: baseline; gap: 7px; min-width: 0px; overflow: hidden; }
.ui-cselect-lbl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-cselect-hint { flex: 0 1 auto; min-width: 0px; font-size: 0.74rem; font-weight: 500; color: var(--ui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.has-font > .ui-cselect-lbl { font-family: var(--ui-cs-font), system-ui, sans-serif; font-size: 1.06em; }
.ui-cselect-list { position: fixed; left: 0px; top: 0px; z-index: 1090; width: max-content; max-width: min(340px, -24px + 100vw); max-height: 300px; margin: 0px; padding: 5px; list-style: none; overflow-y: auto; overscroll-behavior: contain; background: var(--ui-bg-raised); border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); animation: ui-cs-in var(--ui-dur-2) var(--ui-ease-out); }
.ui-cselect-list[hidden] { display: none; }
.ui-cselect.is-up .ui-cselect-list { animation-name: ui-cs-up; }
@keyframes ui-cs-in { 
  0% { opacity: 0; transform: translateY(-3px); }
  100% { opacity: 1; transform: none; }
}
@keyframes ui-cs-up { 
  0% { opacity: 0; transform: translateY(3px); }
  100% { opacity: 1; transform: none; }
}
.ui-cselect-opt { display: flex; align-items: baseline; gap: 8px; padding: 8px 10px; margin: 0px; border-radius: 7px; font-size: 0.88rem; line-height: 1.3; color: var(--ui-ink-2); cursor: pointer; user-select: none; }
.ui-cselect-opt.is-active { background: var(--ui-hover); color: var(--ui-ink); }
.ui-cselect-opt[aria-selected="true"] { color: var(--ui-accent); }
.ui-cselect-opt[aria-disabled="true"] { opacity: 0.5; cursor: default; }
.ui-cselect-opt > svg { width: 15px; height: 15px; flex: 0 0 auto; margin-left: auto; align-self: center; visibility: hidden; }
.ui-cselect-opt[aria-selected="true"] > svg { visibility: visible; }
.ui-cselect-opt.has-font > .ui-cselect-lbl { font-size: 1.12em; }
.ui-cselect-sm .ui-cselect-btn { min-height: 28px; padding: 3px 8px; font-size: 0.8rem; gap: 6px; border-radius: 7px; }
.ui-cselect-sm .ui-cselect-btn > svg { width: 14px; height: 14px; }
.ui-cselect-sm .ui-cselect-btn .ui-cselect-hint { display: none; }
@media (prefers-reduced-motion: reduce) {
  .ui-cselect-list { animation: auto ease 0s 1 normal none running none; }
  .ui-cselect-btn > svg { transition: none; }
}
.ui-toast-wrap { position: fixed; right: 20px; bottom: 20px; z-index: var(--ui-z-toast); display: flex; flex-direction: column; gap: 12px; pointer-events: none; }
.ui-toast-wrap.is-top { top: 20px; bottom: auto; }
.ui-toast { min-width: 300px; max-width: 400px; overflow: hidden; border-radius: var(--ui-radius-sm); background: var(--ui-toast-bg); backdrop-filter: blur(16px) saturate(180%); border: 1px solid var(--ui-toast-border); pointer-events: auto; transform: translateY(12px); opacity: 0; transition: transform calc(var(--ui-dur-2) * .75) var(--ui-ease-in), opacity calc(var(--ui-dur-2) * .75) var(--ui-ease-in); }
.ui-toast.show { transform: translateY(0px); opacity: 1; transition-duration: var(--ui-dur-2); transition-timing-function: var(--ui-ease-out); }
.ui-toast-foot { display: flex; justify-content: flex-end; padding: 0px 12px 12px; margin-top: -2px; }
.ui-toast-head { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-bottom: 1px solid var(--ui-toast-border); }
.ui-toast-ic { width: 22px; height: 22px; border-radius: 6px; display: grid; place-items: center; flex: 0 0 auto; }
.ui-toast-ic svg { width: 15px; height: 15px; }
.ui-toast-title { font-size: 0.82rem; font-weight: 600; color: var(--ui-ink); margin-right: auto; }
.ui-toast-time { font-size: 0.72rem; color: var(--ui-muted-2); }
.ui-toast-close { width: 22px; height: 22px; border: 0px; background: none; cursor: pointer; color: var(--ui-muted-2); border-radius: 5px; display: grid; place-items: center; font-size: 1.15rem; line-height: 1; transition: .15s var(--ui-ease); }
.ui-toast-close:hover { background: var(--ui-line-2); color: var(--ui-ink); }
.ui-toast-body { padding: 11px 13px; font-size: 0.85rem; color: var(--ui-ink-2); line-height: 1.45; }
.ui-toast.ok .ui-toast-ic { color: var(--ui-ok); background: rgba(var(--ui-ok-rgb), .14); }
.ui-toast.warn .ui-toast-ic { color: var(--ui-warn); background: rgba(var(--ui-warn-rgb), .14); }
.ui-toast.danger .ui-toast-ic { color: var(--ui-danger); background: rgba(var(--ui-danger-rgb), .14); }
.ui-toast.info .ui-toast-ic { color: var(--ui-accent); background: var(--ui-hover); }
@media (max-width: 560px) {
  .ui-toast-wrap { left: 12px; right: 12px; bottom: 12px; }
  .ui-toast-wrap.is-top { top: 12px; bottom: auto; }
  .ui-toast { max-width: none; min-width: 0px; }
}
.ui-wall { display: flex; align-items: center; gap: 18px; padding: 22px 26px; margin-bottom: 22px; border-radius: var(--ui-radius); color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(217, 119, 6) 0%, rgb(180, 83, 9) 100%); }
.ui-wall-icon { width: 60px; height: 60px; flex: 0 0 auto; border-radius: 14px; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.18); }
.ui-wall-icon svg { width: 28px; height: 28px; }
.ui-wall-body { flex: 1 1 auto; min-width: 0px; }
.ui-wall-title { margin: 0px 0px 4px; font-size: 1.2rem; font-weight: 600; letter-spacing: -0.01em; color: rgb(255, 255, 255); }
.ui-wall-text { margin: 0px; font-size: 0.9rem; opacity: 0.92; line-height: 1.45; max-width: 640px; }
.ui-wall-plan { display: flex; align-items: center; gap: 6px; margin: 10px 0px 0px; font-size: 0.82rem; font-weight: 600; opacity: 0.95; }
.ui-wall-plan svg { width: 15px; height: 15px; flex: 0 0 auto; }
.ui-wall-cta { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 7px; padding: 11px 20px; border: 1px solid rgba(255, 255, 255, 0.38); border-radius: var(--ui-radius-sm); background: rgba(255, 255, 255, 0.16); color: rgb(255, 255, 255); font-size: 0.86rem; font-weight: 600; text-decoration: none; white-space: nowrap; transition: .15s var(--ui-ease); }
.ui-wall-cta:hover { background: rgb(255, 255, 255); color: rgb(180, 83, 9); }
.ui-wall-cta svg { width: 15px; height: 15px; }
@media (max-width: 760px) {
  .ui-wall { flex-wrap: wrap; }
  .ui-wall-cta { width: 100%; justify-content: center; }
}
.ui-community-pop { position: fixed; right: 22px; bottom: 22px; z-index: 35; max-width: calc(-44px + 100vw); animation: 0.45s cubic-bezier(0.16, 1, 0.3, 1) 0s 1 normal none running uiCommunityUp; }
@keyframes uiCommunityUp { 
  0% { transform: translateY(16px); opacity: 0; }
  100% { transform: translateY(0px); opacity: 1; }
}
.ui-community-pop-inner { width: 352px; max-width: 100%; padding: 20px; background: var(--ui-card-bg); border: 1px solid var(--ui-line); border-radius: var(--ui-radius); }
.ui-community-pop-head { display: flex; align-items: center; gap: 10px; margin-bottom: 10px; }
.ui-community-pop-ic { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: var(--ui-radius-sm); background: rgba(var(--ui-accent-rgb), .12); color: var(--ui-accent); }
.ui-community-pop-ic svg { width: 17px; height: 17px; }
.ui-community-pop-title { font-size: 0.92rem; font-weight: 600; color: var(--ui-ink); }
.ui-community-pop-text { margin: 0px 0px 16px; font-size: 0.845rem; line-height: 1.6; color: var(--ui-ink-2); }
.ui-community-pop-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ui-community-pop-dismiss, .ui-community-pop-join { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; padding: 9px 16px; border-radius: var(--ui-radius-sm); font-size: 0.845rem; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color .16s var(--ui-ease), border-color .16s var(--ui-ease), color .16s var(--ui-ease), filter .16s var(--ui-ease); }
.ui-community-pop-dismiss { font-weight: 500; background: transparent; color: var(--ui-ink-2); border: 1px solid var(--ui-line); }
.ui-community-pop-dismiss:hover { background: var(--ui-line-2); color: var(--ui-ink); border-color: var(--ui-field-line); }
.ui-community-pop-join { font-weight: 600; background: var(--ui-accent); color: var(--ui-on-primary, #fff); border: 1px solid var(--ui-accent); }
.ui-community-pop-join:hover, .ui-community-pop-join:focus-visible { filter: brightness(0.94); color: var(--ui-on-primary, #fff); }
@media (max-width: 640px) {
  .ui-community-pop { right: 14px; left: 14px; bottom: 14px; max-width: none; }
  .ui-community-pop-inner { width: auto; padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .ui-community-pop { animation: auto ease 0s 1 normal none running none; }
}
.abi[hidden], .abi [hidden] { display: none !important; }
.abi-ico { display: inline-grid; place-items: center; width: 32px; height: 32px; flex: 0 0 auto; border-radius: var(--ui-radius-sm); background: rgba(var(--ui-accent-rgb), .12); color: var(--ui-accent); }
.abi-ico svg { width: 17px; height: 17px; }
.abi-callout .ui-callout-title .ui-badge { margin-left: 6px; vertical-align: 1px; }
.abi-pane { width: 100%; max-width: 400px; margin-top: var(--ui-space-6, 24px); padding: 18px 20px; text-align: left; background: var(--ui-card-bg); border: 1px solid var(--ui-line); border-radius: var(--ui-radius); }
.abi-head { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; }
.abi-t { font-size: 0.92rem; font-weight: 600; color: var(--ui-ink); line-height: 1.3; }
.abi-head .ui-badge { margin-left: auto; }
.abi-txt { margin: 0px 0px 14px; font-size: 0.845rem; line-height: 1.55; color: var(--ui-ink-2); }
.abi-pane [data-abi-view="done"] .abi-txt { margin-bottom: 0px; }
.abi-actions { display: flex; gap: 8px; flex-wrap: wrap; }
.abi-foot { margin: 10px 0px 0px; font-size: var(--ui-fs-help, .75rem); line-height: 1.5; color: var(--ui-muted); }
.abi-row { display: none; }
@media (max-width: 767px) {
  .abi-pane { display: none !important; }
  .abi-row:not([hidden]) { display: block; margin: 0 var(--ui-space-2, 8px) var(--ui-space-2, 8px); }
  .abi-row-in:not([hidden]) { display: flex; align-items: center; gap: 10px; padding: 10px 8px 10px 12px; border: 1px solid rgba(var(--ui-accent-rgb), .30); background: rgba(var(--ui-accent-rgb), .05); border-radius: var(--ui-r-lg); }
  .abi-row-txt { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; line-height: 1.3; }
  .abi-row-txt b { font-size: 0.82rem; font-weight: 600; color: var(--ui-ink); }
  .abi-row-txt span { font-size: 0.75rem; color: var(--ui-ink-2); }
  .abi-row .ui-btn { flex: 0 0 auto; white-space: nowrap; }
}
@media (max-width: 640px) {
  .abi-callout { padding-right: 44px; align-items: flex-start; }
  .abi-callout .dsh-notice-x { position: absolute; top: 8px; right: 8px; }
}
@media (max-width: 380px) {
  .abi-row .abi-ico { display: none; }
}
.abi-steps .abi-step { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; min-width: 0px; }
.abi.is-leaving { opacity: 0; transform: translateY(-4px); transition: opacity 0.15s, transform 0.15s; }
@media (prefers-reduced-motion: reduce) {
  .abi.is-leaving { transition: none; }
}
.ui-page-head { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: var(--ui-space-4) var(--ui-space-6); margin-bottom: var(--ui-space-6); }
.ui-page-head-txt { min-width: 0px; }
.ui-page-title { margin: 0px; font-size: var(--ui-fs-page); font-weight: var(--ui-fw-semibold); line-height: 1.15; letter-spacing: var(--ui-ls-page); color: var(--ui-ink); }
.ui-page-meta { margin: 6px 0px 0px; font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); color: var(--ui-muted); }
.ui-page-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2); }
.ui-page-actions > .ui-dropdown:has(> .ui-btn-icon[data-ui-menu]) { order: 1; }
.ui-page-title-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-3); min-width: 0px; }
.ui-page-mark { display: grid; place-items: center; flex: 0 0 auto; width: 40px; height: 40px; border-radius: var(--ui-r-lg); color: var(--ui-accent-ink); background: rgba(var(--ui-accent-rgb), .11); }
.ui-page-mark svg { width: var(--ui-ic-lg); height: var(--ui-ic-lg); }
.ui-page-mark.is-whatsapp { color: var(--ui-wa-ink); background: rgba(var(--ui-wa-rgb), .14); }
.ui-page-mark.is-telegram { color: var(--ui-tg-ink); background: rgba(var(--ui-tg-rgb), .12); }
.ui-overline { font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--ui-muted); }
@media (max-width: 560px) {
  .ui-page-title { font-size: var(--ui-fs-h2); }
  .ui-page-actions { width: 100%; }
  .ui-page-actions .ui-btn-primary { flex: 1 1 auto; }
}
.ui-tile { --ui-tile-size: 36px; display: inline-grid; place-items: center; flex: 0 0 auto; width: var(--ui-tile-size); height: var(--ui-tile-size); border-radius: var(--ui-r-md); background: var(--ui-fill-2); color: var(--ui-ink-2); }
.ui-tile svg { width: var(--ui-ic-md); height: var(--ui-ic-md); }
.ui-tile-sm { --ui-tile-size: 28px; border-radius: var(--ui-r-sm); }
.ui-tile-sm svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-tile-lg { --ui-tile-size: 44px; border-radius: var(--ui-r-lg); }
.ui-tile-lg svg { width: var(--ui-ic-lg); height: var(--ui-ic-lg); }
.ui-tile.is-round { border-radius: 50%; }
.ui-tile.is-accent { background: rgba(var(--ui-accent-rgb), .11); color: var(--ui-accent-ink); }
.ui-tile.is-ok { background: rgba(var(--ui-ok-rgb), .12); color: var(--ui-ok-ink); }
.ui-tile.is-warn { background: rgba(var(--ui-warn-rgb), .13); color: var(--ui-warn-ink); }
.ui-tile.is-danger { background: rgba(var(--ui-danger-rgb), .11); color: var(--ui-danger-ink); }
.ui-tile.is-info { background: rgba(var(--ui-info-rgb), .12); color: var(--ui-info-ink); }
.ui-avatar { --ui-av-size: 40px; position: relative; display: inline-grid; place-items: center; flex: 0 0 auto; width: var(--ui-av-size); height: var(--ui-av-size); border-radius: 50%; background: var(--ui-av-bg, var(--ui-fill-3)); color: var(--ui-av-fg, var(--ui-ink-2)); font-size: calc(var(--ui-av-size) * .38); font-weight: var(--ui-fw-semibold); line-height: 1; letter-spacing: 0.01em; text-transform: uppercase; user-select: none; }
.ui-avatar > img { width: var(--ui-av-size); height: var(--ui-av-size); border-radius: 50%; object-fit: cover; display: block; }
.ui-avatar-xs { --ui-av-size: 24px; }
.ui-avatar-sm { --ui-av-size: 32px; }
.ui-avatar-lg { --ui-av-size: 48px; }
.ui-avatar-xl { --ui-av-size: 64px; }
.ui-avatar.is-accent { --ui-av-bg: rgba(var(--ui-accent-rgb), .13); --ui-av-fg: var(--ui-accent-ink); }
.ui-avatar[class*="is-tone-"] { --ui-av-bg: color-mix(in srgb, var(--ui-av-hue) 15%, var(--ui-bg-card)); --ui-av-fg: color-mix(in srgb, var(--ui-av-hue) 50%, var(--ui-ink)); }
:root[data-palette="calm"] .ui-avatar[class*="is-tone-"] { --ui-av-bg: color-mix(in srgb, var(--ui-av-hue) 24%, var(--ui-bg-card)); --ui-av-fg: color-mix(in srgb, var(--ui-av-hue) 78%, var(--ui-ink)); }
:root[data-theme="dark"] .ui-avatar[class*="is-tone-"] { --ui-av-bg: color-mix(in srgb, var(--ui-av-hue) 24%, var(--ui-bg-card)); --ui-av-fg: color-mix(in srgb, var(--ui-av-hue) 60%, var(--ui-ink)); }
:root[data-palette="calm"][data-theme="dark"] .ui-avatar[class*="is-tone-"] { --ui-av-bg: color-mix(in srgb, var(--ui-av-hue) 34%, var(--ui-bg-card)); --ui-av-fg: color-mix(in srgb, var(--ui-av-hue) 45%, var(--ui-ink)); }
.ui-avatar.is-tone-0 { --ui-av-hue: var(--ui-av-0, #5DA399); }
.ui-avatar.is-tone-1 { --ui-av-hue: var(--ui-av-1, var(--ui-accent)); }
.ui-avatar.is-tone-2 { --ui-av-hue: var(--ui-av-2, #3b82f6); }
.ui-avatar.is-tone-3 { --ui-av-hue: var(--ui-av-3, #ef4444); }
.ui-avatar.is-tone-4 { --ui-av-hue: var(--ui-av-4, #8b5cf6); }
.ui-avatar.is-tone-5 { --ui-av-hue: var(--ui-av-5, #ec4899); }
.ui-avatar.is-tone-6 { --ui-av-hue: var(--ui-av-6, #14b8a6); }
.ui-avatar.is-tone-7 { --ui-av-hue: var(--ui-av-7, #f59e0b); }
.ui-avatar.is-tone-8 { --ui-av-hue: var(--ui-av-8, #6366f1); }
.ui-avatar.is-tone-9 { --ui-av-hue: var(--ui-av-9, #10b981); }
.ui-avatar.is-tone-10 { --ui-av-hue: var(--ui-av-10, #e11d48); }
.ui-avatar.is-tone-11 { --ui-av-hue: var(--ui-av-11, #0ea5e9); }
.ui-avatar[class*="is-tone-"] > img { background: var(--ui-bg-card); }
.ui-avatar-dot { position: absolute; right: -1px; bottom: -1px; width: max(10px, calc(var(--ui-av-size) * .28)); height: max(10px, calc(var(--ui-av-size) * .28)); border-radius: 50%; border: 2px solid var(--ui-av-ring, var(--ui-bg-card)); background: var(--ui-ok); }
.ui-avatar-dot.is-off { background: var(--ui-muted-2); }
.ui-avatar-dot.is-warn { background: var(--ui-warn); }
.ui-avatar-dot.is-danger { background: var(--ui-danger); }
.ui-avatars { display: inline-flex; align-items: center; }
.ui-avatars > .ui-avatar { border: 2px solid var(--ui-av-ring, var(--ui-bg-card)); box-sizing: content-box; }
.ui-avatars > .ui-avatar + .ui-avatar { margin-left: -8px; }
.ui-list { display: flex; flex-direction: column; gap: 2px; margin: 0px; padding: 0px; list-style: none; }
.ui-list-item { display: flex; align-items: center; gap: var(--ui-space-3); width: 100%; min-height: 56px; padding: 8px 12px; border: 0px; border-radius: var(--ui-r-lg); background: transparent; color: inherit; font: inherit; text-align: left; text-decoration: none; transition: background-color var(--ui-dur-1) var(--ui-ease); }
a.ui-list-item, button.ui-list-item, .ui-list-item.is-clickable { cursor: pointer; -webkit-tap-highlight-color: transparent; }
a.ui-list-item:hover, button.ui-list-item:hover, .ui-list-item.is-clickable:hover { background: var(--ui-fill-1); color: inherit; }
a.ui-list-item:focus-visible, button.ui-list-item:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: -2px; }
.ui-list-item.is-selected, .ui-list-item[aria-current="true"] { background: rgba(var(--ui-accent-rgb), .09); }
.ui-list-body { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.ui-list-title { font-size: var(--ui-fs-body); font-weight: var(--ui-fw-medium); line-height: 20px; color: var(--ui-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-list-sub { font-size: var(--ui-fs-label); line-height: 18px; color: var(--ui-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-list-meta { flex: 0 0 auto; display: flex; flex-direction: column; align-items: flex-end; gap: 4px; font-size: var(--ui-fs-help); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-list-chev { flex: 0 0 auto; width: var(--ui-ic-sm); height: var(--ui-ic-sm); color: var(--ui-muted-2); }
.ui-list.is-divided { gap: 0px; }
.ui-list.is-divided > .ui-list-item + .ui-list-item, .ui-list.is-divided > li + li > .ui-list-item { border-top: 1px solid var(--ui-line-2); border-radius: 0px; }
.ui-count { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0px 6px; border-radius: var(--ui-r-pill); font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); line-height: 1; font-variant-numeric: tabular-nums; color: var(--ui-on-primary, #fff); background: var(--ui-accent); }
.ui-count.is-neutral { color: var(--ui-ink-2); background: var(--ui-fill-3); }
.ui-dot-new { display: inline-block; width: 8px; height: 8px; flex: 0 0 auto; border-radius: 50%; background: var(--ui-accent); }
:where([data-ui-tip]) { position: relative; }
[data-ui-tip]::before { content: attr(data-ui-tip); position: absolute; left: 50%; bottom: calc(100% + 8px); z-index: var(--ui-z-tooltip); width: max-content; max-width: 240px; padding: 6px 10px; border-radius: var(--ui-r-sm); background: var(--ui-ink); color: var(--ui-card-bg); font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); line-height: 1.4; text-align: center; white-space: normal; text-transform: none; letter-spacing: 0px; pointer-events: none; opacity: 0; transform: translate(-50%, 4px); transition: opacity calc(var(--ui-dur-2) * .75) var(--ui-ease-in), transform calc(var(--ui-dur-2) * .75) var(--ui-ease-in); }
[data-ui-tip]:hover::before { opacity: 1; transform: translate(-50%, 0px); transition: opacity var(--ui-dur-2) var(--ui-ease-out) 300ms, transform var(--ui-dur-2) var(--ui-ease-out) 300ms; }
[data-ui-tip]:focus-visible::before { opacity: 1; transform: translate(-50%, 0px); transition-duration: var(--ui-dur-2); transition-delay: 0s; }
[data-ui-tip-pos="bottom"]::before { bottom: auto; top: calc(100% + 8px); transform: translate(-50%, -4px); }
[data-ui-tip-pos="left"]::before { inset: 50% calc(100% + 8px) auto auto; transform: translate(4px, -50%); }
[data-ui-tip-pos="right"]::before { left: calc(100% + 8px); bottom: auto; top: 50%; transform: translate(-4px, -50%); }
[data-ui-tip-pos="bottom"]:hover::before, [data-ui-tip-pos="bottom"]:focus-visible::before { transform: translate(-50%, 0px); }
[data-ui-tip-pos="left"]:hover::before, [data-ui-tip-pos="left"]:focus-visible::before, [data-ui-tip-pos="right"]:hover::before, [data-ui-tip-pos="right"]:focus-visible::before { transform: translate(0px, -50%); }
[data-ui-tip=""]::before { display: none; }
[data-ui-tip][aria-expanded="true"]::before { display: none; }
@media (hover: none) {
  [data-ui-tip]::before { display: none; }
}
.ui-tip-js [data-ui-tip]::before { display: none; }
.ui-tipbox { position: fixed; left: 0px; top: 0px; z-index: var(--ui-z-tooltip); width: max-content; max-width: 240px; padding: 6px 10px; border-radius: var(--ui-r-sm); background: var(--ui-ink); color: var(--ui-card-bg); font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); line-height: 1.4; text-align: center; white-space: normal; overflow-wrap: anywhere; pointer-events: none; opacity: 0; transition: opacity var(--ui-dur-2) var(--ui-ease-out); }
.ui-tipbox[hidden] { display: none; }
.ui-tipbox.is-on { opacity: 1; }
@media (prefers-reduced-motion: reduce) {
  .ui-tipbox { transition: none; }
}
.ui-skel { position: relative; display: block; overflow: hidden; border-radius: var(--ui-r-sm); background: var(--ui-fill-2); }
.ui-skel::after { content: ""; position: absolute; inset: 0px; transform: translateX(-100%); background: linear-gradient(90deg, transparent, var(--ui-shine), transparent); animation: 1.6s ease-in-out 0s infinite normal none running uiShimmer; }
@keyframes uiShimmer { 
  100% { transform: translateX(100%); }
}
.ui-skel-line { height: 12px; margin-bottom: 8px; }
.ui-skel-line.is-short { width: 60%; }
.ui-skel-line.is-tiny { width: 32%; }
.ui-skel-title { height: 20px; width: 45%; margin-bottom: 12px; }
.ui-skel-circle { width: 40px; height: 40px; flex: 0 0 auto; border-radius: 50%; }
.ui-skel-block { height: 64px; border-radius: var(--ui-r-lg); }
.ui-skel-bubble { height: 40px; width: 55%; border-radius: 16px; }
.ui-skel-row { display: flex; align-items: center; gap: var(--ui-space-3); padding: 8px 12px; }
.ui-skel-row > .ui-skel-stack { flex: 1 1 auto; min-width: 0px; }
.ui-skel-row .ui-skel-line { margin-bottom: 6px; }
.ui-skel-row .ui-skel-line:last-child { margin-bottom: 0px; }
.ui-skel-group { animation: uiFadeIn var(--ui-dur-2) var(--ui-ease-out) 300ms both; }
@keyframes uiFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .ui-skel::after { animation: auto ease 0s 1 normal none running none; opacity: 0; }
}
.ui-popover { position: fixed; z-index: var(--ui-z-popover); width: min(320px, -24px + 100vw); max-height: calc(100dvh - 24px); display: flex; flex-direction: column; background: var(--ui-bg-raised); border: 1px solid var(--ui-line); border-radius: var(--ui-r-xl); color: var(--ui-ink); opacity: 0; transform: translateY(4px) scale(0.98); transform-origin: var(--ui-pop-origin, bottom center); pointer-events: none; transition: opacity calc(var(--ui-dur-2) * .75) var(--ui-ease-in), transform calc(var(--ui-dur-2) * .75) var(--ui-ease-in); }
.ui-popover[hidden], .ui-drawer[hidden] { display: none; }
.ui-popover.is-open { opacity: 1; transform: none; pointer-events: auto; transition-duration: var(--ui-dur-2); transition-timing-function: var(--ui-ease-out); }
.ui-popover-lg { width: min(400px, -24px + 100vw); }
.ui-popover > .ui-mhead { padding: 14px 16px 0px; }
.ui-popover .ui-mtitle { font-size: var(--ui-fs-body-lg); }
.ui-popover > .ui-mhead > .ui-mtitle { padding-top: 5px; }
.ui-popover .ui-mclose { margin-right: -6px; }
.ui-popover > .ui-mbody { padding: 12px 16px; overflow-y: auto; min-height: 0px; }
.ui-popover > .ui-mfoot { padding: 4px 16px 16px; }
.ui-popover .ui-field { margin-bottom: var(--ui-space-3); }
.ui-drawer { position: fixed; top: 0px; right: 0px; bottom: 0px; z-index: var(--ui-z-drawer); width: min(400px, 100vw); display: flex; flex-direction: column; background: var(--ui-bg-card); border-left: 1px solid var(--ui-line); color: var(--ui-ink); transform: translateX(100%); transition: transform calc(var(--ui-dur-4) * .75) var(--ui-ease-in); }
.ui-drawer.is-open { transform: none; transition-duration: var(--ui-dur-4); transition-timing-function: var(--ui-ease-out); }
.ui-drawer-left { right: auto; left: 0px; border-left: 0px; border-right: 1px solid var(--ui-line); transform: translateX(-100%); }
.ui-drawer > .ui-mhead { padding: 16px 20px; border-bottom: 1px solid var(--ui-line-2); align-items: center; }
.ui-drawer > .ui-mhead > .ui-mtitle { padding-top: 0px; }
.ui-drawer > .ui-mbody { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 16px 20px; }
.ui-drawer > .ui-mfoot { padding: 14px 20px; border-top: 1px solid var(--ui-line-2); }
@media (prefers-reduced-motion: reduce) {
  .ui-popover, .ui-drawer { transform: none; }
}
:root { --ui-media-radius: 12px; --ui-media-w: 300px; --ui-audio-w: 260px; }
.ui-audio { --ui-audio-p: 0; display: flex; align-items: flex-start; gap: 10px; width: var(--ui-audio-w, 260px); max-width: 100%; min-width: 0px; padding: 2px 0px; color: inherit; }
.ui-audio-play { position: relative; flex: 0 0 auto; display: grid; place-items: center; width: 36px; height: 36px; padding: 0px; border: 0px; border-radius: 50%; background: var(--ui-audio-btn-bg, var(--ui-accent)); color: var(--ui-audio-btn-fg, var(--ui-on-primary, #fff)); cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
.ui-audio-play:active { transform: scale(0.94); }
.ui-audio-play:focus:not(:focus-visible) { outline: none; }
.ui-audio-play:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-audio-play svg { grid-area: 1 / 1; width: 16px; height: 16px; }
.ui-audio-play .ui-audio-i-play { transform: translateX(1px); }
.ui-audio-play .ui-audio-i-pause, .ui-audio.is-playing .ui-audio-i-play { display: none; }
.ui-audio.is-playing .ui-audio-i-pause { display: block; }
.ui-audio.is-loading .ui-audio-play svg { visibility: hidden; }
.ui-audio.is-loading .ui-audio-play::after { content: ""; grid-area: 1 / 1; width: 16px; height: 16px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; animation: 0.7s linear 0s infinite normal none running uiSpin; }
.ui-audio-main { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; padding-top: 8px; }
.ui-audio-track { position: relative; height: 20px; overflow: hidden; cursor: pointer; touch-action: none; }
.ui-audio-track::before, .ui-audio-fill { content: ""; position: absolute; left: 6px; right: 6px; top: 50%; height: 4px; margin-top: -2px; border-radius: 2px; }
.ui-audio-track::before { background: color-mix(in srgb, currentcolor 18%, transparent 82%); }
.ui-audio-fill { background: var(--ui-audio-accent, var(--ui-accent)); transform-origin: left center; transform: scaleX(var(--ui-audio-p)); }
.ui-audio-head { position: absolute; inset: 0px 6px; transform: translateX(calc(var(--ui-audio-p) * 100%)); pointer-events: none; }
.ui-audio-knob { position: absolute; top: 50%; left: -6px; width: 12px; height: 12px; margin-top: -6px; border-radius: 50%; background: var(--ui-audio-accent, var(--ui-accent)); transform: scale(0); transition: transform var(--ui-dur-1) var(--ui-ease-out); }
.ui-audio:hover .ui-audio-knob, .ui-audio.is-playing .ui-audio-knob, .ui-audio-track:focus-visible .ui-audio-knob { transform: scale(1); }
.ui-audio-track:focus:not(:focus-visible) { outline: none; }
.ui-audio-track:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; border-radius: 4px; }
.ui-audio-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 20px; font-size: var(--ui-fs-help); line-height: 1; color: color-mix(in srgb, currentcolor 68%, transparent 32%); font-variant-numeric: tabular-nums; }
.ui-audio-speed { height: 20px; min-width: 34px; padding: 0px 7px; border: 0px; border-radius: var(--ui-r-pill); background: color-mix(in srgb, currentcolor 10%, transparent 90%); color: inherit; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); cursor: pointer; transition: background-color var(--ui-dur-1) var(--ui-ease); }
.ui-audio-speed:hover { background: color-mix(in srgb, currentcolor 18%, transparent 82%); }
.ui-audio.is-error .ui-audio-play { background: color-mix(in srgb, currentcolor 12%, transparent 88%); color: inherit; }
.ui-audio.on-color { --ui-audio-btn-bg: color-mix(in srgb, currentColor 20%, transparent); --ui-audio-btn-fg: currentColor; --ui-audio-accent: currentColor; }
.ui-media { position: relative; display: grid; place-items: center; width: var(--ui-media-w); max-width: 100%; aspect-ratio: var(--ui-media-ratio, 4 / 3); overflow: hidden; border-radius: var(--ui-media-radius); background: color-mix(in srgb, currentcolor 7%, transparent 93%); color: inherit; isolation: isolate; }
.ui-media.is-wide { --ui-media-ratio: 16 / 9; }
.ui-media.is-square { --ui-media-ratio: 1 / 1; }
.ui-media-thumb { position: absolute; inset: 0px; z-index: -1; width: 100%; height: 100%; object-fit: cover; filter: blur(14px); transform: scale(1.12); opacity: 0.9; }
.ui-media-btn { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0px 14px; border: 1px solid var(--ui-line); border-radius: var(--ui-r-pill); background: var(--ui-bg-raised); color: var(--ui-ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); line-height: 1; white-space: nowrap; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease), transform var(--ui-dur-1) var(--ui-ease); }
.ui-media-btn svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); flex: 0 0 auto; }
.ui-media-btn:hover { border-color: var(--ui-line-strong); background: color-mix(in srgb, var(--ui-bg-raised), var(--ui-ink) 4%); }
.ui-media-btn:active { transform: scale(0.97); }
.ui-media-btn:focus:not(:focus-visible) { outline: none; }
.ui-media-btn:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-media-size { font-weight: var(--ui-fw-regular); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-media-btn.is-loading { pointer-events: none; }
.ui-media-btn.is-loading > svg { display: none; }
.ui-media-btn.is-loading::before { content: ""; width: 14px; height: 14px; flex: 0 0 auto; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; animation: 0.7s linear 0s infinite normal none running uiSpin; }
.ui-media-btn:disabled { cursor: not-allowed; opacity: 0.7; }
.ui-media.has-thumb .ui-media-btn { background: rgba(17, 19, 24, 0.58); border-color: transparent; color: rgb(255, 255, 255); backdrop-filter: blur(8px); }
.ui-media.has-thumb .ui-media-btn:hover { background: rgba(17, 19, 24, 0.7); }
.ui-media.has-thumb .ui-media-size { color: rgba(255, 255, 255, 0.78); }
.ui-media-play { display: grid; place-items: center; width: 52px; height: 52px; padding: 0px; border: 0px; border-radius: 50%; background: rgba(17, 19, 24, 0.58); color: rgb(255, 255, 255); cursor: pointer; backdrop-filter: blur(8px); transition: transform var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
.ui-media-play svg { width: 22px; height: 22px; transform: translateX(2px); }
.ui-media-play:hover { background: rgba(17, 19, 24, 0.72); }
.ui-media-play:active { transform: scale(0.95); }
.ui-media-note { display: flex; align-items: flex-start; gap: 6px; max-width: var(--ui-media-w); margin-top: 6px; font-size: var(--ui-fs-help); line-height: 1.45; color: color-mix(in srgb, currentcolor 72%, transparent 28%); }
.ui-media-note svg { width: 14px; height: 14px; flex: 0 0 auto; margin-top: 1px; }
.ui-media-img { display: block; max-width: min(var(--ui-media-w), 100%); height: auto; border-radius: var(--ui-media-radius); cursor: zoom-in; }
.ui-doc { display: flex; align-items: center; gap: var(--ui-space-3); width: var(--ui-media-w); max-width: 100%; min-width: 0px; padding: 10px 12px; border: 1px solid color-mix(in srgb, currentcolor 12%, transparent 88%); border-radius: var(--ui-media-radius); background: color-mix(in srgb, currentcolor 5%, transparent 95%); color: inherit; text-decoration: none; cursor: pointer; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease); }
.ui-doc:hover { color: inherit; background: color-mix(in srgb, currentcolor 9%, transparent 91%); border-color: color-mix(in srgb, currentcolor 18%, transparent 82%); }
.ui-doc:focus:not(:focus-visible) { outline: none; }
.ui-doc:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-doc-ico { display: grid; place-items: center; flex: 0 0 auto; width: 36px; height: 36px; border-radius: var(--ui-r-md); background: color-mix(in srgb, currentcolor 10%, transparent 90%); color: inherit; }
.ui-doc-ico svg { width: var(--ui-ic-md); height: var(--ui-ic-md); }
.ui-doc-ico[data-kind="pdf"] { background: rgba(var(--ui-danger-rgb), .13); color: var(--ui-danger-ink); }
.ui-doc-ico[data-kind="sheet"] { background: rgba(var(--ui-ok-rgb), .14); color: var(--ui-ok-ink); }
.ui-doc-ico[data-kind="doc"] { background: rgba(var(--ui-info-rgb), .14); color: var(--ui-info-ink); }
.ui-doc-ico[data-kind="zip"] { background: rgba(var(--ui-warn-rgb), .15); color: var(--ui-warn-ink); }
.ui-doc-body { flex: 1 1 auto; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }
.ui-doc-name { display: flex; min-width: 0px; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-medium); line-height: 20px; }
.ui-doc-stem { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-doc-ext { flex: 0 0 auto; white-space: nowrap; }
.ui-doc-meta { font-size: var(--ui-fs-help); line-height: 16px; color: color-mix(in srgb, currentcolor 65%, transparent 35%); font-variant-numeric: tabular-nums; }
.ui-doc-act { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; color: color-mix(in srgb, currentcolor 70%, transparent 30%); transition: background-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease); }
.ui-doc-act svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-doc:hover .ui-doc-act { color: inherit; background: color-mix(in srgb, currentcolor 10%, transparent 90%); }
.ui-doc.on-color .ui-doc-ico[data-kind] { background: color-mix(in srgb, currentcolor 16%, transparent 84%); color: inherit; }
@media (prefers-reduced-motion: reduce) {
  .ui-audio-fill, .ui-audio-head { transition: none; }
}
:root { --ui-ico-arrow-up: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 7-7 7 7'/%3E%3Cpath d='M12 19V5'/%3E%3C/svg%3E"); --ui-ico-arrow-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14'/%3E%3Cpath d='m19 12-7 7-7-7'/%3E%3C/svg%3E"); --ui-ico-sort: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E"); --ui-ico-chev-left: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E"); --ui-ico-chev-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E"); --ui-ico-chev-down: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E"); --ui-ico-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E"); --ui-ico-x: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); --ui-ico-copy: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E"); --ui-ico-link: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71'/%3E%3Cpath d='M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71'/%3E%3C/svg%3E"); --ui-ico-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14 21 3'/%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E"); --ui-ico-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); --ui-ico-alert: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 8v5'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E"); --ui-table-pad: var(--ui-space-5); --ui-cards-min: 340px; --ui-kpi-min: 180px; --ui-chart-h: 240px; --ui-wizard-aside-w: 320px; }
.ui-sr { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px; }
.ui-delta { display: inline-flex; align-items: center; gap: 2px; flex: 0 0 auto; height: 22px; padding: 0px 8px; border-radius: var(--ui-r-pill); font-size: var(--ui-fs-help); font-weight: var(--ui-fw-semibold); line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--ui-muted); background: var(--ui-fill-2); }
.ui-delta.is-up, .ui-delta.is-down { padding-left: 6px; }
.ui-delta.is-up::before, .ui-delta.is-down::before { content: ""; flex: 0 0 auto; width: 12px; height: 12px; background: currentcolor; mask: var(--ui-ico-arrow-up) center / 12px no-repeat; }
.ui-delta.is-down::before { mask-image: var(--ui-ico-arrow-down); }
.ui-delta.is-up, .ui-delta.is-inverse.is-down { color: var(--ui-ok-ink); background: rgba(var(--ui-ok-rgb), .12); }
.ui-delta.is-down, .ui-delta.is-inverse.is-up { color: var(--ui-danger-ink); background: rgba(var(--ui-danger-rgb), .11); }
.ui-delta.is-neutral { color: var(--ui-muted); background: var(--ui-fill-2); }
.ui-delta-vs { font-size: var(--ui-fs-help); color: var(--ui-muted); white-space: nowrap; }
.ui-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(var(--ui-kpi-min), 100%), 1fr)); gap: var(--ui-space-4); min-width: 0px; margin: 0px; padding: 0px; list-style: none; }
.ui-kpi { position: relative; display: flex; flex-direction: column; gap: var(--ui-space-2); min-width: 0px; margin: 0px; padding: var(--ui-space-5); background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); color: var(--ui-ink); font: inherit; text-align: left; }
.ui-kpi-top { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-2); min-width: 0px; }
.ui-kpi-top .ui-tile { --ui-tile-size: 32px; margin: -7px 0px; border-radius: var(--ui-r-md); }
.ui-kpi-top .ui-tile svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-kpi-lbl { display: inline-flex; align-items: center; gap: 4px; min-width: 0px; margin: 0px; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); line-height: 18px; color: var(--ui-muted); }
.ui-kpi-lbl > span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ui-kpi-help { position: relative; display: inline-grid; place-items: center; flex: 0 0 auto; width: 20px; height: 20px; margin: -1px 0px; padding: 0px; border: 0px; border-radius: 50%; background: transparent; color: var(--ui-muted-2); cursor: help; }
.ui-kpi-help::after { content: ""; width: 14px; height: 14px; background: currentcolor; mask: var(--ui-ico-help) center / 14px no-repeat; }
.ui-kpi-help:hover { color: var(--ui-muted); }
.ui-kpi-help:focus:not(:focus-visible) { outline: none; }
.ui-kpi-help:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 1px; }
.ui-kpi-row { display: flex; align-items: flex-end; justify-content: space-between; gap: var(--ui-space-3); min-width: 0px; }
.ui-kpi-val { display: block; flex: 0 1 auto; min-width: 0px; margin: 0px; font-size: var(--ui-fs-page); font-weight: var(--ui-fw-semibold); line-height: 34px; letter-spacing: -0.025em; color: var(--ui-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.ui-kpi-unit { margin-left: 3px; font-size: var(--ui-fs-body-lg); font-weight: var(--ui-fw-medium); letter-spacing: 0px; color: var(--ui-muted); }
.ui-kpi-val.is-ok { color: var(--ui-ok-ink); }
.ui-kpi-val.is-warn { color: var(--ui-warn-ink); }
.ui-kpi-val.is-danger { color: var(--ui-danger-ink); }
.ui-kpi-val.is-muted { color: var(--ui-muted); }
.ui-kpi-row > .ui-spark { flex: 0 1 72px; width: auto; min-width: 0px; max-width: 72px; height: 24px; margin-bottom: 5px; }
.ui-kpi-foot { display: flex; align-items: center; gap: 6px; min-width: 0px; min-height: 22px; font-size: var(--ui-fs-help); line-height: 1.3; color: var(--ui-muted); white-space: nowrap; overflow: hidden; }
.ui-kpi-ctx { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.ui-kpi-skel { display: block; width: 62%; height: 26px; margin: 4px 0px; border-radius: var(--ui-r-sm); }
.ui-kpi > .ui-spark { margin-top: var(--ui-space-1); }
button.ui-kpi { cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease); }
button.ui-kpi:hover { border-color: var(--ui-line-strong); }
button.ui-kpi:focus:not(:focus-visible) { outline: none; }
button.ui-kpi:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-kpi[aria-pressed="true"], .ui-kpi[aria-selected="true"] { border-color: rgba(var(--ui-accent-rgb), .45); background: rgba(var(--ui-accent-rgb), .05); }
.ui-kpi[aria-pressed="true"] .ui-kpi-lbl, .ui-kpi[aria-selected="true"] .ui-kpi-lbl { color: var(--ui-ink); font-weight: var(--ui-fw-semibold); }
.ui-kpis.is-joined { gap: 0px; overflow: hidden; background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); }
.ui-kpis.is-joined > .ui-kpi { margin: 0px -1px -1px 0px; border-top: 0px; border-left: 0px; border-image: none; border-right: 1px solid var(--ui-border-subtle); border-bottom: 1px solid var(--ui-border-subtle); border-radius: 0px; background: transparent; }
.ui-kpis.is-joined > button.ui-kpi:hover { background: var(--ui-fill-1); }
.ui-kpis.is-joined > button.ui-kpi:focus-visible { outline-offset: -2px; }
.ui-kpis.is-joined > .ui-kpi[aria-pressed="true"], .ui-kpis.is-joined > .ui-kpi[aria-selected="true"] { background: rgba(var(--ui-accent-rgb), .06); }
@media (max-width: 560px) {
  .ui-kpis { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--ui-space-3); }
  .ui-kpis:has(> :only-child) { grid-template-columns: minmax(0px, 1fr); }
  .ui-kpis > .ui-kpi:last-child:nth-child(2n+1) { grid-column: 1 / -1; }
  .ui-kpis.is-joined { gap: 0px; }
  .ui-kpi { padding: var(--ui-space-4); }
  .ui-kpi-val { font-size: var(--ui-fs-h2); line-height: 30px; }
  .ui-kpi-row > .ui-spark { flex-basis: 56px; }
  .ui-kpi-val { flex-shrink: 0; }
  .ui-kpi-lbl { align-items: flex-start; }
  .ui-kpi-lbl > span { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: normal; }
  .ui-kpi-foot { flex-wrap: wrap; row-gap: 2px; }
  .ui-kpi-ctx { flex: 1 1 100%; white-space: nowrap; }
}
.ui-spark { position: relative; display: block; width: 100%; height: var(--ui-spark-h, 32px); color: var(--ui-accent); }
.ui-spark:empty { display: none; }
.ui-spark > svg { display: block; width: 100%; height: 100%; overflow: visible; }
.ui-spark-area { fill: currentcolor; fill-opacity: 0.1; stroke: none; }
.ui-spark-line { fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.ui-spark-bar { fill: currentcolor; fill-opacity: 0.4; }
.ui-spark-bar.is-last { fill-opacity: 1; }
.ui-spark-end { position: absolute; width: 7px; height: 7px; margin: -3.5px 0px 0px -3.5px; border-radius: 50%; background: currentcolor; outline: 2px solid var(--ui-bg-card); pointer-events: none; }
.ui-spark.is-ok { color: var(--ui-ok); }
.ui-spark.is-danger { color: var(--ui-danger); }
.ui-spark.is-muted { color: var(--ui-muted-2); }
.ui-meter { --ui-meter-p: 0; --ui-meter-c: var(--ui-accent); position: relative; display: block; width: 100%; height: 6px; border-radius: var(--ui-r-pill); background: var(--ui-fill-2); overflow: hidden; }
.ui-meter.sm { height: 4px; }
.ui-meter-bar { position: absolute; inset: 0px; border-radius: inherit; background: var(--ui-meter-c); transform-origin: left center; transform: scaleX(var(--ui-meter-p)); transition: transform var(--ui-dur-4) var(--ui-ease-out); }
.ui-meter.is-ok, .ui-meter-seg.is-ok { --ui-meter-c: var(--ui-ok); }
.ui-meter.is-warn, .ui-meter-seg.is-warn { --ui-meter-c: var(--ui-warn); }
.ui-meter.is-warn .ui-meter-bar { background: repeating-linear-gradient(45deg, rgba(255, 255, 255, .32) 0 3px, transparent 3px 6px), var(--ui-meter-c); }
.ui-meter.is-danger, .ui-meter-seg.is-danger { --ui-meter-c: var(--ui-danger); }
.ui-meter.is-info, .ui-meter-seg.is-info { --ui-meter-c: var(--ui-info); }
.ui-meter.is-muted, .ui-meter-seg.is-muted { --ui-meter-c: var(--ui-muted-2); }
.ui-meter-line { display: flex; align-items: center; justify-content: space-between; gap: var(--ui-space-3); min-width: 0px; margin-top: 6px; font-size: var(--ui-fs-help); color: var(--ui-muted); }
.ui-meter-txt { font-size: var(--ui-fs-help); color: var(--ui-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ui-meter-txt strong { font-weight: var(--ui-fw-semibold); color: var(--ui-ink); }
.ui-meter.is-segmented { display: flex; align-items: center; gap: 2px; height: auto; background: transparent; border-radius: 0px; overflow: visible; }
.ui-meter-seg { --ui-meter-p: 0; --ui-meter-c: rgba(var(--ui-accent-rgb), .5); position: relative; flex: 1 1 0px; min-width: 6px; height: 8px; border-radius: var(--ui-r-pill); background: var(--ui-fill-2); }
.ui-meter-seg::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; background: var(--ui-meter-c); transform-origin: left center; transform: scaleX(var(--ui-meter-p)); transition: transform var(--ui-dur-4) var(--ui-ease-out); }
.ui-meter-seg.is-current { --ui-meter-c: var(--ui-accent); }
:where(:root[data-theme="dark"]) .ui-meter-seg { --ui-meter-c: rgba(var(--ui-neutral-rgb), .32); }
.ui-meter-seg.is-warn { background: repeating-linear-gradient(45deg, rgba(var(--ui-warn-rgb), .38) 0 3px, transparent 3px 6px), var(--ui-fill-2); }
.ui-meter-seg.is-warn::after { opacity: 0.75; }
.ui-meter-more { flex: 0 0 auto; padding-left: 4px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-meter.is-segmented.is-lg .ui-meter-seg { height: 12px; }
.ui-chart { position: relative; height: var(--ui-chart-h); min-width: 0px; }
.ui-chart > canvas { position: relative; display: block; opacity: 0; transition: opacity var(--ui-dur-3) var(--ui-ease-out); }
.ui-chart.is-ready > canvas { opacity: 1; }
.ui-chart.is-swapping > canvas { opacity: 0.35; transition-duration: calc(var(--ui-dur-2) * .75); transition-timing-function: var(--ui-ease-in); }
.ui-chart > .ui-skel-group { position: absolute; inset: 0px; }
.ui-chart.is-ready > .ui-skel-group { display: none; }
.ui-chart-skel { height: 100%; border-radius: var(--ui-r-lg); }
.ui-chart.is-empty > canvas { visibility: hidden; }
.ui-chart > .ui-chart-empty { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: var(--ui-space-4); }
.ui-chart > .ui-chart-empty[hidden] { display: none; }
.ui-chart-empty p { margin-bottom: 0px; }
.ui-chart-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-3); min-height: 22px; margin-bottom: var(--ui-space-3); }
.ui-chart-title { margin: 0px; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); line-height: 20px; color: var(--ui-ink); }
.ui-chart-legend { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px var(--ui-space-4); margin: 0px; padding: 0px; list-style: none; font-size: var(--ui-fs-help); color: var(--ui-muted); }
.ui-chart-leg { display: inline-flex; align-items: center; gap: 6px; white-space: nowrap; }
.ui-chart-leg[hidden] { display: none; }
.ui-chart-leg::before, .ui-chart-sw { content: ""; flex: 0 0 auto; width: 14px; height: 0px; border-top: 2px solid var(--ui-accent); border-radius: 2px; }
.ui-chart-sw { width: 10px; border-radius: 0px; }
.ui-chart-leg.is-cmp::before, .ui-chart-sw.is-cmp { border-top: 2px dashed var(--ui-muted-2); }
.ui-chart-leg.is-bar::before, .ui-chart-sw.is-bar { width: 10px; border-top-width: 6px; border-radius: 2px; }
:is(.ui-chart-head, .ui-panel, .ui-card):has(+ .ui-chart.is-bars, .ui-chart.is-bars) .ui-chart-leg:not(.is-cmp):not(.is-alt):not(.is-muted)::before { width: 10px; border-top-width: 6px; }
.ui-chart-leg.is-alt::before, .ui-chart-sw.is-alt { width: 10px; border-top: 6px solid rgba(var(--ui-accent-rgb), .42); border-radius: 2px; }
.ui-chart-leg.is-muted::before, .ui-chart-sw.is-muted { border-top-color: var(--ui-muted-2); }
:root[data-theme="dark"] .ui-chart-leg.is-alt::before, :root[data-theme="dark"] .ui-chart-sw.is-alt { border-top-color: rgba(var(--ui-neutral-rgb), .3); }
.ui-chart-tip { position: absolute; top: 0px; left: 0px; z-index: 3; min-width: 168px; max-width: 240px; padding: 10px 12px; border: 1px solid var(--ui-border); border-radius: var(--ui-r-lg); background: var(--ui-bg-raised); color: var(--ui-ink); font-size: var(--ui-fs-help); line-height: 1.4; pointer-events: none; opacity: 0; transition: opacity var(--ui-dur-1) var(--ui-ease); }
.ui-chart-tip.is-on { opacity: 1; }
.ui-chart-tip-t { margin-bottom: 6px; font-weight: var(--ui-fw-medium); color: var(--ui-muted); }
.ui-chart-tip-row { display: flex; align-items: center; gap: var(--ui-space-2); }
.ui-chart-tip-row + .ui-chart-tip-row { margin-top: 4px; }
.ui-chart-tip-v { font-size: var(--ui-fs-body-lg); font-weight: var(--ui-fw-semibold); color: var(--ui-ink); font-variant-numeric: tabular-nums; }
.ui-chart-tip-l { color: var(--ui-muted); }
.ui-chart-tip-row .ui-chart-tip-l { flex: 1 1 auto; min-width: 0px; }
.ui-chart-tip-n { margin-left: auto; color: var(--ui-ink-2); font-weight: var(--ui-fw-medium); font-variant-numeric: tabular-nums; }
.ui-chart-tip > .ui-delta { margin-top: 8px; }
.ui-chart-sum { margin: var(--ui-space-2) 0 0; font-size: var(--ui-fs-help); color: var(--ui-muted); }
.ui-table-wrap { position: relative; min-width: 0px; background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); }
.ui-table-wrap.is-plain { background: transparent; border: 0px; border-radius: 0px; }
.ui-table-bar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-3) var(--ui-space-4); padding: var(--ui-space-4) var(--ui-table-pad); }
.ui-table-bar .ui-search { flex: 1 1 240px; max-width: 360px; }
.ui-table-bar-end { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2); margin-left: auto; }
.ui-table-meta { font-size: var(--ui-fs-label); color: var(--ui-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ui-table-bulk { position: sticky; top: var(--ui-sticky-top, 0px); z-index: var(--ui-z-sticky); display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-2) var(--ui-space-3); min-height: 64px; padding: var(--ui-space-3) var(--ui-table-pad); border-radius: var(--ui-r-xl) var(--ui-r-xl) 0 0; background: color-mix(in srgb, var(--ui-bg-card), var(--ui-accent) 7%); animation: uiFadeIn var(--ui-dur-2) var(--ui-ease-out); }
.ui-table-bulk[hidden] { display: none; }
.ui-table-wrap.has-selection > .ui-table-bar { display: none; }
.ui-table-bulk-n { margin-right: auto; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); color: var(--ui-ink); font-variant-numeric: tabular-nums; }
.ui-table { width: 100%; margin: 0px; table-layout: fixed; border-collapse: separate; border-spacing: 0px; font-size: var(--ui-fs-body); line-height: 20px; color: var(--ui-ink-2); }
.ui-table th, .ui-table td { padding: 0 var(--ui-space-4); text-align: left; vertical-align: middle; border-bottom: 1px solid var(--ui-border-subtle); }
.ui-table th:first-child, .ui-table td:first-child { padding-left: var(--ui-table-pad); }
.ui-table th:last-child, .ui-table td:last-child { padding-right: var(--ui-table-pad); }
.ui-table > caption { caption-side: top; padding: 0 var(--ui-table-pad) var(--ui-space-2); text-align: left; font-size: var(--ui-fs-label); color: var(--ui-muted); }
.ui-table thead th { height: 40px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); line-height: 16px; color: var(--ui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-table-wrap > :not(.ui-table):not(.ui-table-empty) + .ui-table thead th { border-top: 1px solid var(--ui-border-subtle); }
.ui-table tbody td { height: 64px; padding-top: var(--ui-space-2); padding-bottom: var(--ui-space-2); overflow-wrap: anywhere; transition: background-color var(--ui-dur-1) var(--ui-ease); }
.ui-table.is-compact tbody td { height: 48px; padding-top: var(--ui-space-1); padding-bottom: var(--ui-space-1); }
.ui-table tbody tr:last-child > td { border-bottom: 0px; }
.ui-table tbody tr:hover > td { background: var(--ui-fill-1); }
.ui-table tbody tr.is-selected > td { background: rgba(var(--ui-accent-rgb), .08); }
.ui-table tbody tr.is-selected:hover > td { background: rgba(var(--ui-accent-rgb), .11); }
.ui-table tbody tr[data-href] { cursor: pointer; }
.ui-table tbody tr:has(.ui-dropdown.open) { position: relative; z-index: 3; }
.ui-table-wrap > .ui-table:last-child tbody tr:last-child > td:first-child { border-bottom-left-radius: calc(var(--ui-r-xl) - 1px); }
.ui-table-wrap > .ui-table:last-child tbody tr:last-child > td:last-child { border-bottom-right-radius: calc(var(--ui-r-xl) - 1px); }
.ui-table .is-num { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ui-table .is-center { text-align: center; }
.ui-table .is-muted { color: var(--ui-muted); }
.ui-table .is-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-col-xs { width: 80px; }
.ui-col-sm { width: 112px; }
.ui-col-md { width: 144px; }
.ui-col-lg { width: 200px; }
.ui-col-xl { width: 280px; }
.ui-table .is-check { width: calc(var(--ui-table-pad) + 30px); padding-right: 0px; }
.ui-table .is-check .ui-checkbox { display: block; }
.ui-table .is-check .ui-check { display: flex; gap: var(--ui-space-2); }
.ui-table .is-actions { width: calc(var(--ui-table-pad) + 44px); padding-left: 0px; text-align: right; overflow: visible; }
.is-actions .ui-dropdown { vertical-align: middle; }
.ui-cell { display: flex; align-items: center; gap: var(--ui-space-3); min-width: 0px; }
.ui-cell-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.ui-cell-title { font-size: var(--ui-fs-body); font-weight: var(--ui-fw-medium); line-height: 20px; color: var(--ui-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-cell-sub { font-size: var(--ui-fs-label); line-height: 18px; color: var(--ui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
a.ui-row-link { display: flex; min-width: 0px; color: inherit; text-decoration: none; border-radius: var(--ui-r-sm); }
a.ui-row-link:hover { color: inherit; }
a.ui-row-link:hover .ui-cell-title { text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-underline-offset: 3px; text-decoration-color: var(--ui-line-strong); }
a.ui-row-link:focus:not(:focus-visible) { outline: none; }
a.ui-row-link:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 3px; }
.ui-table tbody tr:has(.ui-row-link) { position: relative; }
.ui-row-link::after { content: ""; position: absolute; inset: 0px; }
.ui-table tbody tr:has(.ui-row-link) :where(.is-check, .is-actions, td a:not(.ui-row-link), td button, td label, td input, td select) { position: relative; z-index: 1; }
.ui-cell-tags { display: flex; align-items: center; gap: 6px; min-width: 0px; overflow: hidden; }
.ui-cell-tags .ui-tag { flex: 0 1 auto; max-width: 140px; }
.ui-th-sort { display: inline-flex; align-items: center; gap: 4px; max-width: calc(100% + 12px); margin: 0px -6px; padding: 4px 6px; border: 0px; border-radius: var(--ui-r-sm); background: transparent; color: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-size: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; line-height: 16px; text-align: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
.ui-th-sort > span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.ui-th-sort::after { content: ""; flex: 0 0 auto; width: 14px; height: 14px; background: currentcolor; mask: var(--ui-ico-sort) center / 14px no-repeat; opacity: 0; transition: opacity var(--ui-dur-1) var(--ui-ease); }
.ui-th-sort:hover { color: var(--ui-ink); background: var(--ui-fill-2); }
.ui-th-sort:hover::after, .ui-th-sort:focus-visible::after { opacity: 0.55; }
.ui-th-sort:focus:not(:focus-visible) { outline: none; }
.ui-th-sort:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 0px; }
.ui-table th[aria-sort="ascending"], .ui-table th[aria-sort="descending"] { color: var(--ui-ink); }
th[aria-sort="ascending"] > .ui-th-sort::after, th[aria-sort="descending"] > .ui-th-sort::after { opacity: 1; mask-image: var(--ui-ico-arrow-up); mask-size: 12px auto; }
th[aria-sort="descending"] > .ui-th-sort::after { mask-image: var(--ui-ico-arrow-down); }
.ui-table th.is-num > .ui-th-sort { flex-direction: row-reverse; }
.ui-table tbody.is-loading { animation: uiFadeIn var(--ui-dur-2) var(--ui-ease-out) 300ms both; }
.ui-table tbody.is-loading tr:hover > td { background: transparent; }
.ui-table tbody.is-loading .ui-skel-line { margin: 0px; }
.ui-table tbody.is-loading .ui-skel-stack { flex: 1 1 auto; min-width: 0px; }
.ui-table tbody.is-loading .ui-skel-stack .ui-skel-line + .ui-skel-line { margin-top: 6px; }
.ui-table-wrap.is-empty > .ui-table, .ui-table-wrap.is-empty > .ui-table-foot, .ui-table-wrap.is-empty > .ui-table-scroll { display: none; }
.ui-table-wrap:not(.is-empty) > .ui-table-empty { display: none; }
.ui-table-wrap > .ui-table-empty { border-top: 1px solid var(--ui-border-subtle); }
.ui-table-wrap > .ui-table-empty:first-child { border-top: 0px; }
.ui-table-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ui-space-3); padding: var(--ui-space-3) var(--ui-table-pad); border-top: 1px solid var(--ui-border-subtle); font-size: var(--ui-fs-label); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-table-scroll { overflow-x: auto; overscroll-behavior-x: contain; }
.ui-table-scroll > .ui-table { min-width: 640px; }
@media (max-width: 1024px) {
  .ui-table .is-hide-md { display: none; }
}
@media (max-width: 760px) {
  .ui-table-wrap { --ui-table-pad: var(--ui-space-4); }
  .ui-table-bar .ui-search { flex-basis: 100%; max-width: none; }
  .ui-table-bar-end { margin-left: 0px; }
  .ui-table-bar .ui-pills { flex: 1 1 100%; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .ui-table-bar .ui-pills::-webkit-scrollbar { display: none; }
  .ui-table-bar .ui-pill { flex: 0 0 auto; }
  .ui-table-bulk { min-height: 56px; }
  .ui-table-foot { justify-content: center; text-align: center; }
  .ui-table:not(.is-scroll), .ui-table:not(.is-scroll) > tbody, .ui-table:not(.is-scroll) > thead { display: block; }
  .ui-table:not(.is-scroll) > thead > tr { display: flex; }
  .ui-table:not(.is-scroll) > thead th { display: none; }
  .ui-table:not(.is-scroll) > thead th.is-check { display: block; flex: 1 1 auto; width: auto; height: auto; padding: var(--ui-space-2) var(--ui-table-pad); border-top: 0px; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); color: var(--ui-ink-2); }
  .ui-table:not(.is-scroll) > thead th.is-check .ui-sr { position: static; width: auto; height: auto; margin: 0px; overflow: visible; clip: auto; clip-path: none; }
  .ui-table:not(.is-scroll) > tbody > tr { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--ui-space-2) var(--ui-space-4); padding: 14px var(--ui-table-pad); border-top: 1px solid var(--ui-border-subtle); transition: background-color var(--ui-dur-1) var(--ui-ease); }
  .ui-table:not(.is-scroll) > tbody > tr:first-child { border-top: 0px; }
  .ui-table-wrap > :not(.ui-table):not(.ui-table-empty) + .ui-table:not(.is-scroll) > tbody > tr:first-child, .ui-table:not(.is-scroll) > thead:has(th.is-check) + tbody > tr:first-child { border-top: 1px solid var(--ui-border-subtle); }
  .ui-table:not(.is-scroll) > tbody > tr:has(> .is-check) { padding-left: calc(var(--ui-table-pad) + 30px); }
  .ui-table:not(.is-scroll) > tbody > tr > td { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-width: 0px; height: auto; padding: 0px; border: 0px; border-radius: 0px; background: transparent; font-size: var(--ui-fs-label); line-height: 18px; text-align: left; }
  .ui-table:not(.is-scroll) > tbody > tr > td[data-label]::before { content: attr(data-label); font-size: var(--ui-fs-help); line-height: 16px; color: var(--ui-muted); }
  .ui-table:not(.is-scroll) > tbody > tr > td.ui-cell-main { display: block; grid-column: 1 / -1; font-size: var(--ui-fs-body); line-height: 20px; }
  .ui-table:not(.is-scroll) > tbody > tr:has(> .is-actions) > td.ui-cell-main { padding-right: 36px; }
  .ui-table:not(.is-scroll) > tbody > tr > td.ui-cell-main::before { content: none; }
  .ui-table:not(.is-scroll) > tbody > tr > td[data-label=""]::before { content: none; }
  .ui-table:not(.is-scroll) > tbody > tr > td.is-wide-sm { grid-column: 1 / -1; }
  .ui-table:not(.is-scroll) > tbody > tr > td.is-hide-sm { display: none; }
  .ui-table:not(.is-scroll) > tbody > tr > td.is-check { position: absolute; top: 14px; left: var(--ui-table-pad); z-index: 1; display: flex; flex-direction: row; align-items: center; width: auto; height: 40px; }
  .ui-table:not(.is-scroll) > tbody > tr > td.is-actions { position: absolute; top: 12px; right: calc(var(--ui-table-pad) - 10px); z-index: 1; display: block; width: auto; }
  .ui-table:not(.is-scroll) > tbody > tr > td.is-actions .ui-btn-icon { width: var(--ui-target-touch); height: var(--ui-target-touch); }
  .ui-table:not(.is-scroll) > tbody > tr > td .ui-cell-tags { flex-wrap: wrap; overflow: visible; }
  .ui-table:not(.is-scroll) > tbody > tr:hover { background: var(--ui-fill-1); }
  .ui-table:not(.is-scroll) > tbody > tr.is-selected { background: rgba(var(--ui-accent-rgb), .08); }
  .ui-table-wrap > .ui-table:not(.is-scroll):last-child > tbody > tr:last-child { border-radius: 0 0 calc(var(--ui-r-xl) - 1px) calc(var(--ui-r-xl) - 1px); }
}
.ui-pagination { display: flex; align-items: center; gap: var(--ui-space-1); min-width: 0px; }
.ui-page-list { display: flex; align-items: center; gap: 2px; margin: 0px; padding: 0px; list-style: none; }
.ui-page-btn { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; min-width: 32px; height: 32px; padding: 0 var(--ui-space-2); border: 0px; border-radius: var(--ui-r-sm); background: transparent; color: var(--ui-ink-2); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); line-height: 1; font-variant-numeric: tabular-nums; text-decoration: none; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-1) var(--ui-ease), color var(--ui-dur-1) var(--ui-ease); }
.ui-page-btn:hover { background: var(--ui-fill-2); color: var(--ui-ink); }
.ui-page-btn:focus:not(:focus-visible) { outline: none; }
.ui-page-btn:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 1px; }
.ui-page-btn[aria-current="page"] { background: rgba(var(--ui-accent-rgb), .11); color: var(--ui-accent-ink); font-weight: var(--ui-fw-semibold); cursor: default; }
.ui-page-btn[aria-disabled="true"], .ui-page-btn:disabled { opacity: 0.4; cursor: default; pointer-events: none; }
.ui-page-prev, .ui-page-next { width: 32px; padding: 0px; }
.ui-page-prev::before, .ui-page-next::before { content: ""; width: var(--ui-ic-sm); height: var(--ui-ic-sm); background: currentcolor; mask: var(--ui-ico-chev-left) center / 16px no-repeat; }
.ui-page-next::before { mask-image: var(--ui-ico-chev-right); }
.ui-page-gap { display: inline-block; min-width: 24px; text-align: center; font-size: var(--ui-fs-label); color: var(--ui-muted); user-select: none; }
.ui-page-of { display: none; padding: 0 var(--ui-space-2); font-size: var(--ui-fs-label); color: var(--ui-muted); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ui-load-more { display: flex; justify-content: center; padding: var(--ui-space-4) var(--ui-table-pad); }
@media (max-width: 560px) {
  .ui-pagination { justify-content: space-between; width: 100%; }
  .ui-page-list { display: none; }
  .ui-page-of { display: inline; }
  .ui-page-prev, .ui-page-next { width: var(--ui-target-touch); height: var(--ui-target-touch); }
}
.ui-seg { display: inline-flex; align-items: center; gap: 2px; width: fit-content; max-width: 100%; padding: 3px; border: 1px solid var(--ui-line-2); border-radius: var(--ui-r-pill); background: var(--ui-track); }
.ui-seg-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 0 0 auto; min-width: 0px; height: 32px; padding: 0px 14px; border: 1px solid transparent; border-radius: var(--ui-r-pill); background: transparent; color: var(--ui-muted); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); line-height: 1; white-space: nowrap; text-decoration: none; cursor: pointer; user-select: none; -webkit-tap-highlight-color: transparent; transition: color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease), border-color var(--ui-dur-1) var(--ui-ease); }
.ui-seg-btn svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); flex: 0 0 auto; }
.ui-seg-btn > input[type="radio"] { position: absolute; width: 1px; height: 1px; margin: 0px; opacity: 0; pointer-events: none; }
.ui-seg-btn:hover { color: var(--ui-ink); }
.ui-seg-btn:focus:not(:focus-visible) { outline: none; }
.ui-seg-btn:focus-visible, .ui-seg-btn:has(> input:focus-visible) { outline: 2px solid var(--ui-focus); outline-offset: 0px; }
.ui-seg-btn[aria-pressed="true"], .ui-seg-btn[aria-checked="true"], .ui-seg-btn.is-active, .ui-seg-btn:has(> input:checked) { background: var(--ui-bg-raised); border-color: var(--ui-line); color: var(--ui-ink); font-weight: var(--ui-fw-semibold); }
.ui-seg-btn:disabled, .ui-seg-btn:has(> input:disabled) { opacity: 0.45; cursor: not-allowed; }
.ui-seg-btn.is-icon { width: 32px; padding: 0px; }
.ui-seg-n { font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-seg-md .ui-seg-btn { height: 36px; }
.ui-seg-md .ui-seg-btn.is-icon { width: 36px; }
.ui-seg-sm { padding: 2px; }
.ui-seg-sm .ui-seg-btn { height: 26px; padding: 0px 10px; font-size: var(--ui-fs-help); }
.ui-seg-sm .ui-seg-btn.is-icon { width: 26px; padding: 0px; }
.ui-seg-block { display: flex; width: 100%; }
.ui-seg-block .ui-seg-btn { flex: 1 1 0px; }
@media (max-width: 560px) {
  .ui-seg-block-sm { display: flex; width: 100%; }
  .ui-seg-block-sm .ui-seg-btn { flex: 1 1 0px; }
}
@media (max-width: 640px) {
  .ui-seg:not(.ui-seg-sm) .ui-seg-btn { height: 36px; }
  .ui-seg:not(.ui-seg-sm) .ui-seg-btn.is-icon { width: 40px; }
}
.ui-viewswitch .ui-seg-btn { padding: 0px 12px; }
@media (max-width: 560px) {
  .ui-viewswitch .ui-seg-btn { width: 40px; padding: 0px; }
  .ui-viewswitch .ui-viewswitch-txt { display: none; }
}
[data-ui-view-panel][hidden] { display: none; }
[data-ui-view-panel]:not([hidden]) { animation: uiFadeIn var(--ui-dur-2) var(--ui-ease-out); }
.ui-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(var(--ui-cards-min), 100%), 1fr)); gap: var(--ui-space-4); min-width: 0px; margin: 0px; padding: 0px; list-style: none; }
.ui-cards.is-dense { --ui-cards-min: 260px; }
.ui-cards.is-single { grid-template-columns: minmax(0px, 1fr); }
.ui-cards > * { min-width: 0px; }
.ui-object-card { position: relative; display: flex; flex-direction: column; gap: var(--ui-space-4); min-width: 0px; height: 100%; padding: var(--ui-space-5); background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); color: var(--ui-ink); transition: border-color var(--ui-dur-2) var(--ui-ease); }
.ui-object-card:has(.ui-oc-link):hover { border-color: var(--ui-line-strong); }
.ui-object-card:has(.ui-oc-link:focus-visible) { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-object-card:has(.ui-dropdown.open) { z-index: 5; }
.ui-object-card.is-selected { border-color: rgba(var(--ui-accent-rgb), .55); background: rgba(var(--ui-accent-rgb), .04); }
.ui-object-card.is-off { background: var(--ui-fill-1); }
.ui-oc-head { display: flex; align-items: center; gap: var(--ui-space-3); min-width: 0px; }
.ui-oc-media { display: inline-flex; flex: 0 0 auto; }
.ui-oc-media .ui-avatar { --ui-av-size: 32px; }
.ui-oc-media > .ui-avatar, .ui-oc-media > .ui-tile { --ui-av-size: 40px; }
.ui-oc-id { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0px; }
.ui-oc-titlerow { display: flex; align-items: center; flex-wrap: wrap; gap: 4px var(--ui-space-2); min-width: 0px; }
.ui-oc-title { min-width: 0px; margin: 0px; font-size: var(--ui-fs-title); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-oc-badge { flex: 0 0 auto; }
.ui-oc-meta { min-width: 0px; font-size: var(--ui-fs-label); line-height: 18px; color: var(--ui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-oc-link { color: inherit; text-decoration: none; }
.ui-oc-link::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; }
.ui-oc-link:hover { color: inherit; }
.ui-oc-link:focus { outline: none; }
.ui-oc-menu { position: relative; z-index: 1; flex: 0 0 auto; align-self: flex-start; margin: -4px -8px 0px 0px; }
.ui-oc-stats { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: var(--ui-space-4); min-width: 0px; }
.ui-oc-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }
.ui-oc-stat-v { display: flex; align-items: center; gap: var(--ui-space-2); min-width: 0px; font-size: var(--ui-fs-h2); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ui-oc-stat-v.is-muted { color: var(--ui-muted); }
.ui-oc-stat-v .ui-spark { flex: 0 0 auto; width: 64px; height: 20px; }
.ui-oc-stat-l { font-size: var(--ui-fs-help); color: var(--ui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-oc-body { display: flex; flex-direction: column; gap: var(--ui-space-2); min-width: 0px; font-size: var(--ui-fs-label); line-height: var(--ui-lh-body); color: var(--ui-ink-2); }
.ui-oc-line { font-size: var(--ui-fs-label); color: var(--ui-muted); }
.ui-oc-line.is-info { color: var(--ui-info-ink); }
.ui-oc-line.is-warn { color: var(--ui-warn-ink); }
.ui-oc-line.is-danger { color: var(--ui-danger-ink); }
.ui-oc-foot { position: relative; z-index: 1; display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-2) var(--ui-space-3); margin-top: auto; padding-top: var(--ui-space-4); border-top: 1px solid var(--ui-border-subtle); }
.ui-oc-foot > .ui-linkfield { flex: 1 1 160px; }
@media (min-width: 900px) {
  .ui-object-card.is-wide { display: grid; grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); grid-template-areas: "head head" "stats body" "foot foot"; column-gap: var(--ui-space-8); row-gap: var(--ui-space-4); }
  .ui-object-card.is-wide > .ui-oc-head { grid-area: head; }
  .ui-object-card.is-wide > .ui-oc-stats { grid-area: stats; align-self: start; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
  .ui-object-card.is-wide > .ui-oc-body { grid-area: body; align-self: start; }
  .ui-object-card.is-wide > .ui-oc-foot { grid-area: foot; }
}
.ui-meter-legend { display: flex; gap: 2px; min-width: 0px; margin-top: var(--ui-space-2); }
.ui-meter-legend-i { display: flex; flex-direction: column; gap: 1px; flex: 1 1 0px; min-width: 6px; overflow: hidden; font-size: var(--ui-fs-help); line-height: var(--ui-lh-snug); color: var(--ui-muted); }
.ui-meter-legend-t, .ui-meter-legend-d { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-meter-legend-t { font-weight: var(--ui-fw-medium); color: var(--ui-ink-2); }
.ui-meter-legend-d { font-variant-numeric: tabular-nums; }
.ui-meter-legend-i.is-current .ui-meter-legend-t { color: var(--ui-accent-ink); }
.ui-meter-legend-i.is-warn .ui-meter-legend-d { color: var(--ui-warn-ink); }
.ui-meter-legend-i.is-danger .ui-meter-legend-d { color: var(--ui-danger-ink); }
@media (max-width: 560px) {
  .ui-cards { gap: var(--ui-space-3); }
  .ui-object-card { padding: var(--ui-space-4); }
  .ui-oc-menu .ui-btn-icon { width: var(--ui-target-touch); height: var(--ui-target-touch); }
  .ui-oc-foot > .ui-btn { flex: 1 1 100%; }
  .ui-linkfield.is-readonly:not(.is-plain) { flex-wrap: wrap; padding: 8px; }
  .ui-linkfield.is-readonly:not(.is-plain) > .ui-linkfield-url { flex: 1 1 100%; padding: 2px 4px 4px; }
  .ui-linkfield.is-readonly:not(.is-plain) > .ui-btn:not(.ui-btn-icon) { flex: 1 1 auto; }
}
.ui-attn { min-width: 0px; background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); }
.ui-attn[hidden] { display: none; }
.ui-attn-head { display: flex; align-items: center; gap: var(--ui-space-2); padding: var(--ui-space-4) var(--ui-space-5) var(--ui-space-1); }
.ui-attn-title { margin: 0px; font-size: var(--ui-fs-body-lg); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: -0.01em; color: var(--ui-ink); }
.ui-attn-list { display: flex; flex-direction: column; gap: 2px; margin: 0px; padding: var(--ui-space-1) var(--ui-space-2) var(--ui-space-2); list-style: none; }
.ui-attn-item { display: flex; align-items: center; gap: var(--ui-space-3); min-height: 48px; padding: var(--ui-space-2) var(--ui-space-3); border-radius: var(--ui-r-lg); transition: background-color var(--ui-dur-1) var(--ui-ease); }
.ui-attn-item[hidden] { display: none; }
.ui-attn-item:hover { background: var(--ui-fill-1); }
.ui-attn-item > .ui-tile { align-self: flex-start; margin-top: 2px; }
.ui-attn-txt { flex: 1 1 auto; min-width: 0px; font-size: var(--ui-fs-body); line-height: var(--ui-lh-snug); color: var(--ui-ink-2); overflow-wrap: anywhere; }
.ui-attn-txt b, .ui-attn-txt strong { font-weight: var(--ui-fw-semibold); color: var(--ui-ink); }
.ui-attn-sub { display: block; margin-top: 2px; font-size: var(--ui-fs-label); color: var(--ui-muted); }
.ui-attn-item > .ui-btn, .ui-attn-item > a.ui-btn { flex: 0 0 auto; }
.ui-attn-more { padding: 0 var(--ui-space-2) var(--ui-space-3) calc(var(--ui-space-2) + var(--ui-space-3) + 36px + var(--ui-space-3)); }
.ui-attn:has(.ui-attn-item > .ui-tile-sm) > .ui-attn-more { padding-left: calc(var(--ui-space-2) + var(--ui-space-3) + 28px + var(--ui-space-3)); }
.ui-attn:not(:has(.ui-attn-item > .ui-tile)) > .ui-attn-more { padding-left: calc(var(--ui-space-2) + var(--ui-space-3)); }
.ui-attn-more > .ui-btn-link { padding-left: 0px; padding-right: 0px; }
@media (max-width: 560px) {
  .ui-attn-item { flex-wrap: wrap; column-gap: var(--ui-space-3); row-gap: 4px; }
  .ui-attn-txt { flex-basis: calc(100% - 48px); }
  .ui-attn-item > .ui-btn { margin-left: 0px; padding-left: 0px; }
  .ui-attn-item:has(> .ui-tile) > .ui-btn { margin-left: 48px; }
  .ui-attn-item:has(> .ui-tile-sm) > .ui-btn { margin-left: 40px; }
}
.ui-wizard { --ui-wz-pad: var(--ui-space-6); display: flex; flex-direction: column; min-width: 0px; }
.ui-wizard.is-page, form.ui-wizard:not(.ui-mbox) { background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); }
.ui-wizard:has(> .ui-wizard-main) { display: grid; grid-template-columns: minmax(0px, 1fr); grid-template-areas: "head" "main" "foot"; }
.ui-wizard:has(> .ui-wizard-main):has(> .ui-wizard-aside) { grid-template-columns: minmax(0, 1fr) var(--ui-wizard-aside-w); grid-template-areas: "head head" "main aside" "foot foot"; column-gap: var(--ui-space-6); }
.ui-wizard > .ui-wizard-head { grid-area: head; }
.ui-wizard > .ui-wizard-main { grid-area: main; padding: var(--ui-space-5) 0 var(--ui-space-6) var(--ui-wz-pad); }
.ui-wizard:not(:has(> .ui-wizard-aside)) > .ui-wizard-main { padding-right: var(--ui-wz-pad); }
.ui-wizard > .ui-wizard-aside { grid-area: aside; align-self: start; margin: var(--ui-space-5) var(--ui-wz-pad) var(--ui-space-6) 0; }
.ui-wizard > .ui-wizard-foot { grid-area: foot; }
.ui-wizard > .ui-wizard-progress, .ui-wizard > .ui-wizard-done { grid-column: 1 / -1; }
@media (min-width: 761px) {
  .ui-wizard:has(> .ui-wizard-main):has(> .ui-wizard-aside) { --ui-wz-inner: calc(var(--ui-wz-pad) * 2 + 560px + var(--ui-space-8) + var(--ui-wizard-aside-w)); grid-template-columns: minmax(0, 1fr) minmax(0, calc(var(--ui-wz-pad) + 560px + var(--ui-space-8))) calc(var(--ui-wizard-aside-w) + var(--ui-wz-pad)) minmax(0, 1fr); grid-template-areas: "head head head head" ". main aside ." "foot foot foot foot"; column-gap: 0px; }
  .ui-wizard:has(> .ui-wizard-main):has(> .ui-wizard-aside) > .ui-wizard-main { padding-right: var(--ui-space-8); }
  .ui-wizard:has(> .ui-wizard-main):has(> .ui-wizard-aside) > .ui-wizard-head, .ui-wizard:has(> .ui-wizard-main):has(> .ui-wizard-aside) > .ui-wizard-foot:not(.ui-mfoot) { padding-left: max(var(--ui-wz-pad), calc((100% - var(--ui-wz-inner)) / 2 + var(--ui-wz-pad))); padding-right: max(var(--ui-wz-pad), calc((100% - var(--ui-wz-inner)) / 2 + var(--ui-wz-pad))); }
}
.ui-wizard-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-4); padding: var(--ui-space-5) var(--ui-wz-pad) 0; }
.ui-mbox.ui-wizard > .ui-wizard-head, .ui-mbox.ui-wizard > form > .ui-wizard-head { padding-top: var(--ui-space-2); }
.ui-wizard-count { margin: 0px; font-size: var(--ui-fs-label); color: var(--ui-muted); font-variant-numeric: tabular-nums; }
.ui-wizard-count b, .ui-wizard-count strong { font-weight: var(--ui-fw-semibold); color: var(--ui-ink); }
.ui-wizard-steps { display: flex; flex-wrap: wrap; gap: 6px; margin: 0px; padding: 0px; list-style: none; counter-reset: uiwz 0; }
.ui-wizard-steps > li { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0px 10px 0px 4px; border-radius: var(--ui-r-pill); background: var(--ui-fill-1); font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); color: var(--ui-muted); white-space: nowrap; counter-increment: uiwz 1; -webkit-tap-highlight-color: transparent; transition: background-color var(--ui-dur-2) var(--ui-ease), color var(--ui-dur-2) var(--ui-ease); }
.ui-wizard-steps > li::before { content: counter(uiwz); display: grid; place-items: center; flex: 0 0 auto; width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--ui-line); background: var(--ui-bg-card); font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); font-variant-numeric: tabular-nums; color: var(--ui-muted); transition: background-color var(--ui-dur-2) var(--ui-ease), color var(--ui-dur-2) var(--ui-ease), border-color var(--ui-dur-2) var(--ui-ease); }
.ui-wizard-steps > li.is-current { color: var(--ui-ink); background: rgba(var(--ui-accent-rgb), .11); }
.ui-wizard-steps > li.is-current::before { color: var(--ui-on-primary, #fff); background: var(--ui-accent); border-color: var(--ui-accent); }
.ui-wizard-steps > li.is-done { color: var(--ui-ok-ink); background: rgba(var(--ui-ok-rgb), .1); cursor: pointer; }
.ui-wizard-steps > li.is-done::before { content: ""; border-color: var(--ui-ok); background: var(--ui-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 11px no-repeat; }
.ui-wizard-steps > li.is-done:hover { background: rgba(var(--ui-ok-rgb), .16); }
.ui-wizard-steps > li:focus:not(:focus-visible) { outline: none; }
.ui-wizard-steps > li:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-wizard-body { display: grid; grid-template-columns: minmax(0px, 1fr); gap: var(--ui-space-6); align-items: start; min-width: 0px; }
.ui-wizard-body:not(.ui-mbody) { padding: var(--ui-space-5) var(--ui-wz-pad) var(--ui-space-6); }
.ui-wizard-body:has(> .ui-wizard-aside) { grid-template-columns: minmax(0, 1fr) var(--ui-wizard-aside-w); }
.ui-wizard-main { min-width: 0px; }
.ui-wizard-main > .ui-wizard-step { max-width: 560px; }
.ui-wizard-step { min-width: 0px; }
.ui-wizard-step[hidden] { display: none; }
.ui-wizard-step.is-in-next { animation: uiWzNext var(--ui-dur-3) var(--ui-ease-out); }
.ui-wizard-step.is-in-back { animation: uiWzBack var(--ui-dur-3) var(--ui-ease-out); }
@keyframes uiWzNext { 
  0% { opacity: 0; transform: translateX(12px); }
  100% { opacity: 1; transform: none; }
}
@keyframes uiWzBack { 
  0% { opacity: 0; transform: translateX(-12px); }
  100% { opacity: 1; transform: none; }
}
.ui-wizard-title { margin: 0px 0px 6px; font-size: var(--ui-fs-modal); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); }
.ui-wizard-title:focus { outline: none; }
.ui-wizard-desc { margin: 0 0 var(--ui-space-5); font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); color: var(--ui-muted); }
.ui-wizard-step .ui-field { margin-bottom: var(--ui-space-4); }
.ui-wizard-step > :last-child, .ui-wizard-step > .ui-field:last-child { margin-bottom: 0px; }
.ui-wizard-reason { margin-top: var(--ui-space-4); }
.ui-wizard-reason[hidden] { display: none; }
.ui-wizard-aside { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--ui-space-3); min-width: 0px; min-height: 320px; padding: var(--ui-space-6) var(--ui-space-5); border-radius: var(--ui-r-xl); background: var(--ui-fill-1); }
.ui-wizard-aside-card { width: 100%; max-width: 260px; padding: var(--ui-space-4); border: 1px solid var(--ui-line); border-radius: var(--ui-r-xl); background: var(--ui-bg-card); }
.ui-wizard-aside-cap { margin: 0px; font-size: var(--ui-fs-help); color: var(--ui-muted); text-align: center; }
.ui-wizard-aside-close, [data-ui-wizard-preview] { display: none; }
@media (min-width: 1100px) {
  .ui-wizard:not(.ui-mbox) .ui-wizard-aside { position: sticky; top: var(--ui-space-4); }
}
.ui-wizard-summary { display: flex; flex-direction: column; margin: 0px; border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); }
.ui-wizard-sum-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--ui-space-4); min-width: 0px; padding: var(--ui-space-3) var(--ui-space-4); }
.ui-wizard-sum-row + .ui-wizard-sum-row { border-top: 1px solid var(--ui-border-subtle); }
.ui-wizard-sum-row dt { flex: 0 0 auto; max-width: 45%; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-regular); color: var(--ui-muted); }
.ui-wizard-sum-row dd { display: flex; align-items: baseline; justify-content: flex-end; gap: var(--ui-space-2); min-width: 0px; margin: 0px; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-medium); color: var(--ui-ink); text-align: right; overflow-wrap: anywhere; }
.ui-wizard-sum-row .is-empty { color: var(--ui-muted); font-weight: var(--ui-fw-regular); }
.ui-wizard-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--ui-space-2); }
.ui-wizard-foot:not(.ui-mfoot) { position: sticky; bottom: 0px; z-index: var(--ui-z-sticky); padding: var(--ui-space-4) var(--ui-wz-pad) calc(var(--ui-space-4) + env(safe-area-inset-bottom, 0px)); border-top: 1px solid var(--ui-border-subtle); border-radius: 0 0 var(--ui-r-xl) var(--ui-r-xl); background: var(--ui-bg-card); }
.ui-wizard-foot-start { margin-right: auto; }
.ui-wizard-foot [hidden] { display: none; }
.ui-wizard-progress, .ui-wizard-done { display: flex; flex-direction: column; align-items: center; gap: var(--ui-space-3); min-width: 0px; padding: var(--ui-space-12) var(--ui-wz-pad); text-align: center; animation: uiFadeIn var(--ui-dur-3) var(--ui-ease-out); }
.ui-wizard-progress[hidden], .ui-wizard-done[hidden] { display: none; }
.ui-wizard-progress .ui-steps { width: 100%; max-width: 360px; text-align: left; }
.ui-wizard-done-mark { display: grid; place-items: center; width: 48px; height: 48px; margin-bottom: var(--ui-space-1); border-radius: 50%; color: var(--ui-ok-ink); background: rgba(var(--ui-ok-rgb), .12); animation: uiWzPop var(--ui-dur-4) var(--ui-ease-out) backwards; }
.ui-wizard-done-mark::before { content: ""; width: var(--ui-ic-xl); height: var(--ui-ic-xl); background: currentcolor; mask: var(--ui-ico-check) center / 24px no-repeat; }
@keyframes uiWzPop { 
  0% { transform: scale(0.85); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
.ui-wizard-state-t { margin: 0px; font-size: var(--ui-fs-h2); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); }
.ui-wizard-state-t:focus { outline: none; }
.ui-wizard-state-d { max-width: 440px; margin: 0px; font-size: var(--ui-fs-body-lg); line-height: var(--ui-lh-body); color: var(--ui-muted); }
.ui-wizard-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--ui-space-2); margin-top: var(--ui-space-2); }
.ui-wizard-done > .ui-linkfield { width: 100%; max-width: 440px; }
.ui-wizard-scrim { position: fixed; inset: 0px; z-index: calc(var(--ui-z-drawer) - 1); background: var(--ui-scrim); opacity: 0; pointer-events: none; transition: opacity calc(var(--ui-dur-4) * .75) var(--ui-ease-in); }
.ui-wizard-scrim.is-open { opacity: 1; pointer-events: auto; transition-duration: var(--ui-dur-4); transition-timing-function: var(--ui-ease-out); }
@media (max-width: 760px) {
  .ui-wizard { --ui-wz-pad: var(--ui-space-4); }
  .ui-wizard:has(> .ui-wizard-main):has(> .ui-wizard-aside) { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "head" "aside" "main" "foot"; }
  .ui-wizard > .ui-wizard-main { padding-right: var(--ui-wz-pad); }
  .ui-wizard > .ui-wizard-aside { margin: var(--ui-space-4) var(--ui-wz-pad) 0; }
  .ui-wizard-body:has(> .ui-wizard-aside) { grid-template-columns: minmax(0px, 1fr); gap: var(--ui-space-4); }
  .ui-wizard-aside { min-height: 0px; padding: var(--ui-space-5) var(--ui-space-4); }
  .ui-wizard-aside.is-hide-sm { display: none; }
  .ui-wizard:has([data-ui-wizard-preview]) .ui-wizard-aside { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: var(--ui-z-drawer); max-height: 85dvh; margin: 0px; overflow-y: auto; overscroll-behavior: contain; justify-content: flex-start; padding: var(--ui-space-5) var(--ui-space-4) calc(var(--ui-space-5) + env(safe-area-inset-bottom, 0px)); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; border-radius: var(--ui-r-2xl) var(--ui-r-2xl) 0 0; background: var(--ui-bg-raised); transform: translateY(100%); visibility: hidden; transition: transform calc(var(--ui-dur-4) * .75) var(--ui-ease-in), visibility 0s linear calc(var(--ui-dur-4) * .75); }
  .ui-wizard:has([data-ui-wizard-preview]) .ui-wizard-aside.is-open { transform: none; visibility: visible; transition: transform var(--ui-dur-4) var(--ui-ease-out), visibility 0s; }
  .ui-wizard:has([data-ui-wizard-preview]) .ui-wizard-aside-close { display: inline-flex; align-self: flex-end; }
  [data-ui-wizard-preview] { display: inline-flex; }
}
@media (max-width: 560px) {
  .ui-wizard-head { padding-top: var(--ui-space-3); }
  .ui-wizard-head > .ui-wizard-steps { display: none; }
  .ui-wizard-body:not(.ui-mbody) { padding: var(--ui-space-4); }
  .ui-wizard > .ui-wizard-main { padding-top: var(--ui-space-4); padding-bottom: var(--ui-space-4); }
  .ui-wizard-foot:not(.ui-mfoot) { padding-top: var(--ui-space-3); padding-bottom: calc(var(--ui-space-3) + env(safe-area-inset-bottom, 0px)); }
  .ui-wizard-foot > .ui-btn:not(.ui-btn-quiet):not(.ui-btn-link) { flex: 1 1 0px; }
  .ui-wizard-foot-start { flex: 1 1 100%; margin: 0px; order: 2; }
  .ui-wizard-progress, .ui-wizard-done { padding: var(--ui-space-8) var(--ui-wz-pad); }
}
.ui-linkfield { position: relative; display: flex; align-items: center; min-width: 0px; min-height: var(--ui-ctl-md); padding-right: 4px; background-color: var(--ui-field-bg); border: 1px solid var(--ui-ctl-line); border-radius: var(--ui-r-md); outline: transparent solid 3px; outline-offset: 0px; cursor: text; transition: border-color var(--ui-dur-1) var(--ui-ease), outline-color var(--ui-dur-1) var(--ui-ease); }
.ui-linkfield:hover { border-color: var(--ui-ctl-line-hover); }
.ui-linkfield:focus-within { border-color: var(--ui-accent); outline-color: rgba(var(--ui-accent-rgb), .18); }
.ui-linkfield.is-invalid, .ui-linkfield.is-taken, .ui-field.is-invalid .ui-linkfield { border-color: var(--ui-danger); }
.ui-linkfield.is-invalid:focus-within, .ui-linkfield.is-taken:focus-within, .ui-field.is-invalid .ui-linkfield:focus-within { outline-color: rgba(var(--ui-danger-rgb), .18); }
.ui-linkfield.is-disabled { background-color: var(--ui-fill-1); border-color: var(--ui-line); cursor: not-allowed; }
.ui-linkfield-prefix { display: block; flex: 0 1 auto; min-width: 0px; max-width: 58%; padding-left: 12px; font-size: var(--ui-fs-body); line-height: 20px; color: var(--ui-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; direction: rtl; text-align: left; user-select: none; }
.ui-linkfield-prefix > bdi { direction: ltr; unicode-bidi: isolate; }
.ui-linkfield > .ui-input, .ui-linkfield-input { flex: 1 1 auto; width: auto; min-width: 72px; height: 38px; margin: 0px; padding: 0px 8px 0px 1px; border: 0px; border-radius: 0px; background: transparent; color: var(--ui-ink); font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-body); line-height: 20px; outline: 0px; }
.ui-linkfield > .ui-input:hover, .ui-linkfield > .ui-input:focus { border: 0px; outline: 0px; }
.ui-linkfield > .ui-input::placeholder, .ui-linkfield-input::placeholder { color: var(--ui-muted-2); opacity: 1; }
.ui-linkfield > .ui-input:disabled { background: transparent; cursor: not-allowed; color: var(--ui-muted); }
.ui-linkfield-status { display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto; padding: 0px 6px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); color: var(--ui-muted); white-space: nowrap; }
.ui-linkfield-status:empty { display: none; }
.ui-linkfield.is-checking .ui-linkfield-status::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border-width: 2px; border-style: solid; border-color: currentcolor transparent currentcolor currentcolor; border-image: none; animation: 0.7s linear 0s infinite normal none running uiSpin; }
.ui-linkfield.is-ok .ui-linkfield-status { color: var(--ui-ok-ink); }
.ui-linkfield.is-ok .ui-linkfield-status::before { content: ""; width: 14px; height: 14px; background: currentcolor; mask: var(--ui-ico-check) center / 14px no-repeat; }
.ui-linkfield.is-invalid .ui-linkfield-status, .ui-linkfield.is-taken .ui-linkfield-status { color: var(--ui-danger-ink); }
.ui-linkfield-copy { flex: 0 0 auto; }
.ui-linkfield-copy:empty::after { content: ""; width: var(--ui-ic-sm); height: var(--ui-ic-sm); background: currentcolor; mask: var(--ui-ico-copy) center / 16px no-repeat; }
.ui-linkfield-preview { display: flex; align-items: center; gap: 6px; min-width: 0px; margin-top: 6px; font-size: var(--ui-fs-help); line-height: var(--ui-lh-body); color: var(--ui-muted); }
.ui-linkfield-preview::before { content: ""; flex: 0 0 auto; width: 14px; height: 14px; background: currentcolor; mask: var(--ui-ico-link) center / 14px no-repeat; }
.ui-linkfield-url { display: flex; min-width: 0px; font-family: var(--ui-mono); color: var(--ui-ink-2); white-space: nowrap; }
.ui-linkfield-url > .ui-lf-a { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
.ui-linkfield-url > .ui-lf-b { flex: 0 0 auto; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
.ui-linkfield-url > .ui-lf-a.is-cut { flex-shrink: 0; text-overflow: clip; }
.ui-linkfield-url > .ui-lf-a.is-cut + .ui-lf-b { flex-shrink: 1; min-width: 0px; }
.ui-linkfield-preview .ui-linkfield-url { overflow: hidden; text-overflow: ellipsis; }
.ui-linkfield-open { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 2px 4px; border-radius: var(--ui-r-sm); color: var(--ui-accent-ink); font-weight: var(--ui-fw-medium); text-decoration: none; }
.ui-linkfield-open::after { content: ""; width: 12px; height: 12px; background: currentcolor; mask: var(--ui-ico-external) center / 12px no-repeat; }
.ui-linkfield-open:hover { color: var(--ui-accent-ink); text-decoration: underline; text-underline-offset: 3px; }
.ui-linkfield-open:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 1px; }
.ui-linkfield-open[hidden] { display: none; }
.ui-error .ui-linkfield-use { margin-left: 4px; padding: 0px 2px; height: auto; font-size: inherit; }
.ui-linkfield.is-readonly { gap: var(--ui-space-2); padding: 4px 4px 4px 12px; background-color: var(--ui-fill-1); border-color: var(--ui-line); cursor: default; }
.ui-linkfield.is-readonly:hover { border-color: var(--ui-line); }
.ui-linkfield.is-readonly > .ui-linkfield-url { flex: 1 1 auto; font-size: var(--ui-fs-label); }
.ui-linkfield.is-readonly > .ui-btn { flex: 0 0 auto; }
.ui-linkfield.is-plain { min-height: 0px; padding: 0px; background: transparent; border: 0px; outline: 0px; }
@media (max-width: 640px) {
  .ui-linkfield:not(.is-readonly):not(.is-plain) { min-height: var(--ui-target-touch); }
  .ui-linkfield > .ui-input, .ui-linkfield-input { height: 42px; }
  .ui-linkfield-prefix { max-width: 46%; }
  .ui-linkfield-status > span { display: none; }
}
@media (pointer: coarse) {
  .ui-linkfield > .ui-input, .ui-linkfield-input { font-size: 16px; }
}
[data-ui-copy].is-copied, [data-ui-copy].is-copied:hover, .ui-linkfield-copy.is-copied, .ui-linkfield-copy.is-copied:hover { color: var(--ui-ok-ink); }
.ui-linkfield-copy.is-copied:empty::after { mask-image: var(--ui-ico-check); }
[data-ui-copy].is-copied > svg { display: none; }
[data-ui-copy].is-copied::after { content: ""; order: -1; flex: 0 0 auto; width: var(--ui-ic-sm); height: var(--ui-ic-sm); background: currentcolor; mask: var(--ui-ico-check) center / 16px no-repeat; }
.ui-btn-icon[data-ui-copy].is-copied::after { width: var(--ui-ic-md); height: var(--ui-ic-md); mask-size: 18px auto; }
.ui-choice-tag { display: inline-flex; align-items: center; margin-left: var(--ui-space-2); padding: 2px var(--ui-space-2); line-height: 16px; border-radius: var(--ui-r-pill); background: rgba(var(--ui-accent-rgb), .11); color: var(--ui-accent-ink); font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); vertical-align: 1px; white-space: nowrap; }
.ui-choice.has-visual .ui-choice-body { flex: 1 1 auto; }
.ui-choice-visual { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 32px; margin-left: auto; color: var(--ui-muted-2); transition: color var(--ui-dur-1) var(--ui-ease); }
.ui-choice-visual svg { width: 100%; height: 100%; }
.ui-choice:has(> input:checked) .ui-choice-visual { color: var(--ui-accent-ink); }
.ui-choice-more { display: none; margin-top: var(--ui-space-3); cursor: default; }
.ui-choice:has(> input:checked) .ui-choice-more { display: block; animation: uiFadeIn var(--ui-dur-2) var(--ui-ease-out); }
.ui-choices.is-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); }
.ui-choices.is-grid > .ui-choice { height: 100%; }
@media (max-width: 760px) {
  .ui-choices.is-grid { grid-template-columns: minmax(0px, 1fr); }
}
.ui-steps.is-live > li { color: var(--ui-muted); }
.ui-steps.is-live > li::before { background: var(--ui-fill-2); color: var(--ui-muted); }
.ui-steps.is-live > li.is-current { color: var(--ui-ink); font-weight: var(--ui-fw-medium); }
.ui-steps.is-live > li.is-current::before { content: ""; box-sizing: border-box; background: transparent; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; animation: 0.8s linear 0s infinite normal none running uiSpin; }
.ui-steps.is-live > li.is-done { color: var(--ui-ink-2); }
.ui-steps.is-live > li.is-done::before { content: ""; background: var(--ui-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 12px no-repeat; }
.ui-steps.is-live > li.is-error { color: var(--ui-danger-ink); }
.ui-steps.is-live > li.is-error::before { content: ""; background: var(--ui-danger) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 7v6'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E") center / 14px no-repeat; }
.ui-steps-err { display: block; margin-top: 2px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-regular); color: var(--ui-ink-2); }
.ui-savebar { position: fixed; left: 50%; bottom: var(--ui-space-4); z-index: var(--ui-z-popover); display: flex; align-items: center; gap: var(--ui-space-2); width: min(560px, 100% - 32px); padding: var(--ui-space-2) var(--ui-space-2) var(--ui-space-2) var(--ui-space-4); border: 1px solid var(--ui-line-strong); border-radius: var(--ui-r-pill); background: var(--ui-bg-raised); color: var(--ui-ink); opacity: 0; transform: translate(-50%, 16px); pointer-events: none; transition: opacity calc(var(--ui-dur-3) * .75) var(--ui-ease-in), transform calc(var(--ui-dur-3) * .75) var(--ui-ease-in); }
.ui-savebar.is-on { opacity: 1; transform: translate(-50%, 0px); pointer-events: auto; transition-duration: var(--ui-dur-3); transition-timing-function: var(--ui-ease-out); }
.ui-savebar-txt { display: inline-flex; align-items: center; gap: var(--ui-space-2); flex: 1 1 auto; min-width: 0px; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-medium); }
.ui-savebar-txt::before { content: ""; flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--ui-warn); }
@media (max-width: 560px) {
  .ui-savebar { left: var(--ui-space-3); right: var(--ui-space-3); width: auto; bottom: calc(var(--ui-space-3) + env(safe-area-inset-bottom, 0px)); border-radius: var(--ui-r-xl); transform: translateY(16px); }
  .ui-savebar.is-on { transform: none; }
  .ui-savebar-txt { font-size: var(--ui-fs-label); }
}
.ui-phone { --ui-phone-scale: 1; position: relative; flex: 0 0 auto; width: calc(300px * var(--ui-phone-scale)); height: calc(600px * var(--ui-phone-scale)); max-width: 100%; padding: calc(10px * var(--ui-phone-scale)); border: 1px solid var(--ui-line-strong); border-radius: calc(36px * var(--ui-phone-scale)); background: var(--ui-bg-card); }
.ui-phone-screen { position: relative; height: 100%; overflow: hidden; border-radius: calc(28px * var(--ui-phone-scale)); background: var(--ui-phone-bg, #FFFFFF); color: var(--ui-phone-ink, #111B21); color-scheme: light; font-size: 13px; }
.ui-phone-screen > [data-ui-phone-view] { height: 100%; overflow-y: auto; scrollbar-width: none; }
.ui-phone-screen > [data-ui-phone-view]::-webkit-scrollbar { display: none; }
.ui-phone-screen > [data-ui-phone-view][hidden] { display: none; }
.ui-phone-wrap { display: flex; flex-direction: column; align-items: center; gap: var(--ui-space-3); min-width: 0px; }
.ui-panel { position: relative; min-width: 0px; background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); color: var(--ui-ink); }
.ui-panel-head { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-3); padding: var(--ui-space-5) var(--ui-space-5) 0; }
.ui-panel-htxt { min-width: 0px; flex: 1 1 auto; }
.ui-panel-title { margin: 0px; font-size: var(--ui-fs-body-lg); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: -0.01em; color: var(--ui-ink); }
.ui-panel-sub { margin: 4px 0px 0px; font-size: var(--ui-fs-label); line-height: var(--ui-lh-snug); color: var(--ui-muted); }
.ui-panel-actions { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2); flex: 0 0 auto; }
.ui-panel-body { min-width: 0px; padding: var(--ui-space-4) var(--ui-space-5) var(--ui-space-5); }
.ui-panel.is-flush > .ui-panel-body { padding: 0px; }
.ui-panel.is-flush > .ui-panel-head + .ui-panel-body { padding-top: var(--ui-space-3); }
.ui-panel-foot { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ui-space-2) var(--ui-space-3); padding: var(--ui-space-3) var(--ui-space-5); border-top: 1px solid var(--ui-border-subtle); }
@media (max-width: 560px) {
  .ui-panel-head { padding: var(--ui-space-4) var(--ui-space-4) 0; }
  .ui-panel-body { padding: var(--ui-space-3) var(--ui-space-4) var(--ui-space-4); }
  .ui-panel-foot { padding: var(--ui-space-3) var(--ui-space-4); }
}
.ui-empty.is-hero { padding: var(--ui-space-12) 40px 40px; background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); }
.ui-empty-art { display: flex; align-items: center; justify-content: center; gap: var(--ui-space-4); width: 100%; max-width: 480px; min-height: 64px; margin: 0 auto var(--ui-space-6); }
.ui-empty.is-hero .ui-empty-t { font-size: 1.25rem; margin-bottom: var(--ui-space-2); }
.ui-empty.is-hero > p { max-width: 56ch; font-size: var(--ui-fs-body-lg); }
.ui-empty.is-hero .ui-empty-actions { flex-direction: column; align-items: center; }
.ui-empty-templates { margin-top: var(--ui-space-8); padding-top: var(--ui-space-6); border-top: 1px solid var(--ui-border-subtle); text-align: left; }
.ui-empty-templates-t { margin: 0 0 var(--ui-space-3); font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); color: var(--ui-ink); }
.ui-choice.is-link { position: relative; flex-direction: column; gap: var(--ui-space-3); color: var(--ui-ink); text-decoration: none; }
.ui-choice.is-link:hover { border-color: var(--ui-ctl-line); background: var(--ui-fill-1); color: var(--ui-ink); }
.ui-choice.is-link:focus:not(:focus-visible) { outline: none; }
.ui-choice.is-link:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.ui-choice.is-link > .ui-tile { flex: 0 0 auto; }
.ui-choice.is-link.is-disabled, .ui-choice.is-link[aria-disabled="true"] { opacity: 0.55; cursor: not-allowed; pointer-events: none; }
@media (max-width: 560px) {
  .ui-empty.is-hero { padding: var(--ui-space-8) var(--ui-space-4) var(--ui-space-6); }
  .ui-empty.is-hero .ui-empty-t { font-size: var(--ui-fs-modal); }
  .ui-empty.is-hero .ui-empty-actions > .ui-btn { width: 100%; }
}
@media (max-width: 760px) {
  .ui-choice.is-link { flex-direction: row; }
}
.ui-mlist { display: flex; flex-direction: column; gap: var(--ui-space-2); margin: 0px; padding: 0px; list-style: none; }
.ui-mlist > li { position: relative; padding-left: 18px; font-size: var(--ui-fs-body); line-height: var(--ui-lh-body); color: var(--ui-ink-2); }
.ui-mlist > li::before { content: ""; position: absolute; left: 5px; top: 0.7em; width: 4px; height: 4px; border-radius: 50%; background: var(--ui-muted-2); }
.ui-mlist:not(:last-child) { margin-bottom: var(--ui-space-5); }
.ui-steps > li > .ui-steps-txt { flex: 1 1 auto; min-width: 0px; padding-top: 2px; }
.ui-steps > li > .ui-steps-act { flex: 0 0 auto; margin-top: calc((24px - var(--ui-btn-h, 32px)) / 2); margin-bottom: calc((24px - var(--ui-btn-h, 32px)) / 2); }
.ui-steps > li.is-done > .ui-steps-act { display: none; }
.ui-steps > li.is-done > .ui-steps-txt { color: var(--ui-muted); }
.ui-steps:not(.is-live):not(.is-cards) > li.is-done { position: relative; }
.ui-steps:not(.is-live):not(.is-cards) > li.is-done::after { content: ""; position: absolute; left: 0px; top: 0px; width: 24px; height: 24px; background: var(--ui-ok-ink); mask: var(--ui-ico-check) center / 14px no-repeat; pointer-events: none; }
.ui-steps.is-inline:not(.is-live) > li.is-done::after { top: 50%; transform: translateY(-50%); }
.ui-steps:not(.is-live):not(.is-cards) > li.is-done::before { color: transparent; }
.ui-modal-drawer.ui-modal-lg .modal-dialog { max-width: 640px; }
.ui-modal-drawer.ui-modal-wide .modal-dialog { max-width: 960px; }
@media (max-width: 560px) {
  .ui-modal-drawer.ui-modal-lg .modal-dialog, .ui-modal-drawer.ui-modal-wide .modal-dialog { max-width: none; }
}
.ui-qr { --ui-qr-size: 240px; display: inline-flex; flex-direction: column; align-items: center; gap: var(--ui-space-2); max-width: 100%; margin: 0px; }
.ui-qr-box { display: grid; place-items: center; width: calc(var(--ui-qr-size) + 24px); max-width: 100%; aspect-ratio: 1 / 1; padding: var(--ui-space-3); border: 1px solid var(--ui-line); border-radius: var(--ui-r-lg); background: rgb(255, 255, 255); }
.ui-qr-box svg { display: block; width: 100%; height: 100%; }
.ui-qr.is-loading .ui-qr-box { background: var(--ui-fill-2); }
.ui-qr-name { max-width: var(--ui-qr-size); font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); color: var(--ui-ink-2); text-align: center; overflow-wrap: anywhere; }
.ui-qr-name:empty { display: none; }
.ui-qr.is-sm { --ui-qr-size: 160px; }
.ui-qr-err { padding: var(--ui-space-3); font-size: var(--ui-fs-help); line-height: var(--ui-lh-snug); color: rgb(59, 74, 84); text-align: center; }
:root { --ui-wa-head-bg: #008069; --ui-wa-head-ink: #FFFFFF; --ui-wa-chat-bg: #EFEAE2; --ui-wa-in-bg: #FFFFFF; --ui-wa-out-bg: #D9FDD3; --ui-wa-text: #111B21; --ui-wa-meta: #667781; --ui-wa-link: #027EB5; --ui-wa-sys-bg: #FFFFFF; --ui-wa-read: #53BDEB; --ui-phone-bg: #FFFFFF; --ui-phone-ink: #111B21; --ui-tg-chat-bg: #DCE6EE; --ui-tg-card-bg: #FFFFFF; --ui-tg-text: #000000; --ui-tg-btn-bg: #E8F1F8; --ui-tg-btn-ink: #1B6FA8; --ui-tg-link: #1B6FA8; --ui-tg-meta: #6E7B87; --ui-tg-sys-bg: rgba(0, 0, 0, .2); --ui-tg-line: rgba(0, 0, 0, .08); --ui-ico-wa-ticks: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 11'%3E%3Cpath fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round' d='M1 6l3 3 6-7.5M7 8.2l.8.8 6-7.5'/%3E%3C/svg%3E"); }
.ui-wa-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: var(--ui-wa-head-bg); color: var(--ui-wa-head-ink); }
.ui-wa-head-av { display: grid; place-items: center; flex: 0 0 auto; width: 32px; height: 32px; overflow: hidden; border-radius: 50%; background: rgba(255, 255, 255, 0.25); font-size: 13px; font-weight: 600; }
.ui-wa-head-av > img { width: 100%; height: 100%; object-fit: cover; }
.ui-wa-head-txt { display: flex; flex-direction: column; min-width: 0px; }
.ui-wa-head-name { font-size: 14px; font-weight: 600; line-height: 1.2; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-wa-head-sub { font-size: 11px; opacity: 0.85; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-wa-chat { display: flex; flex-direction: column; gap: 4px; min-height: 100%; padding: 10px 14px 14px; background-color: var(--ui-wa-chat-bg); background-image: radial-gradient(rgba(17, 27, 33, 0.05) 1px, transparent 1.2px); background-size: 14px 14px; color: var(--ui-wa-text); }
.ui-wa-sys { align-self: center; max-width: 85%; margin: 6px 0px; padding: 4px 10px; border-radius: 8px; background: var(--ui-wa-sys-bg); color: var(--ui-wa-meta); font-size: 11px; text-align: center; }
.ui-wa-bubble { position: relative; align-self: flex-start; max-width: 85%; padding: 6px 8px 4px; border-radius: 0px 8px 8px; background: var(--ui-wa-in-bg); color: var(--ui-wa-text); font-size: 13px; line-height: 1.38; overflow-wrap: anywhere; }
.ui-wa-text { display: block; white-space: pre-wrap; }
.ui-wa-bubble::before { content: ""; position: absolute; top: 0px; left: -7px; width: 8px; height: 10px; background: inherit; clip-path: polygon(0px 0px, 100% 0px, 100% 100%); }
.ui-wa-bubble.is-out { align-self: flex-end; border-top-left-radius: 8px; border-top-right-radius: 0px; background: var(--ui-wa-out-bg); }
.ui-wa-bubble.is-out::before { left: auto; right: -7px; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }
.ui-wa-bubble.is-cont { border-radius: 8px; }
.ui-wa-bubble.is-cont::before { display: none; }
.ui-wa-bubble-time { display: flex; align-items: center; justify-content: flex-end; gap: 3px; margin-top: 2px; font-size: 11px; line-height: 15px; color: var(--ui-wa-meta); white-space: nowrap; }
.ui-wa-bubble-time.is-read::after, .ui-wa-bubble-time.is-delivered::after { content: ""; width: 16px; height: 11px; background: currentcolor; mask: var(--ui-ico-wa-ticks) center / 16px 11px no-repeat; }
.ui-wa-bubble-time.is-read::after { background: var(--ui-wa-read); }
.ui-wa-bubble-media { display: grid; place-items: center; width: 100%; aspect-ratio: 4 / 3; margin-bottom: 4px; overflow: hidden; border-radius: 6px; background: rgba(17, 27, 33, 0.08); color: var(--ui-wa-meta); }
.ui-wa-bubble-media > img { width: 100%; height: 100%; object-fit: cover; }
.ui-wa-bubble-doc { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; padding: 8px; border-radius: 6px; background: rgba(17, 27, 33, 0.05); font-size: 12px; }
.ui-wa-linkcard { display: flex; flex-direction: column; margin: -2px -4px 6px; overflow: hidden; border-radius: 6px; background: rgba(17, 27, 33, 0.05); }
.ui-wa-linkcard-img { width: 100%; aspect-ratio: 1.91 / 1; object-fit: cover; background: rgba(17, 27, 33, 0.08); }
.ui-wa-linkcard-txt { display: flex; flex-direction: column; gap: 2px; padding: 6px 8px; }
.ui-wa-linkcard-t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 12.5px; font-weight: 600; color: var(--ui-wa-text); }
.ui-wa-linkcard-d { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 11.5px; color: var(--ui-wa-meta); }
.ui-wa-linkcard-u { font-size: 11px; color: var(--ui-wa-meta); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-wa-btns { display: flex; flex-direction: column; gap: 2px; align-self: flex-start; width: 85%; }
.ui-wa-bubble.is-out + .ui-wa-btns { align-self: flex-end; }
.ui-wa-btn { padding: 8px; border-radius: 8px; background: var(--ui-wa-in-bg); color: var(--ui-wa-link); font-size: 13px; font-weight: 500; text-align: center; }
[data-ui-tip]:not(:hover):not(:focus-visible)::before { width: 0px; height: 0px; padding: 0px; overflow: hidden; }
.ui-cselect-btn { font-size: var(--ui-fs-body); }
.ui-cselect-opt { font-size: var(--ui-fs-body); border-radius: var(--ui-r-sm); }
.ui-cselect-opt.is-active { background: var(--ui-fill-2); }
.ui-cselect-opt[aria-selected="true"] { color: var(--ui-accent-ink); font-weight: var(--ui-fw-medium); }
@media (max-width: 640px) {
  .ui-cselect:not(.ui-cselect-sm) .ui-cselect-btn { min-height: var(--ui-target-touch); }
  .ui-cselect-opt { min-height: 44px; align-items: center; }
}
.ui-switch.is-loading, .ui-switch[aria-busy="true"] { cursor: progress; pointer-events: none; }
.ui-switch.is-loading .ui-switch-track, .ui-switch[aria-busy="true"] .ui-switch-track { opacity: 0.55; }
.ui-switch.is-loading::after, .ui-switch[aria-busy="true"]::after { content: ""; flex: 0 0 auto; width: 14px; height: 14px; border-radius: 50%; border-top-color: ; border-top-style: ; border-top-width: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-right-color: transparent; animation: 0.7s linear 0s infinite normal none running uiSpin; }
.ui-toggle.ui-toggle-sm { width: 32px; height: 20px; }
.ui-toggle.ui-toggle-sm::after { width: 14px; height: 14px; }
.ui-toggle.ui-toggle-sm:checked::after { transform: translateX(12px); }
.ui-toggle.ui-toggle-sm:checked:active:not(:disabled)::after { transform: translateX(12px) scaleX(1.18); }
.ui-checkbox[aria-invalid="true"], .ui-radio[aria-invalid="true"], .ui-field.is-invalid .ui-checkbox:not(:checked), .ui-field.is-invalid .ui-radio:not(:checked) { border-color: var(--ui-danger); }
@media (max-width: 640px) {
  .ui-pill { height: 36px; }
}
.ui-pills.is-scroll { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
.ui-pills.is-scroll::-webkit-scrollbar { display: none; }
.ui-pills.is-scroll > .ui-pill { flex: 0 0 auto; }
.ui-pills.is-overflow-end, .ui-tabs.is-overflow-end { mask-image: linear-gradient(to right, rgb(0, 0, 0) calc(100% - 24px), transparent); }
.ui-pills.is-overflow-start, .ui-tabs.is-overflow-start { mask-image: linear-gradient(to left, rgb(0, 0, 0) calc(100% - 24px), transparent); }
.ui-pills.is-overflow-start.is-overflow-end, .ui-tabs.is-overflow-start.is-overflow-end { mask-image: linear-gradient(to right, transparent, rgb(0, 0, 0) 24px, rgb(0, 0, 0) calc(100% - 24px), transparent); }
.ui-pill[aria-haspopup]::after { content: ""; flex: 0 0 auto; width: 14px; height: 14px; margin-right: -2px; background: currentcolor; opacity: 0.7; mask: var(--ui-ico-chev-down) center / 14px no-repeat; transition: transform var(--ui-dur-2) var(--ui-ease-out); }
.ui-pill[aria-haspopup][aria-expanded="true"]::after { transform: rotate(180deg); }
span.ui-pill { cursor: default; }
span.ui-pill:active { transform: none; }
.ui-pill.is-applied { padding-right: 6px; background: rgba(var(--ui-accent-rgb), .09); border-color: rgba(var(--ui-accent-rgb), .3); color: var(--ui-accent-ink); }
.ui-pill-x { display: grid; place-items: center; flex: 0 0 auto; width: 22px; height: 22px; padding: 0px; border: 0px; border-radius: 50%; background: transparent; color: inherit; cursor: pointer; transition: background-color var(--ui-dur-1) var(--ui-ease); }
.ui-pill-x::before { content: ""; width: 12px; height: 12px; background: currentcolor; mask: var(--ui-ico-x) center / 12px no-repeat; }
.ui-pill-x:hover { background: rgba(var(--ui-accent-rgb), .14); }
.ui-pill-x:focus:not(:focus-visible) { outline: none; }
.ui-pill-x:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 1px; }
@media (prefers-reduced-motion: reduce) {
  .ui-chart > canvas, .ui-chart-tip, .ui-table tbody td, .ui-th-sort, .ui-th-sort::after, .ui-seg-btn, .ui-wizard-steps > li, .ui-wizard-steps > li::before, .ui-object-card, .ui-linkfield, .ui-pill[aria-haspopup]::after, .ui-meter-bar, .ui-meter-seg::after, .ui-attn-item, .ui-savebar, .ui-wizard-aside, .ui-wizard-scrim, .ui-choice-visual, .ui-choice.is-link { transition: none; }
  .ui-wizard-step.is-in-next, .ui-wizard-step.is-in-back, .ui-table-bulk, [data-ui-view-panel]:not([hidden]), .ui-wizard-progress, .ui-wizard-done, .ui-wizard-done-mark, .ui-choice-more { animation: auto ease 0s 1 normal none running none; }
  .ui-table tbody.is-loading { animation-duration: 1ms; }
  .ui-steps.is-live > li.is-current::before { animation-duration: 2.4s; }
}
:root { --ui-flow-gap: 56px; --ui-flow-node-h: 56px; --ui-flow-media: 28px; --ui-flow-line-w: 1.5px; --ui-chip-h: 28px; --ui-checkgrid-cols: 3; }
.ui-flow-cols { --ui-flow-n: 3; position: relative; display: grid; grid-template-columns: repeat(var(--ui-flow-n), minmax(0, 1fr)); gap: var(--ui-space-3) var(--ui-flow-gap); align-items: start; padding: var(--ui-space-4) var(--ui-space-5) var(--ui-space-5); }
.ui-flow-cols:has(> .ui-flow-col:nth-of-type(4)) { --ui-flow-n: 4; }
.ui-flow-cols:not(:has(> .ui-flow-col:nth-of-type(3))) { --ui-flow-n: 2; }
.ui-flow-col { position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--ui-space-2); min-width: 0px; }
.ui-flow-col-t { margin: 0 0 var(--ui-space-1); font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); letter-spacing: 0.05em; text-transform: uppercase; color: var(--ui-muted); }
.ui-flow-svg { position: absolute; inset: 0px; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.ui-flow-svg > path { fill: none; stroke: var(--ui-ctl-line); stroke-width: var(--ui-flow-line-w); stroke-linecap: round; opacity: 0.6; transition: opacity var(--ui-dur-2) var(--ui-ease); }
.ui-flow-svg > circle { fill: var(--ui-bg-card); stroke: var(--ui-ctl-line); stroke-width: var(--ui-flow-line-w); transition: opacity var(--ui-dur-2) var(--ui-ease); }
.ui-flow-svg > .is-warn { stroke: var(--ui-warn); stroke-dasharray: 4, 4; opacity: 0.9; }
.ui-flow-svg > .is-danger { stroke: var(--ui-danger); stroke-dasharray: 4, 4; opacity: 0.9; }
.ui-flow-svg > .is-off { stroke-dasharray: 2, 5; opacity: 0.35; }
.ui-flow-svg > circle.is-warn, .ui-flow-svg > circle.is-danger, .ui-flow-svg > circle.is-off { stroke-dasharray: none; }
.ui-flow-svg > circle.is-live { fill: var(--ui-accent); stroke: var(--ui-accent); }
.ui-flow-svg .ui-flow-pkt circle { fill: var(--ui-accent); stroke: var(--ui-bg-card); stroke-width: 2px; }
.ui-flow-svg .ui-flow-pkt { transition: opacity var(--ui-dur-2) var(--ui-ease); }
.ui-flow.is-hl .ui-flow-svg > path:not(.is-hl), .ui-flow.is-hl .ui-flow-svg > circle:not(.is-hl) { opacity: 0.14; }
.ui-flow.is-hl .ui-flow-svg > .ui-flow-pkt:not(.is-hl) { opacity: 0; }
.ui-flow.is-hl .ui-flow-svg > path.is-hl { opacity: 1; }
.ui-flow.is-hl .ui-flow-svg > path.is-hl:not(.is-warn):not(.is-danger), .ui-flow.is-hl .ui-flow-svg > circle.is-hl:not(.is-warn):not(.is-danger) { stroke: var(--ui-accent); }
@media (prefers-reduced-motion: reduce) {
  .ui-flow-svg .ui-flow-pkt { display: none; }
}
.ui-flow-node { position: relative; display: grid; grid-template-columns: auto minmax(0px, 1fr) auto; grid-template-areas: "m t n" ". a a"; align-items: center; min-width: 0px; min-height: var(--ui-flow-node-h); padding: var(--ui-space-2) var(--ui-space-3); background: var(--ui-bg-card); border: 1px solid var(--ui-border); border-radius: var(--ui-r-lg); color: var(--ui-ink); text-decoration: none; transition: border-color var(--ui-dur-1) var(--ui-ease), background-color var(--ui-dur-1) var(--ui-ease); }
.ui-flow-node[hidden] { display: none; }
a.ui-flow-node:hover, .ui-flow-node:has(a.ui-flow-name):hover { border-color: var(--ui-ctl-line); color: var(--ui-ink); }
a.ui-flow-node:focus:not(:focus-visible) { outline: none; }
a.ui-flow-node:focus-visible, .ui-flow-node:has(a.ui-flow-name:focus-visible) { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
a.ui-flow-name { color: inherit; text-decoration: none; outline: none; }
a.ui-flow-name:hover { color: inherit; }
a.ui-flow-name::after { content: ""; position: absolute; inset: 0px; border-radius: inherit; }
.ui-flow-media { grid-area: m; margin-right: var(--ui-space-3); display: grid; place-items: center; flex: 0 0 auto; width: var(--ui-flow-media); height: var(--ui-flow-media); overflow: hidden; border-radius: var(--ui-r-sm); background: var(--ui-fill-2); color: var(--ui-ink-2); font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-semibold); }
.ui-flow-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ui-flow-media svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-flow-media.is-round { border-radius: 50%; }
.ui-flow-media.is-logo { background: var(--ui-phone-bg); border: 1px solid var(--ui-border-subtle); color: var(--ui-phone-ink); }
.ui-flow-media.is-logo img { object-fit: contain; padding: 3px; }
.ui-flow-media > .ui-avatar { --ui-av-size: var(--ui-flow-media); }
.ui-flow-media.is-avatars { width: auto; min-width: var(--ui-flow-media); overflow: visible; border-radius: 0px; background: transparent; }
.ui-flow-media.is-avatars .ui-avatars > .ui-avatar { --ui-av-size: 24px; }
.ui-flow-media .ui-avatar svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.ui-flow-txt { grid-area: t; display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0px; }
.ui-flow-name { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); line-height: 20px; color: var(--ui-ink); }
.ui-flow-sub { display: flex; align-items: center; flex-wrap: wrap; gap: 2px var(--ui-space-2); min-width: 0px; font-size: var(--ui-fs-help); line-height: var(--ui-lh-snug); color: var(--ui-muted); }
.ui-flow-sub > span { min-width: 0px; }
.ui-flow-state { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; font-weight: var(--ui-fw-medium); color: var(--ui-ink-2); white-space: nowrap; }
.ui-flow-state::before { content: ""; flex: 0 0 auto; width: 6px; height: 6px; border-radius: 50%; background: var(--ui-muted-2); }
.ui-flow-node.is-ok .ui-flow-state, .ui-flow-state.is-ok { color: var(--ui-ok-ink); }
.ui-flow-node.is-ok .ui-flow-state::before, .ui-flow-state.is-ok::before { background: var(--ui-ok); }
.ui-flow-node.is-warn .ui-flow-state, .ui-flow-state.is-warn { color: var(--ui-warn-ink); }
.ui-flow-node.is-warn .ui-flow-state::before, .ui-flow-state.is-warn::before { background: var(--ui-warn); }
.ui-flow-node.is-danger .ui-flow-state, .ui-flow-state.is-danger { color: var(--ui-danger-ink); }
.ui-flow-node.is-danger .ui-flow-state::before, .ui-flow-state.is-danger::before { background: var(--ui-danger); }
.ui-flow-node.is-off .ui-flow-state, .ui-flow-state.is-off { color: var(--ui-muted); }
.ui-flow-node.is-info .ui-flow-state, .ui-flow-state.is-info { color: var(--ui-info-ink); }
.ui-flow-node.is-info .ui-flow-state::before, .ui-flow-state.is-info::before { background: var(--ui-info); }
.ui-flow-node.is-live .ui-flow-state::before { animation: uiFlowPulse 2s var(--ui-ease-out) infinite; }
@keyframes uiFlowPulse { 
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(0.7); }
}
.ui-flow-n { grid-area: n; margin-left: var(--ui-space-3); display: flex; flex-direction: column; align-items: flex-end; flex: 0 0 auto; font-size: var(--ui-fs-title); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); font-variant-numeric: tabular-nums; color: var(--ui-ink); }
.ui-flow-n small { font-size: var(--ui-fs-caption); font-weight: var(--ui-fw-regular); line-height: var(--ui-lh-snug); color: var(--ui-muted); }
.ui-flow-act { position: relative; z-index: 1; flex: 0 0 auto; }
.ui-flow-node > .ui-flow-act { grid-area: a; justify-self: start; margin-top: var(--ui-space-2); }
.ui-flow-txt > .ui-flow-act { align-self: flex-start; margin-top: 2px; }
.ui-flow-txt > .ui-flow-act.ui-btn-link, .ui-flow-sub > .ui-flow-act.ui-btn-link { height: auto; min-height: 0px; padding: 0px; font-size: inherit; line-height: inherit; }
.ui-flow-sub > .ui-flow-act { margin-left: var(--ui-space-1); }
.ui-flow-txt > .ui-flow-act.ui-btn-link { font-size: var(--ui-fs-help); }
.ui-flow-via { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); white-space: nowrap; border: 0px; }
.ui-flow-node.is-dashed { border-style: dashed; }
.ui-flow-node.is-warn { border-style: dashed; border-color: rgba(var(--ui-warn-rgb), .6); background: color-mix(in srgb, var(--ui-warn) 5%, var(--ui-bg-card)); }
.ui-flow-node.is-danger { border-style: dashed; border-color: rgba(var(--ui-danger-rgb), .55); background: color-mix(in srgb, var(--ui-danger) 5%, var(--ui-bg-card)); }
.ui-flow-node.is-off { border-style: dashed; border-color: var(--ui-ctl-line); }
.ui-flow-node.is-off > .ui-flow-media, .ui-flow-node.is-off > .ui-flow-n, .ui-flo[Truncated]
:root { --onb-z: 36; --onb-gap: var(--ui-space-4); --onb-w: 340px; }
.onb-sprite { position: absolute; width: 0px; height: 0px; overflow: hidden; }
.onb-i, .onb-dock-mark { fill: none; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.onb-dock { position: fixed; z-index: var(--onb-z); left: calc(var(--onb-left, var(--cls-side-w, 248px)) + var(--onb-gap)); bottom: var(--onb-gap); width: var(--onb-w); max-width: calc(100vw - 2 * var(--onb-gap)); color: var(--ui-ink); transition: opacity 150ms var(--ui-ease-in), transform 150ms var(--ui-ease-in); }
.onb-dock.is-min { width: auto; }
html.onb-has-dock .cls-shell .cl-main-inner { padding-bottom: calc(var(--onb-dock-h, 0px) + var(--ui-space-6)); }
.onb-dock.is-min .onb-dock-card, .onb-dock:not(.is-min) .onb-dock-pill { display: none; }
.onb-dock.is-yield { opacity: 0; transform: translateY(12px); visibility: hidden; pointer-events: none; transition: opacity 150ms var(--ui-ease-in), transform 150ms var(--ui-ease-in), visibility 0s 150ms; }
.onb-dock.is-enter { animation: onbRise var(--ui-dur-4) var(--ui-ease-out) 120ms both; }
.onb-dock.is-swap .onb-dock-card, .onb-dock.is-swap .onb-dock-pill { animation: onbPop var(--ui-dur-2) var(--ui-ease-out) both; }
.onb-dock.is-leave { animation: onbLeave 190ms var(--ui-ease-in) both; pointer-events: none; }
.onb-dock-card { display: flex; flex-direction: column; gap: var(--ui-space-3); padding: var(--ui-space-4); background: var(--ui-bg-raised); border: 1px solid var(--ui-border); border-radius: var(--ui-r-xl); transform-origin: left bottom; }
.onb-dock-head { display: flex; align-items: center; gap: var(--ui-space-2); min-width: 0px; margin: -6px -8px -2px 0px; }
.onb-dock-mark { flex: 0 0 auto; width: var(--ui-ic-sm); height: var(--ui-ic-sm); color: var(--ui-accent-ink); }
.onb-dock-title { flex: 1 1 auto; min-width: 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); }
.onb-dock-count { flex: 0 0 auto; margin-right: var(--ui-space-1); font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); font-variant-numeric: tabular-nums; color: var(--ui-muted); }
.onb-dock-ib { flex: 0 0 auto; color: var(--ui-muted); }
.onb-ib { display: block; width: var(--ui-ic-sm); height: var(--ui-ic-sm); background: currentcolor; mask: var(--ui-ico-dots) center / contain no-repeat; }
.onb-ib.is-min { mask-image: var(--ui-ico-chev-down); }
.onb-dock-meter .ui-meter-seg.is-current, .onb-drawer-meter .ui-meter-seg.is-current { background: rgba(var(--ui-accent-rgb), .22); }
.onb-dock-meter.is-fill .ui-meter-seg::after { transition-delay: var(--onb-d, 0ms); }
.onb-dock-step { display: flex; align-items: flex-start; gap: var(--ui-space-3); min-width: 0px; }
.onb-dock-step.is-out { opacity: 0; transform: translateY(-4px); transition: opacity 140ms var(--ui-ease-in), transform 140ms var(--ui-ease-in); }
.onb-dock-step.is-in { animation: onbStepIn var(--ui-dur-3) var(--ui-ease-out) both; }
.onb-dock-txt { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 0px; padding-top: 1px; }
.onb-dock-name { font-size: var(--ui-fs-title); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); text-wrap: balance; }
.onb-dock-text { font-size: var(--ui-fs-label); line-height: var(--ui-lh-snug); color: var(--ui-ink-2); }
.onb-dock-text.is-warn, .onb-drawer-st.is-warn { color: var(--ui-warn-ink); }
.onb-dock-text.is-warn::before, .onb-dock-conv.is-warn::before, .onb-drawer-st.is-warn::before { content: ""; display: inline-block; flex: 0 0 auto; width: 8px; height: 8px; margin-right: var(--ui-space-2); border-radius: 50%; background: var(--ui-warn); }
.onb-dock-wait { flex-wrap: wrap; row-gap: 6px; margin-top: 2px; }
.onb-dock-wait .ui-progress-line-t { flex: 1 1 0px; white-space: normal; color: var(--ui-ink-2); }
.onb-dock-wait .ui-progress { flex: 1 0 100%; min-width: 0px; }
.onb-dock-acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ui-space-2); }
.onb-dock-acts .ui-btn-link { padding-left: var(--ui-space-2); padding-right: var(--ui-space-2); }
.onb-dock-conv { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px var(--ui-space-2); margin: 0px; padding-top: var(--ui-space-3); border-top: 1px solid var(--ui-border-subtle); font-size: var(--ui-fs-help); line-height: var(--ui-lh-snug); color: var(--ui-muted); }
.onb-dock-conv[hidden] { display: none; }
.onb-dock-conv.is-warn { color: var(--ui-ink-2); }
.onb-dock-conv.is-warn::before { margin-right: 0px; }
.onb-dock-conv.is-warn .onb-dock-conv-t { flex: 1 1 0px; min-width: 0px; }
.onb-dock-conv.is-warn .onb-dock-conv-a { flex-basis: 100%; padding-left: 16px; }
.onb-dock-conv-a { font-weight: var(--ui-fw-semibold); color: var(--ui-accent-ink); text-decoration: none; white-space: nowrap; }
.onb-dock-conv-a:hover { text-decoration: underline; }
.onb-dock-pill { display: inline-flex; align-items: center; gap: var(--ui-space-2); height: 44px; padding: 0 var(--ui-space-3); border: 1px solid var(--ui-border); border-radius: var(--ui-r-pill); background: var(--ui-bg-raised); color: var(--ui-ink); font-style: inherit; font-variant-ligatures: inherit; font-variant-caps: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-variant-position: inherit; font-variant-emoji: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); font-variant-numeric: tabular-nums; white-space: nowrap; cursor: pointer; transform-origin: left bottom; transition: border-color var(--ui-dur-1) var(--ui-ease); }
.onb-dock-pill:hover { border-color: var(--ui-ctl-line); }
.onb-dock-pill:active { transform: scale(0.98); }
.onb-dock-pill:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
.onb-dock-pill::after { content: ""; width: 14px; height: 14px; background: var(--ui-muted); mask: var(--ui-ico-chev-down) center / contain no-repeat; transform: rotate(180deg); }
.onb-drawer:focus { outline: none; }
.onb-ring { flex: 0 0 auto; width: 20px; height: 20px; overflow: visible; }
.onb-ring path { fill: none; stroke: var(--ui-fill-3); stroke-width: 2.6; stroke-linecap: round; }
.onb-ring path.is-cur { stroke: rgba(var(--ui-accent-rgb), .35); }
.onb-ring path.is-done { stroke: var(--ui-accent); }
.onb-ring path.is-new { animation: onbFade var(--ui-dur-4) var(--ui-ease-out) 200ms both; }
@media (max-width: 991.98px) {
  .onb-dock { left: var(--ui-space-3); right: var(--ui-space-3); width: auto; max-width: none; bottom: calc(var(--ui-space-3) + env(safe-area-inset-bottom, 0px)); }
  .onb-dock.is-min { right: auto; }
}
@media (min-width: 641px) and (max-width: 991.98px) {
  .onb-dock { right: auto; width: 360px; }
}
@media (max-width: 640px) {
  .onb-dock-card { gap: var(--ui-space-2); padding: var(--ui-space-3) var(--ui-space-4) var(--ui-space-4); }
  .onb-dock-tile { --ui-tile-size: 32px; }
  .onb-dock-name { font-size: var(--ui-fs-body-lg); }
}
.onb-drawer > .ui-mbody { display: flex; flex-direction: column; gap: var(--ui-space-5); padding-top: var(--ui-space-5); padding-bottom: var(--ui-space-6); }
.onb-drawer-sec { display: flex; flex-direction: column; gap: var(--ui-space-3); min-width: 0px; }
.onb-drawer-body > .onb-drawer-sec:not(:first-child) { padding-top: var(--ui-space-5); border-top: 1px solid var(--ui-border-subtle); }
.onb-drawer-path { gap: var(--ui-space-5); }
.onb-drawer-steps { gap: var(--ui-space-4); }
.onb-drawer-steps > li.is-current { flex-wrap: wrap; margin: calc(var(--ui-space-3) * -1); padding: var(--ui-space-3); border-radius: var(--ui-r-lg); background: rgba(var(--ui-accent-rgb), .05); }
.onb-drawer-steps > li.is-current > .ui-steps-txt { flex-basis: calc(100% - 36px); }
.onb-drawer-steps > li.is-current > .ui-steps-act { margin: var(--ui-space-1) 0 0 36px; }
.onb-drawer-steps > li.is-problem::before { background: rgba(var(--ui-warn-rgb), .16); color: var(--ui-warn-ink); }
.onb-drawer-steps strong { display: block; line-height: var(--ui-lh-snug); }
.onb-drawer-steps > li.is-done strong { font-weight: var(--ui-fw-medium); color: var(--ui-muted); }
.onb-drawer-st { display: flex; align-items: center; gap: 6px; margin-top: 2px; font-size: var(--ui-fs-label); line-height: var(--ui-lh-snug); color: var(--ui-muted); }
.onb-drawer-st.is-warn::before { margin-right: 0px; }
.onb-drawer-steps > li.is-current .onb-drawer-st { color: var(--ui-ink-2); }
.onb-drawer-days { margin: 0px; font-size: var(--ui-fs-body); }
.onb-drawer-trial .ui-meter-line { margin-top: -6px; }
.onb-drawer-trial .ui-note { margin: 0px; }
.onb-drawer-plans { align-self: flex-start; }
.onb-drawer-ideas .ui-choice.is-link { flex-direction: row; align-items: flex-start; gap: var(--ui-space-3); }
.onb-idea-cta { display: inline-flex; align-items: center; gap: 4px; margin-top: var(--ui-space-1); font-size: var(--ui-fs-help); font-weight: var(--ui-fw-semibold); color: var(--ui-accent-ink); }
.onb-idea-cta::after { content: ""; width: 12px; height: 12px; background: currentcolor; mask: var(--ui-ico-chev-right) center / contain no-repeat; transition: transform var(--ui-dur-1) var(--ui-ease); }
.onb-idea:hover .onb-idea-cta::after { transform: translateX(2px); }
.onb-drawer .ui-empty.is-hero.is-split.onb-drawer-plan { grid-template-columns: minmax(0px, 1fr); gap: var(--ui-space-5); padding: var(--ui-space-5) var(--ui-space-4); }
.onb-drawer-plan > .ui-empty-side { align-items: stretch; }
.onb-drawer-plan > .ui-empty-main { gap: var(--ui-space-3); }
.onb-drawer .ui-empty.is-hero.is-split.onb-drawer-plan .ui-empty-t { font-size: var(--ui-fs-modal); }
.onb-drawer .ui-empty.is-hero.is-split.onb-drawer-plan .ui-empty-main > p { font-size: var(--ui-fs-body); }
.onb-drawer-plan .ui-empty-actions { flex-wrap: wrap; gap: var(--ui-space-3); margin-top: var(--ui-space-1); }
.onb-plan-points { display: grid; gap: var(--ui-space-2); margin: 0px; padding: 0px; list-style: none; font-size: var(--ui-fs-label); line-height: var(--ui-lh-snug); color: var(--ui-ink-2); }
.onb-plan-points > li { display: flex; align-items: flex-start; gap: var(--ui-space-2); }
.onb-plan-price { font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); font-variant-numeric: tabular-nums; color: var(--ui-muted); }
.onb-plan-sample { --ui-sample-opacity: 1; }
.onb-plan-sample .ui-sample-body { filter: none; border: 1px solid var(--ui-border-subtle); border-radius: var(--ui-r-lg); background: var(--ui-bg-card); }
.onb-plan-flow .ui-flow-cols { --ui-flow-gap: 28px; grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; padding: var(--ui-space-4) var(--ui-space-3); }
.onb-plan-flow .ui-flow-col { align-items: center; }
.onb-plan-flow .ui-flow-node { min-height: 0px; padding: var(--ui-space-2) var(--ui-space-3); }
.onb-plan-flow .ui-flow-node:not(:has(.ui-flow-txt)) { grid-template-columns: auto; grid-template-areas: "m"; padding: 5px; }
.onb-plan-flow .ui-flow-media { margin-right: 0px; }
.onb-plan-chats { margin: 0px; padding: var(--ui-space-1) var(--ui-space-3); list-style: none; }
.onb-plan-chats .ui-list-item { gap: var(--ui-space-3); }
@media (max-width: 760px) {
  .onb-plan-flow .ui-flow-cols { grid-template-columns: minmax(0px, 1fr); }
  .onb-plan-flow .ui-flow-col { flex-flow: wrap; }
}
@media (max-width: 640px) {
  .ui-drawer.onb-drawer { top: auto; left: 0px; right: 0px; width: 100%; height: min(92dvh, 760px); border-left: 0px; border-top: 1px solid var(--ui-line); border-radius: var(--ui-r-2xl) var(--ui-r-2xl) 0 0; transform: translateY(100%); }
  .ui-drawer.onb-drawer.is-open { transform: none; }
  .onb-drawer > .ui-mfoot { padding-bottom: calc(14px + env(safe-area-inset-bottom, 0px)); }
  .onb-drawer > .ui-mfoot > .ui-btn { flex: 1 1 0px; }
}
.onb-cel { position: fixed; left: var(--ui-space-4); bottom: var(--ui-space-4); z-index: 37; display: flex; align-items: flex-start; gap: var(--ui-space-3); width: 320px; max-width: calc(-32px + 100vw); padding: var(--ui-space-4); border: 1px solid rgba(var(--ui-ok-rgb), .35); border-radius: var(--ui-r-xl); background: var(--ui-bg-raised); color: var(--ui-ink); animation: onbCelIn 300ms var(--ui-ease-out) both; }
.onb-cel:focus { outline: none; }
.onb-cel.is-leaving { animation: onbCelOut 180ms var(--ui-ease-in) both; }
.ui-wizard-done-mark.onb-cel-mark { flex: 0 0 auto; width: 36px; height: 36px; margin: 0px; }
.ui-wizard-done-mark.onb-cel-mark::before { width: 18px; height: 18px; mask-size: 18px auto; }
.onb-cel-body { flex: 1 1 auto; min-width: 0px; padding-top: 1px; }
.onb-cel-title { margin: 0px; font-size: var(--ui-fs-title); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-snug); color: var(--ui-ink); }
.onb-cel-text { margin: 2px 0px 0px; font-size: var(--ui-fs-label); line-height: var(--ui-lh-body); color: var(--ui-ink-2); }
.onb-cel-cta { margin-top: var(--ui-space-3); }
.onb-cel-x { flex: 0 0 auto; margin: -6px -6px 0px 0px; }
@media (min-width: 992px) {
  .onb-cel { left: calc(var(--onb-left, var(--cls-side-w, 248px)) + var(--ui-space-4)); }
}
@media (max-width: 760px) {
  .onb-cel { right: var(--ui-space-3); left: var(--ui-space-3); bottom: calc(var(--ui-space-3) + env(safe-area-inset-bottom)); width: auto; }
  .onb-cel-x { min-width: 44px; min-height: 44px; margin: -10px -10px 0px 0px; }
}
@keyframes onbCelIn { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: none; }
}
@keyframes onbCelOut { 
  0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translateY(6px); }
}
.onb-cel-head { position: relative; padding-bottom: 0px; justify-content: flex-end; }
.onb-cel-mbody { padding-top: 0px; }
.onb-cel-hero { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 var(--ui-space-4); }
.ui-wizard-done-mark.onb-cel-bigmark { width: 56px; height: 56px; margin: 0 0 var(--ui-space-4); }
.onb-cel-big { margin: 0px; font-size: var(--ui-fs-h2); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); text-wrap: balance; }
.onb-cel-since { display: inline-flex; align-items: center; gap: 6px; margin: var(--ui-space-3) 0 0; padding: 4px 12px; border-radius: var(--ui-r-pill); background: rgba(var(--ui-ok-rgb), .12); color: var(--ui-ok-ink); font-size: var(--ui-fs-label); font-weight: var(--ui-fw-medium); font-variant-numeric: tabular-nums; }
.onb-cel-since svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); }
.onb-cel-grid { display: grid; grid-template-columns: minmax(0px, 1fr); justify-items: center; gap: var(--ui-space-5); margin-top: var(--ui-space-6); }
.onb-cel-grid:has(> .onb-cel-plan:not([hidden])) { grid-template-columns: minmax(0px, 1.1fr) minmax(0px, 1fr); place-items: center stretch; }
.onb-cel-pv { width: 100%; max-width: 400px; }
.onb-cel-pv[hidden] { display: none; }
.ui-wa-chat.onb-cel-chat { padding: var(--ui-space-3) var(--ui-space-4) var(--ui-space-4); gap: 8px; border: 1px solid var(--ui-line); }
.onb-cel-chat-head { display: flex; align-items: center; gap: var(--ui-space-2); min-width: 0px; padding-bottom: 2px; color: var(--ui-wa-text); }
.ui-tile.onb-cel-chat-av { background: rgba(17, 27, 33, 0.08); color: var(--ui-wa-meta); }
.onb-cel-chat-name { min-width: 0px; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-wa-bubble.onb-cel-bubble { max-width: 82%; font-size: var(--ui-fs-label); }
.onb-cel-media[hidden] { display: none; }
.onb-cel-otitle { font-weight: var(--ui-fw-semibold); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.onb-cel-oprice { margin-top: 2px; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); color: var(--ui-wa-text); }
.onb-cel-media { aspect-ratio: 16 / 10; }
.onb-cel-oprice[hidden] { display: none; }
.onb-cel-pv:not([hidden]) .onb-cel-bubble { animation: onbCelMsg 300ms 200ms var(--ui-ease-out) both; }
.onb-cel-plan { align-self: stretch; display: flex; flex-direction: column; justify-content: center; padding: var(--ui-space-5); border-radius: var(--ui-r-lg); background: var(--ui-fill-1); }
.onb-cel-plan[hidden] { display: none; }
.onb-cel-plan-t { display: flex; align-items: flex-start; gap: var(--ui-space-2); margin: 0px; font-size: var(--ui-fs-body); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-snug); color: var(--ui-ink); }
.onb-cel-plan-t svg { width: var(--ui-ic-sm); height: var(--ui-ic-sm); flex: 0 0 auto; margin-top: 2px; color: var(--ui-accent-ink); }
.onb-cel-points { gap: var(--ui-space-2); margin-top: var(--ui-space-3); padding-left: 24px; font-size: var(--ui-fs-label); }
.onb-cel-points[hidden] { display: none; }
.onb-cel-foot .ui-btn { min-width: 160px; justify-content: center; }
@media (max-width: 640px) {
  .onb-cel-grid:has(> .onb-cel-plan:not([hidden])) { grid-template-columns: minmax(0px, 1fr); }
  .onb-cel-pv { margin: 0px auto; }
}
@media (max-width: 560px) {
  .onb-cel-big { font-size: var(--ui-fs-modal); }
  .ui-wizard-done-mark.onb-cel-bigmark { width: 44px; height: 44px; margin-bottom: var(--ui-space-3); }
  .onb-cel-grid { margin-top: var(--ui-space-4); gap: var(--ui-space-4); }
  .onb-cel-media { aspect-ratio: 2 / 1; }
  .onb-cel-plan { padding: var(--ui-space-4); }
  .onb-cel-foot { flex-direction: column-reverse; align-items: stretch; }
  .onb-cel-foot .ui-btn { width: 100%; min-width: 0px; min-height: 44px; }
}
.ui-spot.onb-home { grid-template-columns: minmax(0px, 1fr) minmax(240px, 300px); grid-template-areas: "main aside" "steps steps"; align-items: center; gap: var(--ui-space-6) var(--ui-space-8); margin-bottom: var(--ui-space-5); padding: var(--ui-space-8); }
.onb-home-main { grid-area: main; min-width: 0px; display: flex; flex-direction: column; align-items: flex-start; }
.onb-home-over { margin: 0px; color: var(--ui-accent-ink); }
.onb-home-title { margin: var(--ui-space-2) 0 0; font-size: var(--ui-fs-h2); font-weight: var(--ui-fw-semibold); line-height: var(--ui-lh-tight); letter-spacing: var(--ui-ls-title); color: var(--ui-ink); }
.onb-home-text { display: flex; align-items: center; gap: var(--ui-space-2); margin: var(--ui-space-2) 0 0; font-size: var(--ui-fs-body-lg); line-height: var(--ui-lh-body); color: var(--ui-ink-2); }
.onb-home-text.is-warn { color: var(--ui-warn-ink); font-weight: var(--ui-fw-medium); }
.onb-home-dot { flex: 0 0 auto; width: 8px; height: 8px; border-radius: 50%; background: var(--ui-warn); }
.onb-home-wait { width: 100%; max-width: 420px; margin-top: var(--ui-space-3); }
.onb-home-actions { margin-top: var(--ui-space-6); }
.onb-home-aside { grid-area: aside; min-width: 0px; }
.ui-wa-chat.onb-home-chat { gap: 6px; padding: var(--ui-space-3) var(--ui-space-4) var(--ui-space-4); border: 1px solid var(--ui-line); }
.onb-home-chat-head { display: flex; align-items: center; gap: var(--ui-space-2); min-width: 0px; color: var(--ui-wa-text); }
.onb-home-chat-head .ui-tile { background: rgba(17, 27, 33, 0.08); color: var(--ui-wa-meta); }
.onb-home-chat-name { min-width: 0px; font-size: var(--ui-fs-label); font-weight: var(--ui-fw-semibold); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ui-wa-bubble.onb-home-offer { max-width: 88%; }
.onb-home-chat .ui-wa-bubble-media { aspect-ratio: 16 / 10; }
.ui-steps.is-inline.onb-home-steps { grid-area: steps; padding-top: var(--ui-space-5); border-top: 1px solid var(--ui-line); }
.onb-home-steps > li.is-current { font-weight: var(--ui-fw-medium); }
.onb-home-nums { margin: 0px; }
.onb-home-nums > summary { list-style: none; }
.onb-home-nums > summary::-webkit-details-marker { display: none; }
.onb-home-nums-sum { display: inline-flex; margin-bottom: var(--ui-space-4); }
.onb-home-nums-sum svg { transition: transform var(--ui-dur-2) var(--ui-ease); }
.onb-home-nums[open] > .onb-home-nums-sum svg { transform: rotate(180deg); }
.dsh:has(.onb-home-nums:not([open])) .dsh-period { display: none; }
@media (max-width: 900px) {
  .ui-spot.onb-home { grid-template-columns: minmax(0px, 1fr); grid-template-areas: "main" "steps" "aside"; padding: var(--ui-space-5); gap: var(--ui-space-5); }
  .ui-steps.is-inline.onb-home-steps { justify-content: flex-start; }
  .onb-home-aside { width: 100%; max-width: 360px; }
}
@media (max-width: 760px) {
  .ui-spot.onb-home { padding: var(--ui-space-4); }
  .onb-home-title { font-size: var(--ui-fs-modal); }
  .onb-home-text { font-size: var(--ui-fs-body); }
  .onb-home-actions { align-self: stretch; }
  .onb-home-actions > .ui-btn { width: 100%; justify-content: center; }
  .onb-home-aside { max-width: none; }
  .ui-steps.is-inline.onb-home-steps { flex-direction: column; align-items: flex-start; width: auto; margin: 0px; }
  .onb-home-chat .ui-wa-bubble-media { aspect-ratio: 2 / 1; }
  .onb-home-nums-sum { width: 100%; justify-content: center; }
}
@keyframes onbCelMsg { 
  0% { opacity: 0; transform: translateY(6px) scale(0.96); }
  100% { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .onb-cel, .onb-cel.is-leaving, .onb-cel-pv:not([hidden]) .onb-cel-bubble { animation: auto ease 0s 1 normal none running none; }
  .onb-home-nums-sum svg { transition: none; transform: none; }
}
@keyframes onbRise { 
  0% { opacity: 0; transform: translateY(12px); }
}
@keyframes onbPop { 
  0% { opacity: 0; transform: translateY(6px) scale(0.97); }
}
@keyframes onbStepIn { 
  0% { opacity: 0; transform: translateY(8px); }
}
@keyframes onbLeave { 
  100% { opacity: 0; transform: translateY(12px); }
}
@keyframes onbFade { 
  0% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .onb-dock, .onb-dock *, .onb-dock ::after, .onb-idea-cta::after { animation: auto ease 0s 1 normal none running none; transition: none; }
  .onb-dock.is-yield, .onb-dock-pill:active, .onb-idea:hover .onb-idea-cta::after { transform: none; }
  .onb-dock.is-leave { opacity: 0; }
}
.onb-dock-help { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; min-height: 32px; font-size: var(--ui-fs-help); font-weight: var(--ui-fw-medium); color: var(--ui-accent-ink); text-decoration: none; border-radius: var(--ui-r-sm); }
.onb-dock-help:hover { text-decoration: underline; }
.onb-dock-help:focus-visible { outline: 2px solid var(--ui-focus); outline-offset: 2px; }
:root[data-palette="calm"] { --pal-primary: #A35628; --pal-primary-rgb: 163, 86, 40; --pal-primary-hover: #8F4B23; --pal-primary-active: #7D411E; --pal-primary-soft: #FCF3EC; --pal-on-primary: #FFFFFF; --pal-danger: #AC3F3A; --pal-danger-rgb: 172, 63, 58; --pal-danger-soft: #FBEDEC; --pal-warning: #8A5A12; --pal-warning-rgb: 138, 90, 18; --pal-warning-soft: #FBF2E0; --pal-success: #36724F; --pal-success-rgb: 54, 114, 79; --pal-success-soft: #EAF4EE; --pal-info: #3C6A8E; --pal-info-rgb: 60, 106, 142; --pal-info-soft: #E9F0F7; --ui-danger: #AC3F3A; --ui-danger-rgb: 172, 63, 58; --ui-danger-soft: #FBEDEC; --ui-warn: #8A5A12; --ui-warn-rgb: 138, 90, 18; --ui-warn-soft: #FBF2E0; --ui-ok: #36724F; --ui-ok-rgb: 54, 114, 79; --ui-ok-soft: #EAF4EE; --ui-info: #3C6A8E; --ui-info-rgb: 60, 106, 142; --ui-info-soft: #E9F0F7; --ui-on-primary: #FFFFFF; --ui-on-danger: #FFFFFF; --ui-on-success: #FFFFFF; --ui-on-warn: #FFFFFF; --ui-on-warning: #FFFFFF; --ui-on-info: #FFFFFF; --ui-danger-dark: #AC3F3A; --ui-danger-dark-rgb: 172, 63, 58; --ui-error: #AC3F3A; --ui-error-rgb: 172, 63, 58; --ui-error-ink: #8F332F; --ui-primary-ink: #8F4B23; --dsh-up: #36724F; --dsh-down: #AC3F3A; }
:root[data-palette="calm"]:not([data-brand="custom"]) { --primary: #A35628; --primary-rgb: 163, 86, 40; --primary-hover: #8F4B23; --primary-subtle: #FCF3EC; --ui-primary-hover: #8F4B23; --ui-primary-active: #7D411E; --ui-primary-soft: #FCF3EC; }
:root[data-palette="calm"][data-theme="dark"] { --pal-bg: #161412; --pal-bg-rgb: 22, 20, 18; --pal-card: #1E1B18; --pal-card-elevated: #26231F; --pal-border: #3A342E; --pal-text: #E7DFD5; --pal-text-secondary: #A69C91; --pal-primary: #E4A57A; --pal-primary-rgb: 228, 165, 122; --pal-primary-hover: #EDB78F; --pal-primary-active: #D8966A; --pal-primary-soft: #33271E; --pal-on-primary: #231912; --pal-danger: #E8958C; --pal-danger-rgb: 232, 149, 140; --pal-danger-soft: #3A2220; --pal-warning: #E3BD72; --pal-warning-rgb: 227, 189, 114; --pal-warning-soft: #352B19; --pal-success: #8DC4A0; --pal-success-rgb: 141, 196, 160; --pal-success-soft: #1F2E25; --pal-info: #93B8D6; --pal-info-rgb: 147, 184, 214; --pal-info-soft: #1E2933; --ui-danger: #E8958C; --ui-danger-rgb: 232, 149, 140; --ui-danger-soft: #3A2220; --ui-warn: #E3BD72; --ui-warn-rgb: 227, 189, 114; --ui-warn-soft: #352B19; --ui-ok: #8DC4A0; --ui-ok-rgb: 141, 196, 160; --ui-ok-soft: #1F2E25; --ui-info: #93B8D6; --ui-info-rgb: 147, 184, 214; --ui-info-soft: #1E2933; --ui-on-danger: #231912; --ui-on-success: #231912; --ui-on-warn: #231912; --ui-on-warning: #231912; --ui-on-info: #231912; --ui-danger-dark: #E8958C; --ui-danger-dark-rgb: 232, 149, 140; --ui-error: #E8958C; --ui-error-rgb: 232, 149, 140; --ui-error-ink: #E8958C; --ui-primary-ink: #E4A57A; --dsh-up: #8DC4A0; --dsh-down: #E8958C; --body-bg: #161412; --dsh-page-bg: #161412; --apd-page-bg: #161412; --apt-page-bg: #161412; --cag-page-bg: #161412; --dev-page-bg: #161412; --ig-page-bg: #161412; --iga-page-bg: #161412; --igb-page-bg: #161412; --igbc-page-bg: #161412; --igbr-page-bg: #161412; --igc-page-bg: #161412; --igw-page-bg: #161412; --igx-page-bg: #161412; --inb-page-bg: #161412; --int-page-bg: #161412; --sc-page-bg: #161412; --wm-page-bg: #161412; --cls-rail-bg: #181613; --cls-bg: #1B1916; --cls-panel-bg: #1B1916; --cls-header-bg: #1B1916; --ui-card-bg: #1E1B18; --dsh-card-bg: #1E1B18; --ui-surface: #26231F; --dsh-surface-2: #26231F; --ui-field-bg: #191714; --ui-toast-bg: rgba(30, 27, 24, 0.72); --wa-app-bg: #161412; --wa-mobile-pane-bg: #161412; --wa-panel-bg-2: #26231F; --wa-foot-bg: #1B1916; --wa-menu-bg: #26231F; --ui-ink: #E7DFD5; --cls-ink: #E7DFD5; --dsh-ink: #E7DFD5; --ui-ink-2: #CBC2B7; --cls-ink-2: #B3A99E; --dsh-ink-2: #CBC2B7; --ui-muted: #A69C91; --dsh-muted: #A69C91; --cls-muted: #8C8278; --ui-muted-2: #7A7067; --ui-border: #3A342E; --ui-input-border: #6B6157; --ui-field-line: #6B6157; }
:root[data-palette="calm"][data-theme="dark"]:not([data-brand="custom"]) { --primary: #E4A57A; --primary-rgb: 228, 165, 122; --primary-hover: #EDB78F; --primary-subtle: #33271E; --ui-primary-hover: #EDB78F; --ui-primary-active: #D8966A; --ui-primary-soft: #33271E; --ui-on-primary: #231912; --cls-on-accent: #231912; }
:root[data-palette="calm"][data-theme="dark"] .cls-shell .cl-main, :root[data-palette="calm"][data-theme="dark"] .cls-shell .cl-main-inner { background: var(--body-bg); }
:root[data-palette="calm"]:not([data-brand="custom"]) .av-s0 { stop-color: var(--primary); }
:root[data-palette="calm"]:not([data-brand="custom"]) .av-s1 { stop-color: var(--primary-hover); }
:root[data-palette="calm"] .av-ini { fill: var(--ui-on-primary, #fff); }
:root[data-palette="calm"] { --ui-av-0: #3F7A72; --ui-av-1: #9C6243; --ui-av-2: #557694; --ui-av-3: #A0584F; --ui-av-4: #6E6A8F; --ui-av-5: #8E5E6B; --ui-av-6: #4F7A5F; --ui-av-7: #8A6A2E; --ui-av-8: #5E6A92; --ui-av-9: #4F7A5F; --ui-av-10: #A0584F; --ui-av-11: #557694; }
:root[data-palette="calm"][data-theme="dark"] { --wa-sent-bg: #4A3426; --wa-sent-ink: #F1E6DA; --wa-recv-bg: #26231F; --wa-recv-ink: #E7DFD5; --wa-soft: #26231F; --wa-ink-strong: #EFE8DF; --wa-track: #3A342E; --wa-indigo: #93B8D6; --wa-indigo-2: #7FA3C2; }
:root[data-palette="calm"][data-theme="dark"] .wa-msg-sent { border: 1px solid rgba(228, 165, 122, 0.28); }
:root[data-palette="calm"][data-theme="dark"] .wa-msg-sent .wa-msg-time { color: rgb(201, 179, 161); }
:root[data-palette="calm"][data-theme="dark"] .wa-msg-received .wa-msg-time { color: rgb(166, 156, 145); }
:root[data-palette="calm"] { --fb-cat-trigger: #3A342E; --fb-cat-trigger-rgb: 58, 52, 46; --fb-cat-message: #36724F; --fb-cat-message-rgb: 54, 114, 79; --fb-cat-ask: #3C6A8E; --fb-cat-ask-rgb: 60, 106, 142; --fb-cat-logic: #8A5A12; --fb-cat-logic-rgb: 138, 90, 18; --fb-cat-action: #685C8E; --fb-cat-action-rgb: 104, 92, 142; }
:root[data-palette="calm"][data-theme="dark"] { --fb-cat-trigger: #E7DFD5; --fb-cat-trigger-rgb: 231, 223, 213; --fb-cat-message: #8DC4A0; --fb-cat-message-rgb: 141, 196, 160; --fb-cat-ask: #93B8D6; --fb-cat-ask-rgb: 147, 184, 214; --fb-cat-logic: #E3BD72; --fb-cat-logic-rgb: 227, 189, 114; --fb-cat-action: #B3A6D3; --fb-cat-action-rgb: 179, 166, 211; }
:root[data-palette="calm"] [style*="background:var(--wa-accent)"][style*="color:#fff"], :root[data-palette="calm"] [style*="background: var(--wa-accent)"][style*="color: #fff"], :root[data-palette="calm"] [style*="background:var(--primary)"][style*="color:#fff"], :root[data-palette="calm"] [style*="background:var(--wa-accent)"][style*="color:#fff"] [style*="color:#fff"] { color: var(--ui-on-primary, #fff) !important; }
:root[data-palette="calm"] .wa-cp-meeting-card { background: var(--wa-panel-bg-2); color: var(--wa-ink); }
:root[data-palette="calm"] .wa-cp-meeting-card:hover { background: var(--wa-hover-2); }
:root[data-palette="calm"] .wa-cp-meeting-card .dropdown-menu { background: var(--wa-menu-bg) !important; border: 1px solid var(--wa-line) !important; box-shadow: none !important; }
:root[data-palette="calm"] .wa-cp-meeting-card .dropdown-item { color: var(--wa-ink) !important; background: transparent !important; }
:root[data-palette="calm"] .wa-cp-meeting-card .dropdown-item:hover, :root[data-palette="calm"] .wa-cp-meeting-card .dropdown-item:focus { background: var(--wa-hover-2) !important; color: var(--wa-ink) !important; }
:root[data-palette="calm"] .wa-cp-meeting-card .dropdown-item[onclick^="cpCancelMeeting"] { color: var(--ui-danger) !important; }
:root[data-palette="calm"] .wa-cp-meeting-card .dropdown-item[onclick^="cpCancelMeeting"]:hover, :root[data-palette="calm"] .wa-cp-meeting-card .dropdown-item[onclick^="cpCancelMeeting"]:focus { background: var(--ui-danger-soft) !important; color: var(--ui-danger) !important; }
:root[data-palette="calm"] .wa-mobile-sheet-icon[style*="--primary-rgb"] { background: rgba(var(--primary-rgb), .14) !important; color: var(--primary) !important; }
:root[data-palette="calm"] .wa-mobile-sheet-icon[style*="#6366F1"], :root[data-palette="calm"] .wa-mobile-sheet-icon[style*="#8b5cf6"] { background: var(--pal-info-soft) !important; color: var(--pal-info) !important; }
:root[data-palette="calm"] .wa-mobile-sheet-icon[style*="#14b8a6"], :root[data-palette="calm"] .wa-mobile-sheet-icon[style*="#5DA399"] { background: var(--pal-success-soft) !important; color: var(--pal-success) !important; }
:root[data-palette="calm"] .wa-mobile-sheet-icon[style*="#ef4444"] { background: var(--pal-warning-soft) !important; color: var(--pal-warning) !important; }