/*
 * GENERATED FILE — do not edit by hand.
 * Built by scripts/generate-dark-theme.js (npm run gen:dark-theme).
 * Hand-written rules come from scripts/dark-theme.static.css; utility
 * overrides are generated from a scan of public/js + public/index.html.
 * Elements under .theme-exempt keep true colors.
 */

/*
 * Hand-written dark-theme rules, prepended verbatim to public/css/dark-theme.css
 * by scripts/generate-dark-theme.js (npm run gen:dark-theme). Edit THIS file,
 * never the generated output.
 */

/* ---------- base ---------- */

html.dark {
    color-scheme: dark;
    /* dashboard-modular.css component variables */
    --filter-bg: #1f2937;
    --table-border: #374151;
}

html.dark body {
    background-color: #111827;
    color: #d1d5db;
}

/* Sidebar: darker than the page in dark mode (light-mode values live in
   css/sidebar.css :root) so the rail keeps depth against #111827 content. */
html.dark {
    --sb-bg: #0b111e;
    --sb-bg-gradient: linear-gradient(180deg, #0e1524 0%, #090f1a 100%);
}

/* Native form controls without explicit bg/text utilities: low-specificity
   defaults (no !important) so utility overrides still win. */
html.dark :where(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"], [type="button"], [type="submit"], [type="reset"]), textarea, select):not(.theme-exempt, .theme-exempt *) {
    background-color: #111827;
    color: #e5e7eb;
    border-color: #374151;
}

html.dark :where(input, textarea)::placeholder {
    color: #6b7280;
}

/* Native <select> popup: Chromium renders the option list with the OPTION
   elements' own colors, which inherit light-theme values unless set — style
   them explicitly so dropdown menus are dark too. */
html.dark select:not(.theme-exempt, .theme-exempt *) {
    color-scheme: dark;
}
html.dark select:not(.theme-exempt, .theme-exempt *) option,
html.dark select:not(.theme-exempt, .theme-exempt *) optgroup {
    background-color: #1f2937;
    color: #e5e7eb;
}
html.dark select:not(.theme-exempt, .theme-exempt *) option:disabled {
    color: #6b7280;
}

/* Disabled controls: keep legible instead of washing out to UA gray */
html.dark :where(input, textarea, select):disabled:not(.theme-exempt, .theme-exempt *) {
    background-color: #1a2333;
    color: #8b95a7;
    border-color: #2b3648;
    opacity: 1;
}

/* ---------- dashboard-modular.css components ---------- */

html.dark .filter-section h4 { color: #d1d5db; }
html.dark .filter-label { color: #9ca3af; }
html.dark .filter-input,
html.dark .filter-select { background-color: #111827; color: #e5e7eb; }

html.dark .data-table { background: #1f2937; }
html.dark .data-table th { background-color: #111827; color: #9ca3af; }
html.dark .data-table td { color: #d1d5db; }
html.dark .data-table tr:hover { background-color: #273143; }

html.dark .btn-secondary { background: #1f2937; }
html.dark .btn-secondary:hover { background: var(--primary-color); }

html.dark .modal-content { background: #1f2937; }
html.dark .modal-header h3 { color: #f9fafb; }
html.dark .modal-close { color: #9ca3af; }
html.dark .modal-close:hover { color: #e5e7eb; }

html.dark .status-completed { background-color: rgba(16, 185, 129, 0.2); color: #6ee7b7; }
html.dark .status-indexing { background-color: rgba(245, 158, 11, 0.2); color: #fcd34d; }
html.dark .status-pending { background-color: rgba(99, 102, 241, 0.2); color: #a5b4fc; }
html.dark .status-failed { background-color: rgba(239, 68, 68, 0.2); color: #fca5a5; }

/* Workflow note cards (compact markdown) */
html.dark .workflow-note-body h1,
html.dark .workflow-note-body h2,
html.dark .workflow-note-body h3,
html.dark .workflow-note-body h4,
html.dark .workflow-note-body h5,
html.dark .workflow-note-body h6 { color: #d1d5db !important; }
html.dark .workflow-note-body code { background: rgba(255, 255, 255, 0.1) !important; color: #d1d5db !important; }
html.dark .workflow-note-body pre { background: rgba(255, 255, 255, 0.08) !important; }
html.dark .workflow-note-body blockquote { color: #9ca3af !important; border-left-color: #4b5563 !important; }
html.dark .workflow-note-body th,
html.dark .workflow-note-body td { border-color: #374151 !important; }
html.dark .workflow-note-body hr { border-top-color: #374151 !important; }

/* ---------- dashboard landing widgets ---------- */
/* dashboard-styles.js injects a <style> tag at runtime (after this sheet), so
   these rely on the html.dark prefix for higher specificity, not on order. */

html.dark .dashboard-card { background: #1f2937; border-color: #374151; }
html.dark .dashboard-updated { color: #9ca3af; }
html.dark .dashboard-range-select { background: #1f2937; border-color: #374151; color: #d1d5db; }
html.dark .dashboard-refresh-btn { background: #1f2937; border-color: #374151; color: #9ca3af; }
html.dark .dashboard-refresh-btn:hover { background: #374151; color: #f9fafb; }
html.dark .dashboard-skeleton {
    background: linear-gradient(90deg, #374151 25%, #2b3648 37%, #374151 63%);
    background-size: 400% 100%;
}
html.dark .dashboard-stat-value { color: #f9fafb; }
html.dark .dashboard-welcome-title { color: #f9fafb; }
html.dark .dashboard-quick-action { background: #1f2937; border-color: #374151; color: #d1d5db; }
html.dark .dashboard-quick-action:hover { background: #374151; border-color: #4b5563; color: #f9fafb; }
html.dark .dashboard-list-item { background: #111827; border-color: #374151; }
html.dark .dashboard-list-item .di-title { color: #e5e7eb; }
html.dark .dashboard-badge.is-danger { background: rgba(239, 68, 68, 0.2); color: #fca5a5; }
html.dark .dashboard-badge.is-warn { background: rgba(245, 158, 11, 0.2); color: #fcd34d; }
html.dark .dashboard-badge.is-ok { background: rgba(16, 185, 129, 0.2); color: #6ee7b7; }
html.dark .dashboard-badge.is-muted { background: #374151; color: #9ca3af; }
html.dark .dmc-headline { color: #f9fafb; }
html.dark .dmc-name, html.dark .dmc-ranked-name { color: #9ca3af; }
html.dark .dmc-val, html.dark .dmc-ranked-val { color: #f3f4f6; }
html.dark .dmc-ranked-track { background: #374151; }
html.dark .dashboard-btn { background: #1f2937; border-color: #374151; color: #d1d5db; }
html.dark .dashboard-btn:hover { background: #374151; color: #f9fafb; }
html.dark .dashboard-btn.is-primary { background: #4f46e5; border-color: #4f46e5; color: #fff; }
html.dark .dashboard-btn.is-primary:hover { background: #4338ca; }
html.dark .dashboard-palette { background: #111827; border-color: #4b5563; }
html.dark .dashboard-palette-item { background: #1f2937; border-color: #374151; color: #d1d5db; }
html.dark .dashboard-palette-item:hover { background: rgba(99, 102, 241, 0.2); border-color: #6366f1; color: #a5b4fc; }
html.dark .dashboard-grid.is-editing .dashboard-card { border-color: #4b5563; }

/* ---------- template editor: element editor modal ---------- */
/* The modal body is 100% inline-styled (uniform palette: #374151 headings,
   #6b7280 labels, #d1d5db/#e5e7eb borders, #fff fills), so these structural
   overrides need !important to beat the inline styles. The live element
   preview (.ee-preview-content) and compound-child canvas are theme-exempt
   in JS — they must show true render colors. */

/* The preview backdrop stays LIGHT in dark mode: the element preview box is
   transparent and renders directly over it, so the backdrop is part of the
   WYSIWYG slide context (do not darken). Reset inherited dark body text color
   for the same reason. */
html.dark .ee-preview-area { color: #0f172a; }
html.dark .ee-zoom-controls button {
    background: #1f2937 !important;
    border-color: #374151 !important;
    color: #9ca3af !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}
html.dark .ee-tabs { border-bottom-color: #374151 !important; }
html.dark .ee-settings h4 { color: #d1d5db !important; border-bottom-color: #374151 !important; }
html.dark .ee-settings h4 i,
html.dark .ee-settings h4 svg { color: #6b7280 !important; }
html.dark .ee-settings label { color: #9ca3af !important; }
html.dark .ee-settings label:has(input[type="checkbox"]) { color: #c2cad6 !important; }
html.dark :is(.ee-settings, .cce-props-pane) :is(input[type="text"], input[type="number"], input[type="search"], input:not([type]), textarea, select) {
    background-color: #111827 !important;
    color: #e5e7eb !important;
    border-color: #374151 !important;
}
/* Inline light panel/card fills (attribute-scoped to backgrounds only, so
   color-preview swatches and borders are not repainted) */
html.dark .ee-settings :is([style*="background: #f9fafb"], [style*="background:#f9fafb"]) { background-color: #111827 !important; }
html.dark .ee-settings :is([style*="background: #f3f4f6"], [style*="background:#f3f4f6"]) { background-color: #1a2333 !important; }
html.dark .ee-settings :is([style*="background: #fef2f2"], [style*="background:#fef2f2"]) {
    background-color: rgba(220, 38, 38, 0.12) !important;
    border-color: rgba(220, 38, 38, 0.45) !important;
}
html.dark .ee-icon-chip { background: #1f2937 !important; border-color: #374151 !important; color: #d1d5db !important; }
html.dark .ee-remove-icon { color: #9ca3af !important; }
html.dark .ee-add-icons-btn { background: #1f2937 !important; border-color: #4b5563 !important; color: #d1d5db !important; }
html.dark .cce-canvas-pane { background: #0d1420 !important; }
html.dark .cce-props-pane { background: #1f2937 !important; border-left-color: #374151 !important; }

/* ---------- workflow editor canvas ---------- */
/* Node bodies use Tailwind tint classes already remapped by the generated
   rules; the canvas itself is inline-styled white with a light dot grid, so
   the tints only read correctly once the canvas goes dark. */

html.dark #workflow-canvas {
    background-color: #0d1424 !important;
    background-image: radial-gradient(circle, rgba(148, 163, 184, 0.16) 1px, transparent 1px) !important;
}

/* Edge label pills: fill is set as an SVG presentation attribute in
   Renderer.js — CSS wins over presentation attributes, no !important needed. */
html.dark #connections-svg rect { fill: #1f2937; }
html.dark #connections-svg text { fill: #cbd5e1; }

/* Execution-state fills in dashboard-modular.css are solid light tints with
   !important — re-tint for dark (border colors stay, they read well). */
html.dark .workflow-block.block-failed .block-content { background-color: rgba(239, 68, 68, 0.2) !important; }
html.dark .workflow-block.block-warn .block-content { background-color: rgba(234, 179, 8, 0.16) !important; }
html.dark .workflow-block.block-processed .block-content { background-color: rgba(6, 182, 212, 0.16) !important; }
html.dark .workflow-block.block-interrupted .block-content { background-color: rgba(245, 158, 11, 0.16) !important; }
html.dark .block-elapsed-slot { color: #93c5fd; }
html.dark .workflow-block.block-running .block-elapsed-slot { color: #f87171; }

/* Block text/icons: one shade lighter than the global dark mapping (hue-200
   instead of hue-300) — the tinted cards plus their 10% transparency need the
   extra contrast for readability. */
html.dark .workflow-block .text-gray-700 { color: #e5e7eb !important; }
html.dark .workflow-block .text-gray-600 { color: #d1d5db !important; }
html.dark .workflow-block .text-cyan-700 { color: #a5f3fc !important; }
html.dark .workflow-block .text-purple-700 { color: #e9d5ff !important; }
html.dark .workflow-block .text-rose-600 { color: #fda4af !important; }
html.dark .workflow-block .text-indigo-700 { color: #c7d2fe !important; }
html.dark .workflow-block .text-pink-700 { color: #fbcfe8 !important; }
html.dark .workflow-block .text-emerald-700 { color: #a7f3d0 !important; }
html.dark .workflow-block .text-violet-700 { color: #ddd6fe !important; }
html.dark .workflow-block .text-amber-700 { color: #fde68a !important; }
html.dark .workflow-block .text-red-700 { color: #fecaca !important; }

/* Inline-styled gray badges (ids, model chips, comment/cache icons): lighten
   via style-attribute match; svg strokes set as presentation attributes lose
   to plain CSS, no !important needed there. */
html.dark .workflow-block :is([style*="color: #6b7280"], [style*="color:#6b7280"]) { color: #a8b1c0 !important; }
html.dark .workflow-block :is([style*="color: #9ca3af"], [style*="color:#9ca3af"]) { color: #c0c8d4 !important; }
html.dark .workflow-block svg[stroke="#6b7280"] { stroke: #a8b1c0; }
html.dark .workflow-block svg[stroke="#9ca3af"] { stroke: #c0c8d4; }

/* ---------- assistant widget (.pa-*) ---------- */

html.dark .pa-launcher { color: #9ca3af; }
html.dark .pa-launcher:hover { color: #f9fafb; }
html.dark .pa-launcher-open { background: #374151; color: #f9fafb; }
html.dark .pa-panel { background: #111827; border-color: #374151; }
html.dark .pa-panel.pa-docked { border-left-color: #374151; }
html.dark .pa-header { border-bottom-color: #374151; }
html.dark .pa-title { color: #f9fafb; }
html.dark .pa-context-meter { background: rgba(255, 255, 255, 0.06); color: #9ca3af; border-color: rgba(255, 255, 255, 0.08); }
html.dark .pa-usage-chip { background: rgba(255, 255, 255, 0.06); color: #9ca3af; border-color: rgba(255, 255, 255, 0.08); }
@keyframes pa-usage-tick-dark { 0% { border-color: #818cf8; color: #a5b4fc; } 100% { border-color: rgba(255, 255, 255, 0.08); color: #9ca3af; } }
html.dark .pa-usage-chip.pa-usage-tick { animation: pa-usage-tick-dark 0.6s ease-out; }
html.dark .pa-icon-btn { color: #9ca3af; }
html.dark .pa-icon-btn:hover { background: #374151; color: #f9fafb; }
html.dark .pa-icon-btn-active { background: #374151; color: #f9fafb; }

html.dark .pa-history-list { background: #0d1424; border-bottom-color: #374151; }
html.dark .pa-history-label { color: #9ca3af; }
html.dark .pa-history-item { background: #1f2937; border-color: #374151; }
html.dark .pa-history-item:hover { border-color: #6b7280; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4); }
html.dark .pa-history-item-active { border-color: #6366f1; box-shadow: inset 3px 0 0 0 #6366f1; }
html.dark .pa-history-title { color: #e5e7eb; }

html.dark .pa-bubble-user .pa-bubble-content { background: #4f46e5; color: #fff; }
html.dark .pa-bubble-assistant .pa-bubble-content { background: #1f2937; color: #e5e7eb; }
html.dark .pa-bubble-assistant .pa-bubble-content a { color: #fbbf24; }
html.dark .pa-bubble-system { color: #9ca3af; }
html.dark .pa-bubble-error { background: rgba(239, 68, 68, 0.12); color: #fca5a5; border-color: rgba(239, 68, 68, 0.4); }
html.dark .pa-narrative-container { color: #b6bfcb; }

html.dark .pa-copy-btn { background: #1f2937; color: #9ca3af; border-color: #374151; }
html.dark .pa-copy-btn:hover { color: #f9fafb; }
html.dark .pa-inline { background: #374151; }

html.dark .pa-followup-chip { background: #1f2937; color: #d1d5db; border-color: #4b5563; }
html.dark .pa-followup-chip:hover { background: #374151; border-color: #6b7280; }

html.dark .pa-cmd-chip { background: #1f2937; color: #d1d5db; border-color: #4b5563; }
html.dark .pa-cmd-running { background: rgba(59, 130, 246, 0.15); color: #93c5fd; border-color: rgba(59, 130, 246, 0.45); }
html.dark .pa-cmd-done { background: rgba(34, 197, 94, 0.15); color: #86efac; border-color: rgba(34, 197, 94, 0.45); }
html.dark .pa-cmd-failed { background: rgba(239, 68, 68, 0.15); color: #fca5a5; border-color: rgba(239, 68, 68, 0.45); }
html.dark .pa-cmd-unsupported { background: rgba(245, 158, 11, 0.15); color: #fcd34d; border-color: rgba(245, 158, 11, 0.45); }
html.dark .pa-cmd-declined { background: #1f2937; color: #9ca3af; border-color: #4b5563; }
html.dark .pa-cmd-history { background: #1f2937; color: #9ca3af; border-color: #374151; }

html.dark .pa-confirm-card { background: rgba(245, 158, 11, 0.1); border-color: rgba(245, 158, 11, 0.4); border-left-color: #f59e0b; }
html.dark .pa-confirm-head { color: #fcd34d; }
html.dark .pa-confirm-summary { color: #e5e7eb; }
html.dark .pa-confirm-no { background: #1f2937; color: #d1d5db; border-color: #4b5563; }
html.dark .pa-confirm-no:hover:not(:disabled) { background: #374151; }
html.dark .pa-confirm-done { background: rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.4); border-left-color: #059669; }
html.dark .pa-confirm-done .pa-confirm-outcome { color: #6ee7b7; }
html.dark .pa-confirm-declined { background: #1f2937; border-color: #4b5563; border-left-color: #6b7280; }
html.dark .pa-confirm-declined .pa-confirm-outcome { color: #9ca3af; }
html.dark .pa-confirm-failed { background: rgba(239, 68, 68, 0.1); border-color: rgba(239, 68, 68, 0.4); border-left-color: #dc2626; }
html.dark .pa-confirm-failed .pa-confirm-outcome { color: #fca5a5; }

html.dark .pa-typing { color: #9ca3af; }
html.dark .pa-typing-bar { background: #374151; }
html.dark .pa-typing-bar-fill { background: #9ca3af; }

html.dark .pa-step-divider { color: #9ca3af; }
html.dark .pa-step-divider::before,
html.dark .pa-step-divider::after { border-top-color: #4b5563; }
html.dark .pa-step-badge { background: rgba(99, 102, 241, 0.15); color: #a5b4fc; border-color: rgba(99, 102, 241, 0.45); }

html.dark .pa-plan-card { background: #1a2333; border-color: #374151; border-left-color: #6366f1; }
html.dark .pa-plan-head { color: #a5b4fc; }
html.dark .pa-plan-item { color: #d1d5db; }
html.dark .pa-plan-done .pa-plan-title { color: #6b7280; }
html.dark .pa-plan-in_progress .pa-plan-title { color: #f9fafb; }

html.dark .pa-input-row { background: #0d1424; border-top-color: #374151; }
html.dark .pa-input { background: #1f2937; color: #f3f4f6; border-color: #374151; }
html.dark .pa-input:focus { border-color: #6366f1; }
html.dark .pa-send { background: #4f46e5; }
html.dark .pa-send:hover:not(:disabled) { background: #4338ca; }
html.dark .pa-send.pa-send-stop { background: #dc2626; }
html.dark .pa-send.pa-send-stop:hover:not(:disabled) { background: #b91c1c; }

/* ---------- notifications (toast.js: bell, history panel, confirm) ---------- */
/* Styles are injected at runtime as a <style> tag; the html.dark prefix wins
   on specificity. Toast pills themselves are solid status colors + white text
   and work on both themes. */

html.dark #tn-bell { color: #9ca3af; }
html.dark #tn-bell:hover { color: #f9fafb; }
/* Elevated surface: lighter than page cards (#1f2937) + strong border + deep
   shadow so the floating panel reads as a layer above the dark page. */
html.dark #tn-panel {
    background: #262f42;
    border-color: #4b5563;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
html.dark .tn-panel-head { border-bottom-color: #3d4a61; }
html.dark .tn-panel-title { color: #f9fafb; }
html.dark .tn-link { color: #9ca3af; }
html.dark .tn-link:hover { color: #f87171; }
html.dark .tn-icon-btn { color: #8b95a7; }
html.dark .tn-icon-btn:hover { color: #f3f4f6; }
html.dark .tn-item:hover { background: #313e55; }
html.dark .tn-item-msg { color: #eceef2; }
html.dark .tn-item-time { color: #8b95a7; }
html.dark .tn-empty { color: #8b95a7; }
html.dark .tn-confirm {
    background: #262f42;
    border-color: #4b5563;
    box-shadow: 0 14px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04);
}
html.dark .tn-confirm-msg { color: #eceef2; }
html.dark .tn-btn-cancel { background: #3d4a61; color: #eceef2; }
html.dark .tn-btn-cancel:hover { background: #4a5872; }

/* ---------- resizable panel dividers ---------- */

html.dark .resizable-divider-horizontal,
html.dark .resizable-divider-vertical,
html.dark .resizable-edge-handle { background-color: #2b3648; }
html.dark .resizable-divider-horizontal:hover,
html.dark .resizable-divider-vertical:hover,
html.dark .resizable-edge-handle:hover { background-color: rgba(59, 130, 246, 0.35); }
html.dark .resizable-divider-horizontal.dragging,
html.dark .resizable-divider-vertical.dragging,
html.dark .resizable-edge-handle.dragging { background-color: rgba(59, 130, 246, 0.55); }
html.dark .resizable-divider-horizontal .divider-handle,
html.dark .resizable-divider-vertical .divider-handle,
html.dark .resizable-edge-handle .edge-indicator { background-color: #4b5563; }
html.dark .resizable-divider-horizontal:hover .divider-handle,
html.dark .resizable-divider-vertical:hover .divider-handle,
html.dark .resizable-edge-handle:hover .edge-indicator { background-color: #60a5fa; }

/* ---------- narrative engine (.ne-*) + generated-markdown chrome ---------- */

html.dark .ne-step-label { color: #d1d5db; }
html.dark .ne-check { background: #4b5563; }
html.dark .ne-badge-pending { background: rgba(255, 255, 255, 0.06); color: #9ca3af; }
html.dark .ne-narrative-item {
    background: rgba(255, 255, 255, 0.03);
    border-left-color: rgba(255, 255, 255, 0.12);
    color: #d1d5db;
}
html.dark .ne-narrative-reasoning {
    color: #a5b4fc;
    border-left-color: rgba(99, 102, 241, 0.4);
    background: rgba(99, 102, 241, 0.08);
}
html.dark .ne-timeline-node::before { background: #374151; }
html.dark .ne-timeline-label { color: #e5e7eb; }
html.dark .ne-timeline-sub-tag { color: #c4b5fd; background: rgba(139, 92, 246, 0.16); }
html.dark .ne-timeline-complete { color: #6ee7b7; }
html.dark .ne-timeline-nested { border-left-color: rgba(139, 92, 246, 0.35); }
html.dark .code-header-bar { color: #9ca3af; border-color: rgba(255, 255, 255, 0.1); }
html.dark .code-copy-btn { color: #9ca3af; }
html.dark .code-copy-btn:hover { color: #e5e7eb; }

/* ---------- generated utility overrides ---------- */

html.dark .active\:bg-gray-100:not(.theme-exempt, .theme-exempt *):active { background-color: #374151 !important; }
html.dark .bg-amber-100:not(.theme-exempt, .theme-exempt *) { background-color: #4a402e !important; }
html.dark .bg-amber-100\/60:not(.theme-exempt, .theme-exempt *) { background-color: rgba(245, 158, 11, 0.12) !important; }
html.dark .bg-amber-200:not(.theme-exempt, .theme-exempt *) { background-color: #5b4a2b !important; }
html.dark .bg-amber-50:not(.theme-exempt, .theme-exempt *) { background-color: #3b3831 !important; }
html.dark .bg-amber-50\/40:not(.theme-exempt, .theme-exempt *) { background-color: rgba(245, 158, 11, 0.052) !important; }
html.dark .bg-amber-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(245, 158, 11, 0.065) !important; }
html.dark .bg-blue-100:not(.theme-exempt, .theme-exempt *) { background-color: #253b5d !important; }
html.dark .bg-blue-100\/20:not(.theme-exempt, .theme-exempt *) { background-color: rgba(59, 130, 246, 0.04) !important; }
html.dark .bg-blue-100\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(59, 130, 246, 0.1) !important; }
html.dark .bg-blue-200:not(.theme-exempt, .theme-exempt *) { background-color: #27426c !important; }
html.dark .bg-blue-50:not(.theme-exempt, .theme-exempt *) { background-color: #233550 !important; }
html.dark .bg-blue-50\/30:not(.theme-exempt, .theme-exempt *) { background-color: rgba(59, 130, 246, 0.039) !important; }
html.dark .bg-blue-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(59, 130, 246, 0.065) !important; }
html.dark .bg-cyan-100:not(.theme-exempt, .theme-exempt *) { background-color: #1a4556 !important; }
html.dark .bg-cyan-50:not(.theme-exempt, .theme-exempt *) { background-color: #1c3b4b !important; }
html.dark .bg-emerald-100:not(.theme-exempt, .theme-exempt *) { background-color: #1c4646 !important; }
html.dark .bg-emerald-50:not(.theme-exempt, .theme-exempt *) { background-color: #1d3c41 !important; }
html.dark .bg-gray-100:not(.theme-exempt, .theme-exempt *) { background-color: #374151 !important; }
html.dark .bg-gray-200:not(.theme-exempt, .theme-exempt *) { background-color: #4b5563 !important; }
html.dark .bg-gray-300:not(.theme-exempt, .theme-exempt *) { background-color: #4b5563 !important; }
html.dark .bg-gray-50:not(.theme-exempt, .theme-exempt *) { background-color: #111827 !important; }
html.dark .bg-gray-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(17, 24, 39, 0.5) !important; }
html.dark .bg-green-100:not(.theme-exempt, .theme-exempt *) { background-color: #20483f !important; }
html.dark .bg-green-50:not(.theme-exempt, .theme-exempt *) { background-color: #1f3d3c !important; }
html.dark .bg-green-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(34, 197, 94, 0.065) !important; }
html.dark .bg-indigo-100:not(.theme-exempt, .theme-exempt *) { background-color: #2d355c !important; }
html.dark .bg-indigo-200:not(.theme-exempt, .theme-exempt *) { background-color: #323a6b !important; }
html.dark .bg-indigo-50:not(.theme-exempt, .theme-exempt *) { background-color: #28314f !important; }
html.dark .bg-indigo-50\/60:not(.theme-exempt, .theme-exempt *) { background-color: rgba(99, 102, 241, 0.078) !important; }
html.dark .bg-orange-100:not(.theme-exempt, .theme-exempt *) { background-color: #4b3830 !important; }
html.dark .bg-orange-100\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(249, 115, 22, 0.1) !important; }
html.dark .bg-orange-200:not(.theme-exempt, .theme-exempt *) { background-color: #5c3e2e !important; }
html.dark .bg-orange-50:not(.theme-exempt, .theme-exempt *) { background-color: #3b3333 !important; }
html.dark .bg-orange-50\/30:not(.theme-exempt, .theme-exempt *) { background-color: rgba(249, 115, 22, 0.039) !important; }
html.dark .bg-orange-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(249, 115, 22, 0.065) !important; }
html.dark .bg-pink-100:not(.theme-exempt, .theme-exempt *) { background-color: #482f4b !important; }
html.dark .bg-pink-50:not(.theme-exempt, .theme-exempt *) { background-color: #3a2d44 !important; }
html.dark .bg-primary-100:not(.theme-exempt, .theme-exempt *) { background-color: #1c425b !important; }
html.dark .bg-purple-100:not(.theme-exempt, .theme-exempt *) { background-color: #3a325d !important; }
html.dark .bg-purple-200:not(.theme-exempt, .theme-exempt *) { background-color: #45356d !important; }
html.dark .bg-purple-50:not(.theme-exempt, .theme-exempt *) { background-color: #312f50 !important; }
html.dark .bg-purple-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(168, 85, 247, 0.065) !important; }
html.dark .bg-red-100:not(.theme-exempt, .theme-exempt *) { background-color: #492e3a !important; }
html.dark .bg-red-200:not(.theme-exempt, .theme-exempt *) { background-color: #59313b !important; }
html.dark .bg-red-50:not(.theme-exempt, .theme-exempt *) { background-color: #3a2d39 !important; }
html.dark .bg-rose-100:not(.theme-exempt, .theme-exempt *) { background-color: #4a2d3f !important; }
html.dark .bg-rose-200:not(.theme-exempt, .theme-exempt *) { background-color: #5b2f42 !important; }
html.dark .bg-rose-50:not(.theme-exempt, .theme-exempt *) { background-color: #3b2c3c !important; }
html.dark .bg-rose-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(244, 63, 94, 0.065) !important; }
html.dark .bg-sky-50:not(.theme-exempt, .theme-exempt *) { background-color: #1d394e !important; }
html.dark .bg-slate-100:not(.theme-exempt, .theme-exempt *) { background-color: #374151 !important; }
html.dark .bg-slate-200:not(.theme-exempt, .theme-exempt *) { background-color: #4b5563 !important; }
html.dark .bg-slate-50:not(.theme-exempt, .theme-exempt *) { background-color: #111827 !important; }
html.dark .bg-teal-100:not(.theme-exempt, .theme-exempt *) { background-color: #1d464d !important; }
html.dark .bg-teal-50:not(.theme-exempt, .theme-exempt *) { background-color: #1e3c45 !important; }
html.dark .bg-teal-50\/50:not(.theme-exempt, .theme-exempt *) { background-color: rgba(20, 184, 166, 0.065) !important; }
html.dark .bg-violet-100:not(.theme-exempt, .theme-exempt *) { background-color: #35335d !important; }
html.dark .bg-violet-200:not(.theme-exempt, .theme-exempt *) { background-color: #3d376c !important; }
html.dark .bg-violet-50:not(.theme-exempt, .theme-exempt *) { background-color: #2d3050 !important; }
html.dark .bg-white:not(.theme-exempt, .theme-exempt *) { background-color: #1f2937 !important; }
html.dark .bg-white\/70:not(.theme-exempt, .theme-exempt *) { background-color: rgba(31, 41, 55, 0.7) !important; }
html.dark .bg-white\/80:not(.theme-exempt, .theme-exempt *) { background-color: rgba(31, 41, 55, 0.8) !important; }
html.dark .bg-white\/95:not(.theme-exempt, .theme-exempt *) { background-color: rgba(31, 41, 55, 0.95) !important; }
html.dark .bg-yellow-100:not(.theme-exempt, .theme-exempt *) { background-color: #48452e !important; }
html.dark .bg-yellow-200:not(.theme-exempt, .theme-exempt *) { background-color: #58502a !important; }
html.dark .bg-yellow-50:not(.theme-exempt, .theme-exempt *) { background-color: #393b31 !important; }
html.dark .border-amber-100:not(.theme-exempt, .theme-exempt *) { border-color: rgba(245, 158, 11, 0.25) !important; }
html.dark .border-amber-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(245, 158, 11, 0.35) !important; }
html.dark .border-amber-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(245, 158, 11, 0.45) !important; }
html.dark .border-amber-400:not(.theme-exempt, .theme-exempt *) { border-color: rgba(245, 158, 11, 0.6) !important; }
html.dark .border-blue-100:not(.theme-exempt, .theme-exempt *) { border-color: rgba(59, 130, 246, 0.25) !important; }
html.dark .border-blue-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(59, 130, 246, 0.35) !important; }
html.dark .border-blue-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(59, 130, 246, 0.45) !important; }
html.dark .border-blue-400:not(.theme-exempt, .theme-exempt *) { border-color: rgba(59, 130, 246, 0.6) !important; }
html.dark .border-cyan-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(6, 182, 212, 0.35) !important; }
html.dark .border-emerald-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(16, 185, 129, 0.35) !important; }
html.dark .border-emerald-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(16, 185, 129, 0.45) !important; }
html.dark .border-gray-100:not(.theme-exempt, .theme-exempt *) { border-color: #374151 !important; }
html.dark .border-gray-200:not(.theme-exempt, .theme-exempt *) { border-color: #374151 !important; }
html.dark .border-gray-300:not(.theme-exempt, .theme-exempt *) { border-color: #4b5563 !important; }
html.dark .border-gray-400:not(.theme-exempt, .theme-exempt *) { border-color: #6b7280 !important; }
html.dark .border-gray-50:not(.theme-exempt, .theme-exempt *) { border-color: #1f2937 !important; }
html.dark .border-green-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(34, 197, 94, 0.35) !important; }
html.dark .border-green-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(34, 197, 94, 0.45) !important; }
html.dark .border-green-400:not(.theme-exempt, .theme-exempt *) { border-color: rgba(34, 197, 94, 0.6) !important; }
html.dark .border-indigo-100:not(.theme-exempt, .theme-exempt *) { border-color: rgba(99, 102, 241, 0.25) !important; }
html.dark .border-indigo-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(99, 102, 241, 0.35) !important; }
html.dark .border-indigo-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(99, 102, 241, 0.45) !important; }
html.dark .border-l-amber-400:not(.theme-exempt, .theme-exempt *) { border-left-color: rgba(245, 158, 11, 0.6) !important; }
html.dark .border-l-blue-400:not(.theme-exempt, .theme-exempt *) { border-left-color: rgba(59, 130, 246, 0.6) !important; }
html.dark .border-l-gray-400:not(.theme-exempt, .theme-exempt *) { border-left-color: #6b7280 !important; }
html.dark .border-l-green-400:not(.theme-exempt, .theme-exempt *) { border-left-color: rgba(34, 197, 94, 0.6) !important; }
html.dark .border-l-slate-400:not(.theme-exempt, .theme-exempt *) { border-left-color: #6b7280 !important; }
html.dark .border-l-violet-400:not(.theme-exempt, .theme-exempt *) { border-left-color: rgba(139, 92, 246, 0.6) !important; }
html.dark .border-orange-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(249, 115, 22, 0.35) !important; }
html.dark .border-orange-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(249, 115, 22, 0.45) !important; }
html.dark .border-primary-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(14, 165, 233, 0.35) !important; }
html.dark .border-purple-100:not(.theme-exempt, .theme-exempt *) { border-color: rgba(168, 85, 247, 0.25) !important; }
html.dark .border-purple-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(168, 85, 247, 0.35) !important; }
html.dark .border-purple-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(168, 85, 247, 0.45) !important; }
html.dark .border-red-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(239, 68, 68, 0.35) !important; }
html.dark .border-red-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(239, 68, 68, 0.45) !important; }
html.dark .border-red-400:not(.theme-exempt, .theme-exempt *) { border-color: rgba(239, 68, 68, 0.6) !important; }
html.dark .border-rose-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(244, 63, 94, 0.35) !important; }
html.dark .border-rose-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(244, 63, 94, 0.45) !important; }
html.dark .border-rose-400:not(.theme-exempt, .theme-exempt *) { border-color: rgba(244, 63, 94, 0.6) !important; }
html.dark .border-slate-200:not(.theme-exempt, .theme-exempt *) { border-color: #374151 !important; }
html.dark .border-slate-300:not(.theme-exempt, .theme-exempt *) { border-color: #4b5563 !important; }
html.dark .border-t-rose-400:not(.theme-exempt, .theme-exempt *) { border-top-color: rgba(244, 63, 94, 0.6) !important; }
html.dark .border-teal-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(20, 184, 166, 0.35) !important; }
html.dark .border-teal-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(20, 184, 166, 0.45) !important; }
html.dark .border-violet-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(139, 92, 246, 0.35) !important; }
html.dark .border-violet-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(139, 92, 246, 0.45) !important; }
html.dark .border-yellow-200:not(.theme-exempt, .theme-exempt *) { border-color: rgba(234, 179, 8, 0.35) !important; }
html.dark .border-yellow-300:not(.theme-exempt, .theme-exempt *) { border-color: rgba(234, 179, 8, 0.45) !important; }
html.dark .divide-gray-100:not(.theme-exempt, .theme-exempt *) > :not([hidden]) ~ :not([hidden]) { border-color: #374151 !important; }
html.dark .divide-gray-200:not(.theme-exempt, .theme-exempt *) > :not([hidden]) ~ :not([hidden]) { border-color: #374151 !important; }
html.dark .focus\:bg-white:not(.theme-exempt, .theme-exempt *):focus { background-color: #1f2937 !important; }
html.dark .focus\:border-blue-300:not(.theme-exempt, .theme-exempt *):focus { border-color: rgba(59, 130, 246, 0.45) !important; }
html.dark .focus\:border-blue-400:not(.theme-exempt, .theme-exempt *):focus { border-color: rgba(59, 130, 246, 0.6) !important; }
html.dark .from-amber-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #3b3831 !important; }
html.dark .from-blue-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #233550 !important; }
html.dark .from-cyan-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #1c3b4b !important; }
html.dark .from-emerald-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #1d3c41 !important; }
html.dark .from-gray-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #111827 !important; }
html.dark .from-indigo-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #28314f !important; }
html.dark .from-pink-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #3a2d44 !important; }
html.dark .from-purple-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #312f50 !important; }
html.dark .from-red-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #3a2d39 !important; }
html.dark .from-rose-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #4a2d3f !important; }
html.dark .from-violet-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-from: #2d3050 !important; }
html.dark .group:hover .group-hover\:text-gray-600:not(.theme-exempt, .theme-exempt *) { color: #9ca3af !important; }
html.dark .group:hover .group-hover\:text-indigo-700:not(.theme-exempt, .theme-exempt *) { color: #a5b4fc !important; }
html.dark .group:hover .group-hover\:text-orange-700:not(.theme-exempt, .theme-exempt *) { color: #fdba74 !important; }
html.dark .group:hover .group-hover\:text-purple-700:not(.theme-exempt, .theme-exempt *) { color: #d8b4fe !important; }
html.dark .hover\:bg-amber-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #4a402e !important; }
html.dark .hover\:bg-amber-100\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(245, 158, 11, 0.1) !important; }
html.dark .hover\:bg-amber-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #5b4a2b !important; }
html.dark .hover\:bg-amber-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #3b3831 !important; }
html.dark .hover\:bg-blue-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #253b5d !important; }
html.dark .hover\:bg-blue-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #27426c !important; }
html.dark .hover\:bg-blue-200\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(59, 130, 246, 0.14) !important; }
html.dark .hover\:bg-blue-300:not(.theme-exempt, .theme-exempt *):hover { background-color: #29487a !important; }
html.dark .hover\:bg-blue-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #233550 !important; }
html.dark .hover\:bg-cyan-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #1a4556 !important; }
html.dark .hover\:bg-cyan-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #1c3b4b !important; }
html.dark .hover\:bg-emerald-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #1c4646 !important; }
html.dark .hover\:bg-emerald-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #1d3c41 !important; }
html.dark .hover\:bg-gray-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #374151 !important; }
html.dark .hover\:bg-gray-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #4b5563 !important; }
html.dark .hover\:bg-gray-300:not(.theme-exempt, .theme-exempt *):hover { background-color: #4b5563 !important; }
html.dark .hover\:bg-gray-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #111827 !important; }
html.dark .hover\:bg-green-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #20483f !important; }
html.dark .hover\:bg-green-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #205542 !important; }
html.dark .hover\:bg-green-300:not(.theme-exempt, .theme-exempt *):hover { background-color: #206045 !important; }
html.dark .hover\:bg-green-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #1f3d3c !important; }
html.dark .hover\:bg-indigo-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #2d355c !important; }
html.dark .hover\:bg-indigo-100\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(99, 102, 241, 0.1) !important; }
html.dark .hover\:bg-indigo-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #323a6b !important; }
html.dark .hover\:bg-indigo-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #28314f !important; }
html.dark .hover\:bg-orange-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #4b3830 !important; }
html.dark .hover\:bg-orange-100\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(249, 115, 22, 0.1) !important; }
html.dark .hover\:bg-orange-200\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(249, 115, 22, 0.14) !important; }
html.dark .hover\:bg-orange-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #3b3333 !important; }
html.dark .hover\:bg-pink-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #482f4b !important; }
html.dark .hover\:bg-primary-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #1d394e !important; }
html.dark .hover\:bg-purple-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #3a325d !important; }
html.dark .hover\:bg-purple-100\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(168, 85, 247, 0.1) !important; }
html.dark .hover\:bg-purple-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #45356d !important; }
html.dark .hover\:bg-purple-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #312f50 !important; }
html.dark .hover\:bg-red-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #492e3a !important; }
html.dark .hover\:bg-red-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #59313b !important; }
html.dark .hover\:bg-red-300:not(.theme-exempt, .theme-exempt *):hover { background-color: #68323c !important; }
html.dark .hover\:bg-red-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #3a2d39 !important; }
html.dark .hover\:bg-rose-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #4a2d3f !important; }
html.dark .hover\:bg-rose-100\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(244, 63, 94, 0.1) !important; }
html.dark .hover\:bg-rose-200:not(.theme-exempt, .theme-exempt *):hover { background-color: #5b2f42 !important; }
html.dark .hover\:bg-rose-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #3b2c3c !important; }
html.dark .hover\:bg-sky-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #1d394e !important; }
html.dark .hover\:bg-slate-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #374151 !important; }
html.dark .hover\:bg-teal-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #1d464d !important; }
html.dark .hover\:bg-teal-100\/50:not(.theme-exempt, .theme-exempt *):hover { background-color: rgba(20, 184, 166, 0.1) !important; }
html.dark .hover\:bg-teal-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #1e3c45 !important; }
html.dark .hover\:bg-violet-100:not(.theme-exempt, .theme-exempt *):hover { background-color: #35335d !important; }
html.dark .hover\:bg-violet-50:not(.theme-exempt, .theme-exempt *):hover { background-color: #2d3050 !important; }
html.dark .hover\:bg-white:not(.theme-exempt, .theme-exempt *):hover { background-color: #1f2937 !important; }
html.dark .hover\:border-amber-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(245, 158, 11, 0.45) !important; }
html.dark .hover\:border-blue-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(59, 130, 246, 0.45) !important; }
html.dark .hover\:border-blue-400:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(59, 130, 246, 0.6) !important; }
html.dark .hover\:border-cyan-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(6, 182, 212, 0.45) !important; }
html.dark .hover\:border-emerald-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(16, 185, 129, 0.45) !important; }
html.dark .hover\:border-emerald-400:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(16, 185, 129, 0.6) !important; }
html.dark .hover\:border-gray-200:not(.theme-exempt, .theme-exempt *):hover { border-color: #374151 !important; }
html.dark .hover\:border-gray-300:not(.theme-exempt, .theme-exempt *):hover { border-color: #4b5563 !important; }
html.dark .hover\:border-gray-400:not(.theme-exempt, .theme-exempt *):hover { border-color: #6b7280 !important; }
html.dark .hover\:border-green-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(34, 197, 94, 0.45) !important; }
html.dark .hover\:border-indigo-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(99, 102, 241, 0.45) !important; }
html.dark .hover\:border-indigo-400:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(99, 102, 241, 0.6) !important; }
html.dark .hover\:border-orange-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(249, 115, 22, 0.45) !important; }
html.dark .hover\:border-purple-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(168, 85, 247, 0.45) !important; }
html.dark .hover\:border-purple-400:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(168, 85, 247, 0.6) !important; }
html.dark .hover\:border-rose-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(244, 63, 94, 0.45) !important; }
html.dark .hover\:border-slate-200:not(.theme-exempt, .theme-exempt *):hover { border-color: #374151 !important; }
html.dark .hover\:border-teal-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(20, 184, 166, 0.45) !important; }
html.dark .hover\:border-violet-200:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(139, 92, 246, 0.35) !important; }
html.dark .hover\:border-violet-300:not(.theme-exempt, .theme-exempt *):hover { border-color: rgba(139, 92, 246, 0.45) !important; }
html.dark .hover\:from-purple-100:not(.theme-exempt, .theme-exempt *):hover { --tw-gradient-from: #3a325d !important; }
html.dark .hover\:text-amber-600:not(.theme-exempt, .theme-exempt *):hover { color: #fbbf24 !important; }
html.dark .hover\:text-amber-700:not(.theme-exempt, .theme-exempt *):hover { color: #fcd34d !important; }
html.dark .hover\:text-amber-900:not(.theme-exempt, .theme-exempt *):hover { color: #fde68a !important; }
html.dark .hover\:text-blue-500:not(.theme-exempt, .theme-exempt *):hover { color: #60a5fa !important; }
html.dark .hover\:text-blue-600:not(.theme-exempt, .theme-exempt *):hover { color: #60a5fa !important; }
html.dark .hover\:text-blue-700:not(.theme-exempt, .theme-exempt *):hover { color: #93c5fd !important; }
html.dark .hover\:text-blue-800:not(.theme-exempt, .theme-exempt *):hover { color: #bfdbfe !important; }
html.dark .hover\:text-blue-900:not(.theme-exempt, .theme-exempt *):hover { color: #bfdbfe !important; }
html.dark .hover\:text-cyan-700:not(.theme-exempt, .theme-exempt *):hover { color: #67e8f9 !important; }
html.dark .hover\:text-emerald-600:not(.theme-exempt, .theme-exempt *):hover { color: #34d399 !important; }
html.dark .hover\:text-gray-500:not(.theme-exempt, .theme-exempt *):hover { color: #9ca3af !important; }
html.dark .hover\:text-gray-600:not(.theme-exempt, .theme-exempt *):hover { color: #9ca3af !important; }
html.dark .hover\:text-gray-700:not(.theme-exempt, .theme-exempt *):hover { color: #d1d5db !important; }
html.dark .hover\:text-gray-800:not(.theme-exempt, .theme-exempt *):hover { color: #e5e7eb !important; }
html.dark .hover\:text-gray-900:not(.theme-exempt, .theme-exempt *):hover { color: #f9fafb !important; }
html.dark .hover\:text-green-600:not(.theme-exempt, .theme-exempt *):hover { color: #4ade80 !important; }
html.dark .hover\:text-green-800:not(.theme-exempt, .theme-exempt *):hover { color: #bbf7d0 !important; }
html.dark .hover\:text-green-900:not(.theme-exempt, .theme-exempt *):hover { color: #bbf7d0 !important; }
html.dark .hover\:text-indigo-600:not(.theme-exempt, .theme-exempt *):hover { color: #818cf8 !important; }
html.dark .hover\:text-indigo-700:not(.theme-exempt, .theme-exempt *):hover { color: #a5b4fc !important; }
html.dark .hover\:text-indigo-800:not(.theme-exempt, .theme-exempt *):hover { color: #c7d2fe !important; }
html.dark .hover\:text-orange-600:not(.theme-exempt, .theme-exempt *):hover { color: #fb923c !important; }
html.dark .hover\:text-orange-900:not(.theme-exempt, .theme-exempt *):hover { color: #fed7aa !important; }
html.dark .hover\:text-primary-600:not(.theme-exempt, .theme-exempt *):hover { color: #38bdf8 !important; }
html.dark .hover\:text-primary-700:not(.theme-exempt, .theme-exempt *):hover { color: #7dd3fc !important; }
html.dark .hover\:text-purple-600:not(.theme-exempt, .theme-exempt *):hover { color: #c084fc !important; }
html.dark .hover\:text-purple-700:not(.theme-exempt, .theme-exempt *):hover { color: #d8b4fe !important; }
html.dark .hover\:text-purple-800:not(.theme-exempt, .theme-exempt *):hover { color: #e9d5ff !important; }
html.dark .hover\:text-purple-900:not(.theme-exempt, .theme-exempt *):hover { color: #e9d5ff !important; }
html.dark .hover\:text-red-500:not(.theme-exempt, .theme-exempt *):hover { color: #f87171 !important; }
html.dark .hover\:text-red-600:not(.theme-exempt, .theme-exempt *):hover { color: #f87171 !important; }
html.dark .hover\:text-red-700:not(.theme-exempt, .theme-exempt *):hover { color: #fca5a5 !important; }
html.dark .hover\:text-red-800:not(.theme-exempt, .theme-exempt *):hover { color: #fecaca !important; }
html.dark .hover\:text-red-900:not(.theme-exempt, .theme-exempt *):hover { color: #fecaca !important; }
html.dark .hover\:text-rose-600:not(.theme-exempt, .theme-exempt *):hover { color: #fb7185 !important; }
html.dark .hover\:text-teal-600:not(.theme-exempt, .theme-exempt *):hover { color: #2dd4bf !important; }
html.dark .hover\:text-violet-600:not(.theme-exempt, .theme-exempt *):hover { color: #a78bfa !important; }
html.dark .hover\:text-violet-700:not(.theme-exempt, .theme-exempt *):hover { color: #c4b5fd !important; }
html.dark .hover\:text-violet-800:not(.theme-exempt, .theme-exempt *):hover { color: #ddd6fe !important; }
html.dark .hover\:text-violet-900:not(.theme-exempt, .theme-exempt *):hover { color: #ddd6fe !important; }
html.dark .hover\:text-yellow-600:not(.theme-exempt, .theme-exempt *):hover { color: #facc15 !important; }
html.dark .hover\:to-purple-200:not(.theme-exempt, .theme-exempt *):hover { --tw-gradient-to: #45356d !important; }
html.dark .placeholder-gray-400:not(.theme-exempt, .theme-exempt *)::placeholder { color: #6b7280 !important; }
html.dark .placeholder-gray-500:not(.theme-exempt, .theme-exempt *)::placeholder { color: #6b7280 !important; }
html.dark .text-amber-500:not(.theme-exempt, .theme-exempt *) { color: #fbbf24 !important; }
html.dark .text-amber-600:not(.theme-exempt, .theme-exempt *) { color: #fbbf24 !important; }
html.dark .text-amber-700:not(.theme-exempt, .theme-exempt *) { color: #fcd34d !important; }
html.dark .text-amber-800:not(.theme-exempt, .theme-exempt *) { color: #fde68a !important; }
html.dark .text-amber-900:not(.theme-exempt, .theme-exempt *) { color: #fde68a !important; }
html.dark .text-black:not(.theme-exempt, .theme-exempt *) { color: #e5e7eb !important; }
html.dark .text-blue-500:not(.theme-exempt, .theme-exempt *) { color: #60a5fa !important; }
html.dark .text-blue-600:not(.theme-exempt, .theme-exempt *) { color: #60a5fa !important; }
html.dark .text-blue-700:not(.theme-exempt, .theme-exempt *) { color: #93c5fd !important; }
html.dark .text-blue-800:not(.theme-exempt, .theme-exempt *) { color: #bfdbfe !important; }
html.dark .text-blue-900:not(.theme-exempt, .theme-exempt *) { color: #bfdbfe !important; }
html.dark .text-cyan-500:not(.theme-exempt, .theme-exempt *) { color: #22d3ee !important; }
html.dark .text-cyan-600:not(.theme-exempt, .theme-exempt *) { color: #22d3ee !important; }
html.dark .text-cyan-700:not(.theme-exempt, .theme-exempt *) { color: #67e8f9 !important; }
html.dark .text-cyan-800:not(.theme-exempt, .theme-exempt *) { color: #a5f3fc !important; }
html.dark .text-cyan-900:not(.theme-exempt, .theme-exempt *) { color: #a5f3fc !important; }
html.dark .text-emerald-500:not(.theme-exempt, .theme-exempt *) { color: #34d399 !important; }
html.dark .text-emerald-600:not(.theme-exempt, .theme-exempt *) { color: #34d399 !important; }
html.dark .text-emerald-700:not(.theme-exempt, .theme-exempt *) { color: #6ee7b7 !important; }
html.dark .text-emerald-800:not(.theme-exempt, .theme-exempt *) { color: #a7f3d0 !important; }
html.dark .text-emerald-900:not(.theme-exempt, .theme-exempt *) { color: #a7f3d0 !important; }
html.dark .text-gray-500:not(.theme-exempt, .theme-exempt *) { color: #9ca3af !important; }
html.dark .text-gray-600:not(.theme-exempt, .theme-exempt *) { color: #9ca3af !important; }
html.dark .text-gray-700:not(.theme-exempt, .theme-exempt *) { color: #d1d5db !important; }
html.dark .text-gray-800:not(.theme-exempt, .theme-exempt *) { color: #e5e7eb !important; }
html.dark .text-gray-900:not(.theme-exempt, .theme-exempt *) { color: #f9fafb !important; }
html.dark .text-green-500:not(.theme-exempt, .theme-exempt *) { color: #4ade80 !important; }
html.dark .text-green-600:not(.theme-exempt, .theme-exempt *) { color: #4ade80 !important; }
html.dark .text-green-700:not(.theme-exempt, .theme-exempt *) { color: #86efac !important; }
html.dark .text-green-800:not(.theme-exempt, .theme-exempt *) { color: #bbf7d0 !important; }
html.dark .text-green-900:not(.theme-exempt, .theme-exempt *) { color: #bbf7d0 !important; }
html.dark .text-indigo-500:not(.theme-exempt, .theme-exempt *) { color: #818cf8 !important; }
html.dark .text-indigo-600:not(.theme-exempt, .theme-exempt *) { color: #818cf8 !important; }
html.dark .text-indigo-700:not(.theme-exempt, .theme-exempt *) { color: #a5b4fc !important; }
html.dark .text-indigo-800:not(.theme-exempt, .theme-exempt *) { color: #c7d2fe !important; }
html.dark .text-indigo-900:not(.theme-exempt, .theme-exempt *) { color: #c7d2fe !important; }
html.dark .text-orange-500:not(.theme-exempt, .theme-exempt *) { color: #fb923c !important; }
html.dark .text-orange-600:not(.theme-exempt, .theme-exempt *) { color: #fb923c !important; }
html.dark .text-orange-700:not(.theme-exempt, .theme-exempt *) { color: #fdba74 !important; }
html.dark .text-orange-800:not(.theme-exempt, .theme-exempt *) { color: #fed7aa !important; }
html.dark .text-orange-900:not(.theme-exempt, .theme-exempt *) { color: #fed7aa !important; }
html.dark .text-pink-600:not(.theme-exempt, .theme-exempt *) { color: #f472b6 !important; }
html.dark .text-pink-700:not(.theme-exempt, .theme-exempt *) { color: #f9a8d4 !important; }
html.dark .text-pink-800:not(.theme-exempt, .theme-exempt *) { color: #fbcfe8 !important; }
html.dark .text-primary-600:not(.theme-exempt, .theme-exempt *) { color: #38bdf8 !important; }
html.dark .text-purple-500:not(.theme-exempt, .theme-exempt *) { color: #c084fc !important; }
html.dark .text-purple-500\/80:not(.theme-exempt, .theme-exempt *) { color: rgba(192, 132, 252, 0.8) !important; }
html.dark .text-purple-600:not(.theme-exempt, .theme-exempt *) { color: #c084fc !important; }
html.dark .text-purple-700:not(.theme-exempt, .theme-exempt *) { color: #d8b4fe !important; }
html.dark .text-purple-700\/70:not(.theme-exempt, .theme-exempt *) { color: rgba(216, 180, 254, 0.7) !important; }
html.dark .text-purple-800:not(.theme-exempt, .theme-exempt *) { color: #e9d5ff !important; }
html.dark .text-purple-900:not(.theme-exempt, .theme-exempt *) { color: #e9d5ff !important; }
html.dark .text-red-500:not(.theme-exempt, .theme-exempt *) { color: #f87171 !important; }
html.dark .text-red-600:not(.theme-exempt, .theme-exempt *) { color: #f87171 !important; }
html.dark .text-red-700:not(.theme-exempt, .theme-exempt *) { color: #fca5a5 !important; }
html.dark .text-red-800:not(.theme-exempt, .theme-exempt *) { color: #fecaca !important; }
html.dark .text-red-900:not(.theme-exempt, .theme-exempt *) { color: #fecaca !important; }
html.dark .text-rose-500:not(.theme-exempt, .theme-exempt *) { color: #fb7185 !important; }
html.dark .text-rose-600:not(.theme-exempt, .theme-exempt *) { color: #fb7185 !important; }
html.dark .text-rose-700:not(.theme-exempt, .theme-exempt *) { color: #fda4af !important; }
html.dark .text-rose-800:not(.theme-exempt, .theme-exempt *) { color: #fecdd3 !important; }
html.dark .text-rose-900:not(.theme-exempt, .theme-exempt *) { color: #fecdd3 !important; }
html.dark .text-sky-700:not(.theme-exempt, .theme-exempt *) { color: #7dd3fc !important; }
html.dark .text-slate-500:not(.theme-exempt, .theme-exempt *) { color: #9ca3af !important; }
html.dark .text-slate-600:not(.theme-exempt, .theme-exempt *) { color: #9ca3af !important; }
html.dark .text-slate-700:not(.theme-exempt, .theme-exempt *) { color: #d1d5db !important; }
html.dark .text-slate-800:not(.theme-exempt, .theme-exempt *) { color: #e5e7eb !important; }
html.dark .text-slate-900:not(.theme-exempt, .theme-exempt *) { color: #f9fafb !important; }
html.dark .text-teal-500:not(.theme-exempt, .theme-exempt *) { color: #2dd4bf !important; }
html.dark .text-teal-600:not(.theme-exempt, .theme-exempt *) { color: #2dd4bf !important; }
html.dark .text-teal-800:not(.theme-exempt, .theme-exempt *) { color: #99f6e4 !important; }
html.dark .text-teal-900:not(.theme-exempt, .theme-exempt *) { color: #99f6e4 !important; }
html.dark .text-violet-500:not(.theme-exempt, .theme-exempt *) { color: #a78bfa !important; }
html.dark .text-violet-600:not(.theme-exempt, .theme-exempt *) { color: #a78bfa !important; }
html.dark .text-violet-700:not(.theme-exempt, .theme-exempt *) { color: #c4b5fd !important; }
html.dark .text-violet-800:not(.theme-exempt, .theme-exempt *) { color: #ddd6fe !important; }
html.dark .text-violet-900:not(.theme-exempt, .theme-exempt *) { color: #ddd6fe !important; }
html.dark .text-yellow-500:not(.theme-exempt, .theme-exempt *) { color: #facc15 !important; }
html.dark .text-yellow-600:not(.theme-exempt, .theme-exempt *) { color: #facc15 !important; }
html.dark .text-yellow-700:not(.theme-exempt, .theme-exempt *) { color: #fde047 !important; }
html.dark .text-yellow-800:not(.theme-exempt, .theme-exempt *) { color: #fef08a !important; }
html.dark .text-yellow-900:not(.theme-exempt, .theme-exempt *) { color: #fef08a !important; }
html.dark .to-amber-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #4a402e !important; }
html.dark .to-cyan-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #1a4556 !important; }
html.dark .to-emerald-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #1c4646 !important; }
html.dark .to-gray-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #374151 !important; }
html.dark .to-indigo-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #2d355c !important; }
html.dark .to-pink-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #482f4b !important; }
html.dark .to-purple-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #3a325d !important; }
html.dark .to-purple-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #312f50 !important; }
html.dark .to-rose-200:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #5b2f42 !important; }
html.dark .to-rose-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #3b2c3c !important; }
html.dark .to-teal-50:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #1e3c45 !important; }
html.dark .to-violet-100:not(.theme-exempt, .theme-exempt *) { --tw-gradient-to: #35335d !important; }