/* Color-only override. Original layout, media, typography and animation rules stay in their source stylesheets. */
:root {
  --bg-canvas: #090A0F;
  --bg-surface: #12151E;
  --bg-elevated: #1B202E;
  --bg-glass: rgba(18, 21, 30, 0.80);
  --brand-primary: #F59E0B;
  --brand-primary-hover: #D97706;
  --brand-accent: #06B6D4;
  --brand-gradient: linear-gradient(135deg, #F59E0B 0%, #FB7185 100%);
  --brand-glow: 0 0 28px rgba(245, 158, 11, 0.32);
  --text-primary: #F8FAFC;
  --text-secondary: #94A3B8;
  --text-muted: #64748B;
  --text-on-brand: #090A0F;
  --border-subtle: rgba(255, 255, 255, 0.08);
  --status-success: #10B981;
  --status-processing: #F59E0B;
  --status-warning: #F97316;
  --status-error: #EF4444;
  --bg-canvas-rgb: 9, 10, 15;
  --bg-surface-rgb: 18, 21, 30;
  --bg-elevated-rgb: 27, 32, 46;
  --brand-primary-rgb: 245, 158, 11;
  --brand-accent-rgb: 6, 182, 212;
  --brand-coral-rgb: 251, 113, 133;
  --text-primary-rgb: 248, 250, 252;
  --text-secondary-rgb: 148, 163, 184;
  --text-muted-rgb: 100, 116, 139;
  --status-success-rgb: 16, 185, 129;
  --status-warning-rgb: 249, 115, 22;
  --status-error-rgb: 239, 68, 68;
}
:root.dark {
  --background: 230.0000 25.0000% 4.7059%;
  --foreground: 210.0000 40.0000% 98.0392%;
  --card: 225.0000 25.0000% 9.4118%;
  --card-foreground: 210.0000 40.0000% 98.0392%;
  --popover: 224.2105 26.0274% 14.3137%;
  --popover-foreground: 210.0000 40.0000% 98.0392%;
  --primary: 37.6923 92.1260% 50.1961%;
  --primary-foreground: 230.0000 25.0000% 4.7059%;
  --secondary: 224.2105 26.0274% 14.3137%;
  --secondary-foreground: 210.0000 40.0000% 98.0392%;
  --muted: 225.0000 25.0000% 9.4118%;
  --muted-foreground: 215.0000 20.2247% 65.0980%;
  --accent: 224.2105 26.0274% 14.3137%;
  --accent-foreground: 210.0000 40.0000% 98.0392%;
  --destructive: 0.0000 84.2365% 60.1961%;
  --destructive-foreground: 210.0000 40.0000% 98.0392%;
  --border: 225.0000 13.9535% 16.8627%;
  --input: 225.0000 13.9535% 16.8627%;
  --ring: 188.7379 94.4954% 42.7451%;
  --replica-panel: var(--bg-elevated);
  --replica-text: var(--text-primary);
  --replica-muted: var(--text-secondary);
  --replica-line: var(--border-subtle);
  --surface-alpha-strong: var(--bg-glass);
  --docs-accent: var(--brand-accent);
  --docs-accent-strong: var(--brand-accent);
  --docs-primary: var(--brand-primary);
  --docs-primary-fg: var(--text-on-brand);
  --docs-surface: var(--bg-surface);
  --docs-border: var(--border-subtle);
  --docs-chip: var(--bg-elevated);
  --docs-code-bg: var(--bg-canvas);
  --docs-code-fg: var(--text-primary);
  --docs-code-dim: var(--text-secondary);
  --docs-code-tab: var(--bg-elevated);
  --docs-code-key: var(--brand-accent);
  --docs-code-keyword: var(--brand-primary);
  --docs-accent-soft: rgba(var(--brand-accent-rgb),.12);
  --docs-accent-border: rgba(var(--brand-accent-rgb),.28);
  --docs-ok: var(--status-success);
  --docs-info: var(--brand-accent);
  --docs-warn: var(--status-warning);
  --docs-bad: var(--status-error);
  --docs-code-border: var(--border-subtle);
  --docs-code-string: var(--status-success);
  --docs-code-literal: var(--brand-primary);
  --docs-code-punct: var(--text-secondary);
  --docs-code-comment: var(--text-muted);
  --stop-color: var(--bg-canvas);
}

/* Recolored paint declarations from the existing styles. No layout declarations. */
:root.dark .prismjs { background-image: linear-gradient(0deg, rgba(var(--text-primary-rgb), 0.3) 0px, rgba(var(--text-primary-rgb), 0.1)) !important; }
:root.dark .token.class-name,
:root.dark .token.function,
:root.dark .token.selector,
:root.dark .token.selector .class,
:root.dark .token.selector.class,
:root.dark .token.tag { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .token.attr-name,
:root.dark .token.important,
:root.dark .token.keyword,
:root.dark .token.module,
:root.dark .token.pseudo-class,
:root.dark .token.rule { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .token.attr-value,
:root.dark .token.attr-value *,
:root.dark .token.class,
:root.dark .token.property,
:root.dark .token.string { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .language-css .token.function,
:root.dark .token.unit { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .token.attr-equals,
:root.dark .token.attr-value .attr-equals,
:root.dark .token.attr-value .attr-equals + .punctuation,
:root.dark .token.attr-value > .punctuation:last-child,
:root.dark .token.punctuation { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .token.combinator,
:root.dark .token.comment,
:root.dark .token.operator { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .token.inserted { background-color: rgba(var(--brand-accent-rgb), 0.15) !important; }
:root.dark .token.inserted::before { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .token.deleted { background-color: rgba(var(--brand-coral-rgb), 0.15) !important; }
:root.dark .token.deleted::before { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark span.code-highlight.bg-code-highlight:has(> span[title*="­"]) { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; background-color: rgba(var(--brand-coral-rgb), 0.1) !important; }
:root.dark .seedance-video-page .border-\[\#aae9ba\] { border-top-color: rgba(var(--status-success-rgb), 0.62) !important; border-right-color: rgba(var(--status-success-rgb), 0.62) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.62) !important; border-left-color: rgba(var(--status-success-rgb), 0.62) !important; }
:root.dark .seedance-video-page .border-\[\#aae9ba\] { border-top-color: rgba(var(--status-success-rgb), 0.48) !important; border-right-color: rgba(var(--status-success-rgb), 0.48) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.48) !important; border-left-color: rgba(var(--status-success-rgb), 0.48) !important; }
:root.dark .seedance-prompt-card { box-shadow: rgba(var(--text-primary-rgb), 0.12) 0px 1px 0px inset, rgba(var(--brand-primary-rgb), 0.18) 0px 0px 0px 1px inset, rgba(var(--bg-canvas-rgb), 0.34) 0px 8px 22px !important; }
:root.dark .seedance-prompt-card:focus-within,
:root.dark .seedance-prompt-card:hover,
:root.dark .seedance-prompt-card[data-selected="true"] { box-shadow: rgba(var(--text-primary-rgb), 0.16) 0px 1px 0px inset, rgba(var(--brand-primary-rgb), 0.5) 0px 0px 0px 1px inset, rgba(var(--brand-primary-rgb), 0.34) 0px 12px 28px !important; }
:root.dark .seedance-prompt-card-title-scrim { background-image: linear-gradient(transparent 0px, rgba(var(--bg-canvas-rgb), 0.18) 28%, rgba(var(--bg-canvas-rgb), 0.86)) !important; }
:root.dark .seedance-prompt-card-title { color: var(--text-primary) !important; text-shadow: rgba(var(--bg-canvas-rgb), 0.78) 0px 2px 8px !important; }
:root.dark .seedance-prompt-card-overlay { color: var(--text-primary) !important; background-color: rgba(var(--bg-elevated-rgb), 0.7) !important; background-image: linear-gradient(rgba(var(--text-primary-rgb), 0.14), rgba(var(--text-primary-rgb), 0.06)), initial !important; border-top-color: rgba(var(--brand-primary-rgb), 0.34) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.34) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.34) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.34) !important; box-shadow: rgba(var(--text-primary-rgb), 0.24) 0px 1px 0px inset, rgba(var(--text-primary-rgb), 0.08) 0px -1px 0px inset, rgba(var(--bg-canvas-rgb), 0.24) 0px 14px 34px, rgba(var(--brand-primary-rgb), 0.12) 0px 0px 0px 1px !important; }
:root.dark .seedance-prompt-card-like,
:root.dark .seedance-prompt-card-share { color: var(--text-primary) !important; background-color: rgba(var(--brand-primary-rgb), 0.38) !important; border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .seedance-prompt-card-share:focus-visible,
:root.dark .seedance-prompt-card-share:hover { color: var(--text-primary) !important; background-color: rgba(var(--brand-primary-rgb), 0.94) !important; }
:root.dark .seedance-prompt-card-divider { background-image: linear-gradient(transparent, rgba(var(--brand-primary-rgb), 0.34), transparent) !important; }
:root.dark .seedance-prompt-card-try { color: var(--text-primary) !important; background-image: linear-gradient(135deg, var(--brand-primary), #FB7185) !important; border-top-color: rgba(255, 255, 255, 0.0272) !important; border-right-color: rgba(255, 255, 255, 0.0272) !important; border-bottom-color: rgba(255, 255, 255, 0.0272) !important; border-left-color: rgba(255, 255, 255, 0.0272) !important; box-shadow: rgba(var(--text-primary-rgb), 0.28) 0px 1px 0px inset, rgba(var(--brand-primary-rgb), 0.24) 0px 10px 24px !important; }
:root.dark .seedance-prompt-card-body { background-color: var(--bg-surface) !important; }
:root.dark .seedance-prompt-card-body p { color: var(--text-primary) !important; }
:root.dark .seedance-prompt-preview { background-color: var(--bg-surface) !important; border-top-color: rgba(var(--status-success-rgb), 0.62) !important; border-right-color: rgba(var(--status-success-rgb), 0.62) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.62) !important; border-left-color: rgba(var(--status-success-rgb), 0.62) !important; }
:root.dark .seedance-prompt-preview { background-color: var(--bg-surface) !important; border-top-color: rgba(var(--status-success-rgb), 0.48) !important; border-right-color: rgba(var(--status-success-rgb), 0.48) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.48) !important; border-left-color: rgba(var(--status-success-rgb), 0.48) !important; }
:root.dark .seedance-prompt-preview-header { color: var(--status-success) !important; background-color: var(--status-success) !important; }
:root.dark .seedance-prompt-preview-body { color: var(--text-primary) !important; background-color: var(--bg-surface) !important; }
:root.dark .seedance-prompt-card:focus-within .seedance-prompt-preview-body,
:root.dark .seedance-prompt-card:hover .seedance-prompt-preview-body,
:root.dark .seedance-prompt-card[data-selected="true"] .seedance-prompt-preview-body { background-color: var(--brand-primary) !important; }
:root.dark .seedance-prompt-card:focus-within .seedance-prompt-preview-body,
:root.dark .seedance-prompt-card:hover .seedance-prompt-preview-body,
:root.dark .seedance-prompt-card[data-selected="true"] .seedance-prompt-preview-body { background-color: var(--bg-surface) !important; }
:root.dark .seedance-card-try { color: var(--text-primary) !important; background-image: linear-gradient(135deg, var(--status-success), var(--brand-accent)) !important; border-top-color: rgba(var(--status-success-rgb), 0.38) !important; border-right-color: rgba(var(--status-success-rgb), 0.38) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.38) !important; border-left-color: rgba(var(--status-success-rgb), 0.38) !important; box-shadow: rgba(var(--status-success-rgb), 0.16) 0px 10px 22px !important; }
:root.dark .seedance-card-try--active { box-shadow: rgba(var(--status-success-rgb), 0.16) 0px 10px 22px !important; }
:root.dark .seedance-card-try--active,
:root.dark .seedance-card-try:active { color: var(--text-primary) !important; background-image: linear-gradient(135deg, var(--status-success), var(--brand-accent)) !important; border-top-color: rgba(var(--status-success-rgb), 0.38) !important; border-right-color: rgba(var(--status-success-rgb), 0.38) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.38) !important; border-left-color: rgba(var(--status-success-rgb), 0.38) !important; }
:root.dark .seedance-card-try,
:root.dark .seedance-card-try--active,
:root.dark .seedance-card-try:active { color: var(--text-primary) !important; background-image: linear-gradient(135deg, var(--status-success), var(--brand-accent)) !important; border-top-color: rgba(var(--status-success-rgb), 0.72) !important; border-right-color: rgba(var(--status-success-rgb), 0.72) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.72) !important; border-left-color: rgba(var(--status-success-rgb), 0.72) !important; box-shadow: rgba(var(--text-primary-rgb), 0.08) 0px 0px 0px 1px inset, rgba(var(--status-success-rgb), 0.2) 0px 12px 28px !important; }
:root.dark .seedance-card-share { color: var(--text-primary) !important; background-color: var(--bg-surface) !important; border-top-color: rgba(var(--status-success-rgb), 0.72) !important; border-right-color: rgba(var(--status-success-rgb), 0.72) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.72) !important; border-left-color: rgba(var(--status-success-rgb), 0.72) !important; box-shadow: rgba(var(--status-success-rgb), 0.12) 0px 0px 0px 1px inset !important; }
:root.dark .seedance-card-share--active { color: var(--text-primary) !important; background-color: var(--brand-primary) !important; }
:root.dark .seedance-card-share { color: var(--text-primary) !important; background-color: var(--bg-canvas) !important; border-top-color: rgba(var(--status-success-rgb), 0.86) !important; border-right-color: rgba(var(--status-success-rgb), 0.86) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.86) !important; border-left-color: rgba(var(--status-success-rgb), 0.86) !important; box-shadow: rgba(var(--status-success-rgb), 0.2) 0px 0px 0px 1px inset, rgba(var(--status-success-rgb), 0.1) 0px 8px 18px !important; }
:root.dark .banner-bg { background-image: linear-gradient(90deg, var(--status-error), var(--status-error), var(--status-error)) !important; }
:root.dark *,
:root.dark ::after,
:root.dark ::before { border-top-color: rgba(255, 255, 255, 0.08) !important; border-right-color: rgba(255, 255, 255, 0.08) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; border-left-color: rgba(255, 255, 255, 0.08) !important; }
:root.dark input::placeholder,
:root.dark textarea::placeholder { color: var(--text-secondary) !important; }
:root.dark *,
:root.dark ::after,
:root.dark ::before { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.5) !important; --tw-ring-offset-color: var(--text-primary) !important; }
:root.dark ::backdrop { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.5) !important; --tw-ring-offset-color: var(--text-primary) !important; }
:root.dark .divide-black\/5 > :not([hidden]) ~ :not([hidden]) { border-top-color: rgba(255, 255, 255, 0.004) !important; border-right-color: rgba(255, 255, 255, 0.004) !important; border-bottom-color: rgba(255, 255, 255, 0.004) !important; border-left-color: rgba(255, 255, 255, 0.004) !important; }
:root.dark .\!border-\[rgba\(221\,214\,254\,0\.20\)\] { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .\!border-blue-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .\!border-green-500\/50 { border-top-color: rgba(var(--status-success-rgb), 0.5) !important; border-right-color: rgba(var(--status-success-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.5) !important; border-left-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .\!border-purple-500\/30 { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .\!border-red-500\/50 { border-top-color: rgba(var(--status-error-rgb), 0.5) !important; border-right-color: rgba(var(--status-error-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.5) !important; border-left-color: rgba(var(--status-error-rgb), 0.5) !important; }
:root.dark .\!border-yellow-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-\[rgba\(196\,181\,253\,0\.34\)\] { border-top-color: rgba(var(--brand-primary-rgb), 0.34) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.34) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.34) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.34) !important; }
:root.dark .border-\[rgba\(221\,214\,254\,0\.20\)\] { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .border-amber-200\/60 { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .border-amber-200\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-amber-200\/80 { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .border-amber-300\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-amber-400\/60 { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .border-amber-500\/10 { border-top-color: rgba(var(--brand-primary-rgb), 0.1) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.1) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.1) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .border-amber-500\/20 { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .border-amber-500\/25 { border-top-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .border-amber-500\/30 { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .border-amber-500\/40 { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .border-amber-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-amber-600\/25 { border-top-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .border-amber-700\/25 { border-top-color: rgba(var(--status-warning-rgb), 0.25) !important; border-right-color: rgba(var(--status-warning-rgb), 0.25) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.25) !important; border-left-color: rgba(var(--status-warning-rgb), 0.25) !important; }
:root.dark .border-black\/10 { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
:root.dark .border-black\/5 { border-top-color: rgba(255, 255, 255, 0.004) !important; border-right-color: rgba(255, 255, 255, 0.004) !important; border-bottom-color: rgba(255, 255, 255, 0.004) !important; border-left-color: rgba(255, 255, 255, 0.004) !important; }
:root.dark .border-blue-200\/50 { border-top-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .border-blue-200\/60 { border-top-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.6) !important; }
:root.dark .border-blue-500\/30 { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .border-blue-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-blue-600\/20 { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .border-cyan-100\/80 { border-top-color: rgba(var(--brand-accent-rgb), 0.8) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.8) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.8) !important; }
:root.dark .border-cyan-200\/70 { border-top-color: rgba(var(--brand-accent-rgb), 0.7) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.7) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.7) !important; }
:root.dark .border-cyan-300\/60 { border-top-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.6) !important; }
:root.dark .border-cyan-500\/40 { border-top-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
:root.dark .border-emerald-200\/60 { border-top-color: rgba(var(--status-success-rgb), 0.6) !important; border-right-color: rgba(var(--status-success-rgb), 0.6) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.6) !important; border-left-color: rgba(var(--status-success-rgb), 0.6) !important; }
:root.dark .border-emerald-300\/40 { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .border-emerald-400\/70 { border-top-color: rgba(var(--status-success-rgb), 0.7) !important; border-right-color: rgba(var(--status-success-rgb), 0.7) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.7) !important; border-left-color: rgba(var(--status-success-rgb), 0.7) !important; }
:root.dark .border-emerald-500\/30 { border-top-color: rgba(var(--status-success-rgb), 0.3) !important; border-right-color: rgba(var(--status-success-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.3) !important; border-left-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .border-emerald-500\/45 { border-top-color: rgba(var(--status-success-rgb), 0.45) !important; border-right-color: rgba(var(--status-success-rgb), 0.45) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.45) !important; border-left-color: rgba(var(--status-success-rgb), 0.45) !important; }
:root.dark .border-emerald-500\/50 { border-top-color: rgba(var(--status-success-rgb), 0.5) !important; border-right-color: rgba(var(--status-success-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.5) !important; border-left-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .border-emerald-500\/60 { border-top-color: rgba(var(--status-success-rgb), 0.6) !important; border-right-color: rgba(var(--status-success-rgb), 0.6) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.6) !important; border-left-color: rgba(var(--status-success-rgb), 0.6) !important; }
:root.dark .border-emerald-600\/20 { border-top-color: rgba(var(--status-success-rgb), 0.2) !important; border-right-color: rgba(var(--status-success-rgb), 0.2) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.2) !important; border-left-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .border-gray-200\/60 { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
:root.dark .border-gray-500\/20 { border-top-color: rgba(255, 255, 255, 0.016) !important; border-right-color: rgba(255, 255, 255, 0.016) !important; border-bottom-color: rgba(255, 255, 255, 0.016) !important; border-left-color: rgba(255, 255, 255, 0.016) !important; }
:root.dark .border-green-500\/20 { border-top-color: rgba(var(--status-success-rgb), 0.2) !important; border-right-color: rgba(var(--status-success-rgb), 0.2) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.2) !important; border-left-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .border-green-500\/30 { border-top-color: rgba(var(--status-success-rgb), 0.3) !important; border-right-color: rgba(var(--status-success-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.3) !important; border-left-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .border-indigo-100\/80 { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .border-indigo-200\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-indigo-200\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-indigo-200\/80 { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .border-indigo-300\/60 { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .border-indigo-300\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-indigo-500\/20 { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .border-indigo-500\/30 { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .border-indigo-500\/40 { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .border-indigo-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-orange-200\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-orange-500\/30 { border-top-color: rgba(var(--status-warning-rgb), 0.3) !important; border-right-color: rgba(var(--status-warning-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.3) !important; border-left-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .border-orange-500\/50 { border-top-color: rgba(var(--status-warning-rgb), 0.5) !important; border-right-color: rgba(var(--status-warning-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.5) !important; border-left-color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .border-pink-500\/30 { border-top-color: rgba(var(--brand-coral-rgb), 0.3) !important; border-right-color: rgba(var(--brand-coral-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-coral-rgb), 0.3) !important; border-left-color: rgba(var(--brand-coral-rgb), 0.3) !important; }
:root.dark .border-purple-200\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-purple-200\/60 { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .border-purple-200\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-purple-300\/60 { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .border-purple-300\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-purple-400\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-purple-400\/80 { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .border-purple-500\/20 { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .border-purple-500\/30 { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .border-purple-500\/40 { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .border-purple-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-purple-500\/70 { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .border-red-200\/60 { border-top-color: rgba(var(--status-error-rgb), 0.6) !important; border-right-color: rgba(var(--status-error-rgb), 0.6) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.6) !important; border-left-color: rgba(var(--status-error-rgb), 0.6) !important; }
:root.dark .border-red-200\/70 { border-top-color: rgba(var(--status-error-rgb), 0.7) !important; border-right-color: rgba(var(--status-error-rgb), 0.7) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.7) !important; border-left-color: rgba(var(--status-error-rgb), 0.7) !important; }
:root.dark .border-red-500\/20 { border-top-color: rgba(var(--status-error-rgb), 0.2) !important; border-right-color: rgba(var(--status-error-rgb), 0.2) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.2) !important; border-left-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .border-red-500\/25 { border-top-color: rgba(var(--status-error-rgb), 0.25) !important; border-right-color: rgba(var(--status-error-rgb), 0.25) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.25) !important; border-left-color: rgba(var(--status-error-rgb), 0.25) !important; }
:root.dark .border-red-500\/30 { border-top-color: rgba(var(--status-error-rgb), 0.3) !important; border-right-color: rgba(var(--status-error-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.3) !important; border-left-color: rgba(var(--status-error-rgb), 0.3) !important; }
:root.dark .border-red-500\/50 { border-top-color: rgba(var(--status-error-rgb), 0.5) !important; border-right-color: rgba(var(--status-error-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.5) !important; border-left-color: rgba(var(--status-error-rgb), 0.5) !important; }
:root.dark .border-red-600\/20 { border-top-color: rgba(var(--status-error-rgb), 0.2) !important; border-right-color: rgba(var(--status-error-rgb), 0.2) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.2) !important; border-left-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .border-slate-200\/50 { border-top-color: rgba(255, 255, 255, 0.04) !important; border-right-color: rgba(255, 255, 255, 0.04) !important; border-bottom-color: rgba(255, 255, 255, 0.04) !important; border-left-color: rgba(255, 255, 255, 0.04) !important; }
:root.dark .border-slate-200\/60 { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
:root.dark .border-slate-200\/70 { border-top-color: rgba(255, 255, 255, 0.056) !important; border-right-color: rgba(255, 255, 255, 0.056) !important; border-bottom-color: rgba(255, 255, 255, 0.056) !important; border-left-color: rgba(255, 255, 255, 0.056) !important; }
:root.dark .border-slate-200\/80 { border-top-color: rgba(255, 255, 255, 0.064) !important; border-right-color: rgba(255, 255, 255, 0.064) !important; border-bottom-color: rgba(255, 255, 255, 0.064) !important; border-left-color: rgba(255, 255, 255, 0.064) !important; }
:root.dark .border-teal-500\/50 { border-top-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .border-violet-200\/60 { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .border-violet-300\/80 { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .border-violet-400\/80 { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .border-violet-500\/40 { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .border-violet-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-white\/10 { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
:root.dark .border-white\/15 { border-top-color: rgba(255, 255, 255, 0.012) !important; border-right-color: rgba(255, 255, 255, 0.012) !important; border-bottom-color: rgba(255, 255, 255, 0.012) !important; border-left-color: rgba(255, 255, 255, 0.012) !important; }
:root.dark .border-white\/20 { border-top-color: rgba(255, 255, 255, 0.016) !important; border-right-color: rgba(255, 255, 255, 0.016) !important; border-bottom-color: rgba(255, 255, 255, 0.016) !important; border-left-color: rgba(255, 255, 255, 0.016) !important; }
:root.dark .border-white\/25 { border-top-color: rgba(255, 255, 255, 0.02) !important; border-right-color: rgba(255, 255, 255, 0.02) !important; border-bottom-color: rgba(255, 255, 255, 0.02) !important; border-left-color: rgba(255, 255, 255, 0.02) !important; }
:root.dark .border-white\/30 { border-top-color: rgba(255, 255, 255, 0.024) !important; border-right-color: rgba(255, 255, 255, 0.024) !important; border-bottom-color: rgba(255, 255, 255, 0.024) !important; border-left-color: rgba(255, 255, 255, 0.024) !important; }
:root.dark .border-white\/35 { border-top-color: rgba(255, 255, 255, 0.028) !important; border-right-color: rgba(255, 255, 255, 0.028) !important; border-bottom-color: rgba(255, 255, 255, 0.028) !important; border-left-color: rgba(255, 255, 255, 0.028) !important; }
:root.dark .border-white\/70 { border-top-color: rgba(255, 255, 255, 0.056) !important; border-right-color: rgba(255, 255, 255, 0.056) !important; border-bottom-color: rgba(255, 255, 255, 0.056) !important; border-left-color: rgba(255, 255, 255, 0.056) !important; }
:root.dark .border-white\/80 { border-top-color: rgba(255, 255, 255, 0.064) !important; border-right-color: rgba(255, 255, 255, 0.064) !important; border-bottom-color: rgba(255, 255, 255, 0.064) !important; border-left-color: rgba(255, 255, 255, 0.064) !important; }
:root.dark .border-white\/85 { border-top-color: rgba(255, 255, 255, 0.068) !important; border-right-color: rgba(255, 255, 255, 0.068) !important; border-bottom-color: rgba(255, 255, 255, 0.068) !important; border-left-color: rgba(255, 255, 255, 0.068) !important; }
:root.dark .border-yellow-500\/20 { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .border-yellow-500\/30 { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .border-l-indigo-400\/50 { border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-l-purple-400\/50 { border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-r-\[\#a78bfa\] { border-right-color: rgba(var(--brand-primary-rgb), var(--tw-border-opacity)) !important; }
:root.dark .border-t-\[\#a78bfa\] { border-top-color: rgba(var(--brand-primary-rgb), var(--tw-border-opacity)) !important; }
:root.dark .border-t-indigo-400\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-t-purple-400\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .border-t-violet-500 { border-top-color: rgba(var(--brand-primary-rgb), var(--tw-border-opacity)) !important; }
:root.dark .\!bg-\[rgba\(24\,16\,42\,0\.38\)\] { background-color: rgba(var(--brand-primary-rgb), 0.38) !important; }
:root.dark .bg-\[\#0070ba\] { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#0088cc\] { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#00D66F\] { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#0A66C2\] { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#16251f\] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#1877F2\] { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#25D366\] { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#7c3aed\] { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#F5F3FF\] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#FF4500\] { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#FFD21E\] { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#e7fbf2\] { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#f7f7f9\] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#f7faf8\] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[\#fffdf7\] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[rgba\(24\,16\,42\,0\.38\)\] { background-color: rgba(var(--brand-primary-rgb), 0.38) !important; }
:root.dark .bg-amber-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-amber-200 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-amber-400 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-amber-400\/20 { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .bg-amber-50 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-amber-50\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .bg-amber-50\/60 { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .bg-amber-50\/70 { background-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .bg-amber-50\/80 { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .bg-amber-500 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-amber-500\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .bg-amber-500\/20 { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .bg-amber-500\/5 { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .bg-amber-500\/55 { background-color: rgba(var(--brand-primary-rgb), 0.55) !important; }
:root.dark .bg-amber-500\/90 { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .bg-amber-600 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-amber-600\/15 { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .bg-amber-700 { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-black { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-black\/0 { background-color: transparent !important; }
:root.dark .bg-black\/10 { background-color: rgba(var(--bg-canvas-rgb), 0.1) !important; }
:root.dark .bg-black\/20 { background-color: rgba(var(--bg-canvas-rgb), 0.2) !important; }
:root.dark .bg-black\/25 { background-color: rgba(var(--bg-canvas-rgb), 0.25) !important; }
:root.dark .bg-black\/30 { background-color: rgba(var(--bg-canvas-rgb), 0.3) !important; }
:root.dark .bg-black\/40 { background-color: rgba(var(--bg-canvas-rgb), 0.4) !important; }
:root.dark .bg-black\/45 { background-color: rgba(var(--bg-canvas-rgb), 0.45) !important; }
:root.dark .bg-black\/5 { background-color: rgba(var(--bg-canvas-rgb), 0.05) !important; }
:root.dark .bg-black\/50 { background-color: rgba(var(--bg-canvas-rgb), 0.5) !important; }
:root.dark .bg-black\/55 { background-color: rgba(var(--bg-canvas-rgb), 0.55) !important; }
:root.dark .bg-black\/60 { background-color: rgba(var(--bg-canvas-rgb), 0.6) !important; }
:root.dark .bg-black\/65 { background-color: rgba(var(--bg-canvas-rgb), 0.65) !important; }
:root.dark .bg-black\/70 { background-color: rgba(var(--bg-canvas-rgb), 0.7) !important; }
:root.dark .bg-black\/75 { background-color: rgba(var(--bg-canvas-rgb), 0.75) !important; }
:root.dark .bg-black\/80 { background-color: rgba(var(--bg-canvas-rgb), 0.8) !important; }
:root.dark .bg-black\/90 { background-color: rgba(var(--bg-canvas-rgb), 0.9) !important; }
:root.dark .bg-black\/95 { background-color: rgba(var(--bg-canvas-rgb), 0.95) !important; }
:root.dark .bg-black\/\[0\.02\] { background-color: rgba(var(--bg-canvas-rgb), 0.02) !important; }
:root.dark .bg-black\/\[0\.03\] { background-color: rgba(var(--bg-canvas-rgb), 0.03) !important; }
:root.dark .bg-blue-100 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-blue-50 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-blue-50\/30 { background-color: rgba(var(--brand-accent-rgb), 0.3) !important; }
:root.dark .bg-blue-50\/50 { background-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .bg-blue-50\/95 { background-color: rgba(var(--brand-accent-rgb), 0.95) !important; }
:root.dark .bg-blue-500 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-blue-500\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .bg-blue-500\/15 { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .bg-blue-500\/5 { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .bg-blue-500\/90 { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .bg-blue-600 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-blue-600\/80 { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .bg-blue-600\/90 { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .bg-cyan-100 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-cyan-100\/80 { background-color: rgba(var(--brand-accent-rgb), 0.8) !important; }
:root.dark .bg-cyan-400\/40 { background-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
:root.dark .bg-cyan-50 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-cyan-50\/50 { background-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .bg-cyan-50\/60 { background-color: rgba(var(--brand-accent-rgb), 0.6) !important; }
:root.dark .bg-cyan-50\/70 { background-color: rgba(var(--brand-accent-rgb), 0.7) !important; }
:root.dark .bg-cyan-500\/10 { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .bg-emerald-100 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-emerald-100\/50 { background-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .bg-emerald-100\/80 { background-color: rgba(var(--status-success-rgb), 0.8) !important; }
:root.dark .bg-emerald-300\/60 { background-color: rgba(var(--status-success-rgb), 0.6) !important; }
:root.dark .bg-emerald-400 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-emerald-400\/20 { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .bg-emerald-50 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-emerald-50\/70 { background-color: rgba(var(--status-success-rgb), 0.7) !important; }
:root.dark .bg-emerald-50\/80 { background-color: rgba(var(--status-success-rgb), 0.8) !important; }
:root.dark .bg-emerald-500 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-emerald-500\/10 { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
:root.dark .bg-emerald-500\/15 { background-color: rgba(var(--status-success-rgb), 0.15) !important; }
:root.dark .bg-emerald-500\/5 { background-color: rgba(var(--status-success-rgb), 0.05) !important; }
:root.dark .bg-emerald-600 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-emerald-700 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-fuchsia-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-100 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-200 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-400 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-500 { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-500\/10 { background-color: rgba(var(--bg-elevated-rgb), 0.1) !important; }
:root.dark .bg-gray-800 { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-gray-900 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-green-100 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-green-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-green-500 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-green-500\/10 { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
:root.dark .bg-green-500\/5 { background-color: rgba(var(--status-success-rgb), 0.05) !important; }
:root.dark .bg-green-600 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-indigo-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-indigo-200\/70 { background-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .bg-indigo-200\/90 { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .bg-indigo-400\/40 { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .bg-indigo-50 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-indigo-50\/50 { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .bg-indigo-50\/60 { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .bg-indigo-50\/80 { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .bg-indigo-500 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-indigo-500\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .bg-indigo-500\/5 { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .bg-indigo-600 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-orange-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-orange-400 { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-orange-50 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-orange-50\/80 { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .bg-orange-500 { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-orange-500\/10 { background-color: rgba(var(--status-warning-rgb), 0.1) !important; }
:root.dark .bg-orange-500\/15 { background-color: rgba(var(--status-warning-rgb), 0.15) !important; }
:root.dark .bg-orange-500\/5 { background-color: rgba(var(--status-warning-rgb), 0.05) !important; }
:root.dark .bg-orange-500\/\[0\.06\] { background-color: rgba(var(--status-warning-rgb), 0.06) !important; }
:root.dark .bg-orange-600 { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-pink-100 { background-color: rgba(var(--brand-coral-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-pink-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-pink-500 { background-color: rgba(var(--brand-coral-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-pink-500\/10 { background-color: rgba(var(--brand-coral-rgb), 0.1) !important; }
:root.dark .bg-purple-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-purple-200\/50 { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .bg-purple-200\/80 { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .bg-purple-300\/60 { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .bg-purple-400 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-purple-400\/40 { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .bg-purple-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-purple-50\/30 { background-color: rgba(var(--text-primary-rgb), 0.3) !important; }
:root.dark .bg-purple-50\/40 { background-color: rgba(var(--text-primary-rgb), 0.4) !important; }
:root.dark .bg-purple-50\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-purple-500 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-purple-500\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .bg-purple-500\/15 { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .bg-purple-500\/30 { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .bg-purple-500\/5 { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .bg-purple-600 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-red-100 { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-red-100\/80 { background-color: rgba(var(--status-error-rgb), 0.8) !important; }
:root.dark .bg-red-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-red-50\/30 { background-color: rgba(var(--text-primary-rgb), 0.3) !important; }
:root.dark .bg-red-50\/70 { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .bg-red-500 { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-red-500\/10 { background-color: rgba(var(--status-error-rgb), 0.1) !important; }
:root.dark .bg-red-500\/5 { background-color: rgba(var(--status-error-rgb), 0.05) !important; }
:root.dark .bg-red-500\/70 { background-color: rgba(var(--status-error-rgb), 0.7) !important; }
:root.dark .bg-red-600 { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-red-900\/50 { background-color: rgba(var(--status-error-rgb), 0.5) !important; }
:root.dark .bg-red-950\/50 { background-color: rgba(var(--status-error-rgb), 0.5) !important; }
:root.dark .bg-rose-100 { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-rose-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-rose-500 { background-color: rgba(var(--brand-coral-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-rose-500\/10 { background-color: rgba(var(--brand-coral-rgb), 0.1) !important; }
:root.dark .bg-sky-100 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-sky-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-sky-50\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-sky-500 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-100 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-100\/50 { background-color: rgba(var(--text-primary-rgb), 0.5) !important; }
:root.dark .bg-slate-100\/60 { background-color: rgba(var(--text-primary-rgb), 0.6) !important; }
:root.dark .bg-slate-100\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-slate-200 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-200\/60 { background-color: rgba(var(--text-primary-rgb), 0.6) !important; }
:root.dark .bg-slate-200\/70 { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .bg-slate-200\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-slate-300 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-300\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-slate-400 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-50\/30 { background-color: rgba(var(--text-primary-rgb), 0.3) !important; }
:root.dark .bg-slate-50\/40 { background-color: rgba(var(--text-primary-rgb), 0.4) !important; }
:root.dark .bg-slate-50\/50 { background-color: rgba(var(--text-primary-rgb), 0.5) !important; }
:root.dark .bg-slate-50\/60 { background-color: rgba(var(--text-primary-rgb), 0.6) !important; }
:root.dark .bg-slate-50\/70 { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .bg-slate-50\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-slate-700 { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-900 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-950 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-slate-950\/75 { background-color: rgba(var(--brand-primary-rgb), 0.75) !important; }
:root.dark .bg-slate-950\/90 { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .bg-stone-200 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-teal-100 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-teal-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-teal-500 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-teal-500\/5 { background-color: rgba(var(--brand-accent-rgb), 0.05) !important; }
:root.dark .bg-teal-600 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-teal-700 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-violet-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-violet-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-violet-50\/60 { background-color: rgba(var(--text-primary-rgb), 0.6) !important; }
:root.dark .bg-violet-50\/70 { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .bg-violet-50\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-violet-500 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-violet-500\/15 { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .bg-violet-500\/5 { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .bg-violet-600 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-white { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-white\/10 { background-color: rgba(var(--text-primary-rgb), 0.1) !important; }
:root.dark .bg-white\/15 { background-color: rgba(var(--text-primary-rgb), 0.15) !important; }
:root.dark .bg-white\/20 { background-color: rgba(var(--text-primary-rgb), 0.2) !important; }
:root.dark .bg-white\/40 { background-color: rgba(var(--text-primary-rgb), 0.4) !important; }
:root.dark .bg-white\/5 { background-color: rgba(var(--text-primary-rgb), 0.05) !important; }
:root.dark .bg-white\/50 { background-color: rgba(var(--text-primary-rgb), 0.5) !important; }
:root.dark .bg-white\/60 { background-color: rgba(var(--text-primary-rgb), 0.6) !important; }
:root.dark .bg-white\/70 { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .bg-white\/75 { background-color: rgba(var(--text-primary-rgb), 0.75) !important; }
:root.dark .bg-white\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .bg-white\/85 { background-color: rgba(var(--text-primary-rgb), 0.85) !important; }
:root.dark .bg-white\/90 { background-color: rgba(var(--text-primary-rgb), 0.9) !important; }
:root.dark .bg-white\/95 { background-color: rgba(var(--text-primary-rgb), 0.95) !important; }
:root.dark .bg-white\/\[\.66\] { background-color: rgba(var(--text-primary-rgb), 0.66) !important; }
:root.dark .bg-white\/\[0\.06\] { background-color: rgba(var(--text-primary-rgb), 0.06) !important; }
:root.dark .bg-yellow-100 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-yellow-500 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-yellow-500\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .bg-yellow-500\/5 { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .bg-zinc-200 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-zinc-50 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-zinc-50\/70 { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .bg-zinc-600 { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-zinc-800 { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-zinc-900 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-zinc-900\/80 { background-color: rgba(var(--bg-surface-rgb), 0.8) !important; }
:root.dark .bg-zinc-900\/90 { background-color: rgba(var(--bg-surface-rgb), 0.9) !important; }
:root.dark .bg-zinc-950 { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .bg-\[conic-gradient\(from_90deg\,\#4f46e5_0\%\,\#8b5cf6_62\%\,rgba\(139\,92\,246\,0\.12\)_62\%\)\] { background-image: conic-gradient(from 90deg, var(--brand-primary) 0deg, var(--brand-primary) 62%, rgba(var(--brand-primary-rgb), 0.12) 62%) !important; }
:root.dark .bg-\[linear-gradient\(135deg\,\#7c3aed_0\%\,\#ec4899_100\%\)\] { background-image: linear-gradient(135deg, var(--brand-primary), #FB7185) !important; }
:root.dark .bg-\[linear-gradient\(180deg\,transparent_0\%\,rgba\(2\,6\,23\,0\.22\)_28\%\,rgba\(2\,6\,23\,0\.90\)_100\%\)\] { background-image: linear-gradient(transparent, rgba(var(--brand-primary-rgb), 0.22) 28%, rgba(var(--brand-primary-rgb), 0.9)) !important; }
:root.dark .bg-\[linear-gradient\(90deg\,\#4f46e5_0\%\,\#8b5cf6_100\%\)\] { background-image: linear-gradient(90deg, var(--brand-primary), var(--brand-primary)) !important; }
:root.dark .bg-\[linear-gradient\(90deg\,rgba\(79\,70\,229\,0\.12\)_0\%\,rgba\(139\,92\,246\,0\.16\)_100\%\)\] { background-image: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.12), rgba(var(--brand-primary-rgb), 0.16)) !important; }
:root.dark .bg-\[linear-gradient\(to_bottom\,rgba\(255\,255\,255\,0\)\,rgba\(221\,214\,254\,0\.34\)\,rgba\(255\,255\,255\,0\)\)\] { background-image: linear-gradient(transparent, rgba(var(--brand-primary-rgb), 0.34), transparent) !important; }
:root.dark .bg-\[radial-gradient\(circle\,rgba\(251\,146\,60\,0\.38\)\,transparent_68\%\)\] { background-image: radial-gradient(circle, rgba(var(--status-warning-rgb), 0.38), transparent 68%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_20\%_20\%\,rgba\(124\,58\,237\,0\.14\)\,transparent_34\%\)\,radial-gradient\(circle_at_80\%_70\%\,rgba\(79\,70\,229\,0\.12\)\,transparent_30\%\)\] { background-image: radial-gradient(circle at 20% 20%, rgba(var(--brand-primary-rgb), 0.14), transparent 34%), radial-gradient(circle at 80% 70%, rgba(var(--brand-primary-rgb), 0.12), transparent 30%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_50\%_0\%\,rgba\(139\,92\,246\,0\.10\)\,transparent_65\%\)\] { background-image: radial-gradient(circle at 50% 0px, rgba(var(--brand-primary-rgb), 0.1), transparent 65%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,_rgba\(126\,58\,242\,0\.35\)\,_rgba\(0\,0\,0\,0\.6\)\)\] { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.35), rgba(var(--bg-canvas-rgb), 0.6)) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(139\,92\,246\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(16\,185\,129\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--status-success-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(168\,85\,247\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(20\,184\,166\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--brand-accent-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(249\,115\,22\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--status-warning-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(59\,130\,246\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top\,rgba\(99\,102\,241\,0\.15\)\,transparent_60\%\)\] { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.15), transparent 60%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top_left\,rgba\(124\,58\,237\,0\.58\)\,transparent_40\%\)\,radial-gradient\(circle_at_bottom_right\,rgba\(79\,70\,229\,0\.42\)\,transparent_38\%\)\] { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.58), transparent 40%), radial-gradient(circle at right bottom, rgba(var(--brand-primary-rgb), 0.42), transparent 38%) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top_left\,rgba\(99\,102\,241\,0\.10\)\,transparent_32\%\)\,radial-gradient\(circle_at_82\%_8\%\,rgba\(139\,92\,246\,0\.09\)\,transparent_30\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.98\)\,rgba\(238\,242\,255\,0\.48\)\)\] { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.1), transparent 32%), radial-gradient(circle at 82% 8%, rgba(var(--brand-primary-rgb), 0.09), transparent 30%), linear-gradient(rgba(var(--text-primary-rgb), 0.98), rgba(var(--brand-primary-rgb), 0.48)) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top_left\,rgba\(99\,102\,241\,0\.12\)\,transparent_32\%\)\,radial-gradient\(circle_at_82\%_8\%\,rgba\(139\,92\,246\,0\.10\)\,transparent_30\%\)\,linear-gradient\(180deg\,rgba\(255\,255\,255\,0\.96\)\,rgba\(238\,242\,255\,0\.56\)\)\] { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.12), transparent 32%), radial-gradient(circle at 82% 8%, rgba(var(--brand-primary-rgb), 0.1), transparent 30%), linear-gradient(rgba(var(--text-primary-rgb), 0.96), rgba(var(--brand-primary-rgb), 0.56)) !important; }
:root.dark .bg-\[radial-gradient\(circle_at_top_left\,rgba\(99\,102\,241\,0\.12\)\,transparent_34\%\)\,linear-gradient\(135deg\,rgba\(79\,70\,229\,0\.10\)\,rgba\(139\,92\,246\,0\.08\)\)\] { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.12), transparent 34%), linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.1), rgba(var(--brand-primary-rgb), 0.08)) !important; }
:root.dark .from-\[\#D90416\] { --tw-gradient-from: #FB7185 var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-\[\#ffaa40\]\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-100 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-100\/60 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-50 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-50\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-amber-700 { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/35 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.35) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/40 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/50 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/70 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.7) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/75 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.75) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/80 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.8) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/85 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.85) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-black\/95 { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.95) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-blue-100\/50 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-blue-50 { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-blue-50\/50 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-blue-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-blue-500\/5 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.05) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-blue-600 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-cyan-100\/50 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-cyan-300 { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-cyan-400 { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-cyan-400\/\[0\.08\] { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.08) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-cyan-50\/80 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.8) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-cyan-500\/40 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-100\/50 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-100\/60 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-50 { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-50\/50 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-500 { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-500\/5 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.05) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-600 { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-emerald-950 { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-fuchsia-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-fuchsia-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-gray-800 { --tw-gradient-from: var(--bg-canvas) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-gray-900 { --tw-gradient-from: var(--bg-canvas) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-green-100\/50 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-green-400 { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-green-500 { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-300 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-400 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-400\/\[0\.08\] { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.08) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-50 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-50\/80 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.8) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-500\/0 { --tw-gradient-from: transparent var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-500\/20 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-500\/40 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-600 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-indigo-600\/90 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.9) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-orange-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-orange-400 { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-orange-50 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-orange-500 { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-orange-500\/10 { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-orange-600 { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-pink-100\/50 { --tw-gradient-from: rgba(var(--brand-coral-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-100 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-400 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-50 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-500\/10 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-500\/20 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-500\/5 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.05) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-500\/\[0\.07\] { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.07) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-purple-600 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-red-100\/50 { --tw-gradient-from: rgba(var(--status-error-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-red-500 { --tw-gradient-from: var(--status-error) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-sky-100\/50 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-sky-100\/60 { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-sky-400 { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-sky-500 { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-slate-100 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-slate-400 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-slate-50 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-slate-900 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-teal-100\/50 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-teal-100\/60 { --tw-gradient-from: rgba(var(--status-success-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-teal-50 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-teal-600 { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-100\/60 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-50 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-50\/90 { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.9) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-500 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-500\/5 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.05) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-violet-600 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-white { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-white\/10 { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-white\/40 { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-white\/60 { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-white\/95 { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.95) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-yellow-100\/50 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-yellow-400 { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-yellow-500\/10 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .from-zinc-50\/50 { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .via-\[\#9c40ff\]\/50 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-\[\#F52C40\] { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),#FB7185 var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-amber-100 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-amber-400 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-amber-500 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-black\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-black\/40 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.4) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-black\/45 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.45) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-black\/5 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.05) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-black\/50 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-black\/60 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.6) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-blue-400 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-blue-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-blue-600\/90 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.9) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-blue-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-cyan-400 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-cyan-400\/70 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-accent-rgb), 0.7) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-cyan-400\/80 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-accent-rgb), 0.8) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-cyan-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-emerald-500\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--status-success-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-emerald-500\/30 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--status-success-rgb), 0.3) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-emerald-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-success) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-emerald-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-success) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-emerald-900 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-success) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-fuchsia-400 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-fuchsia-500 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-fuchsia-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-400\/70 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.7) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-400\/80 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.8) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-50\/25 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.25) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-50\/30 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.3) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-50\/40 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-500\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-500\/50 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-indigo-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-orange-50 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-orange-500 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-warning) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-orange-500\/50 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--status-warning-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-orange-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-warning) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-orange-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-warning) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-pink-500\/15 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-coral-rgb), 0.15) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-pink-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),#FB7185 var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-300 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-400 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-400\/60 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.6) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-500 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-500\/10 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-500\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-500\/40 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-500\/5 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.05) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-500\/50 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-purple-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-red-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-error) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-sky-400\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-accent-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-slate-200 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--text-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-teal-400 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-teal-500 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-teal-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-teal-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .via-violet-400\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-violet-500 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-violet-500\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-violet-600 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-violet-700 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-white { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--text-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-white\/20 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--text-primary-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .via-white\/30 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--text-primary-rgb), 0.3) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .to-\[\#E81B30\] { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .to-\[\#ffaa40\]\/50 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .to-amber-200 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-amber-400 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-amber-50 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-amber-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-amber-500\/10 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-to-position) !important; }
:root.dark .to-black { --tw-gradient-to: var(--bg-canvas) var(--tw-gradient-to-position) !important; }
:root.dark .to-black\/15 { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.15) var(--tw-gradient-to-position) !important; }
:root.dark .to-black\/70 { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.7) var(--tw-gradient-to-position) !important; }
:root.dark .to-blue-50\/30 { --tw-gradient-to: rgba(var(--brand-accent-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .to-blue-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-blue-500\/10 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-to-position) !important; }
:root.dark .to-blue-600 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-cyan-400 { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .to-cyan-500 { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .to-cyan-600\/90 { --tw-gradient-to: rgba(var(--brand-accent-rgb), 0.9) var(--tw-gradient-to-position) !important; }
:root.dark .to-emerald-400 { --tw-gradient-to: var(--status-success) var(--tw-gradient-to-position) !important; }
:root.dark .to-emerald-500 { --tw-gradient-to: var(--status-success) var(--tw-gradient-to-position) !important; }
:root.dark .to-emerald-600 { --tw-gradient-to: var(--status-success) var(--tw-gradient-to-position) !important; }
:root.dark .to-fuchsia-50\/60 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.6) var(--tw-gradient-to-position) !important; }
:root.dark .to-gray-50\/95 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.95) var(--tw-gradient-to-position) !important; }
:root.dark .to-gray-600 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-gray-900 { --tw-gradient-to: var(--bg-canvas) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-400 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-400\/\[0\.08\] { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.08) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-50 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-50\/40 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-50\/50 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-500\/40 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .to-indigo-600 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-orange-100 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-orange-50 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-orange-50\/50 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .to-orange-500 { --tw-gradient-to: var(--status-warning) var(--tw-gradient-to-position) !important; }
:root.dark .to-orange-600 { --tw-gradient-to: var(--status-warning) var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-100 { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-300 { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-400 { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-50 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-50\/30 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-500 { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-500\/20 { --tw-gradient-to: rgba(var(--brand-coral-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-500\/40 { --tw-gradient-to: rgba(var(--brand-coral-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-500\/5 { --tw-gradient-to: rgba(var(--brand-coral-rgb), 0.05) var(--tw-gradient-to-position) !important; }
:root.dark .to-pink-600 { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-400\/\[0\.08\] { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.08) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-50\/40 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-500\/0 { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-500\/40 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-500\/\[0\.02\] { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.02) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-500\/\[0\.04\] { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.04) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-600 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-purple-900 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-red-600 { --tw-gradient-to: var(--status-error) var(--tw-gradient-to-position) !important; }
:root.dark .to-sky-600 { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-100 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-100\/50 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-100\/80 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.8) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-300 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-50 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-50\/50 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .to-slate-500 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-teal-50\/50 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .to-teal-500 { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .to-teal-600 { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .to-teal-900 { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .to-violet-400 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-violet-50 { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-violet-50\/70 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.7) var(--tw-gradient-to-position) !important; }
:root.dark .to-violet-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-violet-600 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-white { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-white\/10 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.1) var(--tw-gradient-to-position) !important; }
:root.dark .to-white\/20 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .to-white\/40 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .to-white\/60 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.6) var(--tw-gradient-to-position) !important; }
:root.dark .to-white\/90 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.9) var(--tw-gradient-to-position) !important; }
:root.dark .to-yellow-300 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .to-yellow-500 { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .fill-amber-400 { fill: var(--brand-primary) !important; }
:root.dark .fill-amber-400\/80 { fill: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .fill-amber-500 { fill: var(--brand-primary) !important; }
:root.dark .fill-black { fill: var(--text-primary) !important; }
:root.dark .fill-indigo-500 { fill: var(--brand-primary) !important; }
:root.dark .fill-red-500 { fill: var(--status-error) !important; }
:root.dark .fill-white { fill: var(--text-primary) !important; }
:root.dark .fill-yellow-300\/20 { fill: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .fill-yellow-500 { fill: var(--brand-primary) !important; }
:root.dark .stroke-purple-700 { stroke: var(--brand-primary) !important; }
:root.dark .stroke-white { stroke: var(--text-primary) !important; }
:root.dark .\!text-\[\#faf8ff\] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\!text-blue-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\!text-green-600 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\!text-red-600 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\!text-yellow-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#007a55\] { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#011E0F\] { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#0a66c2\] { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#14231d\] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#16251f\] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#211d16\] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#3BA9EE\] { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#66766e\] { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#766d61\] { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#D90416\] { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#FFD21E\] { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#f6fff9\] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[\#faf8ff\] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-\[var\(--panel-accent\,theme\(colors\.violet\.500\)\)\] { color: var(--panel-accent,var(--brand-primary)) !important; }
:root.dark .text-amber-300 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-400 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-400\/80 { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .text-amber-400\/90 { color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .text-amber-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-500\/80 { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .text-amber-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-600\/70 { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .text-amber-600\/80 { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .text-amber-700 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-800 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-800\/50 { color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .text-amber-900 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-amber-900\/80 { color: rgba(var(--status-warning-rgb), 0.8) !important; }
:root.dark .text-amber-950 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-black { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-black\/\[0\.08\] { color: rgba(var(--text-primary-rgb), 0.08) !important; }
:root.dark .text-blue-400 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-blue-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-blue-500\/70 { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .text-blue-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-blue-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-blue-800 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-blue-900 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-cyan-500 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-cyan-500\/80 { color: rgba(var(--brand-accent-rgb), 0.8) !important; }
:root.dark .text-cyan-500\/90 { color: rgba(var(--brand-accent-rgb), 0.9) !important; }
:root.dark .text-cyan-600 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-cyan-600\/80 { color: rgba(var(--brand-accent-rgb), 0.8) !important; }
:root.dark .text-cyan-700 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-100\/90 { color: rgba(var(--status-success-rgb), 0.9) !important; }
:root.dark .text-emerald-200\/70 { color: rgba(var(--status-success-rgb), 0.7) !important; }
:root.dark .text-emerald-300 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-400 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-500 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-500\/50 { color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .text-emerald-500\/70 { color: rgba(var(--status-success-rgb), 0.7) !important; }
:root.dark .text-emerald-500\/80 { color: rgba(var(--status-success-rgb), 0.8) !important; }
:root.dark .text-emerald-600 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-600\/70 { color: rgba(var(--status-success-rgb), 0.7) !important; }
:root.dark .text-emerald-700 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-800 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-900 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-emerald-950 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-fuchsia-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-fuchsia-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-gray-400 { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-gray-500 { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-gray-600 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-gray-700 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-gray-900 { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-green-400 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-green-500 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-green-600 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-green-700 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-green-800 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-indigo-300 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-indigo-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-indigo-500\/30 { color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .text-indigo-500\/80 { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .text-indigo-500\/90 { color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .text-indigo-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-indigo-600\/60 { color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .text-indigo-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-indigo-800 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-orange-300 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-orange-500 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-orange-600 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-orange-600\/80 { color: rgba(var(--status-warning-rgb), 0.8) !important; }
:root.dark .text-orange-700 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-orange-800 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-orange-900 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-pink-500 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-pink-600 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-pink-700 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-200 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-300 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-400 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-500\/50 { color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .text-purple-500\/70 { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .text-purple-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-600\/70 { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .text-purple-600\/80 { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .text-purple-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-800 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-purple-950\/5 { color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .text-red-200 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-300 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-400 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-400\/80 { color: rgba(var(--status-error-rgb), 0.8) !important; }
:root.dark .text-red-500 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-600 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-600\/80 { color: rgba(var(--status-error-rgb), 0.8) !important; }
:root.dark .text-red-700 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-800 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-red-900 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-rose-500 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-rose-600 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-rose-700 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-rose-800 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-rose-950 { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-sky-500 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-sky-600 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-sky-700 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-300 { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-400 { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-500 { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-600 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-700 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-800 { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-900 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-slate-950 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-teal-600 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-teal-700 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-violet-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-violet-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-violet-600\/70 { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .text-violet-600\/80 { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .text-violet-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-violet-800 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-white { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-white\/20 { color: rgba(var(--text-primary-rgb), 0.2) !important; }
:root.dark .text-white\/30 { color: rgba(var(--text-primary-rgb), 0.3) !important; }
:root.dark .text-white\/40 { color: rgba(var(--text-primary-rgb), 0.4) !important; }
:root.dark .text-white\/50 { color: rgba(var(--text-primary-rgb), 0.5) !important; }
:root.dark .text-white\/55 { color: rgba(var(--text-primary-rgb), 0.55) !important; }
:root.dark .text-white\/60 { color: rgba(var(--text-primary-rgb), 0.6) !important; }
:root.dark .text-white\/70 { color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .text-white\/80 { color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .text-white\/85 { color: rgba(var(--text-primary-rgb), 0.85) !important; }
:root.dark .text-white\/90 { color: rgba(var(--text-primary-rgb), 0.9) !important; }
:root.dark .text-yellow-300 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-yellow-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-yellow-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-400 { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-500 { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-600 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-700 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-800 { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-900 { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .text-zinc-950 { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .decoration-amber-500\/60 { text-decoration-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .decoration-blue-500 { text-decoration-color: var(--brand-primary) !important; }
:root.dark .decoration-indigo-300 { text-decoration-color: var(--brand-primary) !important; }
:root.dark .accent-blue-600 { accent-color: var(--brand-primary) !important; }
:root.dark .\!shadow-lg,
:root.dark .\!shadow-none { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow,
:root.dark .shadow-2xl { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_-10px_30px_-12px_rgba\(0\,0\,0\,0\.35\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_-8px_24px_-12px_rgba\(0\,0\,0\,0\.35\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_0_3px_rgba\(251\,191\,36\,0\.12\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_12px_rgba\(251\,191\,36\,0\.4\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_15px_rgba\(16\,185\,129\,0\.5\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(139\,92\,246\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(16\,185\,129\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(168\,85\,247\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(20\,184\,166\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(249\,115\,22\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(59\,130\,246\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(99\,102\,241\,0\.15\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_20px_rgba\(99\,102\,241\,0\.3\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_30px_rgba\(255\,255\,255\,0\.25\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_30px_rgba\(99\,102\,241\,0\.2\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_40px_-10px_var\(--color-orange-500\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_40px_-10px_var\(--color-purple-500\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_4px_rgba\(251\,191\,36\,0\.8\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_60px_rgba\(99\,102\,241\,0\.2\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_80px_rgba\(139\,92\,246\,0\.15\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_0_8px_rgba\(239\,68\,68\,0\.75\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_10px_40px_rgba\(0\,0\,0\,0\.45\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_12px_32px_-12px_rgba\(0\,0\,0\,0\.45\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_16px_44px_rgba\(15\,23\,42\,0\.16\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_18px_40px_rgba\(0\,0\,0\,0\.35\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_18px_46px_rgba\(17\,42\,32\,0\.10\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.04\)\,0_12px_32px_-8px_rgba\(0\,0\,0\,0\.10\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_24px_80px_-48px_rgba\(124\,58\,237\,0\.55\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_28px_90px_rgba\(15\,23\,42\,0\.30\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_2px_10px_rgba\(245\,158\,11\,0\.5\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_4px_14px_-4px_rgba\(249\,115\,22\,0\.9\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_4px_14px_rgba\(124\,58\,237\,0\.32\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_4px_14px_rgba\(15\,118\,110\,0\.32\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_4px_14px_rgba\(180\,83\,9\,0\.32\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_8px_22px_-8px_rgba\(249\,115\,22\,0\.95\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_8px_24px_-12px_rgba\(168\,85\,247\,0\.45\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_8px_24px_rgba\(15\,23\,42\,0\.04\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_8px_30px_rgb\(0\,0\,0\,0\.12\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[0_8px_30px_rgba\(15\,23\,42\,0\.08\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_-3px_0_0_rgba\(180\,133\,11\,0\.22\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_-8px_10px_\#8fdfff1f\],
:root.dark .shadow-\[inset_0_-8px_10px_\#ffffff1f\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_0_0_1px_hsl\(var\(--foreground\)\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_0_0_1px_theme\(colors\.orange\.500\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.24\)\,inset_0_-1px_0_rgba\(255\,255\,255\,0\.08\)\,0_14px_34px_rgba\(0\,0\,0\,0\.24\)\,0_0_0_1px_rgba\(139\,92\,246\,0\.12\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.28\)\,0_10px_24px_rgba\(124\,58\,237\,0\.24\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.35\)\,0_8px_24px_-8px_rgba\(0\,0\,0\,0\.55\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.8\)\,0_24px_56px_-18px_rgba\(120\,40\,0\,0\.25\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-inner,
:root.dark .shadow-lg { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-md,
:root.dark .shadow-none { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-sm,
:root.dark .shadow-xl { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .shadow-amber-500\/20 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .shadow-black\/10 { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.1) !important; }
:root.dark .shadow-black\/30 { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.3) !important; }
:root.dark .shadow-black\/5 { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.05) !important; }
:root.dark .shadow-blue-500\/25 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .shadow-emerald-500\/10 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.1) !important; }
:root.dark .shadow-emerald-500\/20 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .shadow-emerald-500\/25 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.25) !important; }
:root.dark .shadow-emerald-500\/30 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .shadow-emerald-600\/20 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .shadow-green-500\/25 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.25) !important; }
:root.dark .shadow-green-500\/50 { --tw-shadow-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .shadow-indigo-500\/10 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .shadow-indigo-500\/20 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .shadow-indigo-500\/25 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .shadow-orange-500\/20 { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.2) !important; }
:root.dark .shadow-orange-500\/25 { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.25) !important; }
:root.dark .shadow-orange-500\/30 { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .shadow-orange-500\/40 { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.4) !important; }
:root.dark .shadow-orange-500\/50 { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .shadow-purple-500\/10 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .shadow-purple-500\/20 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .shadow-purple-500\/25 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .shadow-purple-500\/30 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .shadow-purple-500\/40 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .shadow-red-500\/20 { --tw-shadow-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .shadow-slate-400\/20 { --tw-shadow-color: rgba(var(--text-primary-rgb), 0.2) !important; }
:root.dark .shadow-violet-500\/20 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .shadow-violet-950\/30 { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .shadow-zinc-200\/70 { --tw-shadow-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .shadow-zinc-800\/5 { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.05) !important; }
:root.dark .ring,
:root.dark .ring-0 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .ring-1,
:root.dark .ring-2 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .ring-4,
:root.dark .ring-\[1\.5px\] { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .ring-amber-400\/60 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .ring-amber-500 { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-amber-700\/25 { --tw-ring-color: rgba(var(--status-warning-rgb), 0.25) !important; }
:root.dark .ring-black\/10 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .ring-black\/5 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.05) !important; }
:root.dark .ring-black\/\[0\.08\] { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.08) !important; }
:root.dark .ring-blue-200 { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-emerald-200\/50 { --tw-ring-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .ring-emerald-500\/30 { --tw-ring-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .ring-emerald-500\/50 { --tw-ring-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .ring-emerald-500\/55 { --tw-ring-color: rgba(var(--status-success-rgb), 0.55) !important; }
:root.dark .ring-gray-300 { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-green-500 { --tw-ring-color: rgba(var(--status-success-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-indigo-200\/60 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .ring-orange-200 { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-orange-500 { --tw-ring-color: rgba(var(--status-warning-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-orange-500\/25 { --tw-ring-color: rgba(var(--status-warning-rgb), 0.25) !important; }
:root.dark .ring-orange-500\/30 { --tw-ring-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .ring-orange-500\/40 { --tw-ring-color: rgba(var(--status-warning-rgb), 0.4) !important; }
:root.dark .ring-orange-500\/55 { --tw-ring-color: rgba(var(--status-warning-rgb), 0.55) !important; }
:root.dark .ring-purple-500 { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-purple-500\/10 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .ring-purple-500\/20 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .ring-purple-500\/25 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .ring-purple-500\/30 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .ring-red-500\/20 { --tw-ring-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .ring-rose-500\/20 { --tw-ring-color: rgba(var(--brand-coral-rgb), 0.2) !important; }
:root.dark .ring-sky-200\/50 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .ring-slate-200 { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-slate-200\/50 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .ring-slate-200\/60 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.6) !important; }
:root.dark .ring-violet-200\/50 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .ring-violet-500 { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-white { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .ring-white\/10 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .ring-white\/15 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.15) !important; }
:root.dark .ring-white\/20 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .ring-white\/25 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.25) !important; }
:root.dark .ring-white\/40 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
:root.dark .ring-white\/5 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.05) !important; }
:root.dark .ring-zinc-900\/5 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.05) !important; }
:root.dark .\[text-shadow\:0_2px_8px_rgba\(0\,0\,0\,0\.78\)\] { text-shadow: rgba(var(--bg-canvas-rgb), 0.78) 0px 2px 8px !important; }
:root.dark .text-gradient_indigo-purple { background-image: linear-gradient(90deg, var(--brand-primary), rgba(var(--brand-primary-rgb), 0.8)) !important; }
:root.dark .checkerboard { background-image: linear-gradient(45deg, var(--text-primary) 25%, transparent 0px, transparent 75%, var(--text-primary) 0px, var(--text-primary)), linear-gradient(45deg, var(--text-primary) 25%, var(--text-primary) 0px, var(--text-primary) 75%, var(--text-primary) 0px, var(--text-primary)) !important; }
:root.dark .apple-tag { background-color: rgba(var(--text-primary-rgb), 0.4) !important; box-shadow: rgba(var(--bg-canvas-rgb), 0.25) 0px 8px 16px !important; }
:root.dark .bg-pattern { background-image: linear-gradient(45deg, rgba(var(--text-primary-rgb), 0.1) 25%, transparent 0px, transparent 75%, rgba(var(--text-primary-rgb), 0.1) 0px, rgba(var(--text-primary-rgb), 0.1)), linear-gradient(45deg, rgba(var(--text-primary-rgb), 0.1) 25%, transparent 0px, transparent 75%, rgba(var(--text-primary-rgb), 0.1) 0px, rgba(var(--text-primary-rgb), 0.1)) !important; }
:root.dark .animated-gradient-border::before { background-image: conic-gradient(var(--status-error) 0deg, var(--brand-primary) 60deg, var(--brand-accent) 120deg, var(--brand-primary) 180deg, var(--brand-accent) 240deg, var(--brand-primary) 300deg, var(--status-error) 1turn) !important; }
:root.dark [data-state="active"].tab-trigger-animated::before { background-image: conic-gradient(var(--status-error) 0deg, var(--brand-primary) 60deg, var(--brand-accent) 120deg, var(--brand-primary) 180deg, var(--brand-accent) 240deg, var(--brand-primary) 300deg, var(--status-error) 1turn) !important; }
:root.dark [data-state="active"].tab-trigger-animated::after { background-color: var(--bg-canvas) !important; }
:root.dark [data-state="active"].tab-trigger-animated::after { background-color: var(--bg-surface) !important; }
:root.dark .btn-shimmer::after { background-image: linear-gradient(90deg, transparent, rgba(var(--text-primary-rgb), 0.2) 50%, transparent) !important; }
:root.dark .glass-card { background-color: rgba(var(--text-primary-rgb), 0.6) !important; border-top-color: rgba(255, 255, 255, 0.032) !important; border-right-color: rgba(255, 255, 255, 0.032) !important; border-bottom-color: rgba(255, 255, 255, 0.032) !important; border-left-color: rgba(255, 255, 255, 0.032) !important; }
:root.dark .glass-card { background-color: rgba(var(--bg-surface-rgb), 0.6) !important; border-top-color: rgba(255, 255, 255, 0.0064) !important; border-right-color: rgba(255, 255, 255, 0.0064) !important; border-bottom-color: rgba(255, 255, 255, 0.0064) !important; border-left-color: rgba(255, 255, 255, 0.0064) !important; }
:root.dark .text-gradient-orange { background-image: linear-gradient(135deg, var(--status-warning), var(--status-warning) 50%, var(--brand-primary)) !important; }
:root.dark .bg-grid,
:root.dark .bg-grid { background-image: linear-gradient(rgba(var(--brand-primary-rgb), 0.06) 1px, transparent 0px), linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.06) 1px, transparent 0px) !important; }
:root.dark .glow-border-indigo { box-shadow: rgba(var(--brand-primary-rgb), 0.3) 0px 0px 15px, rgba(var(--brand-primary-rgb), 0.1) 0px 0px 15px inset !important; }
:root.dark .glow-border-indigo:hover { box-shadow: rgba(var(--brand-primary-rgb), 0.5) 0px 0px 25px, rgba(var(--brand-primary-rgb), 0.15) 0px 0px 25px inset !important; }
:root.dark .text-glow { text-shadow: rgba(var(--brand-primary-rgb), 0.15) 0px 0px 30px, rgba(var(--brand-primary-rgb), 0.08) 0px 0px 60px !important; }
:root.dark .text-glow { text-shadow: rgba(var(--brand-primary-rgb), 0.5) 0px 0px 20px, rgba(var(--brand-primary-rgb), 0.2) 0px 0px 40px !important; }
:root.dark .text-glow-white { text-shadow: rgba(var(--text-primary-rgb), 0.3) 0px 0px 20px, rgba(var(--text-primary-rgb), 0.1) 0px 0px 40px !important; }
:root.dark .step-connector { background-image: linear-gradient(90deg, transparent, rgba(var(--brand-primary-rgb), 0.3), transparent) !important; }
:root.dark .card-beam::before { background-image: linear-gradient(105deg, transparent 40%, rgba(var(--brand-primary-rgb), 0.03) 45%, rgba(var(--brand-primary-rgb), 0.06) 50%, rgba(var(--brand-primary-rgb), 0.03) 55%, transparent 60%) !important; }
:root.dark .card-beam::before { background-image: linear-gradient(105deg, transparent 40%, rgba(var(--text-primary-rgb), 0.03) 45%, rgba(var(--text-primary-rgb), 0.06) 50%, rgba(var(--text-primary-rgb), 0.03) 55%, transparent 60%) !important; }
:root.dark .testimonial-card:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; box-shadow: rgba(var(--brand-primary-rgb), 0.08) 0px 0px 30px, rgba(var(--bg-canvas-rgb), 0.12) 0px 8px 32px !important; }
:root.dark .testimonial-card:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; box-shadow: rgba(var(--brand-primary-rgb), 0.12) 0px 0px 40px, rgba(var(--bg-canvas-rgb), 0.3) 0px 8px 32px !important; }
:root.dark .nav-active-indicator::before { background-image: linear-gradient(var(--status-warning), var(--status-warning)) !important; }
:root.dark ::-webkit-scrollbar-thumb { background-color: rgba(var(--text-primary-rgb), 0.3) !important; }
:root.dark ::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--text-primary-rgb), 0.5) !important; }
:root.dark ::-webkit-scrollbar-thumb { background-color: rgba(var(--text-primary-rgb), 0.2) !important; }
:root.dark ::-webkit-scrollbar-thumb:hover { background-color: rgba(var(--text-primary-rgb), 0.4) !important; }
@media (max-width: 767px) and (prefers-reduced-motion: no-preference) {
:root.dark [data-form-fill-flash] { outline-color: transparent !important; }
}
:root.dark .marker\:text-indigo-400 ::marker { color: var(--brand-primary) !important; }
:root.dark .marker\:text-indigo-400::marker { color: var(--brand-primary) !important; }
:root.dark .placeholder\:text-\[\#8b9a92\]::placeholder { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .placeholder\:text-slate-400::placeholder { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .before\:bg-gray-100::before { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .before\:bg-purple-500\/50::before { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .before\:text-slate-400::before { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .after\:bg-gray-200::after { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .open\:border-emerald-500\/40[open] { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .open\:border-indigo-500\/60[open] { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .open\:bg-indigo-500\/\[0\.06\][open] { background-color: rgba(var(--brand-primary-rgb), 0.06) !important; }
:root.dark .focus-within\:shadow-\[0_0_15px_rgba\(99\,102\,241\,0\.15\)\]:focus-within { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .focus-within\:shadow-\[0_0_20px_rgba\(239\,68\,68\,0\.15\)\]:focus-within { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .focus-within\:shadow-\[0_0_20px_rgba\(99\,102\,241\,0\.15\)\]:focus-within { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .focus-within\:shadow-lg:focus-within { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .focus-within\:shadow-xl:focus-within { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .focus-within\:shadow-indigo-500\/15:focus-within { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .focus-within\:shadow-slate-950\/20:focus-within { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .focus-within\:ring-1:focus-within { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-within\:ring-2:focus-within { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-within\:ring-4:focus-within { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-within\:ring-emerald-500:focus-within { --tw-ring-color: rgba(var(--status-success-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-within\:ring-indigo-500:focus-within { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-within\:ring-indigo-500\/10:focus-within { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .focus-within\:ring-indigo-500\/40:focus-within { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-amber-500\/20:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-amber-500\/40:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-black\/10:hover { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-black\/20:hover { border-top-color: rgba(255, 255, 255, 0.016) !important; border-right-color: rgba(255, 255, 255, 0.016) !important; border-bottom-color: rgba(255, 255, 255, 0.016) !important; border-left-color: rgba(255, 255, 255, 0.016) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-blue-400\/60:hover { border-top-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.6) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-blue-500\/30:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-emerald-400\/60:hover { border-top-color: rgba(var(--status-success-rgb), 0.6) !important; border-right-color: rgba(var(--status-success-rgb), 0.6) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.6) !important; border-left-color: rgba(var(--status-success-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-emerald-500\/30:hover { border-top-color: rgba(var(--status-success-rgb), 0.3) !important; border-right-color: rgba(var(--status-success-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.3) !important; border-left-color: rgba(var(--status-success-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-emerald-500\/40:hover { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-green-500\/30:hover { border-top-color: rgba(var(--status-success-rgb), 0.3) !important; border-right-color: rgba(var(--status-success-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.3) !important; border-left-color: rgba(var(--status-success-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-indigo-200\/60:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-indigo-500\/20:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-indigo-500\/30:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-indigo-500\/50:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-orange-500\/30:hover { border-top-color: rgba(var(--status-warning-rgb), 0.3) !important; border-right-color: rgba(var(--status-warning-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.3) !important; border-left-color: rgba(var(--status-warning-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-purple-400\/60:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-purple-500\/30:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-red-500\/40:hover { border-top-color: rgba(var(--status-error-rgb), 0.4) !important; border-right-color: rgba(var(--status-error-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.4) !important; border-left-color: rgba(var(--status-error-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-teal-500\/30:hover { border-top-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-violet-300\/50:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-violet-500\/30:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-white\/30:hover { border-top-color: rgba(255, 255, 255, 0.024) !important; border-right-color: rgba(255, 255, 255, 0.024) !important; border-bottom-color: rgba(255, 255, 255, 0.024) !important; border-left-color: rgba(255, 255, 255, 0.024) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-white\/40:hover { border-top-color: rgba(255, 255, 255, 0.032) !important; border-right-color: rgba(255, 255, 255, 0.032) !important; border-bottom-color: rgba(255, 255, 255, 0.032) !important; border-left-color: rgba(255, 255, 255, 0.032) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:border-white\/60:hover { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:\!bg-\[rgba\(124\,58\,237\,0\.94\)\]:hover { background-color: rgba(var(--brand-primary-rgb), 0.94) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#003087\]:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#004182\]:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#0077b5\]:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#166FE5\]:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#20BD5A\]:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#E03D00\]:hover { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[\#f2faf6\]:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-100:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-200\/70:hover { background-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-400:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-400\/10:hover { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-50:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-500\/10:hover { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-500\/20:hover { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-700:hover { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-amber-700\/10:hover { background-color: rgba(var(--status-warning-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/10:hover { background-color: rgba(var(--bg-canvas-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/30:hover { background-color: rgba(var(--bg-canvas-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/5:hover { background-color: rgba(var(--bg-canvas-rgb), 0.05) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/60:hover { background-color: rgba(var(--bg-canvas-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/65:hover { background-color: rgba(var(--bg-canvas-rgb), 0.65) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/70:hover { background-color: rgba(var(--bg-canvas-rgb), 0.7) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/75:hover { background-color: rgba(var(--bg-canvas-rgb), 0.75) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/80:hover { background-color: rgba(var(--bg-canvas-rgb), 0.8) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/90:hover { background-color: rgba(var(--bg-canvas-rgb), 0.9) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-black\/\[0\.02\]:hover { background-color: rgba(var(--bg-canvas-rgb), 0.02) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-100:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-200:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-50:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-500\/20:hover { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-600:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-600\/90:hover { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-blue-700:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-100:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-400:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-50:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-50\/50:hover { background-color: rgba(var(--status-success-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-500\/10:hover { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-600:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-700:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-emerald-800:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-gray-100:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-gray-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-gray-500\/10:hover { background-color: rgba(var(--bg-elevated-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-gray-800:hover { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-green-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-green-50\/50:hover { background-color: rgba(var(--text-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-green-500\/10:hover { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-green-600:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-green-700:hover { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-100:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-50:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-50\/50:hover { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-50\/60:hover { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-500\/5:hover { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-600:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-indigo-700:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-orange-50:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-orange-600:hover { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-orange-700:hover { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-pink-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-purple-100:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-purple-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-purple-500\/10:hover { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-purple-500\/20:hover { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-purple-700:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-red-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-red-500:hover { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-red-500\/10:hover { background-color: rgba(var(--status-error-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-red-600:hover { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-rose-100:hover { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-sky-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-slate-100:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-slate-100\/50:hover { background-color: rgba(var(--text-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-slate-200:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-slate-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-slate-800:hover { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-teal-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-teal-700:hover { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-teal-700\/10:hover { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-violet-100:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-violet-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-violet-600\/10:hover { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-violet-700:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/10:hover { background-color: rgba(var(--text-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/15:hover { background-color: rgba(var(--text-primary-rgb), 0.15) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/20:hover { background-color: rgba(var(--text-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/30:hover { background-color: rgba(var(--text-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/35:hover { background-color: rgba(var(--text-primary-rgb), 0.35) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/60:hover { background-color: rgba(var(--text-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/80:hover { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/90:hover { background-color: rgba(var(--text-primary-rgb), 0.9) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-white\/\[0\.11\]:hover { background-color: rgba(var(--text-primary-rgb), 0.11) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-yellow-400:hover { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-yellow-500\/10:hover { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-zinc-50:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-zinc-900:hover { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[linear-gradient\(90deg\,\#4338ca_0\%\,\#7c3aed_100\%\)\]:hover { background-image: linear-gradient(90deg, var(--brand-primary), var(--brand-primary)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:bg-\[linear-gradient\(90deg\,rgba\(79\,70\,229\,0\.16\)_0\%\,rgba\(139\,92\,246\,0\.20\)_100\%\)\]:hover { background-image: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0.2)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-amber-200:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-blue-500\/10:hover { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-blue-600:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-emerald-600:hover { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-green-600:hover { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-indigo-600:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-orange-500:hover { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-orange-600:hover { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-purple-600:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-purple-700:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-red-600:hover { --tw-gradient-from: var(--status-error) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:from-violet-600:hover { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:via-purple-500\/10:hover { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:via-purple-600:hover { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-amber-600:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-cyan-600:hover { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-indigo-600:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-orange-200:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-orange-600:hover { --tw-gradient-to: var(--status-warning) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-orange-700:hover { --tw-gradient-to: var(--status-warning) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-pink-500\/10:hover { --tw-gradient-to: rgba(var(--brand-coral-rgb), 0.1) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-pink-600:hover { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-pink-700:hover { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-purple-600:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-purple-700:hover { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-teal-600:hover { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:to-teal-700:hover { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:\!text-white:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-\[\#007a55\]:hover { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-amber-500:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-amber-600:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-amber-700:hover { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-amber-800:hover { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-amber-900:hover { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-black:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-blue-500:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-blue-700:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-blue-800:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-blue-900:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-emerald-500:hover { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-emerald-600:hover { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-emerald-700:hover { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-gray-900:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-green-500:hover { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-green-600:hover { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-indigo-500:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-indigo-600:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-indigo-700:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-indigo-900:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-purple-100:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-purple-200:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-purple-500:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-purple-600:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-purple-700:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-red-400:hover { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-red-600:hover { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-rose-700:hover { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-slate-100:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-slate-600:hover { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-slate-700:hover { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-slate-800:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-slate-900:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-teal-800:hover { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-violet-700:hover { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-white:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:text-white\/80:hover { color: rgba(var(--text-primary-rgb), 0.8) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-2xl:hover,
:root.dark .hover\:shadow-\[0_0_15px_rgba\(168\,85\,247\,0\.1\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_0_20px_rgba\(var\(--primary\)\,0\.3\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_0_25px_rgba\(99\,102\,241\,0\.08\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_0_30px_rgba\(99\,102\,241\,0\.1\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_0_30px_rgba\(99\,102\,241\,0\.15\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_0_40px_-10px_rgba\(249\,115\,22\,0\.6\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_4px_12px_rgba\(0\,0\,0\,0\.06\)\,0_24px_48px_-12px_rgba\(0\,0\,0\,0\.16\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[0_6px_24px_rgba\(168\,85\,247\,0\.14\)\]:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-\[inset_0_-5px_10px_\#8fdfff3f\]:hover,
:root.dark .hover\:shadow-lg:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-md:hover,
:root.dark .hover\:shadow-sm:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-xl:hover { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-amber-500\/30:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-blue-500\/30:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-emerald-500\/25:hover { --tw-shadow-color: rgba(var(--status-success-rgb), 0.25) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-emerald-500\/30:hover { --tw-shadow-color: rgba(var(--status-success-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-emerald-500\/35:hover { --tw-shadow-color: rgba(var(--status-success-rgb), 0.35) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-emerald-500\/40:hover { --tw-shadow-color: rgba(var(--status-success-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-green-500\/30:hover { --tw-shadow-color: rgba(var(--status-success-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-indigo-500\/10:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-indigo-500\/30:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-orange-500\/20:hover { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-orange-500\/30:hover { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-orange-500\/40:hover { --tw-shadow-color: rgba(var(--status-warning-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-purple-500\/10:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-purple-500\/20:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-purple-500\/30:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-purple-500\/35:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.35) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-purple-500\/40:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:shadow-slate-950\/20:hover { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:ring-2:hover { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:ring-indigo-500\/30:hover { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:ring-purple-500\/40:hover { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .hover\:before\:bg-gray-50:hover::before { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
:root.dark .focus\:border-blue-500\/70:focus { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .focus\:border-purple-500\/70:focus { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .focus\:bg-\[\#f2faf6\]:focus { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .focus\:bg-red-500\/10:focus { background-color: rgba(var(--status-error-rgb), 0.1) !important; }
:root.dark .focus\:text-red-600:focus { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .focus\:ring-1:focus,
:root.dark .focus\:ring-2:focus { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus\:ring-4:focus { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus\:ring-amber-500\/20:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .focus\:ring-blue-400\/40:focus { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
:root.dark .focus\:ring-blue-500\/20:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .focus\:ring-cyan-500\/20:focus { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .focus\:ring-emerald-400\/40:focus { --tw-ring-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .focus\:ring-emerald-500\/20:focus { --tw-ring-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .focus\:ring-emerald-500\/30:focus { --tw-ring-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .focus\:ring-green-400\/40:focus { --tw-ring-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .focus\:ring-purple-500:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus\:ring-purple-500\/15:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .focus\:ring-purple-500\/20:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .focus\:ring-purple-500\/30:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .focus\:ring-purple-500\/40:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .focus\:ring-violet-500\/20:focus { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .focus-visible\:\!bg-\[rgba\(124\,58\,237\,0\.94\)\]:focus-visible { background-color: rgba(var(--brand-primary-rgb), 0.94) !important; }
:root.dark .focus-visible\:\!text-white:focus-visible { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .focus-visible\:shadow-\[0_0_15px_rgba\(99\,102\,241\,0\.25\)\]:focus-visible { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .focus-visible\:outline-\[\#aae9ba\]:focus-visible { outline-color: var(--status-success) !important; }
:root.dark .focus-visible\:outline-white:focus-visible { outline-color: var(--brand-accent) !important; }
:root.dark .focus-visible\:ring-0:focus-visible { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-visible\:ring-1:focus-visible { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-visible\:ring-2:focus-visible { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-visible\:ring-amber-400:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-amber-400\/20:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .focus-visible\:ring-amber-500:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-amber-500\/70:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .focus-visible\:ring-amber-700:focus-visible { --tw-ring-color: rgba(var(--status-warning-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-emerald-500:focus-visible { --tw-ring-color: rgba(var(--status-success-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-emerald-500\/30:focus-visible { --tw-ring-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .focus-visible\:ring-emerald-500\/70:focus-visible { --tw-ring-color: rgba(var(--status-success-rgb), 0.7) !important; }
:root.dark .focus-visible\:ring-green-500:focus-visible { --tw-ring-color: rgba(var(--status-success-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-indigo-400:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-indigo-500:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-orange-500\/20:focus-visible { --tw-ring-color: rgba(var(--status-warning-rgb), 0.2) !important; }
:root.dark .focus-visible\:ring-purple-500:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-purple-500\/50:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .focus-visible\:ring-red-400:focus-visible { --tw-ring-color: rgba(var(--status-error-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-teal-700:focus-visible { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-violet-200:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-violet-300:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-violet-500:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-violet-600:focus-visible { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-white:focus-visible { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .focus-visible\:ring-white\/80:focus-visible { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.8) !important; }
:root.dark .focus-visible\:ring-offset-black:focus-visible { --tw-ring-offset-color: var(--bg-canvas) !important; }
:root.dark .focus-visible\:ring-offset-emerald-600:focus-visible { --tw-ring-offset-color: var(--status-success) !important; }
:root.dark .focus-visible\:ring-offset-slate-950:focus-visible { --tw-ring-offset-color: var(--brand-primary) !important; }
:root.dark .focus-visible\:before\:ring-2:focus-visible::before { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-visible\:after\:ring-2:focus-visible::after { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .focus-visible\:after\:ring-purple-500:focus-visible::after { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .active\:bg-cyan-100\/60:active { background-color: rgba(var(--brand-accent-rgb), 0.6) !important; }
:root.dark .active\:bg-purple-100:active { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .active\:bg-purple-200:active { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .active\:bg-purple-500\/15:active { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .active\:bg-purple-700:active { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .active\:bg-slate-100:active { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .active\:bg-slate-200:active { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .active\:bg-slate-50:active { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .active\:text-purple-700:active { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .active\:text-purple-800:active { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .active\:text-slate-600:active { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .active\:text-slate-700:active { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .disabled\:bg-gray-50:disabled { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .disabled\:bg-indigo-200:disabled { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .disabled\:text-indigo-700:disabled { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .disabled\:shadow-none:disabled { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .group[open] .group-open\:text-emerald-600 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .group-open\:text-emerald-700 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .group-open\:text-indigo-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .group-open\:text-violet-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .group-open\:text-violet-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group\/search:focus-within .group-focus-within\/search\:text-indigo-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group:focus-within .group-focus-within\:text-emerald-500 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-blue-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-emerald-500\/50 { border-top-color: rgba(var(--status-success-rgb), 0.5) !important; border-right-color: rgba(var(--status-success-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.5) !important; border-left-color: rgba(var(--status-success-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-indigo-300\/40 { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-indigo-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-orange-500\/50 { border-top-color: rgba(var(--status-warning-rgb), 0.5) !important; border-right-color: rgba(var(--status-warning-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.5) !important; border-left-color: rgba(var(--status-warning-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-purple-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-teal-500\/50 { border-top-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:border-violet-500\/50 { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group\/badge:hover .group-hover\/badge\:bg-purple-500\/50 { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-black\/10 { background-color: rgba(var(--bg-canvas-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-black\/30 { background-color: rgba(var(--bg-canvas-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-black\/40 { background-color: rgba(var(--bg-canvas-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-blue-200 { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-emerald-200 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-gray-300 { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-gray-700 { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-indigo-200 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-indigo-600\/90 { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-orange-200 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-purple-200 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-teal-200 { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-violet-200 { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:bg-yellow-500\/10 { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:from-indigo-500\/20 { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:to-purple-500\/10 { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:fill-amber-400 { fill: var(--brand-primary) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group\/badge:hover .group-hover\/badge\:text-white { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-amber-400 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-blue-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-blue-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-blue-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-emerald-500 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-emerald-600 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-emerald-700 { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-gray-700 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-indigo-400\/50 { color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-indigo-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-indigo-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-indigo-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-orange-500 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-orange-600 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-orange-700 { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-purple-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-purple-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-purple-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-teal-500 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-teal-600 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-teal-700 { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-violet-500 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-violet-600 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-violet-700 { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-white { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:text-zinc-700 { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group\/badge:hover .group-hover\/badge\:shadow-\[0_0_12px_rgba\(168\,85\,247\,0\.4\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group\/prompt:hover .group-hover\/prompt\:shadow-sm { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group\/ref:hover .group-hover\/ref\:shadow-md { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:shadow-\[inset_0_-6px_10px_\#ffffff3f\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .group-hover\:ring-indigo-500\/30 { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
:root.dark .group:active .group-active\:shadow-\[inset_0_-10px_10px_\#ffffff3f\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .group.destructive .group-\[\.destructive\]\:text-red-300 { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group.toaster .group-\[\.toaster\]\:shadow-lg { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .group.destructive .group-\[\.destructive\]\:hover\:text-red-50:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
:root.dark .group.destructive .group-\[\.destructive\]\:focus\:ring-red-400:focus { --tw-ring-color: rgba(var(--status-error-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .group.destructive .group-\[\.destructive\]\:focus\:ring-offset-red-600:focus { --tw-ring-offset-color: var(--status-error) !important; }
:root.dark .peer:focus-visible ~ .peer-focus-visible\:ring-2 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .peer:focus-visible ~ .peer-focus-visible\:ring-indigo-500 { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .has-\[input\:focus-visible\]\:ring-2:has(input:focus-visible) { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .data-\[state\=active\]\:bg-amber-700[data-state="active"] { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=active\]\:bg-black[data-state="active"] { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=active\]\:bg-purple-600[data-state="active"] { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=active\]\:bg-teal-700[data-state="active"] { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=active\]\:bg-violet-600[data-state="active"] { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=active\]\:bg-white[data-state="active"] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=checked\]\:bg-emerald-500[data-state="checked"] { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=checked\]\:bg-violet-500[data-state="checked"] { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .data-\[state\=open\]\:bg-violet-50\/40[data-state="open"] { background-color: rgba(var(--text-primary-rgb), 0.4) !important; }
:root.dark .data-\[state\=active\]\:text-white[data-state="active"] { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .data-\[drag-over\]\:shadow-lg[data-drag-over],
:root.dark .data-\[state\=active\]\:shadow[data-state="active"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .data-\[state\=active\]\:shadow-\[0_4px_14px_rgba\(124\,58\,237\,0\.32\)\][data-state="active"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .data-\[state\=active\]\:shadow-\[0_4px_14px_rgba\(15\,118\,110\,0\.32\)\][data-state="active"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .data-\[state\=active\]\:shadow-\[0_4px_14px_rgba\(180\,83\,9\,0\.32\)\][data-state="active"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .data-\[state\=active\]\:shadow-none[data-state="active"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .data-\[state\=active\]\:shadow-sm[data-state="active"],
:root.dark .data-\[state\=open\]\:shadow-sm[data-state="open"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .data-\[drag-over\]\:shadow-indigo-500\/25[data-drag-over] { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .data-\[drag-over\]\:ring-2[data-drag-over] { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .data-\[state\=open\]\:ring-1[data-state="open"] { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .data-\[state\=open\]\:ring-2[data-state="open"] { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .data-\[drag-over\]\:ring-indigo-400\/60[data-drag-over] { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .data-\[state\=open\]\:ring-purple-500\/40[data-state="open"] { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:divide-white\/10:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
:root.dark .dark\:\!border-\[rgba\(221\,214\,254\,0\.20\)\]:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:\!border-blue-400\/40:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
:root.dark .dark\:\!border-green-400\/40:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .dark\:\!border-purple-500\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:\!border-red-400\/40:is(.dark *) { border-top-color: rgba(var(--status-error-rgb), 0.4) !important; border-right-color: rgba(var(--status-error-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.4) !important; border-left-color: rgba(var(--status-error-rgb), 0.4) !important; }
:root.dark .dark\:\!border-yellow-400\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-\[rgba\(255\,255\,255\,0\.16\)\]:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.0128) !important; border-right-color: rgba(255, 255, 255, 0.0128) !important; border-bottom-color: rgba(255, 255, 255, 0.0128) !important; border-left-color: rgba(255, 255, 255, 0.0128) !important; }
:root.dark .dark\:border-amber-300\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-amber-400\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-amber-500\/15:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:border-amber-500\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-amber-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-amber-700\/50:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.5) !important; border-right-color: rgba(var(--status-warning-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.5) !important; border-left-color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .dark\:border-amber-800\/40:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.4) !important; border-right-color: rgba(var(--status-warning-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.4) !important; border-left-color: rgba(var(--status-warning-rgb), 0.4) !important; }
:root.dark .dark\:border-amber-900\/30:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.3) !important; border-right-color: rgba(var(--status-warning-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.3) !important; border-left-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:border-amber-900\/50:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.5) !important; border-right-color: rgba(var(--status-warning-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.5) !important; border-left-color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .dark\:border-blue-400\/20:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:border-blue-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-blue-800\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-blue-800\/50:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:border-blue-900\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-cyan-300\/20:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:border-cyan-300\/40:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.4) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
:root.dark .dark\:border-cyan-500\/20:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.2) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:border-cyan-900\/30:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.3) !important; }
:root.dark .dark\:border-emerald-400\/20:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.2) !important; border-right-color: rgba(var(--status-success-rgb), 0.2) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.2) !important; border-left-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:border-emerald-500\/30:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.3) !important; border-right-color: rgba(var(--status-success-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.3) !important; border-left-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .dark\:border-emerald-800\/40:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .dark\:border-emerald-900\/50:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.5) !important; border-right-color: rgba(var(--status-success-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.5) !important; border-left-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .dark\:border-indigo-300\/15:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:border-indigo-300\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-indigo-300\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-indigo-400\/15:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.15) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:border-indigo-400\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-indigo-400\/25:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.25) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .dark\:border-indigo-400\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-indigo-500\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-indigo-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-indigo-500\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-orange-400\/25:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.25) !important; border-right-color: rgba(var(--status-warning-rgb), 0.25) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.25) !important; border-left-color: rgba(var(--status-warning-rgb), 0.25) !important; }
:root.dark .dark\:border-orange-500\/30:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.3) !important; border-right-color: rgba(var(--status-warning-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.3) !important; border-left-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:border-orange-800\/50:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.5) !important; border-right-color: rgba(var(--status-warning-rgb), 0.5) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.5) !important; border-left-color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .dark\:border-orange-900\/30:is(.dark *) { border-top-color: rgba(var(--status-warning-rgb), 0.3) !important; border-right-color: rgba(var(--status-warning-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-warning-rgb), 0.3) !important; border-left-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:border-pink-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-coral-rgb), 0.3) !important; border-right-color: rgba(var(--brand-coral-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-coral-rgb), 0.3) !important; border-left-color: rgba(var(--brand-coral-rgb), 0.3) !important; }
:root.dark .dark\:border-purple-400\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-purple-400\/60:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:border-purple-400\/80:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.8) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:border-purple-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-purple-500\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-purple-700\/60:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:border-purple-800\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-purple-800\/50:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:border-red-400\/20:is(.dark *) { border-top-color: rgba(var(--status-error-rgb), 0.2) !important; border-right-color: rgba(var(--status-error-rgb), 0.2) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.2) !important; border-left-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .dark\:border-red-500\/30:is(.dark *) { border-top-color: rgba(var(--status-error-rgb), 0.3) !important; border-right-color: rgba(var(--status-error-rgb), 0.3) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.3) !important; border-left-color: rgba(var(--status-error-rgb), 0.3) !important; }
:root.dark .dark\:border-red-800\/70:is(.dark *) { border-top-color: rgba(var(--status-error-rgb), 0.7) !important; border-right-color: rgba(var(--status-error-rgb), 0.7) !important; border-bottom-color: rgba(var(--status-error-rgb), 0.7) !important; border-left-color: rgba(var(--status-error-rgb), 0.7) !important; }
:root.dark .dark\:border-sky-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.3) !important; }
:root.dark .dark\:border-slate-600\/60:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
:root.dark .dark\:border-slate-700\/60:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
:root.dark .dark\:border-slate-700\/70:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.056) !important; border-right-color: rgba(255, 255, 255, 0.056) !important; border-bottom-color: rgba(255, 255, 255, 0.056) !important; border-left-color: rgba(255, 255, 255, 0.056) !important; }
:root.dark .dark\:border-slate-700\/80:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.064) !important; border-right-color: rgba(255, 255, 255, 0.064) !important; border-bottom-color: rgba(255, 255, 255, 0.064) !important; border-left-color: rgba(255, 255, 255, 0.064) !important; }
:root.dark .dark\:border-teal-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.3) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.3) !important; }
:root.dark .dark\:border-violet-500\/20:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.2) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:border-violet-500\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-violet-500\/40:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:border-violet-500\/70:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:border-violet-900\/30:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:border-white\/10:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
:root.dark .dark\:border-white\/5:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.004) !important; border-right-color: rgba(255, 255, 255, 0.004) !important; border-bottom-color: rgba(255, 255, 255, 0.004) !important; border-left-color: rgba(255, 255, 255, 0.004) !important; }
:root.dark .dark\:border-white\/\[0\.06\]:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.0048) !important; border-right-color: rgba(255, 255, 255, 0.0048) !important; border-bottom-color: rgba(255, 255, 255, 0.0048) !important; border-left-color: rgba(255, 255, 255, 0.0048) !important; }
:root.dark .dark\:border-white\/\[0\.08\]:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.0064) !important; border-right-color: rgba(255, 255, 255, 0.0064) !important; border-bottom-color: rgba(255, 255, 255, 0.0064) !important; border-left-color: rgba(255, 255, 255, 0.0064) !important; }
:root.dark .dark\:border-zinc-700\/50:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.04) !important; border-right-color: rgba(255, 255, 255, 0.04) !important; border-bottom-color: rgba(255, 255, 255, 0.04) !important; border-left-color: rgba(255, 255, 255, 0.04) !important; }
:root.dark .dark\:border-zinc-700\/60:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
:root.dark .dark\:border-zinc-700\/70:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.056) !important; border-right-color: rgba(255, 255, 255, 0.056) !important; border-bottom-color: rgba(255, 255, 255, 0.056) !important; border-left-color: rgba(255, 255, 255, 0.056) !important; }
:root.dark .dark\:border-zinc-700\/80:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.064) !important; border-right-color: rgba(255, 255, 255, 0.064) !important; border-bottom-color: rgba(255, 255, 255, 0.064) !important; border-left-color: rgba(255, 255, 255, 0.064) !important; }
:root.dark .dark\:border-zinc-800\/60:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.048) !important; border-right-color: rgba(255, 255, 255, 0.048) !important; border-bottom-color: rgba(255, 255, 255, 0.048) !important; border-left-color: rgba(255, 255, 255, 0.048) !important; }
:root.dark .dark\:\!bg-\[rgba\(24\,16\,42\,0\.38\)\]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.38) !important; }
:root.dark .dark\:\!bg-slate-950:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#020403\]:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#0b100e\]:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#103027\]:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#111816\]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#141418\]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#18100c\]\/50:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.5) !important; }
:root.dark .dark\:bg-\[\#181a1f\]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#1e1e1c\]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#202329\]:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#252523\]:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#29201f\]:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#2b2f36\]:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#3ee8ad\]:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-\[\#492925\]:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-amber-300\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-amber-400:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-amber-400\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-amber-400\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-amber-500\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-amber-500\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-amber-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-amber-600:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-amber-800\/70:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.7) !important; }
:root.dark .dark\:bg-amber-900\/15:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.15) !important; }
:root.dark .dark\:bg-amber-900\/20:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.2) !important; }
:root.dark .dark\:bg-amber-900\/30:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:bg-amber-900\/50:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.5) !important; }
:root.dark .dark\:bg-amber-950:is(.dark *) { background-color: rgba(var(--status-warning-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-amber-950\/20:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.2) !important; }
:root.dark .dark\:bg-amber-950\/25:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.25) !important; }
:root.dark .dark\:bg-amber-950\/30:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:bg-amber-950\/40:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.4) !important; }
:root.dark .dark\:bg-black:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-black\/20:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.2) !important; }
:root.dark .dark\:bg-black\/30:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.3) !important; }
:root.dark .dark\:bg-black\/40:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.4) !important; }
:root.dark .dark\:bg-black\/50:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.5) !important; }
:root.dark .dark\:bg-black\/70:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.7) !important; }
:root.dark .dark\:bg-black\/80:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.8) !important; }
:root.dark .dark\:bg-blue-400\/10:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:bg-blue-500:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-blue-500\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-blue-500\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-blue-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-blue-900:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-blue-900\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-blue-900\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-blue-900\/40:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:bg-blue-950:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-blue-950\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-blue-950\/70:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:bg-blue-950\/90:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.9) !important; }
:root.dark .dark\:bg-cyan-300\/10:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:bg-cyan-500\/15:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.15) !important; }
:root.dark .dark\:bg-cyan-500\/20:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:bg-cyan-500\/\[0\.06\]:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.06) !important; }
:root.dark .dark\:bg-cyan-500\/\[0\.07\]:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.07) !important; }
:root.dark .dark\:bg-cyan-900\/20:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:bg-cyan-900\/50:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .dark\:bg-emerald-400:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-emerald-400\/10:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
:root.dark .dark\:bg-emerald-500:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-emerald-500\/10:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
:root.dark .dark\:bg-emerald-500\/15:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.15) !important; }
:root.dark .dark\:bg-emerald-500\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:bg-emerald-500\/50:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .dark\:bg-emerald-600:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-emerald-900\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:bg-emerald-900\/30:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .dark\:bg-emerald-900\/40:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .dark\:bg-emerald-900\/50:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.5) !important; }
:root.dark .dark\:bg-emerald-950:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-emerald-950\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:bg-emerald-950\/30:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .dark\:bg-emerald-950\/40:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .dark\:bg-emerald-950\/60:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.6) !important; }
:root.dark .dark\:bg-fuchsia-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-fuchsia-950\/60:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:bg-gray-500:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-gray-700:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-gray-800:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-green-400\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:bg-green-500\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:bg-green-900\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
:root.dark .dark\:bg-green-900\/30:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .dark\:bg-indigo-300\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-indigo-300\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-indigo-300\/\[0\.06\]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.06) !important; }
:root.dark .dark\:bg-indigo-400:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-indigo-400\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-indigo-400\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-indigo-400\/25:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .dark\:bg-indigo-400\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-indigo-400\/\[0\.06\]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.06) !important; }
:root.dark .dark\:bg-indigo-500:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-indigo-500\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-indigo-500\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-indigo-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-indigo-500\/25:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .dark\:bg-indigo-900\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-indigo-900\/50:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:bg-indigo-900\/80:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:bg-indigo-950\/40:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:bg-indigo-950\/60:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:bg-orange-400\/20:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.2) !important; }
:root.dark .dark\:bg-orange-500\/10:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.1) !important; }
:root.dark .dark\:bg-orange-500\/15:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.15) !important; }
:root.dark .dark\:bg-orange-500\/20:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.2) !important; }
:root.dark .dark\:bg-orange-900\/10:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.1) !important; }
:root.dark .dark\:bg-orange-900\/30:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:bg-orange-950\/30:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:bg-pink-500\/10:is(.dark *) { background-color: rgba(var(--brand-coral-rgb), 0.1) !important; }
:root.dark .dark\:bg-pink-500\/15:is(.dark *) { background-color: rgba(var(--brand-coral-rgb), 0.15) !important; }
:root.dark .dark\:bg-pink-500\/20:is(.dark *) { background-color: rgba(var(--brand-coral-rgb), 0.2) !important; }
:root.dark .dark\:bg-purple-400:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-purple-500:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-purple-500\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-purple-500\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-purple-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-purple-500\/50:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:bg-purple-600:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-purple-800\/80:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:bg-purple-900\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-purple-900\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-purple-900\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-purple-900\/40:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:bg-purple-900\/50:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:bg-purple-900\/60:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:bg-purple-950\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-purple-950\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-red-400\/10:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.1) !important; }
:root.dark .dark\:bg-red-500\/10:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.1) !important; }
:root.dark .dark\:bg-red-500\/20:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .dark\:bg-red-600:is(.dark *) { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-red-900\/20:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.2) !important; }
:root.dark .dark\:bg-red-900\/30:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.3) !important; }
:root.dark .dark\:bg-red-950:is(.dark *) { background-color: rgba(var(--status-error-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-red-950\/30:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.3) !important; }
:root.dark .dark\:bg-red-950\/40:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.4) !important; }
:root.dark .dark\:bg-rose-950:is(.dark *) { background-color: rgba(var(--brand-coral-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-rose-950\/30:is(.dark *) { background-color: rgba(var(--brand-coral-rgb), 0.3) !important; }
:root.dark .dark\:bg-sky-400:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-sky-500\/10:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:bg-sky-500\/15:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.15) !important; }
:root.dark .dark\:bg-sky-500\/20:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:bg-sky-900\/20:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:bg-slate-50:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-slate-600:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-slate-600\/60:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.6) !important; }
:root.dark .dark\:bg-slate-700:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-slate-800:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-slate-800\/30:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.3) !important; }
:root.dark .dark\:bg-slate-800\/40:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.4) !important; }
:root.dark .dark\:bg-slate-800\/50:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.5) !important; }
:root.dark .dark\:bg-slate-800\/90:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.9) !important; }
:root.dark .dark\:bg-slate-900:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-slate-900\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-slate-900\/50:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:bg-slate-900\/80:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:bg-slate-950:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-slate-950\/60:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:bg-slate-950\/70:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:bg-slate-950\/80:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:bg-stone-800:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-teal-400:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-teal-400\/10:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:bg-teal-400\/15:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.15) !important; }
:root.dark .dark\:bg-teal-500\/10:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:bg-teal-500\/15:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.15) !important; }
:root.dark .dark\:bg-teal-500\/20:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:bg-violet-400:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-violet-400\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-violet-500:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-violet-500\/10:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-violet-500\/15:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:bg-violet-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-violet-500\/5:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; }
:root.dark .dark\:bg-violet-600:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-violet-900\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-violet-900\/60:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:bg-violet-950\/30:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:bg-violet-950\/40:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:bg-violet-950\/60:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:bg-white:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-white\/10:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.1) !important; }
:root.dark .dark\:bg-white\/5:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.05) !important; }
:root.dark .dark\:bg-white\/\[0\.03\]:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.03) !important; }
:root.dark .dark\:bg-white\/\[0\.04\]:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.04) !important; }
:root.dark .dark\:bg-white\/\[0\.05\]:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.05) !important; }
:root.dark .dark\:bg-white\/\[0\.06\]:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.06) !important; }
:root.dark .dark\:bg-yellow-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:bg-zinc-600:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-zinc-700:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-zinc-700\/60:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.6) !important; }
:root.dark .dark\:bg-zinc-800:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-zinc-800\/40:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.4) !important; }
:root.dark .dark\:bg-zinc-800\/50:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.5) !important; }
:root.dark .dark\:bg-zinc-800\/60:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.6) !important; }
:root.dark .dark\:bg-zinc-800\/70:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.7) !important; }
:root.dark .dark\:bg-zinc-800\/80:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.8) !important; }
:root.dark .dark\:bg-zinc-800\/90:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.9) !important; }
:root.dark .dark\:bg-zinc-900:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-zinc-900\/30:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.3) !important; }
:root.dark .dark\:bg-zinc-900\/35:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.35) !important; }
:root.dark .dark\:bg-zinc-900\/50:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.5) !important; }
:root.dark .dark\:bg-zinc-900\/60:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.6) !important; }
:root.dark .dark\:bg-zinc-900\/70:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.7) !important; }
:root.dark .dark\:bg-zinc-900\/80:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.8) !important; }
:root.dark .dark\:bg-zinc-900\/90:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.9) !important; }
:root.dark .dark\:bg-zinc-900\/95:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.95) !important; }
:root.dark .dark\:bg-zinc-950:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:bg-zinc-950\/70:is(.dark *) { background-color: rgba(var(--bg-canvas-rgb), 0.7) !important; }
:root.dark .dark\:bg-\[linear-gradient\(180deg\,\#20252d_0\%\,\#191c21_18\%\,\#171a1f_100\%\)\]:is(.dark *) { background-image: linear-gradient(var(--bg-canvas), var(--bg-canvas) 18%, var(--bg-canvas)) !important; }
:root.dark .dark\:bg-\[linear-gradient\(90deg\,rgba\(79\,70\,229\,0\.24\)_0\%\,rgba\(139\,92\,246\,0\.24\)_100\%\)\]:is(.dark *) { background-image: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.24), rgba(var(--brand-primary-rgb), 0.24)) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(139\,92\,246\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(16\,185\,129\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--status-success-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(168\,85\,247\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(20\,184\,166\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--brand-accent-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(249\,115\,22\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--status-warning-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(59\,130\,246\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top\,rgba\(99\,102\,241\,0\.4\)\,transparent_60\%\)\]:is(.dark *) { background-image: radial-gradient(circle at center top, rgba(var(--brand-primary-rgb), 0.4), transparent 60%) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top_left\,rgba\(99\,102\,241\,0\.20\)\,transparent_36\%\)\,linear-gradient\(135deg\,rgba\(79\,70\,229\,0\.16\)\,rgba\(139\,92\,246\,0\.12\)\)\]:is(.dark *) { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.2), transparent 36%), linear-gradient(135deg, rgba(var(--brand-primary-rgb), 0.16), rgba(var(--brand-primary-rgb), 0.12)) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top_left\,rgba\(99\,102\,241\,0\.22\)\,transparent_34\%\)\,radial-gradient\(circle_at_82\%_8\%\,rgba\(139\,92\,246\,0\.16\)\,transparent_32\%\)\,linear-gradient\(180deg\,rgba\(2\,6\,23\,0\.98\)\,rgba\(30\,27\,75\,0\.36\)\)\]:is(.dark *) { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.22), transparent 34%), radial-gradient(circle at 82% 8%, rgba(var(--brand-primary-rgb), 0.16), transparent 32%), linear-gradient(rgba(var(--brand-primary-rgb), 0.98), rgba(var(--brand-primary-rgb), 0.36)) !important; }
:root.dark .dark\:bg-\[radial-gradient\(circle_at_top_left\,rgba\(99\,102\,241\,0\.24\)\,transparent_34\%\)\,radial-gradient\(circle_at_82\%_8\%\,rgba\(139\,92\,246\,0\.18\)\,transparent_32\%\)\,linear-gradient\(180deg\,rgba\(2\,6\,23\,0\.98\)\,rgba\(30\,27\,75\,0\.42\)\)\]:is(.dark *) { background-image: radial-gradient(circle at left top, rgba(var(--brand-primary-rgb), 0.24), transparent 34%), radial-gradient(circle at 82% 8%, rgba(var(--brand-primary-rgb), 0.18), transparent 32%), linear-gradient(rgba(var(--brand-primary-rgb), 0.98), rgba(var(--brand-primary-rgb), 0.42)) !important; }
:root.dark .dark\:from-amber-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-amber-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-amber-900\/30:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.3) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-amber-950:is(.dark *) { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-amber-950\/20:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-amber-950\/40:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-amber-950\/70:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.7) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-black\/40:is(.dark *) { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-blue-400:is(.dark *) { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-blue-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-blue-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-blue-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-blue-950\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-cyan-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-cyan-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-emerald-400:is(.dark *) { --tw-gradient-from: var(--status-success) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-emerald-500\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-success-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-emerald-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-success-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-emerald-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--status-success-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-emerald-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--status-success-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-emerald-950\/20:is(.dark *) { --tw-gradient-from: rgba(var(--status-success-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-fuchsia-600:is(.dark *) { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-fuchsia-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-green-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-success-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-400:is(.dark *) { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-500:is(.dark *) { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-900\/70:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.7) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-indigo-950\/45:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.45) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-orange-400:is(.dark *) { --tw-gradient-from: var(--status-warning) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-orange-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-orange-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-orange-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-pink-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-coral-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-400:is(.dark *) { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-500\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-900\/30:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.3) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-950\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-950\/30:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.3) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-purple-950\/60:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.6) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-red-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-error-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-sky-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-sky-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-slate-800:is(.dark *) { --tw-gradient-from: var(--bg-canvas) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-slate-950:is(.dark *) { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-teal-400:is(.dark *) { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-teal-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-teal-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-teal-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--brand-accent-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-violet-400:is(.dark *) { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-violet-500\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-violet-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-violet-900\/20:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-violet-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-violet-950\/30:is(.dark *) { --tw-gradient-from: rgba(var(--brand-primary-rgb), 0.3) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-white:is(.dark *) { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-white\/5:is(.dark *) { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.05) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-white\/\[0\.04\]:is(.dark *) { --tw-gradient-from: rgba(var(--text-primary-rgb), 0.04) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-yellow-900\/10:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.1) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-zinc-800:is(.dark *) { --tw-gradient-from: var(--bg-canvas) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-zinc-800\/50:is(.dark *) { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-zinc-900:is(.dark *) { --tw-gradient-from: var(--bg-canvas) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-zinc-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:from-zinc-900\/50:is(.dark *) { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.5) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .dark\:via-\[\#2a1a06\]:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-blue-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-cyan-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-emerald-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-success) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-emerald-400\/40:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--status-success-rgb), 0.4) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-emerald-500\/50:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--status-success-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-fuchsia-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-indigo-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-indigo-950\/20:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-orange-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-orange-950\/20:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--status-warning-rgb), 0.2) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-pink-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),#FB7185 var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-purple-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-purple-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-purple-500\/50:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-red-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-error) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-slate-950:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-teal-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--status-success) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-teal-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-accent) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-violet-200:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-violet-400:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--brand-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-violet-500\/50:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--brand-primary-rgb), 0.5) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-zinc-700:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--text-primary) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-zinc-950:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),var(--bg-canvas) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:via-zinc-950\/70:is(.dark *) { --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from),rgba(var(--bg-canvas-rgb), 0.7) var(--tw-gradient-via-position),var(--tw-gradient-to) !important; }
:root.dark .dark\:to-\[\#1d1204\]:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-amber-900\/10:is(.dark *) { --tw-gradient-to: rgba(var(--status-warning-rgb), 0.1) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-black:is(.dark *) { --tw-gradient-to: var(--bg-canvas) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-black\/30:is(.dark *) { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-black\/40:is(.dark *) { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.4) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-blue-400:is(.dark *) { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-emerald-400:is(.dark *) { --tw-gradient-to: var(--status-success) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-fuchsia-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-gray-400:is(.dark *) { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-indigo-400:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-indigo-900\/30:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-indigo-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-indigo-950\/30:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-orange-400:is(.dark *) { --tw-gradient-to: var(--status-warning) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-orange-900\/30:is(.dark *) { --tw-gradient-to: rgba(var(--status-warning-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-orange-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--status-warning-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-orange-950\/70:is(.dark *) { --tw-gradient-to: rgba(var(--status-warning-rgb), 0.7) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-pink-900\/30:is(.dark *) { --tw-gradient-to: rgba(var(--brand-coral-rgb), 0.3) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-pink-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--brand-coral-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-purple-400:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-purple-600:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-purple-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-red-400:is(.dark *) { --tw-gradient-to: var(--status-error) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-slate-700:is(.dark *) { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-slate-900:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-slate-900\/10:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.1) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-teal-400:is(.dark *) { --tw-gradient-to: var(--brand-accent) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-teal-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--brand-accent-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-violet-400:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-violet-500:is(.dark *) { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-violet-900\/60:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.6) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-violet-950\/20:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.2) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-violet-950\/35:is(.dark *) { --tw-gradient-to: rgba(var(--brand-primary-rgb), 0.35) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-white:is(.dark *) { --tw-gradient-to: var(--text-primary) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-white\/\[0\.01\]:is(.dark *) { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.01) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-zinc-800:is(.dark *) { --tw-gradient-to: var(--bg-canvas) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-zinc-800\/90:is(.dark *) { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.9) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-zinc-900:is(.dark *) { --tw-gradient-to: var(--bg-canvas) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-zinc-900\/50:is(.dark *) { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.5) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:to-zinc-950\/60:is(.dark *) { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.6) var(--tw-gradient-to-position) !important; }
:root.dark .dark\:fill-slate-800:is(.dark *) { fill: var(--text-primary) !important; }
:root.dark .dark\:stroke-black:is(.dark *) { stroke: var(--text-primary) !important; }
:root.dark .dark\:\!text-\[\#faf8ff\]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\!text-blue-400:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\!text-green-400:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\!text-red-400:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\!text-slate-100:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\!text-yellow-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#06110d\]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#3ee8ad\]:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#6b6b76\]:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#9facaa\]:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#a78bfa\]:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#b4bac3\]:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#b7c1ad\]:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#d3d6db\]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#f4faf7\]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-\[\#ffc1b5\]:is(.dark *) { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-amber-100:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-amber-100\/70:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:text-amber-200:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-amber-200\/40:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:text-amber-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-amber-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-amber-400\/70:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:text-amber-400\/80:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:text-amber-50:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-black:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-blue-100:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-blue-200:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-blue-300:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-blue-400:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-blue-400\/70:is(.dark *) { color: rgba(var(--brand-accent-rgb), 0.7) !important; }
:root.dark .dark\:text-cyan-100:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-cyan-200:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-cyan-300:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-cyan-400:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-cyan-400\/80:is(.dark *) { color: rgba(var(--brand-accent-rgb), 0.8) !important; }
:root.dark .dark\:text-cyan-50:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-emerald-100:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-emerald-200:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-emerald-300:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-emerald-400:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-emerald-400\/60:is(.dark *) { color: rgba(var(--status-success-rgb), 0.6) !important; }
:root.dark .dark\:text-emerald-950:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-fuchsia-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-fuchsia-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-gray-200:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-gray-400:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-gray-500:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-green-300:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-green-400:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-indigo-100:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-indigo-200:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-indigo-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-indigo-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-indigo-50:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-indigo-950:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-orange-200:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-orange-300:is(.dark *) { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-orange-400:is(.dark *) { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-orange-400\/80:is(.dark *) { color: rgba(var(--status-warning-rgb), 0.8) !important; }
:root.dark .dark\:text-pink-300:is(.dark *) { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-pink-400:is(.dark *) { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-purple-200:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-purple-200\/80:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:text-purple-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-purple-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-purple-400\/60:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:text-purple-400\/70:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:text-red-200:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-red-200\/80:is(.dark *) { color: rgba(var(--status-error-rgb), 0.8) !important; }
:root.dark .dark\:text-red-300:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-red-400:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-red-400\/90:is(.dark *) { color: rgba(var(--status-error-rgb), 0.9) !important; }
:root.dark .dark\:text-red-600:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-rose-100:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-rose-300:is(.dark *) { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-rose-400:is(.dark *) { color: rgba(var(--brand-coral-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-sky-300:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-sky-400:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-100:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-200:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-300:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-400:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-50:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-500:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-slate-600:is(.dark *) { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-teal-200:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-teal-300:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-teal-400:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-violet-100:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-violet-200:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-violet-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-violet-300\/70:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.7) !important; }
:root.dark .dark\:text-violet-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-violet-400\/60:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:text-violet-400\/80:is(.dark *) { color: rgba(var(--brand-primary-rgb), 0.8) !important; }
:root.dark .dark\:text-white:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-white\/50:is(.dark *) { color: rgba(var(--text-primary-rgb), 0.5) !important; }
:root.dark .dark\:text-white\/80:is(.dark *) { color: rgba(var(--text-primary-rgb), 0.8) !important; }
:root.dark .dark\:text-white\/\[0\.09\]:is(.dark *) { color: rgba(var(--text-primary-rgb), 0.09) !important; }
:root.dark .dark\:text-yellow-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-yellow-500:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-100:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-200:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-300:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-400:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-500:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-600:is(.dark *) { color: rgba(var(--text-muted-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:text-zinc-900:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:decoration-indigo-400\/60:is(.dark *) { text-decoration-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:decoration-white:is(.dark *) { text-decoration-color: var(--text-primary) !important; }
:root.dark .dark\:shadow-2xl:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[0_-10px_30px_-12px_rgba\(0\,0\,0\,0\.8\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[0_0_20px_rgba\(255\,255\,255\,0\.3\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[0_10px_24px_rgba\(0\,0\,0\,0\.18\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[0_18px_46px_rgba\(0\,0\,0\,0\.45\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[0_24px_80px_rgba\(0\,0\,0\,0\.65\)\,inset_0_1px_0_rgba\(255\,255\,255\,0\.08\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[inset_0_-3px_0_0_rgba\(0\,0\,0\,0\.35\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-\[inset_0_1px_0_rgba\(255\,255\,255\,0\.15\)\,0_24px_56px_-18px_rgba\(120\,40\,0\,0\.85\)\]:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-none:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:shadow-black\/20:is(.dark *) { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.2) !important; }
:root.dark .dark\:shadow-black\/30:is(.dark *) { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.3) !important; }
:root.dark .dark\:shadow-black\/40:is(.dark *) { --tw-shadow-color: rgba(var(--bg-canvas-rgb), 0.4) !important; }
:root.dark .dark\:shadow-violet-950\/30:is(.dark *) { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:ring-1:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .dark\:ring-amber-300\/25:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .dark\:ring-amber-400\/50:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .dark\:ring-blue-800:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:ring-emerald-800\/30:is(.dark *) { --tw-ring-color: rgba(var(--status-success-rgb), 0.3) !important; }
:root.dark .dark\:ring-gray-700:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:ring-indigo-400:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:ring-indigo-500\/30:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:ring-orange-500\/30:is(.dark *) { --tw-ring-color: rgba(var(--status-warning-rgb), 0.3) !important; }
:root.dark .dark\:ring-orange-900:is(.dark *) { --tw-ring-color: rgba(var(--status-warning-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:ring-purple-400:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:ring-purple-500\/30:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:ring-slate-700:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:ring-violet-800\/30:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
:root.dark .dark\:ring-white\/10:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:ring-white\/20:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
:root.dark .dark\:ring-white\/\[0\.08\]:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.08) !important; }
:root.dark .dark\:ring-zinc-700\/50:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .dark\:ring-zinc-800\/50:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .dark\:ring-zinc-900:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:marker\:text-indigo-500 :is(.dark *)::marker { color: var(--brand-primary) !important; }
:root.dark .dark\:marker\:text-indigo-500:is(.dark *)::marker { color: var(--brand-primary) !important; }
:root.dark .dark\:placeholder\:text-\[\#778680\]:is(.dark *)::placeholder { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:placeholder\:text-slate-500:is(.dark *)::placeholder { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:placeholder\:text-zinc-500:is(.dark *)::placeholder { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:before\:border-white\/5:is(.dark *)::before { border-top-color: rgba(255, 255, 255, 0.004) !important; border-right-color: rgba(255, 255, 255, 0.004) !important; border-bottom-color: rgba(255, 255, 255, 0.004) !important; border-left-color: rgba(255, 255, 255, 0.004) !important; }
:root.dark .dark\:before\:bg-gray-800:is(.dark *)::before { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:before\:bg-white\/5:is(.dark *)::before { background-color: rgba(var(--text-primary-rgb), 0.05) !important; }
:root.dark .dark\:before\:text-slate-500:is(.dark *)::before { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .after\:dark\:bg-gray-700:is(.dark *)::after { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:open\:border-emerald-400\/40[open]:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
:root.dark .dark\:focus-within\:border-violet-500\/60:focus-within:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
:root.dark .dark\:focus-within\:shadow-\[0_0_15px_rgba\(99\,102\,241\,0\.05\)\]:focus-within:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:focus-within\:shadow-\[0_0_25px_rgba\(99\,102\,241\,0\.1\)\]:focus-within:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:focus-within\:shadow-violet-950\/40:focus-within:is(.dark *) { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-amber-500\/40:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-blue-400\/50:hover:is(.dark *) { border-top-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-right-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-accent-rgb), 0.5) !important; border-left-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-blue-600\/60:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-emerald-400\/40:hover:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.4) !important; border-right-color: rgba(var(--status-success-rgb), 0.4) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.4) !important; border-left-color: rgba(var(--status-success-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-emerald-400\/60:hover:is(.dark *) { border-top-color: rgba(var(--status-success-rgb), 0.6) !important; border-right-color: rgba(var(--status-success-rgb), 0.6) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.6) !important; border-left-color: rgba(var(--status-success-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-indigo-400\/40:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-indigo-400\/50:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-indigo-500\/50:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-purple-500\/30:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.3) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-purple-500\/50:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-purple-500\/60:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-purple-500\/70:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-purple-600\/60:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-violet-400\/60:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-violet-500\/40:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-violet-500\/60:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.6) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-violet-500\/70:hover:is(.dark *) { border-top-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.7) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.7) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-white\/10:hover:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:border-white\/20:hover:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.016) !important; border-right-color: rgba(255, 255, 255, 0.016) !important; border-bottom-color: rgba(255, 255, 255, 0.016) !important; border-left-color: rgba(255, 255, 255, 0.016) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:\!bg-\[rgba\(124\,58\,237\,0\.94\)\]:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.94) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-\[\#16251f\]:hover:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-amber-500:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-amber-500\/10:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-amber-500\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-amber-900\/30:hover:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-amber-900\/40:hover:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-amber-950\/50:hover:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-blue-500\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-blue-800:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-blue-900:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-blue-950\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-emerald-400:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-emerald-500\/10:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-emerald-700:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-emerald-900\/20:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-emerald-950\/10:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-gray-200:hover:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-gray-700\/50:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-green-950\/10:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-green-950\/20:hover:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-400:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-400\/10:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-400\/\[0\.06\]:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.06) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-500:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-500\/10:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-500\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-indigo-500\/30:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-orange-500\/10:hover:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-pink-500\/10:hover:is(.dark *) { background-color: rgba(var(--brand-coral-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-500:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-500\/10:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-500\/15:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-500\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-900\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-900\/50:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-950\/20:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-purple-950\/30:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-red-500\/10:hover:is(.dark *) { background-color: rgba(var(--status-error-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-slate-800:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-slate-900:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-teal-500\/10:hover:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-violet-500\/10:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-violet-500\/15:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-violet-700:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-violet-900\/35:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.35) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-violet-950\/40:hover:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-white\/10:hover:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.1) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-white\/5:hover:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.05) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-white\/\[0\.03\]:hover:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.03) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-white\/\[0\.06\]:hover:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.06) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-zinc-700:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-zinc-700\/50:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-zinc-800:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-zinc-800\/50:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-zinc-800\/60:hover:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), 0.6) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:bg-\[linear-gradient\(90deg\,rgba\(79\,70\,229\,0\.30\)_0\%\,rgba\(139\,92\,246\,0\.30\)_100\%\)\]:hover:is(.dark *) { background-image: linear-gradient(90deg, rgba(var(--brand-primary-rgb), 0.3), rgba(var(--brand-primary-rgb), 0.3)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:from-amber-900\/80:hover:is(.dark *) { --tw-gradient-from: rgba(var(--status-warning-rgb), 0.8) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:to-orange-900\/80:hover:is(.dark *) { --tw-gradient-to: rgba(var(--status-warning-rgb), 0.8) var(--tw-gradient-to-position) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:\!text-white:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-\[\#3ee8ad\]:hover:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-amber-200:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-amber-300:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-amber-400:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-blue-200:hover:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-emerald-300:hover:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-emerald-400:hover:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-green-400:hover:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-indigo-300:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-indigo-400:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-purple-200:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-purple-300:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-purple-400:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-red-300:hover:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-red-400:hover:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-slate-100:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-slate-200:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-slate-300:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-teal-200:hover:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-violet-100:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-violet-200:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-violet-300:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-violet-400:hover:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-white:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-zinc-100:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:text-zinc-200:hover:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:shadow-\[0_0_40px_rgba\(99\,102\,241\,0\.08\)\]:hover:is(.dark *) { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:shadow-blue-900\/50:hover:is(.dark *) { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:shadow-violet-950\/30:hover:is(.dark *) { --tw-shadow-color: rgba(var(--brand-primary-rgb), 0.3) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:ring-white\/20:hover:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:hover\:before\:bg-gray-800\/50:hover:is(.dark *)::before { background-color: rgba(var(--bg-elevated-rgb), 0.5) !important; }
}
:root.dark .dark\:focus\:bg-\[\#16251f\]:focus:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:focus\:text-red-400:focus:is(.dark *) { color: rgba(var(--status-error-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:focus-visible\:ring-\[\#a78bfa\]:focus-visible:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:focus-visible\:ring-amber-400:focus-visible:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:focus-visible\:ring-amber-500\/20:focus-visible:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
:root.dark .dark\:focus-visible\:ring-teal-400:focus-visible:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:focus-visible\:ring-violet-400:focus-visible:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), var(--tw-ring-opacity)) !important; }
:root.dark .dark\:focus-visible\:ring-offset-slate-900:focus-visible:is(.dark *) { --tw-ring-offset-color: var(--brand-primary) !important; }
:root.dark .dark\:focus-visible\:ring-offset-zinc-800:focus-visible:is(.dark *) { --tw-ring-offset-color: var(--bg-canvas) !important; }
:root.dark .dark\:focus-visible\:ring-offset-zinc-900:focus-visible:is(.dark *) { --tw-ring-offset-color: var(--bg-canvas) !important; }
:root.dark .dark\:active\:bg-cyan-500\/10:active:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.1) !important; }
:root.dark .dark\:active\:bg-purple-500\/25:active:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.25) !important; }
:root.dark .dark\:active\:bg-purple-900\/40:active:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .dark\:active\:bg-white\/\[0\.06\]:active:is(.dark *) { background-color: rgba(var(--text-primary-rgb), 0.06) !important; }
:root.dark .dark\:active\:bg-zinc-700:active:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:active\:bg-zinc-800:active:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:active\:text-slate-300:active:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:active\:text-violet-300:active:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:active\:text-zinc-200:active:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:disabled\:bg-gray-800:disabled:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:disabled\:bg-indigo-400\/15:disabled:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:disabled\:bg-zinc-900\/90:disabled:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.9) !important; }
:root.dark .dark\:disabled\:text-indigo-200:disabled:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:disabled\:text-zinc-500:disabled:is(.dark *) { color: rgba(var(--text-secondary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .dark\:group-open\:text-emerald-300:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .dark\:group-open\:text-indigo-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .dark\:group-open\:text-indigo-400:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group[open] .dark\:group-open\:text-violet-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .group\/search:focus-within .dark\:group-focus-within\/search\:text-violet-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:border-white\/20:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.016) !important; border-right-color: rgba(255, 255, 255, 0.016) !important; border-bottom-color: rgba(255, 255, 255, 0.016) !important; border-left-color: rgba(255, 255, 255, 0.016) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-blue-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-emerald-500\/20:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-emerald-800\/50:is(.dark *) { background-color: rgba(var(--status-success-rgb), 0.5) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-gray-200:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-gray-700:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-indigo-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-orange-500\/20:is(.dark *) { background-color: rgba(var(--status-warning-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-purple-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-teal-500\/20:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:bg-violet-500\/20:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.2) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-blue-300:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-emerald-300:is(.dark *) { color: rgba(var(--status-success-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-gray-200:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-indigo-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-orange-300:is(.dark *) { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-purple-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-teal-300:is(.dark *) { color: rgba(var(--brand-accent-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-violet-300:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-white\/70:is(.dark *) { color: rgba(var(--text-primary-rgb), 0.7) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .group:hover .dark\:group-hover\:text-zinc-200:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
:root.dark .dark\:data-\[state\=active\]\:bg-amber-400[data-state="active"]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:bg-purple-600[data-state="active"]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:bg-teal-400[data-state="active"]:is(.dark *) { background-color: rgba(var(--brand-accent-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:bg-violet-400[data-state="active"]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:bg-white[data-state="active"]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:bg-zinc-700[data-state="active"]:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=checked\]\:bg-emerald-400[data-state="checked"]:is(.dark *) { background-color: rgba(var(--status-success-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:data-\[state\=open\]\:bg-violet-950\/10[data-state="open"]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; }
:root.dark .dark\:data-\[state\=active\]\:text-black[data-state="active"]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:text-neutral-950[data-state="active"]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:data-\[state\=active\]\:text-white[data-state="active"]:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:data-\[state\=open\]\:ring-purple-500\/40[data-state="open"]:is(.dark *) { --tw-ring-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
@media not all and (min-width: 768px) {
:root.dark .max-md\:divide-white\/\[0\.07\] > :not([hidden]) ~ :not([hidden]) { border-top-color: rgba(255, 255, 255, 0.0056) !important; border-right-color: rgba(255, 255, 255, 0.0056) !important; border-bottom-color: rgba(255, 255, 255, 0.0056) !important; border-left-color: rgba(255, 255, 255, 0.0056) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:border-white\/10 { border-top-color: rgba(255, 255, 255, 0.008) !important; border-right-color: rgba(255, 255, 255, 0.008) !important; border-bottom-color: rgba(255, 255, 255, 0.008) !important; border-left-color: rgba(255, 255, 255, 0.008) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-black { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-black\/45 { background-color: rgba(var(--bg-canvas-rgb), 0.45) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-black\/60 { background-color: rgba(var(--bg-canvas-rgb), 0.6) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-white\/80 { background-color: rgba(var(--text-primary-rgb), 0.8) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-white\/90 { background-color: rgba(var(--text-primary-rgb), 0.9) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-white\/95 { background-color: rgba(var(--text-primary-rgb), 0.95) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:bg-white\/\[0\.03\] { background-color: rgba(var(--text-primary-rgb), 0.03) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:fill-white { fill: var(--text-primary) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:text-white { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:shadow-\[0_0_0_2px_rgba\(255\,255\,255\,0\.85\)\,0_6px_16px_rgba\(0\,0\,0\,0\.5\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:shadow-\[0_6px_18px_-8px_rgba\(232\,169\,58\,0\.55\)\,inset_0_0_0_1px_rgba\(255\,255\,255\,0\.18\)\] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:shadow-none { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:ring-0,
:root.dark .max-md\:ring-1 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:ring-white\/70 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.7) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .dark\:max-md\:divide-white\/5:is(.dark *) > :not([hidden]) ~ :not([hidden]) { border-top-color: rgba(255, 255, 255, 0.004) !important; border-right-color: rgba(255, 255, 255, 0.004) !important; border-bottom-color: rgba(255, 255, 255, 0.004) !important; border-left-color: rgba(255, 255, 255, 0.004) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .dark\:max-md\:border-white\/5:is(.dark *) { border-top-color: rgba(255, 255, 255, 0.004) !important; border-right-color: rgba(255, 255, 255, 0.004) !important; border-bottom-color: rgba(255, 255, 255, 0.004) !important; border-left-color: rgba(255, 255, 255, 0.004) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .dark\:max-md\:bg-\[\#18100c\]\/95:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.95) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .dark\:max-md\:bg-\[rgba\(22\,22\,28\,0\.92\)\]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), 0.92) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:bg-black { background-color: rgba(var(--bg-canvas-rgb), var(--tw-bg-opacity)) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:from-slate-50 { --tw-gradient-from: var(--text-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:to-slate-100\/80 { --tw-gradient-to: rgba(var(--text-primary-rgb), 0.8) var(--tw-gradient-to-position) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:shadow-sm,
:root.dark .md\:shadow-xl { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:ring-1 { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:ring-slate-200\/50 { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:dark\:from-zinc-900\/40:is(.dark *) { --tw-gradient-from: rgba(var(--bg-canvas-rgb), 0.4) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:dark\:to-zinc-950\/60:is(.dark *) { --tw-gradient-to: rgba(var(--bg-canvas-rgb), 0.6) var(--tw-gradient-to-position) !important; }
}
@media (min-width: 768px) {
:root.dark .md\:dark\:ring-zinc-800\/50:is(.dark *) { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
}
:root.dark .\[\&\:\:-webkit-scrollbar-thumb\]\:bg-slate-300\/70::-webkit-scrollbar-thumb { background-color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .dark\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-zinc-600\/70:is(.dark *)::-webkit-scrollbar-thumb { background-color: rgba(var(--bg-elevated-rgb), 0.7) !important; }
:root.dark .\[\&\>button\:hover\]\:bg-black\/80 > button:hover { background-color: rgba(var(--bg-canvas-rgb), 0.8) !important; }
:root.dark .\[\&\>button\:hover\]\:text-white > button:hover { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\[\&\>button\]\:border-white\/20 > button { border-top-color: rgba(255, 255, 255, 0.016) !important; border-right-color: rgba(255, 255, 255, 0.016) !important; border-bottom-color: rgba(255, 255, 255, 0.016) !important; border-left-color: rgba(255, 255, 255, 0.016) !important; }
:root.dark .\[\&\>button\]\:bg-black\/50 > button { background-color: rgba(var(--bg-canvas-rgb), 0.5) !important; }
:root.dark .\[\&\>button\]\:bg-black\/55 > button { background-color: rgba(var(--bg-canvas-rgb), 0.55) !important; }
:root.dark .\[\&\>button\]\:bg-white > button { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .\[\&\>button\]\:bg-white\/10 > button { background-color: rgba(var(--text-primary-rgb), 0.1) !important; }
:root.dark .\[\&\>button\]\:text-white > button { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\[\&\>button\]\:text-white\/70 > button { color: rgba(var(--text-primary-rgb), 0.7) !important; }
:root.dark .\[\&\>button\]\:shadow-lg > button,
:root.dark .\[\&\>button\]\:shadow-sm > button { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .\[\&\>button\]\:ring-1 > button { box-shadow: var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent) !important; }
:root.dark .\[\&\>button\]\:ring-white\/40 > button { --tw-ring-color: rgba(var(--brand-accent-rgb), 0.4) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .\[\&\>button\]\:hover\:bg-slate-50:hover > button { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
}
@media (hover: hover) and (pointer: fine) {
:root.dark .\[\&\>button\]\:hover\:bg-white\/25:hover > button { background-color: rgba(var(--text-primary-rgb), 0.25) !important; }
}
:root.dark .dark\:\[\&\>button\]\:bg-zinc-900 > button:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .dark\:\[\&\>button\]\:hover\:bg-zinc-800:hover > button:is(.dark *) { background-color: rgba(var(--bg-elevated-rgb), var(--tw-bg-opacity)) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:\[\&\>button\]\:\!bg-black\/55 > button { background-color: rgba(var(--bg-canvas-rgb), 0.55) !important; }
}
@media not all and (min-width: 768px) {
:root.dark .max-md\:\[\&\>button\]\:\!text-white > button { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
}
:root.dark .\[\&\>span\]\:bg-white\/30 > span { background-color: rgba(var(--text-primary-rgb), 0.3) !important; }
:root.dark .\[\&_\.bg-primary\]\:from-blue-400 .bg-primary { --tw-gradient-from: var(--brand-accent) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .\[\&_\.bg-primary\]\:from-purple-400 .bg-primary { --tw-gradient-from: var(--brand-primary) var(--tw-gradient-from-position) !important; --tw-gradient-to: transparent var(--tw-gradient-to-position) !important; }
:root.dark .\[\&_\.bg-primary\]\:to-blue-600 .bg-primary { --tw-gradient-to: var(--brand-primary) var(--tw-gradient-to-position) !important; }
:root.dark .\[\&_\.bg-primary\]\:to-pink-400 .bg-primary { --tw-gradient-to: #FB7185 var(--tw-gradient-to-position) !important; }
:root.dark .\[\&_\.bg-secondary\]\:bg-blue-200\/50 .bg-secondary { background-color: rgba(var(--brand-accent-rgb), 0.5) !important; }
:root.dark .dark\:\[\&_\.bg-secondary\]\:bg-blue-900\/40 .bg-secondary:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .\[\&_\[role\=slider\]\]\:bg-white [role="slider"] { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .\[\&_\[role\=slider\]\]\:shadow-lg [role="slider"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .\[\&_\[role\=slider\]\]\:shadow-md [role="slider"] { box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow) !important; }
:root.dark .dark\:\[\&_\[role\=slider\]\]\:bg-slate-900 [role="slider"]:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .dark\:\[\&_\[role\=slider\]\]\:bg-zinc-900 [role="slider"]:is(.dark *) { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .\[\&_a\]\:text-indigo-600 a { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
@media (hover: hover) and (pointer: fine) {
:root.dark .\[\&_a\]\:hover\:text-indigo-500:hover a { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
}
:root.dark .dark\:\[\&_a\]\:text-indigo-400 a:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\[\&_em\]\:text-amber-700 em { color: rgba(var(--status-warning-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\[\&_em\]\:text-amber-300 em:is(.dark *) { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .\[\&_li\]\:marker\:text-indigo-400 * li::marker { color: var(--brand-primary) !important; }
:root.dark .\[\&_li\]\:marker\:text-purple-400 * li::marker { color: var(--brand-primary) !important; }
:root.dark .\[\&_li\]\:marker\:text-indigo-400 li::marker { color: var(--brand-primary) !important; }
:root.dark .\[\&_li\]\:marker\:text-purple-400 li::marker { color: var(--brand-primary) !important; }
:root.dark .dark\:\[\&_li\]\:marker\:text-indigo-500 * li:is(.dark *)::marker { color: var(--brand-primary) !important; }
:root.dark .dark\:\[\&_li\]\:marker\:text-purple-500 * li:is(.dark *)::marker { color: var(--brand-primary) !important; }
:root.dark .dark\:\[\&_li\]\:marker\:text-indigo-500 li:is(.dark *)::marker { color: var(--brand-primary) !important; }
:root.dark .dark\:\[\&_li\]\:marker\:text-purple-500 li:is(.dark *)::marker { color: var(--brand-primary) !important; }
:root.dark .\[\&_strong\]\:bg-indigo-50 strong { background-color: rgba(var(--brand-primary-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .\[\&_strong\]\:bg-purple-50 strong { background-color: rgba(var(--bg-surface-rgb), var(--tw-bg-opacity)) !important; }
:root.dark .\[\&_strong\]\:text-slate-900 strong { color: rgba(var(--brand-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .dark\:\[\&_strong\]\:bg-indigo-500\/15 strong:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:\[\&_strong\]\:bg-purple-500\/15 strong:is(.dark *) { background-color: rgba(var(--brand-primary-rgb), 0.15) !important; }
:root.dark .dark\:\[\&_strong\]\:text-white strong:is(.dark *) { color: rgba(var(--text-primary-rgb), var(--tw-text-opacity)) !important; }
:root.dark .retention-offer_banner__kbbuS { color: var(--text-primary) !important; background-image: linear-gradient(170deg, var(--brand-primary), var(--brand-primary) 62%, #FB7185) !important; border-top-color: rgba(255, 255, 255, 0.08) !important; border-right-color: rgba(255, 255, 255, 0.08) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; border-left-color: rgba(255, 255, 255, 0.08) !important; }
:root.dark .retention-offer_banner__kbbuS strong,
:root.dark .retention-offer_description__7LYrX strong { color: var(--status-warning) !important; }
:root.dark .retention-offer_gift__pHWKz { color: var(--brand-primary) !important; }
:root.dark .retention-offer_gift__pHWKz > svg:last-child { fill: var(--brand-primary) !important; }
:root.dark .retention-offer_bannerButton__z76vJ,
:root.dark .retention-offer_claim__9It1n { color: var(--text-primary) !important; background-image: linear-gradient(110deg, var(--brand-primary), var(--status-warning) 30%, var(--status-error) 65%, #FB7185) !important; border-top-color: var(--brand-accent) !important; border-right-color: var(--brand-accent) !important; border-bottom-color: var(--brand-accent) !important; border-left-color: var(--brand-accent) !important; }
:root.dark .retention-offer_bannerButton__z76vJ:focus-visible,
:root.dark .retention-offer_claim__9It1n:focus-visible,
:root.dark .retention-offer_close__QrcnT:focus-visible,
:root.dark .retention-offer_decline__fjViU:focus-visible { outline-color: var(--brand-accent) !important; }
:root.dark .retention-offer_overlay__PPAEg { background-color: rgba(var(--bg-canvas-rgb), 0.76) !important; }
:root.dark .retention-offer_dialog__e4qA0 { color: var(--text-primary) !important; }
:root.dark .retention-offer_close__QrcnT { color: var(--text-primary) !important; }
:root.dark .retention-offer_eyebrow__UOWJt { background-image: linear-gradient(90deg, var(--brand-primary), #FB7185) !important; }
:root.dark .retention-offer_headline__pd8Ov > span { background-image: linear-gradient(var(--brand-primary) 7%, var(--status-warning) 40%, var(--status-error) 70%, #FB7185) !important; }
:root.dark .retention-offer_sparkleBottom__RZg6X,
:root.dark .retention-offer_sparkleLeft__1g8hD,
:root.dark .retention-offer_sparkleRight__QVsYS { color: var(--status-warning) !important; fill: var(--status-warning) !important; }
:root.dark .retention-offer_separator__iMtw4 { border-top-color: rgba(255, 255, 255, 0.08) !important; }
:root.dark .retention-offer_prices__Pwe7R p { color: var(--text-secondary) !important; }
:root.dark .retention-offer_prices__Pwe7R p.retention-offer_yourPrice__vjQ50 { color: var(--status-warning) !important; }
:root.dark .retention-offer_prices__Pwe7R del { color: var(--text-secondary) !important; }
:root.dark .retention-offer_monthlyTerms__6e7wd { color: var(--text-primary) !important; }
:root.dark .retention-offer_countdown__1_hx8 > svg { color: var(--brand-primary) !important; }
:root.dark .retention-offer_clock__WwwWu { color: var(--brand-primary) !important; background-color: rgba(var(--text-primary-rgb), 0.086) !important; }
:root.dark .retention-offer_claim__9It1n { box-shadow: rgba(var(--status-warning-rgb), 0.14) 0px 0px 38px !important; }
:root.dark .retention-offer_decline__fjViU { color: var(--text-secondary) !important; }
:root.dark .retention-offer_error__98WSz { color: var(--status-warning) !important; }
:root.dark .replica-announcement { color: var(--text-primary) !important; background-image: linear-gradient(100deg, var(--brand-primary), var(--brand-primary), #FB7185) !important; }
:root.dark .replica-announcement a { color: var(--brand-primary) !important; background-color: var(--bg-surface) !important; }
:root.dark .replica-announcement button { color: var(--text-primary) !important; }
:root.dark .replica-login { color: var(--text-primary) !important; background-color: var(--brand-primary) !important; }
:root.dark .replica-dialog { box-shadow: rgba(var(--bg-canvas-rgb), 0.6) 0px 30px 100px !important; }
:root.dark .replica-dialog::backdrop { background-color: rgba(var(--bg-canvas-rgb), 0.733) !important; }
:root.dark .replica-notice-tag { color: var(--brand-primary) !important; border-top-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.4) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .replica-primary { color: var(--text-primary) !important; background-image: linear-gradient(100deg, var(--brand-primary), #FB7185) !important; }
:root.dark .replica-toast { box-shadow: rgba(var(--bg-canvas-rgb), 0.333) 0px 8px 24px !important; }
:root.dark .replica-mobile-nav { box-shadow: rgba(var(--bg-canvas-rgb), 0.333) 0px 18px 24px !important; }
:root.dark .replica-hero-mute { color: var(--text-primary) !important; background-color: rgba(var(--bg-canvas-rgb), 0.333) !important; border-top-color: rgba(255, 255, 255, 0.012) !important; border-right-color: rgba(255, 255, 255, 0.012) !important; border-bottom-color: rgba(255, 255, 255, 0.012) !important; border-left-color: rgba(255, 255, 255, 0.012) !important; }
:root.dark .replica-accordion-open { background-color: rgba(var(--brand-primary-rgb), 0.05) !important; border-top-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.5) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.5) !important; }
:root.dark .replica-accordion-open > button > span { color: var(--brand-primary) !important; }
:root.dark .replica-selected { box-shadow: var(--brand-primary) 0px 0px 0px 2px inset !important; }
:root.dark .replica-option:hover { border-top-color: var(--brand-primary) !important; border-right-color: var(--brand-primary) !important; border-bottom-color: var(--brand-primary) !important; border-left-color: var(--brand-primary) !important; }
:root.dark .replica-unavailable { color: var(--text-primary) !important; background-color: var(--bg-canvas) !important; }
:root.dark .replica-unavailable p { color: var(--text-secondary) !important; }
:root.dark .replica-unavailable a { color: var(--brand-primary) !important; }
:root.dark .archive-video { color: var(--text-secondary) !important; background-color: var(--bg-surface) !important; }
:root.dark .replica-workspace-example { background-color: var(--bg-canvas) !important; }
:root.dark .replica-prompt-clear:hover { background-color: rgba(var(--bg-elevated-rgb), 0.12) !important; }
:root.dark .replica-generator .replica-segmented > button[aria-pressed="false"] { color: var(--text-secondary) !important; }
:root.dark .replica-generator .replica-segmented > button:has(> .bg-gradient-to-r) { color: var(--text-primary) !important; }
:root.dark .replica-generator .replica-ratios > button[aria-pressed="true"] { color: var(--status-success) !important; background-color: rgba(var(--status-success-rgb), 0.15) !important; border-top-color: var(--status-success) !important; border-right-color: var(--status-success) !important; border-bottom-color: var(--status-success) !important; border-left-color: var(--status-success) !important; }
:root.dark .replica-generator .replica-ratios > button[aria-pressed="false"] { border-top-color: rgba(255, 255, 255, 0.024) !important; border-right-color: rgba(255, 255, 255, 0.024) !important; border-bottom-color: rgba(255, 255, 255, 0.024) !important; border-left-color: rgba(255, 255, 255, 0.024) !important; }
:root.dark .replica-generator .replica-ratios > button[aria-pressed="true"] > .rounded-sm { background-color: var(--status-success) !important; }
:root.dark .replica-generator .replica-ratios > button[aria-pressed="false"] > .rounded-sm { background-color: var(--bg-elevated) !important; }
:root.dark .replica-duration-range { accent-color: var(--brand-primary) !important; }
:root.dark .replica-upload-preview { background-color: rgba(var(--bg-elevated-rgb), 0.04) !important; border-top-color: rgba(255, 255, 255, 0.02) !important; border-right-color: rgba(255, 255, 255, 0.02) !important; border-bottom-color: rgba(255, 255, 255, 0.02) !important; border-left-color: rgba(255, 255, 255, 0.02) !important; }
:root.dark .replica-upload-preview > button { color: var(--text-primary) !important; background-color: var(--bg-surface) !important; }
:root.dark .replica-dragover { outline-color: var(--brand-primary) !important; }
:root.dark .replica-audio-control input { accent-color: var(--brand-primary) !important; }
:root.dark .replica-generator-dialog { color: var(--text-primary) !important; background-color: var(--bg-surface) !important; border-top-color: rgba(255, 255, 255, 0.08) !important; border-right-color: rgba(255, 255, 255, 0.08) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; border-left-color: rgba(255, 255, 255, 0.08) !important; box-shadow: rgba(var(--bg-canvas-rgb), 0.333) 0px 24px 80px !important; }
:root.dark .replica-generator-dialog { color: var(--text-primary) !important; background-color: var(--bg-surface) !important; border-top-color: rgba(255, 255, 255, 0.08) !important; border-right-color: rgba(255, 255, 255, 0.08) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; border-left-color: rgba(255, 255, 255, 0.08) !important; }
:root.dark .replica-generator-dialog::backdrop { background-color: rgba(var(--bg-canvas-rgb), 0.533) !important; }
:root.dark .replica-generator-close:hover { background-color: rgba(var(--bg-elevated-rgb), 0.2) !important; }
:root.dark .replica-generator-choice { border-top-color: rgba(255, 255, 255, 0.08) !important; border-right-color: rgba(255, 255, 255, 0.08) !important; border-bottom-color: rgba(255, 255, 255, 0.08) !important; border-left-color: rgba(255, 255, 255, 0.08) !important; }
:root.dark .replica-generator-choice[aria-selected="true"] { color: var(--brand-primary) !important; background-color: rgba(var(--brand-primary-rgb), 0.09) !important; border-top-color: var(--brand-primary) !important; border-right-color: var(--brand-primary) !important; border-bottom-color: var(--brand-primary) !important; border-left-color: var(--brand-primary) !important; }
:root.dark .replica-generator-choice:focus-visible,
:root.dark .replica-generator-choice:hover { outline-color: var(--brand-primary) !important; }
:root.dark .replica-testimonials-row:focus-visible { outline-color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .replica-testimonial { background-image: linear-gradient(135deg, var(--text-primary), var(--text-primary)) !important; }
:root.dark .replica-testimonial { background-image: linear-gradient(135deg, rgba(var(--text-primary-rgb), 0.04), rgba(var(--text-primary-rgb), 0.01)) !important; border-top-color: rgba(255, 255, 255, 0.0064) !important; border-right-color: rgba(255, 255, 255, 0.0064) !important; border-bottom-color: rgba(255, 255, 255, 0.0064) !important; border-left-color: rgba(255, 255, 255, 0.0064) !important; }
:root.dark .replica-testimonial:hover { border-top-color: rgba(var(--brand-primary-rgb), 0.35) !important; border-right-color: rgba(var(--brand-primary-rgb), 0.35) !important; border-bottom-color: rgba(var(--brand-primary-rgb), 0.35) !important; border-left-color: rgba(var(--brand-primary-rgb), 0.35) !important; }
:root.dark .replica-testimonial-quote-icon { color: rgba(var(--brand-primary-rgb), 0.4) !important; }
:root.dark .replica-testimonial-stars { color: var(--brand-primary) !important; }
:root.dark .replica-testimonial-author { border-top-color: rgba(255, 255, 255, 0.0048) !important; border-right-color: rgba(255, 255, 255, 0.0048) !important; border-bottom-color: rgba(255, 255, 255, 0.0048) !important; border-left-color: rgba(255, 255, 255, 0.0048) !important; }
:root.dark .replica-video-menu > button:hover,
:root.dark .replica-video-menu > button[aria-expanded="true"] { background-color: rgba(var(--bg-elevated-rgb), 0.15) !important; }
:root.dark .replica-video-menu-panel { box-shadow: rgba(var(--bg-canvas-rgb), 0.4) 0px 16px 48px -12px !important; }
:root.dark .replica-video-menu-panel { background-color: var(--bg-surface) !important; border-top-color: rgba(255, 255, 255, 0.0064) !important; border-right-color: rgba(255, 255, 255, 0.0064) !important; border-bottom-color: rgba(255, 255, 255, 0.0064) !important; border-left-color: rgba(255, 255, 255, 0.0064) !important; }
:root.dark .replica-video-menu-panel a:hover,
:root.dark .replica-video-menu-panel a:focus-visible { background-color: rgba(var(--bg-elevated-rgb), 0.12) !important; }
:root.dark .replica-model-badge { color: #FB7185 !important; background-color: rgba(var(--brand-coral-rgb), 0.063) !important; border-top-color: rgba(var(--brand-coral-rgb), 0.25) !important; border-right-color: rgba(var(--brand-coral-rgb), 0.25) !important; border-bottom-color: rgba(var(--brand-coral-rgb), 0.25) !important; border-left-color: rgba(var(--brand-coral-rgb), 0.25) !important; }
:root.dark .replica-model-badge.is-free { color: var(--status-success) !important; background-color: rgba(var(--status-success-rgb), 0.063) !important; border-top-color: rgba(var(--status-success-rgb), 0.25) !important; border-right-color: rgba(var(--status-success-rgb), 0.25) !important; border-bottom-color: rgba(var(--status-success-rgb), 0.25) !important; border-left-color: rgba(var(--status-success-rgb), 0.25) !important; }
:root.dark .replica-sidebar-model[aria-current="page"] { background-color: rgba(var(--bg-elevated-rgb), 0.15) !important; box-shadow: rgba(var(--text-primary-rgb), 0.12) 0px 0px 0px 1px inset !important; }
:root.dark [style="box-shadow:0 0 6px rgba(34,211,238,0.4);animation:breathe-glow 3s ease-in-out infinite"] { box-shadow: rgba(var(--brand-accent-rgb), 0.4) 0px 0px 6px !important; }
:root.dark [style="box-shadow:0 0 6px rgba(129,140,248,0.4);animation:breathe-glow 3s ease-in-out infinite 0.6s"] { box-shadow: rgba(var(--brand-primary-rgb), 0.4) 0px 0px 6px !important; }
:root.dark [style="box-shadow:0 0 6px rgba(129,140,248,0.4);animation:breathe-glow 3s ease-in-out infinite 1s"] { box-shadow: rgba(var(--brand-primary-rgb), 0.4) 0px 0px 6px !important; }
:root.dark [style="box-shadow:0 0 6px rgba(192,132,252,0.4);animation:breathe-glow 3s ease-in-out infinite 1.6s"] { box-shadow: rgba(var(--brand-primary-rgb), 0.4) 0px 0px 6px !important; }
:root.dark [style="box-shadow:0 0 10px rgba(34,211,238,0.25)"] { box-shadow: rgba(var(--brand-accent-rgb), 0.25) 0px 0px 10px !important; }
:root.dark [style="box-shadow:0 0 30px rgba(34,211,238,0.25)"] { box-shadow: rgba(var(--brand-accent-rgb), 0.25) 0px 0px 30px !important; }
:root.dark [style="box-shadow:0 0 10px rgba(129,140,248,0.25)"] { box-shadow: rgba(var(--brand-primary-rgb), 0.25) 0px 0px 10px !important; }
:root.dark [style="box-shadow:0 0 30px rgba(129,140,248,0.25)"] { box-shadow: rgba(var(--brand-primary-rgb), 0.25) 0px 0px 30px !important; }
:root.dark [style="box-shadow:0 0 10px rgba(192,132,252,0.25)"] { box-shadow: rgba(var(--brand-primary-rgb), 0.25) 0px 0px 10px !important; }
:root.dark [style="box-shadow:0 0 30px rgba(192,132,252,0.25)"] { box-shadow: rgba(var(--brand-primary-rgb), 0.25) 0px 0px 30px !important; }
:root.dark [style="background: linear-gradient(to right, rgb(139, 92, 246), rgb(168, 85, 247)); color: rgb(255, 255, 255);"] { color: var(--text-primary) !important; background-image: linear-gradient(to right, var(--brand-primary), var(--brand-primary)) !important; }
:root.dark [style="background: linear-gradient(to right, rgb(16, 185, 129), rgb(20, 184, 166)); color: rgb(255, 255, 255);"] { color: var(--text-primary) !important; background-image: linear-gradient(to right, var(--status-success), var(--brand-accent)) !important; }
:root.dark [style="color: rgb(255, 255, 255);"] { color: var(--text-primary) !important; }
:root.dark [style="background:radial-gradient(\n      250px circle at 0px 0px,\n      rgba(120, 119, 198, 0.15),\n      transparent 80%\n    )"] { background-image: radial-gradient(250px at 0px 0px, rgba(var(--brand-primary-rgb), 0.15), transparent 80%) !important; }
:root.dark [style="background: rgba(168, 85, 247, 0.1); box-shadow: rgb(168, 85, 247) 0px 0px 0px 1.5px inset;"] { background-color: rgba(var(--brand-primary-rgb), 0.1) !important; box-shadow: var(--brand-primary) 0px 0px 0px 1.5px inset !important; }
:root.dark [style="background-image:conic-gradient(from 200deg, #f5c542, #f0643a, #e2367e, #8b3cf0, #3b82f6, #f5c542)"] { background-image: conic-gradient(from 200deg, var(--brand-primary), var(--status-warning), #FB7185, var(--brand-primary), var(--brand-primary), var(--brand-primary)) !important; }
:root.dark svg [fill="#EB001B"] { fill: #FB7185 !important; }
:root.dark svg [fill="#F79E1B"] { fill: var(--brand-primary) !important; }
:root.dark svg [fill="#FF5F00"] { fill: var(--status-warning) !important; }
:root.dark svg [fill="#EA4335"] { fill: var(--status-error) !important; }
:root.dark svg [fill="#4285F4"] { fill: var(--brand-primary) !important; }
:root.dark svg [fill="#FBBC05"] { fill: var(--brand-primary) !important; }
:root.dark svg [fill="#34A853"] { fill: var(--status-success) !important; }
:root.dark svg [fill="#fff"] { fill: var(--text-primary) !important; }
:root.dark svg [fill="#F48024"] { fill: var(--status-warning) !important; }
:root.dark svg [stroke="#E23766"] { stroke: #FB7185 !important; }
:root.dark svg [fill="#F03B6E"] { fill: #FB7185 !important; }
:root.dark svg [fill="#B92E5C"] { fill: #FB7185 !important; }

/* Component paint overrides; dimensions and behavior come from the original styles. */
:root.dark body { background-color: var(--bg-canvas); color: var(--text-primary); }
:root.dark :is(h1,h2,h3) { color: var(--text-primary); }
:root.dark :is(input,textarea,[contenteditable="true"]) { caret-color: var(--brand-accent); }
:root.dark :is(input,textarea)::placeholder { color: var(--text-muted); }
:root.dark .replica-header-solid { background-color: var(--bg-glass) !important; }
:root.dark .replica-announcement { background-image: var(--brand-gradient) !important; color: var(--text-on-brand) !important; }
:root.dark .replica-announcement > button { color: var(--text-on-brand) !important; }
:root.dark .replica-announcement a { background-color: var(--bg-canvas) !important; color: var(--brand-primary) !important; }
:root.dark :is(.replica-login,.replica-primary,button.btn-shimmer,[data-replica-checkout],[data-replica-pack-purchase]),
:root.dark :is(a,button)[class~="from-indigo-500"][class~="to-pink-500"] {
  background-color: var(--brand-primary) !important;
  background-image: var(--brand-gradient) !important;
  color: var(--text-on-brand) !important;
}
:root.dark :is(a,button)[class~="bg-primary"] { color: var(--text-on-brand) !important; }
:root.dark :is(.replica-login,.replica-primary,[data-replica-checkout],[data-replica-pack-purchase]):hover { background-color: var(--brand-primary-hover) !important; }
:root.dark h1 [class~="bg-clip-text"] { background-image: var(--brand-gradient) !important; }
:root.dark :is(.replica-dialog,.replica-generator-dialog,.replica-video-menu-panel,.replica-toast) {
  background-color: var(--bg-elevated) !important;
  color: var(--text-primary) !important;
  border-color: var(--border-subtle) !important;
}
:root.dark :is(.replica-mobile-nav,.replica-model-selector) { background-color: var(--bg-surface) !important; }
:root.dark :is(.replica-video-menu > button:hover,.replica-video-menu > button[aria-expanded="true"],.replica-video-menu-panel a:hover,.replica-video-menu-panel a:focus-visible) { background-color: var(--bg-elevated) !important; }
:root.dark .replica-model-badge { color: var(--brand-primary) !important; background-color: rgba(var(--brand-primary-rgb),.1) !important; border-color: rgba(var(--brand-primary-rgb),.25) !important; }
:root.dark .replica-model-badge.is-free { color: var(--status-success) !important; background-color: rgba(var(--status-success-rgb),.1) !important; border-color: rgba(var(--status-success-rgb),.25) !important; }
:root.dark .replica-sidebar-model[aria-current="page"] { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; box-shadow: inset 0 0 0 1px rgba(var(--brand-accent-rgb),.5) !important; }
:root.dark .replica-testimonials-carousel { --reviews-background: var(--bg-canvas); }
:root.dark .replica-testimonial { background-color: var(--bg-surface) !important; background-image: linear-gradient(135deg,var(--bg-surface),var(--bg-surface)) !important; border-color: var(--border-subtle) !important; }
:root.dark .replica-testimonial:hover { background-color: var(--bg-elevated) !important; border-color: rgba(var(--brand-accent-rgb),.35) !important; }
:root.dark .replica-testimonial-quote-icon { color: rgba(var(--brand-accent-rgb),.55) !important; }
:root.dark .replica-testimonial-stars { color: var(--brand-primary) !important; }
:root.dark .replica-testimonial-stars svg { fill: currentColor !important; }
:root.dark .replica-testimonial-author { border-color: var(--border-subtle) !important; }
:root.dark :is(.replica-testimonial blockquote p,.replica-testimonial-role) { color: var(--text-secondary) !important; }
:root.dark .replica-testimonial-name { color: var(--text-primary) !important; }
:root.dark .replica-testimonials-row:focus-visible { outline-color: var(--brand-accent) !important; }
:root.dark .replica-generator .replica-segmented > button[aria-pressed="true"] { color: var(--text-primary) !important; }
:root.dark .replica-generator .replica-segmented > button[aria-pressed="true"] > [class~="bg-gradient-to-r"] { background-image: linear-gradient(135deg,rgba(var(--brand-primary-rgb),.25),rgba(var(--brand-coral-rgb),.25)) !important; }
:root.dark .replica-generator .replica-segmented > button[aria-pressed="false"] { color: var(--text-secondary) !important; }
:root.dark .replica-generator .replica-ratios > button[aria-pressed="true"] { color: var(--brand-accent) !important; border-color: var(--brand-accent) !important; background-color: rgba(var(--brand-accent-rgb),.15) !important; }
:root.dark .replica-generator .replica-ratios > button[aria-pressed="true"] > .rounded-sm { background-color: var(--brand-accent) !important; }
:root.dark .replica-duration-range { accent-color: var(--brand-primary) !important; }
:root.dark .replica-audio-control input { accent-color: var(--brand-accent) !important; }
:root.dark .replica-dragover { outline-color: var(--brand-accent) !important; }
:root.dark .replica-generator-choice[aria-selected="true"] { color: var(--brand-accent) !important; border-color: var(--brand-accent) !important; background-color: rgba(var(--brand-accent-rgb),.09) !important; }
:root.dark :is(.replica-generator-choice:hover,.replica-generator-choice:focus-visible) { outline-color: var(--brand-accent) !important; }
:root.dark .replica-accordion-open { background-color: rgba(var(--brand-accent-rgb),.05) !important; border-color: rgba(var(--brand-accent-rgb),.5) !important; }
:root.dark .replica-accordion-open > button > span { color: var(--brand-accent) !important; }
:root.dark .replica-selected { box-shadow: inset 0 0 0 2px var(--brand-accent) !important; }
:root.dark button.replica-selected[aria-pressed="true"] { background-image: var(--brand-gradient) !important; color: var(--text-on-brand) !important; }
:root.dark .replica-selected:not(button) { background-color: rgba(var(--brand-accent-rgb),.1) !important; }
:root.dark [class*="bg-[radial-gradient"] { background-image: radial-gradient(circle at top,rgba(var(--brand-accent-rgb),.12),rgba(var(--bg-canvas-rgb),.6)) !important; }
:root.dark [class~="text-white/70"] { color: var(--text-secondary) !important; }
:root.dark #seedance-workspace [contenteditable="true"] { background-color: var(--bg-surface) !important; color: var(--text-primary) !important; }
:root.dark :is(.replica-login,.replica-primary,button.btn-shimmer,[data-replica-checkout],[data-replica-pack-purchase]):hover,
:root.dark :is(a,button)[class~="from-indigo-500"][class~="to-pink-500"]:hover { background-image: linear-gradient(135deg,var(--brand-primary-hover),#FB7185) !important; }
:root.dark :is(.replica-workspace-example,.replica-dialog-body video) { background-color: #000 !important; }
:root.dark [data-prompt-expandable]::before { color: var(--text-muted) !important; }
:root.dark [class~="text-zinc-950"] { color: var(--text-on-brand) !important; }
:root.dark .rotate-45[class~="from-amber-500"][class~="to-yellow-300"] { background-image: var(--brand-gradient) !important; color: var(--text-on-brand) !important; }
:root.dark [class~="from-[#D90416]"][class~="to-[#E81B30]"] { background-image: var(--brand-gradient) !important; color: var(--text-on-brand) !important; }
:root.dark [class~="from-[#D90416]"][class~="to-[#E81B30]"] :is(h3,p,span,strong,b,em,svg) { color: var(--text-on-brand) !important; }
:root.dark [class~="from-[#D90416]"][class~="to-[#E81B30]"] [class*="bg-white"],
:root.dark [class~="from-[#D90416]"][class~="to-[#E81B30]"] [class*="bg-white"] * { background-color: var(--bg-elevated) !important; color: var(--text-primary) !important; }
:root.dark :is(a,button)[class~="from-red-500"][class~="to-orange-500"] { background-image: var(--brand-gradient) !important; color: var(--text-on-brand) !important; }