@charset "UTF-8";
/* ==========================================================================
   Image Studio 塗裝 — Sub2API 控制台
   目標設計語言：主站 Image Studio 的 Apple iOS 26「Liquid Glass」
   基準來源：src/app/globals.css + tailwind.config.ts（非 /admin 的方塊後台語言）

   由 nginx sub_filter 於 </head> 前注入 <link rel="stylesheet" href="/__brand/sub2api.css">，
   不修改上游任何檔案。純 CSS，零 JavaScript（Sub2API 的 CSP script-src 帶 nonce）。

   ── 架構 ──────────────────────────────────────────────────────────────────
   L0  設計 token（--is-*）：一套變數，深淺兩模式只換值不換結構
   L1  調色盤重映射（機械產生，1355 條規則，選擇器與上游 1:1）
   L2  形狀語言：圓角 → 10 / 12 / 16 / 20 / 26px
   L3  陰影 → Liquid Glass 柔陰影（改寫 --tw-shadow，不動 ring 合成）
   L4  玻璃材質：卡片 / 側欄 / 頂欄 / 浮層 / 彈窗
   L5  控制元件：按鈕 / 輸入 / 分段控制 / 開關 / 進度 / 徽章 / 表格
   L6  儀表板具象元素：健康環、迷你折線、指標卡、版本徽章
   L7  返回導覽條
   L8  無障礙 / reduced-motion

   ── 色彩映射 ──────────────────────────────────────────────────────────────
   teal / primary / blue  → #0080ff 系（主站 --accent，連結 / focus / 選中 / 資訊）
   sky / cyan             → #32ade6（iOS light blue，保留一階資訊色區辨）
   green / emerald / lime → #34c759（iOS green）
   red                    → #f4453c（主站 --destructive）
   rose / pink            → #ff2d55（iOS pink）
   amber                  → #ff9500  orange → #ff7a0f  yellow → #ffcc00
   purple / fuchsia       → #af52de  violet → #8a6ae4  indigo → #5856d6
   gray / zinc / neutral  → 主站真中性灰階（0% 飽和度，這是「主站味道」的一半）
   slate / dark-*         → iOS 深色中性面（#1c1c1e / #2c2c2e / #3a3a3c …）
   Stripe / 支付寶 / 微信支付 / Airwallex 品牌色一律保留不動。

   ⚠ 主按鈕是近黑 #141414（深色模式反相為近白），不是藍色。
     藍色 #0080ff 只用於連結、focus ring、選中強調、資訊性標記。

   ── backdrop-filter 預算 ─────────────────────────────────────────────────
   每個玻璃節點都是獨立合成層，半徑越大合成器每幀回讀的區域越大。
   28px 是本設計語言已驗證的上限（主站 .lg-bar / .lg-float / .lg-sheet 同值）。
     28px → 側欄、頂欄、卡片、指標卡、彈窗（大面積或常駐）
     40px → 下拉選單、Toast（小面積且短暫）
     20px → 彈窗遮罩（全螢幕，但底色已是 0.32 黑，再高看不出來）
     不加 → 徽章、輸入框、次要按鈕、表格列（節點數以百計，
            改用半透明填充，由父層卡片的模糊代勞，觀感一致但零額外合成層）
   ========================================================================== */

/* --------------------------------------------------------------------------
   L0-a  字體 — 主站 sans stack 把 Apple 系統字排在最前
   -------------------------------------------------------------------------- */
html,
body,
button,
input,
select,
textarea,
optgroup {
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text",
    "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif !important;
  font-feature-settings: "kern" 1, "liga" 1, "calt" 1;
}

code,
pre,
.code,
kbd,
samp,
.font-mono {
  font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas,
    "Liberation Mono", monospace !important;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --------------------------------------------------------------------------
   L0-b  設計 token
   深色模式的策略：**不是**退回方正的深色後台，而是把同一套玻璃結構的
   「白色半透明」換成「暗色半透明」——面色 rgba(28,28,30,.72)、上緣高光由
   rgba(255,255,255,.92) 降為 rgba(255,255,255,.12)、陰影加深、圓角不變。
   -------------------------------------------------------------------------- */
:root {
  --is-bg:            #f7f7f7;
  --is-fg:            #141414;
  --is-fg-2:          #707070;
  --is-fg-3:          rgba(0, 0, 0, 0.42);   /* 只給佔位符 / 圖示，不給正文 */

  --is-accent:        #0080ff;
  --is-accent-ink:    #0067d6;   /* 藍字落在淺底時用，確保對比 */
  --is-accent-soft:   rgba(0, 128, 255, 0.12);
  --is-accent-soft-2: rgba(0, 128, 255, 0.17);
  --is-accent-ring:   rgba(0, 128, 255, 0.28);

  --is-success:       #1c8038;   /* 淺底上的成功綠：#34c759 對比只有 3.4:1，這裡取深一階 */
  --is-success-soft:  rgba(52, 199, 89, 0.14);
  --is-danger:        #f4453c;
  --is-danger-ink:    #d0281f;
  --is-danger-soft:   rgba(244, 69, 60, 0.12);
  --is-warning:       #b06100;
  --is-warning-soft:  rgba(255, 149, 0, 0.16);
  --is-purple:        #8a3cbb;
  --is-purple-soft:   rgba(175, 82, 222, 0.14);

  /* 玻璃三階（主站 --lg-bg-primary / secondary / bar / sheet） */
  --is-glass:         rgba(255, 255, 255, 0.72);
  --is-glass-2:       rgba(255, 255, 255, 0.56);
  --is-bar:           rgba(255, 255, 255, 0.62);
  --is-sheet:         rgba(255, 255, 255, 0.84);

  /* 四段邊框：上亮、左右次亮、下暗 —— 模擬光從上方打下來 */
  --is-bt:            rgba(255, 255, 255, 0.92);
  --is-bs:            rgba(255, 255, 255, 0.48);
  --is-bb:            rgba(0, 0, 0, 0.06);
  --is-hairline:      rgba(0, 0, 0, 0.08);
  --is-hairline-2:    rgba(0, 0, 0, 0.05);

  --is-fill:          rgba(0, 0, 0, 0.045);
  --is-fill-2:        rgba(0, 0, 0, 0.08);
  --is-fill-3:        rgba(0, 0, 0, 0.14);

  --is-sh-ambient:    0 2px 8px rgba(0, 0, 0, 0.04);
  --is-sh-card:       0 12px 40px rgba(0, 0, 0, 0.08),
                      0 2px 8px rgba(0, 0, 0, 0.04),
                      inset 0 1px 0 rgba(255, 255, 255, 0.90);
  --is-sh-float:      0 8px 32px rgba(0, 0, 0, 0.06),
                      0 2px 8px rgba(0, 0, 0, 0.04),
                      inset 0 1px 0 rgba(255, 255, 255, 0.82);
  --is-sh-elev:       0 20px 60px rgba(0, 0, 0, 0.10),
                      0 4px 16px rgba(0, 0, 0, 0.06),
                      inset 0 1px 0 rgba(255, 255, 255, 0.96);
  --is-sh-btn:        0 1px 2px rgba(0, 0, 0, 0.16),
                      0 6px 20px rgba(0, 0, 0, 0.10),
                      inset 0 1px 0 rgba(255, 255, 255, 0.14);

  --is-blur-panel:    blur(28px) saturate(180%) brightness(1.08);
  --is-blur-bar:      blur(28px) saturate(200%) brightness(1.10);
  --is-blur-float:    blur(40px) saturate(180%) brightness(1.08);
  --is-blur-scrim:    blur(20px) saturate(140%);

  --is-scrim:         rgba(0, 0, 0, 0.32);
  --is-track:         rgba(0, 0, 0, 0.10);
  --is-scroll:        rgba(0, 0, 0, 0.14);

  --is-spring:        cubic-bezier(0.34, 1.56, 0.64, 1);
  --is-ease:          cubic-bezier(0.4, 0, 0.2, 1);

  --is-r-xs:  8px;
  --is-r-sm:  10px;
  --is-r-md:  12px;
  --is-r-lg:  16px;
  --is-r-xl:  20px;
  --is-r-2xl: 26px;

  /* 主按鈕：近黑（主站 --primary: 0 0% 8%），**不是**藍色 */
  --is-btn-bg:        #141414;
  --is-btn-bg-hover:  #2b2b2b;
  --is-btn-bg-active: #000000;
  --is-btn-fg:        #ffffff;
}

/* `.dark` 由上游掛在 <html> 上（證據：上游自己寫了 `:root.dark .navigation-progress-bar`）。
   這裡同時列出 `.dark`，萬一之後改掛到 <body> 也不會整套深色 token 失效。 */
:root.dark,
.dark {
  --is-bg:            #0b0b0d;
  --is-fg:            #f5f5f7;
  --is-fg-2:          rgba(235, 235, 245, 0.60);
  --is-fg-3:          rgba(235, 235, 245, 0.34);

  --is-accent:        #0080ff;
  --is-accent-ink:    #4aa8ff;
  --is-accent-soft:   rgba(0, 128, 255, 0.20);
  --is-accent-soft-2: rgba(0, 128, 255, 0.28);
  --is-accent-ring:   rgba(0, 128, 255, 0.40);

  --is-success:       #30d158;
  --is-success-soft:  rgba(48, 209, 88, 0.18);
  --is-danger:        #ff453a;
  --is-danger-ink:    #ff6961;
  --is-danger-soft:   rgba(255, 69, 58, 0.18);
  --is-warning:       #ff9f0a;
  --is-warning-soft:  rgba(255, 159, 10, 0.18);
  --is-purple:        #c489ea;
  --is-purple-soft:   rgba(175, 82, 222, 0.20);

  --is-glass:         rgba(28, 28, 30, 0.72);
  --is-glass-2:       rgba(28, 28, 30, 0.56);
  --is-bar:           rgba(22, 22, 24, 0.62);
  --is-sheet:         rgba(34, 34, 37, 0.86);

  --is-bt:            rgba(255, 255, 255, 0.12);
  --is-bs:            rgba(255, 255, 255, 0.06);
  --is-bb:            rgba(0, 0, 0, 0.45);
  --is-hairline:      rgba(255, 255, 255, 0.10);
  --is-hairline-2:    rgba(255, 255, 255, 0.06);

  --is-fill:          rgba(255, 255, 255, 0.06);
  --is-fill-2:        rgba(255, 255, 255, 0.10);
  --is-fill-3:        rgba(255, 255, 255, 0.18);

  --is-sh-ambient:    0 2px 10px rgba(0, 0, 0, 0.36);
  --is-sh-card:       0 16px 48px rgba(0, 0, 0, 0.46),
                      0 2px 10px rgba(0, 0, 0, 0.30),
                      inset 0 1px 0 rgba(255, 255, 255, 0.08);
  --is-sh-float:      0 10px 34px rgba(0, 0, 0, 0.42),
                      0 2px 8px rgba(0, 0, 0, 0.28),
                      inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --is-sh-elev:       0 28px 80px rgba(0, 0, 0, 0.60),
                      0 6px 24px rgba(0, 0, 0, 0.40),
                      inset 0 1px 0 rgba(255, 255, 255, 0.10);
  --is-sh-btn:        0 1px 2px rgba(0, 0, 0, 0.40),
                      0 6px 20px rgba(0, 0, 0, 0.30),
                      inset 0 1px 0 rgba(255, 255, 255, 0.28);

  --is-blur-panel:    blur(28px) saturate(170%) brightness(0.94);
  --is-blur-bar:      blur(28px) saturate(180%) brightness(0.90);
  --is-blur-float:    blur(40px) saturate(170%) brightness(0.94);
  --is-blur-scrim:    blur(20px) saturate(130%);

  --is-scrim:         rgba(0, 0, 0, 0.58);
  --is-track:         rgba(255, 255, 255, 0.12);
  --is-scroll:        rgba(255, 255, 255, 0.18);

  /* 深色模式的主按鈕：同一個 token 反相為近白（shadcn --primary: 0 0% 98% 的
     慣例）。#141414 的按鈕落在 #1c1c1e 的面上會直接消失，所以不能照抄淺色值，
     但仍然保持「近黑/近白」的極性，而不是換成藍色。 */
  --is-btn-bg:        rgba(255, 255, 255, 0.94);
  --is-btn-bg-hover:  #ffffff;
  --is-btn-bg-active: rgba(255, 255, 255, 0.82);
  --is-btn-fg:        #141414;
}

/* ==========================================================================
   L1  調色盤重映射（機械產生 — 選擇器與上游 1:1，已剝除 Vue scoped 雜湊）
   ========================================================================== */
.navigation-progress-bar{background:linear-gradient(90deg,transparent 0%,#4aa8ff 20%,#0080ff 50%,#4aa8ff 80%,transparent 100%) !important}
:root.dark .navigation-progress-bar{background:linear-gradient(90deg,transparent 0%,#0080ff 20%,#4aa8ff 50%,#0080ff 80%,transparent 100%) !important}
.legal-document-content h1{color:rgb(10 10 10 / var(--tw-text-opacity, 1)) !important}
.legal-document-content h2{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.legal-document-content p{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.legal-document-content p:is(.dark *){color:rgb(229 229 229 / var(--tw-text-opacity, 1)) !important}
.legal-document-content ul,.legal-document-content ol{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.legal-document-content ul:is(.dark *),.legal-document-content ol:is(.dark *){color:rgb(229 229 229 / var(--tw-text-opacity, 1)) !important}
.legal-document-content strong{color:rgb(10 10 10 / var(--tw-text-opacity, 1)) !important}
.overflow-y-auto::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#d1d1d3,#a1a1a6) !important}
.dark .overflow-y-auto::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#525252,#3d3d3d) !important}
*,:before,:after{--tw-ring-color:rgb(0 128 255 / .5)}
::backdrop{--tw-ring-color:rgb(0 128 255 / .5)}
*,:before,:after{border-color:#e6e6e6}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a3a3a3}
input::placeholder,textarea::placeholder{color:#a3a3a3}
*{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1))}
*:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
body{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));color:rgb(23 23 23 / var(--tw-text-opacity, 1))}
body:is(.dark *){background-color:rgb(11 11 13 / var(--tw-bg-opacity, 1)) !important;color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
@supports (-moz-appearance:none){
*:hover,*:focus-within{scrollbar-color:rgba(163,163,163,.5) transparent}
.dark *:hover,.dark *:focus-within{scrollbar-color:rgba(82,82,82,.5) transparent !important}
}
*:hover::-webkit-scrollbar-thumb{background-color:#d4d4d480}
*:hover:is(.dark *)::-webkit-scrollbar-thumb{background-color:#63636680 !important}
*:hover::-webkit-scrollbar-thumb:hover{background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))}
*:hover:is(.dark *)::-webkit-scrollbar-thumb:hover{background-color:rgb(142 142 147 / var(--tw-bg-opacity, 1)) !important}
::-moz-selection{background-color:#0080ff33;color:rgb(12 58 114 / var(--tw-text-opacity, 1))}
::selection{background-color:#0080ff33;color:rgb(12 58 114 / var(--tw-text-opacity, 1))}
:is(.dark *)::-moz-selection{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
:is(.dark *)::selection{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.btn:focus{--tw-ring-color:rgb(0 128 255 / .5) !important}
.btn-primary{--tw-gradient-from:#0080ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 128 255 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#0067d6 var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(0 128 255 / .25) !important}
.btn-primary:hover{--tw-gradient-from:#0067d6 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 103 214 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#0053ad var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(0 128 255 / .3) !important}
.btn-primary:is(.dark *){--tw-shadow-color:rgb(0 128 255 / .2) !important}
.btn-secondary:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.btn-secondary{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.btn-secondary:is(.dark *){color:rgb(230 230 230 / var(--tw-text-opacity, 1)) !important}
.btn-secondary{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.btn-secondary:is(.dark *){border-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.btn-secondary:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important}
.btn-secondary:hover:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.btn-secondary:hover{border-color:rgb(212 212 212 / var(--tw-border-opacity, 1)) !important}
.btn-secondary:hover:is(.dark *){border-color:rgb(142 142 147 / var(--tw-border-opacity, 1)) !important}
.btn-ghost{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.btn-ghost:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.btn-ghost:hover{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.btn-ghost:hover:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.btn-danger{--tw-gradient-from:#f4453c var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(244 69 60 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#dc2f27 var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(244 69 60 / .25) !important}
.btn-danger:hover{--tw-gradient-from:#dc2f27 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(220 47 39 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#b7231d var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(244 69 60 / .3) !important}
.btn-success{--tw-gradient-from:#34c759 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(52 199 89 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#24a446 var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(52 199 89 / .25) !important}
.btn-success:hover{--tw-gradient-from:#24a446 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(36 164 70 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#1c8038 var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(52 199 89 / .3) !important}
.btn-success:is(.dark *){--tw-shadow-color:rgb(52 199 89 / .2) !important}
.btn-warning{--tw-gradient-from:#ff9500 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 149 0 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#d97a00 var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(255 149 0 / .25) !important}
.btn-warning:hover{--tw-gradient-from:#d97a00 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(217 122 0 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#b06100 var(--tw-gradient-to-position) !important;--tw-shadow-color:rgb(255 149 0 / .3) !important}
.btn-warning:is(.dark *){--tw-shadow-color:rgb(255 149 0 / .2) !important}
.btn-airwallex{--tw-shadow-color:rgb(52 199 89 / .2) !important}
.btn-airwallex:hover{--tw-shadow-color:rgb(52 199 89 / .25) !important}
.btn-airwallex:is(.dark *){color:rgb(10 10 10 / var(--tw-text-opacity, 1)) !important;--tw-shadow-color:rgb(52 199 89 / .2) !important}
.\!input:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.input:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.\!input{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.\!input:is(.dark *){border-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.input{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.input:is(.dark *){border-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.\!input{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.\!input:is(.dark *){color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
.input{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.input:is(.dark *){color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
.\!input::-moz-placeholder{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.\!input::placeholder{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.\!input:is(.dark *)::-moz-placeholder{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.\!input:is(.dark *)::placeholder{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.input::-moz-placeholder{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.input::placeholder{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.input:is(.dark *)::-moz-placeholder{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.input:is(.dark *)::placeholder{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.\!input:focus{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important;--tw-ring-color:rgb(0 128 255 / .3) !important}
.input:focus{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important;--tw-ring-color:rgb(0 128 255 / .3) !important}
.\!input:disabled{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.\!input:disabled:is(.dark *){background-color:rgb(28 28 30 / var(--tw-bg-opacity, 1)) !important}
.input:disabled{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.input:disabled:is(.dark *){background-color:rgb(28 28 30 / var(--tw-bg-opacity, 1)) !important}
.input-error{border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important}
.input-error:focus{border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important;--tw-ring-color:rgb(244 69 60 / .3) !important}
.input-label{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.input-label:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.input-hint{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.input-hint:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.input-error-text{color:rgb(244 69 60 / var(--tw-text-opacity, 1)) !important}
.card:is(.dark *){background-color:#2c2c2e80 !important}
.card{border-color:rgb(244 244 244 / var(--tw-border-opacity, 1)) !important}
.card:is(.dark *){border-color:#3a3a3c80 !important}
.card-glass:is(.dark *){background-color:#2c2c2eb3 !important}
.card-glass:is(.dark *){border-color:#3a3a3c80 !important}
.stat-card:is(.dark *){background-color:#2c2c2e80 !important}
.stat-card{border-color:rgb(244 244 244 / var(--tw-border-opacity, 1)) !important}
.stat-card:is(.dark *){border-color:#3a3a3c80 !important}
.stat-icon-primary{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important;color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.stat-icon-primary:is(.dark *){background-color:#0c3a724d !important;color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.stat-icon-success{background-color:rgb(212 244 222 / var(--tw-bg-opacity, 1)) !important;color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.stat-icon-success:is(.dark *){background-color:#1554274d !important;color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.stat-icon-warning{background-color:rgb(255 241 212 / var(--tw-bg-opacity, 1)) !important;color:rgb(217 122 0 / var(--tw-text-opacity, 1)) !important}
.stat-icon-warning:is(.dark *){background-color:#72410c4d !important;color:rgb(255 176 58 / var(--tw-text-opacity, 1)) !important}
.stat-icon-danger{background-color:rgb(253 227 225 / var(--tw-bg-opacity, 1)) !important;color:rgb(220 47 39 / var(--tw-text-opacity, 1)) !important}
.stat-icon-danger:is(.dark *){background-color:#7b1f1b4d !important;color:rgb(247 122 114 / var(--tw-text-opacity, 1)) !important}
.stat-value{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.stat-label{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.stat-label:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.stat-trend-up{color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.stat-trend-up:is(.dark *){color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.stat-trend-down{color:rgb(220 47 39 / var(--tw-text-opacity, 1)) !important}
.stat-trend-down:is(.dark *){color:rgb(247 122 114 / var(--tw-text-opacity, 1)) !important}
.table th{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.table th:is(.dark *){color:rgb(209 209 211 / var(--tw-text-opacity, 1)) !important}
.table th{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important}
.table th:is(.dark *){background-color:#2c2c2e80 !important}
.table th{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.table th:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.table td{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.table td:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.table td{border-color:rgb(244 244 244 / var(--tw-border-opacity, 1)) !important}
.table td:is(.dark *){border-color:rgb(44 44 46 / var(--tw-border-opacity, 1)) !important}
.table tbody tr:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important}
.table tbody tr:hover:is(.dark *){background-color:#2c2c2e4d !important}
.badge-primary{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important;color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.badge-primary:is(.dark *){background-color:#0c3a724d !important;color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.badge-success{background-color:rgb(212 244 222 / var(--tw-bg-opacity, 1)) !important;color:rgb(28 128 56 / var(--tw-text-opacity, 1)) !important}
.badge-success:is(.dark *){background-color:#1554274d !important;color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.badge-warning{background-color:rgb(255 241 212 / var(--tw-bg-opacity, 1)) !important;color:rgb(176 97 0 / var(--tw-text-opacity, 1)) !important}
.badge-warning:is(.dark *){background-color:#72410c4d !important;color:rgb(255 176 58 / var(--tw-text-opacity, 1)) !important}
.badge-danger{background-color:rgb(253 227 225 / var(--tw-bg-opacity, 1)) !important;color:rgb(183 35 29 / var(--tw-text-opacity, 1)) !important}
.badge-danger:is(.dark *){background-color:#7b1f1b4d !important;color:rgb(247 122 114 / var(--tw-text-opacity, 1)) !important}
.badge-gray{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important;color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.badge-gray:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important;color:rgb(209 209 211 / var(--tw-text-opacity, 1)) !important}
.badge-purple{background-color:rgb(243 233 253 / var(--tw-bg-opacity, 1)) !important;color:rgb(123 45 161 / var(--tw-text-opacity, 1)) !important}
.badge-purple:is(.dark *){background-color:#55246d4d !important;color:rgb(196 136 234 / var(--tw-text-opacity, 1)) !important}
.dropdown:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.dropdown{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.dropdown:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.dropdown-item{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.dropdown-item:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.dropdown-item:hover{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.dropdown-item:hover:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.modal-content:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.modal-content{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.modal-content:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.modal-header{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.modal-header:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.modal-title{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.modal-footer{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.modal-footer:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.toast:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.sidebar:is(.dark *){background-color:rgb(28 28 30 / var(--tw-bg-opacity, 1)) !important}
.sidebar{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.sidebar:is(.dark *){border-color:rgb(44 44 46 / var(--tw-border-opacity, 1)) !important}
.sidebar-header{border-color:rgb(244 244 244 / var(--tw-border-opacity, 1)) !important}
.sidebar-header:is(.dark *){border-color:rgb(44 44 46 / var(--tw-border-opacity, 1)) !important}
.sidebar-link{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.sidebar-link:is(.dark *){color:rgb(209 209 211 / var(--tw-text-opacity, 1)) !important}
.sidebar-link:hover{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.sidebar-link:hover:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.sidebar-link:hover{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.sidebar-link-active{background-color:rgb(239 247 255 / var(--tw-bg-opacity, 1)) !important}
.sidebar-link-active:is(.dark *){background-color:#0c3a7233 !important}
.sidebar-link-active{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.sidebar-link-active:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.sidebar-link-active:hover{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.sidebar-link-active:hover:is(.dark *){background-color:#0c3a724d !important}
.sidebar-section-title{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.sidebar-section-title:is(.dark *){color:rgb(142 142 147 / var(--tw-text-opacity, 1)) !important}
.empty-state-icon{color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.empty-state-icon:is(.dark *){color:rgb(99 99 102 / var(--tw-text-opacity, 1)) !important}
.empty-state-title{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.empty-state-description{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.empty-state-description:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.skeleton{background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1)) !important}
.skeleton:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.tabs{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.tabs:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.tab{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.tab:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.tab:hover{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.tab-active:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.tab-active{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.progress{background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1)) !important}
.progress:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.switch{background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1)) !important}
.switch:is(.dark *){background-color:rgb(99 99 102 / var(--tw-bg-opacity, 1)) !important}
.\!code{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.\!code:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.code{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.code:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.\!code{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.\!code:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.code{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.code:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.divide-gray-100>:not([hidden])~:not([hidden]){border-color:rgb(244 244 244 / var(--tw-divide-opacity, 1)) !important}
.divide-gray-200>:not([hidden])~:not([hidden]){border-color:rgb(230 230 230 / var(--tw-divide-opacity, 1)) !important}
.border-amber-100\/80{border-color:#fff1d4cc !important}
.border-amber-200{border-color:rgb(255 223 163 / var(--tw-border-opacity, 1)) !important}
.border-amber-300{border-color:rgb(255 201 107 / var(--tw-border-opacity, 1)) !important}
.border-amber-400{border-color:rgb(255 176 58 / var(--tw-border-opacity, 1)) !important}
.border-amber-500{border-color:rgb(255 149 0 / var(--tw-border-opacity, 1)) !important}
.border-blue-100{border-color:rgb(219 237 255 / var(--tw-border-opacity, 1)) !important}
.border-blue-200{border-color:rgb(188 220 255 / var(--tw-border-opacity, 1)) !important}
.border-blue-300{border-color:rgb(142 198 255 / var(--tw-border-opacity, 1)) !important}
.border-blue-400\/30{border-color:#4aa8ff4d !important}
.border-blue-500{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.border-blue-500\/20{border-color:#0080ff33 !important}
.border-blue-500\/30{border-color:#0080ff4d !important}
.border-dark-600{border-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.border-dark-700\/50{border-color:#3a3a3c80 !important}
.border-emerald-200{border-color:rgb(169 233 191 / var(--tw-border-opacity, 1)) !important}
.border-emerald-300{border-color:rgb(116 219 156 / var(--tw-border-opacity, 1)) !important}
.border-emerald-500{border-color:rgb(52 199 89 / var(--tw-border-opacity, 1)) !important}
.border-gray-100{border-color:rgb(244 244 244 / var(--tw-border-opacity, 1)) !important}
.border-gray-100\/50{border-color:#f4f4f480 !important}
.border-gray-100\/70{border-color:#f4f4f4b3 !important}
.border-gray-100\/80{border-color:#f4f4f4cc !important}
.border-gray-200{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.border-gray-200\/50{border-color:#e6e6e680 !important}
.border-gray-200\/60{border-color:#e6e6e699 !important}
.border-gray-200\/80{border-color:#e6e6e6cc !important}
.border-gray-300{border-color:rgb(212 212 212 / var(--tw-border-opacity, 1)) !important}
.border-gray-400{border-color:rgb(163 163 163 / var(--tw-border-opacity, 1)) !important}
.border-gray-400\/70{border-color:#a3a3a3b3 !important}
.border-gray-50{border-color:rgb(250 250 250 / var(--tw-border-opacity, 1)) !important}
.border-gray-700{border-color:rgb(61 61 61 / var(--tw-border-opacity, 1)) !important}
.border-green-200{border-color:rgb(169 233 191 / var(--tw-border-opacity, 1)) !important}
.border-green-300{border-color:rgb(116 219 156 / var(--tw-border-opacity, 1)) !important}
.border-green-400{border-color:rgb(75 205 124 / var(--tw-border-opacity, 1)) !important}
.border-green-500{border-color:rgb(52 199 89 / var(--tw-border-opacity, 1)) !important}
.border-green-500\/20{border-color:#34c75933 !important}
.border-green-500\/30{border-color:#34c7594d !important}
.border-orange-500{border-color:rgb(255 122 15 / var(--tw-border-opacity, 1)) !important}
.border-orange-500\/20{border-color:#ff7a0f33 !important}
.border-orange-500\/30{border-color:#ff7a0f4d !important}
.border-primary-100{border-color:rgb(219 237 255 / var(--tw-border-opacity, 1)) !important}
.border-primary-100\/80{border-color:#dbedffcc !important}
.border-primary-200{border-color:rgb(188 220 255 / var(--tw-border-opacity, 1)) !important}
.border-primary-200\/80{border-color:#bcdcffcc !important}
.border-primary-300{border-color:rgb(142 198 255 / var(--tw-border-opacity, 1)) !important}
.border-primary-400{border-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.border-primary-500{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.border-primary-600{border-color:rgb(0 103 214 / var(--tw-border-opacity, 1)) !important}
.border-purple-200{border-color:rgb(231 211 250 / var(--tw-border-opacity, 1)) !important}
.border-purple-500{border-color:rgb(175 82 222 / var(--tw-border-opacity, 1)) !important}
.border-purple-500\/20{border-color:#af52de33 !important}
.border-purple-500\/30{border-color:#af52de4d !important}
.border-red-100{border-color:rgb(253 227 225 / var(--tw-border-opacity, 1)) !important}
.border-red-200{border-color:rgb(251 200 197 / var(--tw-border-opacity, 1)) !important}
.border-red-400{border-color:rgb(247 122 114 / var(--tw-border-opacity, 1)) !important}
.border-red-500{border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important}
.border-rose-300{border-color:rgb(255 155 176 / var(--tw-border-opacity, 1)) !important}
.border-rose-500{border-color:rgb(255 45 85 / var(--tw-border-opacity, 1)) !important}
.border-sky-100{border-color:rgb(216 240 253 / var(--tw-border-opacity, 1)) !important}
.border-sky-200{border-color:rgb(179 227 251 / var(--tw-border-opacity, 1)) !important}
.border-sky-300{border-color:rgb(130 209 245 / var(--tw-border-opacity, 1)) !important}
.border-sky-500{border-color:rgb(50 173 230 / var(--tw-border-opacity, 1)) !important}
.border-slate-200{border-color:rgb(229 229 229 / var(--tw-border-opacity, 1)) !important}
.border-slate-500\/30{border-color:#8e8e934d !important}
.border-violet-200{border-color:rgb(221 214 253 / var(--tw-border-opacity, 1)) !important}
.border-yellow-200{border-color:rgb(255 239 148 / var(--tw-border-opacity, 1)) !important}
.border-yellow-300{border-color:rgb(255 225 85 / var(--tw-border-opacity, 1)) !important}
.border-yellow-500{border-color:rgb(255 204 0 / var(--tw-border-opacity, 1)) !important}
.border-zinc-500{border-color:rgb(115 115 115 / var(--tw-border-opacity, 1)) !important}
.border-zinc-800{border-color:rgb(38 38 38 / var(--tw-border-opacity, 1)) !important}
.border-zinc-800\/20{border-color:#26262633 !important}
.border-zinc-800\/30{border-color:#2626264d !important}
.border-b-gray-200{border-bottom-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.border-b-gray-800{border-bottom-color:rgb(38 38 38 / var(--tw-border-opacity, 1)) !important}
.border-b-gray-900{border-bottom-color:rgb(23 23 23 / var(--tw-border-opacity, 1)) !important}
.border-r-gray-900{border-right-color:rgb(23 23 23 / var(--tw-border-opacity, 1)) !important}
.border-t-blue-600{border-top-color:rgb(0 103 214 / var(--tw-border-opacity, 1)) !important}
.border-t-gray-900{border-top-color:rgb(23 23 23 / var(--tw-border-opacity, 1)) !important}
.bg-amber-100{background-color:rgb(255 241 212 / var(--tw-bg-opacity, 1)) !important}
.bg-amber-200\/80{background-color:#ffdfa3cc !important}
.bg-amber-400{background-color:rgb(255 176 58 / var(--tw-bg-opacity, 1)) !important}
.bg-amber-50{background-color:rgb(255 249 237 / var(--tw-bg-opacity, 1)) !important}
.bg-amber-500{background-color:rgb(255 149 0 / var(--tw-bg-opacity, 1)) !important}
.bg-amber-500\/10{background-color:#ff95001a !important}
.bg-amber-500\/20{background-color:#ff950033 !important}
.bg-blue-100{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.bg-blue-200\/60{background-color:#bcdcff99 !important}
.bg-blue-400{background-color:rgb(74 168 255 / var(--tw-bg-opacity, 1)) !important}
.bg-blue-50{background-color:rgb(239 247 255 / var(--tw-bg-opacity, 1)) !important}
.bg-blue-50\/30{background-color:#eff7ff4d !important}
.bg-blue-50\/50{background-color:#eff7ff80 !important}
.bg-blue-500{background-color:rgb(0 128 255 / var(--tw-bg-opacity, 1)) !important}
.bg-blue-500\/10{background-color:#0080ff1a !important}
.bg-blue-600{background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.bg-blue-900\/5{background-color:#0c3a720d !important}
.bg-cyan-100{background-color:rgb(216 240 253 / var(--tw-bg-opacity, 1)) !important}
.bg-dark-700{background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.bg-emerald-100{background-color:rgb(212 244 222 / var(--tw-bg-opacity, 1)) !important}
.bg-emerald-200\/60{background-color:#a9e9bf99 !important}
.bg-emerald-50{background-color:rgb(237 250 241 / var(--tw-bg-opacity, 1)) !important}
.bg-emerald-500{background-color:rgb(52 199 89 / var(--tw-bg-opacity, 1)) !important}
.bg-emerald-500\/10{background-color:#34c7591a !important}
.bg-emerald-600{background-color:rgb(36 164 70 / var(--tw-bg-opacity, 1)) !important}
.bg-fuchsia-50{background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-100{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-200{background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-200\/60{background-color:#e6e6e699 !important}
.bg-gray-200\/70{background-color:#e6e6e6b3 !important}
.bg-gray-200\/80{background-color:#e6e6e6cc !important}
.bg-gray-300{background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-400{background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-50{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-50\/30{background-color:#fafafa4d !important}
.bg-gray-50\/50{background-color:#fafafa80 !important}
.bg-gray-50\/60{background-color:#fafafa99 !important}
.bg-gray-50\/70{background-color:#fafafab3 !important}
.bg-gray-50\/80{background-color:#fafafacc !important}
.bg-gray-700{background-color:rgb(61 61 61 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-800{background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-800\/80{background-color:#262626cc !important}
.bg-gray-900{background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-950{background-color:rgb(10 10 10 / var(--tw-bg-opacity, 1)) !important}
.bg-gray-950\/60{background-color:#0a0a0a99 !important}
.bg-green-100{background-color:rgb(212 244 222 / var(--tw-bg-opacity, 1)) !important}
.bg-green-400{background-color:rgb(75 205 124 / var(--tw-bg-opacity, 1)) !important}
.bg-green-50{background-color:rgb(237 250 241 / var(--tw-bg-opacity, 1)) !important}
.bg-green-50\/50{background-color:#edfaf180 !important}
.bg-green-500{background-color:rgb(52 199 89 / var(--tw-bg-opacity, 1)) !important}
.bg-green-500\/10{background-color:#34c7591a !important}
.bg-green-500\/20{background-color:#34c75933 !important}
.bg-green-600{background-color:rgb(36 164 70 / var(--tw-bg-opacity, 1)) !important}
.bg-indigo-100{background-color:rgb(230 230 251 / var(--tw-bg-opacity, 1)) !important}
.bg-indigo-50{background-color:rgb(242 242 253 / var(--tw-bg-opacity, 1)) !important}
.bg-indigo-500\/10{background-color:#5856d61a !important}
.bg-lime-100{background-color:rgb(212 244 222 / var(--tw-bg-opacity, 1)) !important}
.bg-orange-100{background-color:rgb(255 233 213 / var(--tw-bg-opacity, 1)) !important}
.bg-orange-200\/60{background-color:#ffd0a899 !important}
.bg-orange-50{background-color:rgb(255 246 237 / var(--tw-bg-opacity, 1)) !important}
.bg-orange-500{background-color:rgb(255 122 15 / var(--tw-bg-opacity, 1)) !important}
.bg-orange-500\/10{background-color:#ff7a0f1a !important}
.bg-orange-500\/20{background-color:#ff7a0f33 !important}
.bg-pink-100{background-color:rgb(255 225 232 / var(--tw-bg-opacity, 1)) !important}
.bg-primary-100{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.bg-primary-200\/50{background-color:#bcdcff80 !important}
.bg-primary-300\/10{background-color:#8ec6ff1a !important}
.bg-primary-400{background-color:rgb(74 168 255 / var(--tw-bg-opacity, 1)) !important}
.bg-primary-400\/10{background-color:#4aa8ff1a !important}
.bg-primary-400\/20{background-color:#4aa8ff33 !important}
.bg-primary-50{background-color:rgb(239 247 255 / var(--tw-bg-opacity, 1)) !important}
.bg-primary-50\/40{background-color:#eff7ff66 !important}
.bg-primary-50\/50{background-color:#eff7ff80 !important}
.bg-primary-50\/60{background-color:#eff7ff99 !important}
.bg-primary-50\/70{background-color:#eff7ffb3 !important}
.bg-primary-50\/80{background-color:#eff7ffcc !important}
.bg-primary-500{background-color:rgb(0 128 255 / var(--tw-bg-opacity, 1)) !important}
.bg-primary-500\/10{background-color:#0080ff1a !important}
.bg-primary-500\/15{background-color:#0080ff26 !important}
.bg-primary-600{background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.bg-primary-900\/10{background-color:#0c3a721a !important}
.bg-purple-100{background-color:rgb(243 233 253 / var(--tw-bg-opacity, 1)) !important}
.bg-purple-200\/60{background-color:#e7d3fa99 !important}
.bg-purple-500{background-color:rgb(175 82 222 / var(--tw-bg-opacity, 1)) !important}
.bg-purple-500\/10{background-color:#af52de1a !important}
.bg-red-100{background-color:rgb(253 227 225 / var(--tw-bg-opacity, 1)) !important}
.bg-red-200\/80{background-color:#fbc8c5cc !important}
.bg-red-50{background-color:rgb(254 242 241 / var(--tw-bg-opacity, 1)) !important}
.bg-red-50\/60{background-color:#fef2f199 !important}
.bg-red-500{background-color:rgb(244 69 60 / var(--tw-bg-opacity, 1)) !important}
.bg-red-600{background-color:rgb(220 47 39 / var(--tw-bg-opacity, 1)) !important}
.bg-rose-100{background-color:rgb(255 225 232 / var(--tw-bg-opacity, 1)) !important}
.bg-rose-50{background-color:rgb(255 241 244 / var(--tw-bg-opacity, 1)) !important}
.bg-rose-500{background-color:rgb(255 45 85 / var(--tw-bg-opacity, 1)) !important}
.bg-rose-500\/20{background-color:#ff2d5533 !important}
.bg-sky-100{background-color:rgb(216 240 253 / var(--tw-bg-opacity, 1)) !important}
.bg-sky-50{background-color:rgb(239 249 255 / var(--tw-bg-opacity, 1)) !important}
.bg-sky-50\/60{background-color:#eff9ff99 !important}
.bg-sky-500{background-color:rgb(50 173 230 / var(--tw-bg-opacity, 1)) !important}
.bg-slate-100{background-color:rgb(242 242 242 / var(--tw-bg-opacity, 1)) !important}
.bg-slate-300{background-color:rgb(209 209 211 / var(--tw-bg-opacity, 1)) !important}
.bg-slate-50{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important}
.bg-slate-500\/10{background-color:#8e8e931a !important}
.bg-teal-100{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.bg-violet-100{background-color:rgb(238 234 255 / var(--tw-bg-opacity, 1)) !important}
.bg-violet-200\/60{background-color:#ddd6fd99 !important}
.bg-violet-50{background-color:rgb(246 244 255 / var(--tw-bg-opacity, 1)) !important}
.bg-yellow-100{background-color:rgb(255 248 201 / var(--tw-bg-opacity, 1)) !important}
.bg-yellow-50{background-color:rgb(255 252 234 / var(--tw-bg-opacity, 1)) !important}
.bg-yellow-500{background-color:rgb(255 204 0 / var(--tw-bg-opacity, 1)) !important}
.bg-zinc-100{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.bg-zinc-200{background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1)) !important}
.bg-zinc-300\/70{background-color:#d4d4d4b3 !important}
.bg-zinc-800{background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important}
.bg-zinc-800\/10{background-color:#2626261a !important}
.bg-zinc-900{background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important}
.bg-\[linear-gradient\(rgba\(20\,184\,166\,0\.03\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(20\,184\,166\,0\.03\)_1px\,transparent_1px\)\]{background-image:linear-gradient(rgba(0,128,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,128,255,.03) 1px,transparent 1px) !important}
.bg-mesh-gradient{background-image:radial-gradient(at 40% 20%,rgba(0,128,255,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(50,173,230,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(0,128,255,.08) 0px,transparent 50%) !important}
.from-amber-400{--tw-gradient-from:#ffb03a var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 176 58 / 0) var(--tw-gradient-to-position) !important}
.from-amber-400\/20{--tw-gradient-from:rgb(255 176 58 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 176 58 / 0) var(--tw-gradient-to-position) !important}
.from-amber-50{--tw-gradient-from:#fff9ed var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 249 237 / 0) var(--tw-gradient-to-position) !important}
.from-amber-50\/80{--tw-gradient-from:rgb(255 249 237 / .8) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 249 237 / 0) var(--tw-gradient-to-position) !important}
.from-amber-500{--tw-gradient-from:#ff9500 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 149 0 / 0) var(--tw-gradient-to-position) !important}
.from-blue-400{--tw-gradient-from:#4aa8ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(74 168 255 / 0) var(--tw-gradient-to-position) !important}
.from-blue-400\/20{--tw-gradient-from:rgb(74 168 255 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(74 168 255 / 0) var(--tw-gradient-to-position) !important}
.from-blue-50{--tw-gradient-from:#eff7ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(239 247 255 / 0) var(--tw-gradient-to-position) !important}
.from-blue-50\/50{--tw-gradient-from:rgb(239 247 255 / .5) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(239 247 255 / 0) var(--tw-gradient-to-position) !important}
.from-blue-50\/80{--tw-gradient-from:rgb(239 247 255 / .8) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(239 247 255 / 0) var(--tw-gradient-to-position) !important}
.from-blue-500{--tw-gradient-from:#0080ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 128 255 / 0) var(--tw-gradient-to-position) !important}
.from-blue-600{--tw-gradient-from:#0067d6 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 103 214 / 0) var(--tw-gradient-to-position) !important}
.from-emerald-400{--tw-gradient-from:#4bcd7c var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(75 205 124 / 0) var(--tw-gradient-to-position) !important}
.from-emerald-50{--tw-gradient-from:#edfaf1 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(237 250 241 / 0) var(--tw-gradient-to-position) !important}
.from-emerald-500{--tw-gradient-from:#34c759 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(52 199 89 / 0) var(--tw-gradient-to-position) !important}
.from-gray-100{--tw-gradient-from:#f4f4f4 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(244 244 244 / 0) var(--tw-gradient-to-position) !important}
.from-gray-50{--tw-gradient-from:#fafafa var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(250 250 250 / 0) var(--tw-gradient-to-position) !important}
.from-gray-500{--tw-gradient-from:#737373 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(115 115 115 / 0) var(--tw-gradient-to-position) !important}
.from-green-500{--tw-gradient-from:#34c759 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(52 199 89 / 0) var(--tw-gradient-to-position) !important}
.from-indigo-100\/20{--tw-gradient-from:rgb(230 230 251 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(230 230 251 / 0) var(--tw-gradient-to-position) !important}
.from-indigo-100\/30{--tw-gradient-from:rgb(230 230 251 / .3) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(230 230 251 / 0) var(--tw-gradient-to-position) !important}
.from-orange-100\/30{--tw-gradient-from:rgb(255 233 213 / .3) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 233 213 / 0) var(--tw-gradient-to-position) !important}
.from-orange-400{--tw-gradient-from:#ff9440 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 148 64 / 0) var(--tw-gradient-to-position) !important}
.from-orange-50{--tw-gradient-from:#fff6ed var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 246 237 / 0) var(--tw-gradient-to-position) !important}
.from-orange-500{--tw-gradient-from:#ff7a0f var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 122 15 / 0) var(--tw-gradient-to-position) !important}
.from-primary-400{--tw-gradient-from:#4aa8ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(74 168 255 / 0) var(--tw-gradient-to-position) !important}
.from-primary-50{--tw-gradient-from:#eff7ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(239 247 255 / 0) var(--tw-gradient-to-position) !important}
.from-primary-500{--tw-gradient-from:#0080ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 128 255 / 0) var(--tw-gradient-to-position) !important}
.from-primary-600{--tw-gradient-from:#0067d6 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 103 214 / 0) var(--tw-gradient-to-position) !important}
.from-purple-400{--tw-gradient-from:#c488ea var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(196 136 234 / 0) var(--tw-gradient-to-position) !important}
.from-purple-400\/20{--tw-gradient-from:rgb(196 136 234 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(196 136 234 / 0) var(--tw-gradient-to-position) !important}
.from-purple-500{--tw-gradient-from:#af52de var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(175 82 222 / 0) var(--tw-gradient-to-position) !important}
.from-red-500{--tw-gradient-from:#f4453c var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(244 69 60 / 0) var(--tw-gradient-to-position) !important}
.from-rose-500{--tw-gradient-from:#ff2d55 var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 45 85 / 0) var(--tw-gradient-to-position) !important}
.from-sky-50{--tw-gradient-from:#eff9ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(239 249 255 / 0) var(--tw-gradient-to-position) !important}
.from-yellow-400\/20{--tw-gradient-from:rgb(255 212 38 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 212 38 / 0) var(--tw-gradient-to-position) !important}
.from-zinc-700{--tw-gradient-from:#3d3d3d var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(61 61 61 / 0) var(--tw-gradient-to-position) !important}
.via-indigo-50\/50{--tw-gradient-to:rgb(242 242 253 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), rgb(242 242 253 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.via-indigo-500{--tw-gradient-to:rgb(88 86 214 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), #5856d6 var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.via-orange-50\/50{--tw-gradient-to:rgb(255 246 237 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), rgb(255 246 237 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.via-orange-500{--tw-gradient-to:rgb(255 122 15 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), #ff7a0f var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.via-primary-50\/30{--tw-gradient-to:rgb(239 247 255 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), rgb(239 247 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.to-amber-100{--tw-gradient-to:#fff1d4 var(--tw-gradient-to-position) !important}
.to-amber-400{--tw-gradient-to:#ffb03a var(--tw-gradient-to-position) !important}
.to-amber-50\/70{--tw-gradient-to:rgb(255 249 237 / .7) var(--tw-gradient-to-position) !important}
.to-amber-500\/20{--tw-gradient-to:rgb(255 149 0 / .2) var(--tw-gradient-to-position) !important}
.to-blue-500{--tw-gradient-to:#0080ff var(--tw-gradient-to-position) !important}
.to-blue-600{--tw-gradient-to:#0067d6 var(--tw-gradient-to-position) !important}
.to-emerald-100{--tw-gradient-to:#d4f4de var(--tw-gradient-to-position) !important}
.to-emerald-500{--tw-gradient-to:#34c759 var(--tw-gradient-to-position) !important}
.to-emerald-600{--tw-gradient-to:#24a446 var(--tw-gradient-to-position) !important}
.to-gray-100{--tw-gradient-to:#f4f4f4 var(--tw-gradient-to-position) !important}
.to-gray-200{--tw-gradient-to:#e6e6e6 var(--tw-gradient-to-position) !important}
.to-gray-600{--tw-gradient-to:#525252 var(--tw-gradient-to-position) !important}
.to-green-600{--tw-gradient-to:#24a446 var(--tw-gradient-to-position) !important}
.to-indigo-100{--tw-gradient-to:#e6e6fb var(--tw-gradient-to-position) !important}
.to-indigo-50{--tw-gradient-to:#f2f2fd var(--tw-gradient-to-position) !important}
.to-indigo-50\/30{--tw-gradient-to:rgb(242 242 253 / .3) var(--tw-gradient-to-position) !important}
.to-indigo-500\/20{--tw-gradient-to:rgb(88 86 214 / .2) var(--tw-gradient-to-position) !important}
.to-indigo-600{--tw-gradient-to:#4a48b8 var(--tw-gradient-to-position) !important}
.to-neutral-200{--tw-gradient-to:#e6e6e6 var(--tw-gradient-to-position) !important}
.to-orange-500{--tw-gradient-to:#ff7a0f var(--tw-gradient-to-position) !important}
.to-orange-500\/20{--tw-gradient-to:rgb(255 122 15 / .2) var(--tw-gradient-to-position) !important}
.to-orange-600{--tw-gradient-to:#e05f00 var(--tw-gradient-to-position) !important}
.to-pink-500\/20{--tw-gradient-to:rgb(255 45 85 / .2) var(--tw-gradient-to-position) !important}
.to-pink-600{--tw-gradient-to:#e01745 var(--tw-gradient-to-position) !important}
.to-primary-100{--tw-gradient-to:#dbedff var(--tw-gradient-to-position) !important}
.to-primary-500{--tw-gradient-to:#0080ff var(--tw-gradient-to-position) !important}
.to-primary-600{--tw-gradient-to:#0067d6 var(--tw-gradient-to-position) !important}
.to-purple-500{--tw-gradient-to:#af52de var(--tw-gradient-to-position) !important}
.to-purple-600{--tw-gradient-to:#963ac4 var(--tw-gradient-to-position) !important}
.to-red-500{--tw-gradient-to:#f4453c var(--tw-gradient-to-position) !important}
.to-teal-50{--tw-gradient-to:#eff7ff var(--tw-gradient-to-position) !important}
.to-yellow-50\/30{--tw-gradient-to:rgb(255 252 234 / .3) var(--tw-gradient-to-position) !important}
.to-yellow-500{--tw-gradient-to:#ffcc00 var(--tw-gradient-to-position) !important}
.to-zinc-900{--tw-gradient-to:#171717 var(--tw-gradient-to-position) !important}
.text-amber-200{color:rgb(255 223 163 / var(--tw-text-opacity, 1)) !important}
.text-amber-400{color:rgb(255 176 58 / var(--tw-text-opacity, 1)) !important}
.text-amber-500{color:rgb(255 149 0 / var(--tw-text-opacity, 1)) !important}
.text-amber-600{color:rgb(217 122 0 / var(--tw-text-opacity, 1)) !important}
.text-amber-600\/70{color:#d97a00b3 !important}
.text-amber-700{color:rgb(176 97 0 / var(--tw-text-opacity, 1)) !important}
.text-amber-800{color:rgb(139 78 6 / var(--tw-text-opacity, 1)) !important}
.text-amber-900{color:rgb(114 65 12 / var(--tw-text-opacity, 1)) !important}
.text-blue-100{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.text-blue-200{color:rgb(188 220 255 / var(--tw-text-opacity, 1)) !important}
.text-blue-400{color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.text-blue-500{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.text-blue-500\/20{color:#0080ff33 !important}
.text-blue-600{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.text-blue-700{color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.text-blue-700\/80{color:#0053adcc !important}
.text-blue-800{color:rgb(8 69 140 / var(--tw-text-opacity, 1)) !important}
.text-blue-900{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.text-cyan-300{color:rgb(130 209 245 / var(--tw-text-opacity, 1)) !important}
.text-cyan-400{color:rgb(85 191 236 / var(--tw-text-opacity, 1)) !important}
.text-cyan-600{color:rgb(31 140 189 / var(--tw-text-opacity, 1)) !important}
.text-cyan-700{color:rgb(26 111 150 / var(--tw-text-opacity, 1)) !important}
.text-emerald-100{color:rgb(212 244 222 / var(--tw-text-opacity, 1)) !important}
.text-emerald-200{color:rgb(169 233 191 / var(--tw-text-opacity, 1)) !important}
.text-emerald-300{color:rgb(116 219 156 / var(--tw-text-opacity, 1)) !important}
.text-emerald-400{color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.text-emerald-500{color:rgb(52 199 89 / var(--tw-text-opacity, 1)) !important}
.text-emerald-600{color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.text-emerald-600\/70{color:#24a446b3 !important}
.text-emerald-700{color:rgb(28 128 56 / var(--tw-text-opacity, 1)) !important}
.text-emerald-800{color:rgb(24 102 46 / var(--tw-text-opacity, 1)) !important}
.text-emerald-900{color:rgb(21 84 39 / var(--tw-text-opacity, 1)) !important}
.text-fuchsia-300{color:rgb(214 179 244 / var(--tw-text-opacity, 1)) !important}
.text-fuchsia-500{color:rgb(175 82 222 / var(--tw-text-opacity, 1)) !important}
.text-fuchsia-600{color:rgb(150 58 196 / var(--tw-text-opacity, 1)) !important}
.text-fuchsia-700{color:rgb(123 45 161 / var(--tw-text-opacity, 1)) !important}
.text-gray-100{color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
.text-gray-200{color:rgb(230 230 230 / var(--tw-text-opacity, 1)) !important}
.text-gray-300{color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.text-gray-400{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.text-gray-500{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.text-gray-600{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.text-gray-700{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.text-gray-800{color:rgb(38 38 38 / var(--tw-text-opacity, 1)) !important}
.text-gray-900{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.text-gray-950{color:rgb(10 10 10 / var(--tw-text-opacity, 1)) !important}
.text-green-300{color:rgb(116 219 156 / var(--tw-text-opacity, 1)) !important}
.text-green-400{color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.text-green-500{color:rgb(52 199 89 / var(--tw-text-opacity, 1)) !important}
.text-green-600{color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.text-green-600\/70{color:#24a446b3 !important}
.text-green-700{color:rgb(28 128 56 / var(--tw-text-opacity, 1)) !important}
.text-green-800{color:rgb(24 102 46 / var(--tw-text-opacity, 1)) !important}
.text-indigo-200{color:rgb(208 208 246 / var(--tw-text-opacity, 1)) !important}
.text-indigo-500{color:rgb(88 86 214 / var(--tw-text-opacity, 1)) !important}
.text-indigo-600{color:rgb(74 72 184 / var(--tw-text-opacity, 1)) !important}
.text-indigo-700{color:rgb(61 59 150 / var(--tw-text-opacity, 1)) !important}
.text-indigo-800{color:rgb(51 50 123 / var(--tw-text-opacity, 1)) !important}
.text-lime-600{color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.text-lime-700{color:rgb(28 128 56 / var(--tw-text-opacity, 1)) !important}
.text-orange-100{color:rgb(255 233 213 / var(--tw-text-opacity, 1)) !important}
.text-orange-200{color:rgb(255 208 168 / var(--tw-text-opacity, 1)) !important}
.text-orange-400{color:rgb(255 148 64 / var(--tw-text-opacity, 1)) !important}
.text-orange-500{color:rgb(255 122 15 / var(--tw-text-opacity, 1)) !important}
.text-orange-600{color:rgb(224 95 0 / var(--tw-text-opacity, 1)) !important}
.text-orange-700{color:rgb(182 73 0 / var(--tw-text-opacity, 1)) !important}
.text-orange-800{color:rgb(144 59 5 / var(--tw-text-opacity, 1)) !important}
.text-pink-300{color:rgb(255 155 176 / var(--tw-text-opacity, 1)) !important}
.text-pink-500{color:rgb(255 45 85 / var(--tw-text-opacity, 1)) !important}
.text-pink-600{color:rgb(224 23 69 / var(--tw-text-opacity, 1)) !important}
.text-pink-700{color:rgb(184 16 56 / var(--tw-text-opacity, 1)) !important}
.text-primary-100{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.text-primary-200{color:rgb(188 220 255 / var(--tw-text-opacity, 1)) !important}
.text-primary-300{color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.text-primary-400{color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.text-primary-500{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.text-primary-600{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.text-primary-600\/90{color:#0067d6e6 !important}
.text-primary-700{color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.text-primary-800{color:rgb(8 69 140 / var(--tw-text-opacity, 1)) !important}
.text-primary-900{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.text-purple-100{color:rgb(243 233 253 / var(--tw-text-opacity, 1)) !important}
.text-purple-200{color:rgb(231 211 250 / var(--tw-text-opacity, 1)) !important}
.text-purple-300{color:rgb(214 179 244 / var(--tw-text-opacity, 1)) !important}
.text-purple-500{color:rgb(175 82 222 / var(--tw-text-opacity, 1)) !important}
.text-purple-600{color:rgb(150 58 196 / var(--tw-text-opacity, 1)) !important}
.text-purple-700{color:rgb(123 45 161 / var(--tw-text-opacity, 1)) !important}
.text-purple-800{color:rgb(102 40 133 / var(--tw-text-opacity, 1)) !important}
.text-red-400{color:rgb(247 122 114 / var(--tw-text-opacity, 1)) !important}
.text-red-500{color:rgb(244 69 60 / var(--tw-text-opacity, 1)) !important}
.text-red-600{color:rgb(220 47 39 / var(--tw-text-opacity, 1)) !important}
.text-red-600\/70{color:#dc2f27b3 !important}
.text-red-700{color:rgb(183 35 29 / var(--tw-text-opacity, 1)) !important}
.text-red-800{color:rgb(149 31 26 / var(--tw-text-opacity, 1)) !important}
.text-rose-400{color:rgb(255 102 136 / var(--tw-text-opacity, 1)) !important}
.text-rose-500{color:rgb(255 45 85 / var(--tw-text-opacity, 1)) !important}
.text-rose-600{color:rgb(224 23 69 / var(--tw-text-opacity, 1)) !important}
.text-rose-700{color:rgb(184 16 56 / var(--tw-text-opacity, 1)) !important}
.text-rose-900{color:rgb(124 18 43 / var(--tw-text-opacity, 1)) !important}
.text-sky-200{color:rgb(179 227 251 / var(--tw-text-opacity, 1)) !important}
.text-sky-300{color:rgb(130 209 245 / var(--tw-text-opacity, 1)) !important}
.text-sky-500{color:rgb(50 173 230 / var(--tw-text-opacity, 1)) !important}
.text-sky-600{color:rgb(31 140 189 / var(--tw-text-opacity, 1)) !important}
.text-sky-700{color:rgb(26 111 150 / var(--tw-text-opacity, 1)) !important}
.text-sky-800{color:rgb(26 91 122 / var(--tw-text-opacity, 1)) !important}
.text-sky-900{color:rgb(26 76 101 / var(--tw-text-opacity, 1)) !important}
.text-slate-400{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.text-slate-500{color:rgb(142 142 147 / var(--tw-text-opacity, 1)) !important}
.text-slate-600{color:rgb(99 99 102 / var(--tw-text-opacity, 1)) !important}
.text-slate-700{color:rgb(58 58 60 / var(--tw-text-opacity, 1)) !important}
.text-teal-500{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.text-teal-600{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.text-teal-700{color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.text-violet-300{color:rgb(197 184 250 / var(--tw-text-opacity, 1)) !important}
.text-violet-500{color:rgb(138 106 228 / var(--tw-text-opacity, 1)) !important}
.text-violet-600{color:rgb(116 82 200 / var(--tw-text-opacity, 1)) !important}
.text-violet-700{color:rgb(95 66 164 / var(--tw-text-opacity, 1)) !important}
.text-violet-800{color:rgb(79 56 134 / var(--tw-text-opacity, 1)) !important}
.text-yellow-400{color:rgb(255 212 38 / var(--tw-text-opacity, 1)) !important}
.text-yellow-500{color:rgb(255 204 0 / var(--tw-text-opacity, 1)) !important}
.text-yellow-600{color:rgb(217 166 0 / var(--tw-text-opacity, 1)) !important}
.text-yellow-700{color:rgb(173 125 2 / var(--tw-text-opacity, 1)) !important}
.text-yellow-800{color:rgb(140 99 10 / var(--tw-text-opacity, 1)) !important}
.text-zinc-100{color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
.text-zinc-300{color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.text-zinc-600{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.text-zinc-700{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.text-zinc-800{color:rgb(38 38 38 / var(--tw-text-opacity, 1)) !important}
.text-zinc-900{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.decoration-blue-600\/30{text-decoration-color:#0067d64d !important}
.decoration-gray-300{text-decoration-color:#d4d4d4 !important}
.decoration-gray-400{text-decoration-color:#a3a3a3 !important}
.placeholder-gray-400::-moz-placeholder{color:rgb(163 163 163 / var(--tw-placeholder-opacity, 1)) !important}
.placeholder-gray-400::placeholder{color:rgb(163 163 163 / var(--tw-placeholder-opacity, 1)) !important}
.shadow-\[0_-12px_35px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow:0 -12px 35px rgba(28,28,30,.08) !important}
.shadow-\[0_0_0_2px_rgba\(16\,185\,129\,0\.14\)\]{--tw-shadow:0 0 0 2px rgba(52,199,89,.14) !important}
.shadow-\[0_0_0_2px_rgba\(244\,63\,94\,0\.14\)\]{--tw-shadow:0 0 0 2px rgba(255,45,85,.14) !important}
.shadow-\[0_14px_36px_-20px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow:0 14px 36px -20px rgba(28,28,30,.35) !important}
.shadow-glow{--tw-shadow:0 0 20px rgba(0,128,255, .25) !important}
.shadow-amber-500\/30{--tw-shadow-color:rgb(255 149 0 / .3) !important}
.shadow-blue-500\/30{--tw-shadow-color:rgb(0 128 255 / .3) !important}
.shadow-primary-500\/20{--tw-shadow-color:rgb(0 128 255 / .2) !important}
.shadow-primary-500\/30{--tw-shadow-color:rgb(0 128 255 / .3) !important}
.shadow-primary-600\/20{--tw-shadow-color:rgb(0 103 214 / .2) !important}
.shadow-purple-500\/30{--tw-shadow-color:rgb(175 82 222 / .3) !important}
.ring-amber-200{--tw-ring-color:rgb(255 223 163 / var(--tw-ring-opacity, 1)) !important}
.ring-amber-500\/30{--tw-ring-color:rgb(255 149 0 / .3) !important}
.ring-amber-600\/20{--tw-ring-color:rgb(217 122 0 / .2) !important}
.ring-emerald-100{--tw-ring-color:rgb(212 244 222 / var(--tw-ring-opacity, 1)) !important}
.ring-emerald-200{--tw-ring-color:rgb(169 233 191 / var(--tw-ring-opacity, 1)) !important}
.ring-gray-200{--tw-ring-color:rgb(230 230 230 / var(--tw-ring-opacity, 1)) !important}
.ring-gray-600\/20{--tw-ring-color:rgb(82 82 82 / .2) !important}
.ring-gray-900\/5{--tw-ring-color:rgb(23 23 23 / .05) !important}
.ring-green-500{--tw-ring-color:rgb(52 199 89 / var(--tw-ring-opacity, 1)) !important}
.ring-green-600\/20{--tw-ring-color:rgb(36 164 70 / .2) !important}
.ring-orange-200{--tw-ring-color:rgb(255 208 168 / var(--tw-ring-opacity, 1)) !important}
.ring-orange-500\/30{--tw-ring-color:rgb(255 122 15 / .3) !important}
.ring-primary-100{--tw-ring-color:rgb(219 237 255 / var(--tw-ring-opacity, 1)) !important}
.ring-primary-500\/20{--tw-ring-color:rgb(0 128 255 / .2) !important}
.ring-primary-500\/40{--tw-ring-color:rgb(0 128 255 / .4) !important}
.ring-purple-600\/20{--tw-ring-color:rgb(150 58 196 / .2) !important}
.ring-red-100{--tw-ring-color:rgb(253 227 225 / var(--tw-ring-opacity, 1)) !important}
.ring-red-500{--tw-ring-color:rgb(244 69 60 / var(--tw-ring-opacity, 1)) !important}
.ring-red-500\/20{--tw-ring-color:rgb(244 69 60 / .2) !important}
.ring-red-600\/20{--tw-ring-color:rgb(220 47 39 / .2) !important}
.ring-rose-200{--tw-ring-color:rgb(255 195 208 / var(--tw-ring-opacity, 1)) !important}
.ring-rose-500\/30{--tw-ring-color:rgb(255 45 85 / .3) !important}
.ring-sky-100{--tw-ring-color:rgb(216 240 253 / var(--tw-ring-opacity, 1)) !important}
.ring-sky-200{--tw-ring-color:rgb(179 227 251 / var(--tw-ring-opacity, 1)) !important}
.ring-slate-200\/80{--tw-ring-color:rgb(229 229 229 / .8) !important}
.ring-slate-600\/20{--tw-ring-color:rgb(99 99 102 / .2) !important}
.text-gradient{--tw-gradient-from:#0080ff var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(0 128 255 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-to:#8e8e93 var(--tw-gradient-to-position) !important}
.glass:is(.dark *){background-color:#2c2c2ecc !important}
.selection\:bg-primary-100 *::-moz-selection{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.selection\:bg-primary-100 *::selection{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.selection\:text-primary-900 *::-moz-selection{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.selection\:text-primary-900 *::selection{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.selection\:bg-primary-100::-moz-selection{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.selection\:bg-primary-100::selection{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.selection\:text-primary-900::-moz-selection{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.selection\:text-primary-900::selection{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.placeholder\:text-gray-400::-moz-placeholder{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.placeholder\:text-gray-400::placeholder{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.after\:border-gray-300:after{border-color:rgb(212 212 212 / var(--tw-border-opacity, 1)) !important}
.focus-within\:border-primary-300:focus-within{border-color:rgb(142 198 255 / var(--tw-border-opacity, 1)) !important}
.focus-within\:border-primary-500:focus-within{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.focus-within\:ring-primary-500:focus-within{--tw-ring-color:rgb(0 128 255 / var(--tw-ring-opacity, 1)) !important}
.hover\:border-amber-300:hover{border-color:rgb(255 201 107 / var(--tw-border-opacity, 1)) !important}
.hover\:border-blue-300:hover{border-color:rgb(142 198 255 / var(--tw-border-opacity, 1)) !important}
.hover\:border-emerald-300:hover{border-color:rgb(116 219 156 / var(--tw-border-opacity, 1)) !important}
.hover\:border-gray-200:hover{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.hover\:border-gray-300:hover{border-color:rgb(212 212 212 / var(--tw-border-opacity, 1)) !important}
.hover\:border-gray-400:hover{border-color:rgb(163 163 163 / var(--tw-border-opacity, 1)) !important}
.hover\:border-green-300:hover{border-color:rgb(116 219 156 / var(--tw-border-opacity, 1)) !important}
.hover\:border-orange-300:hover{border-color:rgb(255 178 110 / var(--tw-border-opacity, 1)) !important}
.hover\:border-primary-200:hover{border-color:rgb(188 220 255 / var(--tw-border-opacity, 1)) !important}
.hover\:border-primary-300:hover{border-color:rgb(142 198 255 / var(--tw-border-opacity, 1)) !important}
.hover\:border-primary-400:hover{border-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.hover\:border-primary-500:hover{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.hover\:border-purple-300:hover{border-color:rgb(214 179 244 / var(--tw-border-opacity, 1)) !important}
.hover\:border-sky-300:hover{border-color:rgb(130 209 245 / var(--tw-border-opacity, 1)) !important}
.hover\:border-sky-400:hover{border-color:rgb(85 191 236 / var(--tw-border-opacity, 1)) !important}
.hover\:border-zinc-400:hover{border-color:rgb(163 163 163 / var(--tw-border-opacity, 1)) !important}
.hover\:border-l-primary-500:hover{border-left-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.hover\:bg-amber-100:hover{background-color:rgb(255 241 212 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-amber-200:hover{background-color:rgb(255 223 163 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-amber-50:hover{background-color:rgb(255 249 237 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-amber-600:hover{background-color:rgb(217 122 0 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-blue-200:hover{background-color:rgb(188 220 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-blue-50:hover{background-color:rgb(239 247 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-blue-600:hover{background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-blue-700:hover{background-color:rgb(0 83 173 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-cyan-200:hover{background-color:rgb(179 227 251 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-cyan-50:hover{background-color:rgb(239 249 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-emerald-100:hover{background-color:rgb(212 244 222 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-emerald-200:hover{background-color:rgb(169 233 191 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-emerald-50:hover{background-color:rgb(237 250 241 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-100:hover{background-color:rgb(244 244 244 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-100\/80:hover{background-color:#f4f4f4cc !important}
.hover\:bg-gray-200:hover{background-color:rgb(230 230 230 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-300:hover{background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-50:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-50\/40:hover{background-color:#fafafa66 !important}
.hover\:bg-gray-50\/70:hover{background-color:#fafafab3 !important}
.hover\:bg-gray-50\/80:hover{background-color:#fafafacc !important}
.hover\:bg-gray-600:hover{background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-700:hover{background-color:rgb(61 61 61 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-gray-800:hover{background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-green-200:hover{background-color:rgb(169 233 191 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-green-50:hover{background-color:rgb(237 250 241 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-green-600:hover{background-color:rgb(36 164 70 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-green-700:hover{background-color:rgb(28 128 56 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-indigo-200:hover{background-color:rgb(208 208 246 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-lime-200:hover{background-color:rgb(169 233 191 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-orange-200:hover{background-color:rgb(255 208 168 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-orange-50:hover{background-color:rgb(255 246 237 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-orange-600:hover{background-color:rgb(224 95 0 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-pink-200:hover{background-color:rgb(255 195 208 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-primary-100:hover{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-primary-200:hover{background-color:rgb(188 220 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-primary-50:hover{background-color:rgb(239 247 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-primary-50\/50:hover{background-color:#eff7ff80 !important}
.hover\:bg-primary-600:hover{background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-primary-700:hover{background-color:rgb(0 83 173 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-purple-100:hover{background-color:rgb(243 233 253 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-purple-200:hover{background-color:rgb(231 211 250 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-purple-600:hover{background-color:rgb(150 58 196 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-red-100:hover{background-color:rgb(253 227 225 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-red-200:hover{background-color:rgb(251 200 197 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-red-50:hover{background-color:rgb(254 242 241 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-red-600:hover{background-color:rgb(220 47 39 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-red-700:hover{background-color:rgb(183 35 29 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-rose-200:hover{background-color:rgb(255 195 208 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-sky-200:hover{background-color:rgb(179 227 251 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-sky-50:hover{background-color:rgb(239 249 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-sky-50\/60:hover{background-color:#eff9ff99 !important}
.hover\:bg-slate-200:hover{background-color:rgb(229 229 229 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-teal-200:hover{background-color:rgb(188 220 255 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-violet-200:hover{background-color:rgb(221 214 253 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-yellow-100:hover{background-color:rgb(255 248 201 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-yellow-200:hover{background-color:rgb(255 239 148 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-yellow-50:hover{background-color:rgb(255 252 234 / var(--tw-bg-opacity, 1)) !important}
.hover\:bg-zinc-900:hover{background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important}
.hover\:text-amber-500:hover{color:rgb(255 149 0 / var(--tw-text-opacity, 1)) !important}
.hover\:text-amber-700:hover{color:rgb(176 97 0 / var(--tw-text-opacity, 1)) !important}
.hover\:text-blue-300:hover{color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.hover\:text-blue-500:hover{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.hover\:text-blue-600:hover{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.hover\:text-blue-700:hover{color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.hover\:text-blue-800:hover{color:rgb(8 69 140 / var(--tw-text-opacity, 1)) !important}
.hover\:text-blue-900:hover{color:rgb(12 58 114 / var(--tw-text-opacity, 1)) !important}
.hover\:text-emerald-600:hover{color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.hover\:text-emerald-700:hover{color:rgb(28 128 56 / var(--tw-text-opacity, 1)) !important}
.hover\:text-gray-500:hover{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.hover\:text-gray-600:hover{color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.hover\:text-gray-700:hover{color:rgb(61 61 61 / var(--tw-text-opacity, 1)) !important}
.hover\:text-gray-900:hover{color:rgb(23 23 23 / var(--tw-text-opacity, 1)) !important}
.hover\:text-green-600:hover{color:rgb(36 164 70 / var(--tw-text-opacity, 1)) !important}
.hover\:text-orange-600:hover{color:rgb(224 95 0 / var(--tw-text-opacity, 1)) !important}
.hover\:text-orange-700:hover{color:rgb(182 73 0 / var(--tw-text-opacity, 1)) !important}
.hover\:text-primary-500:hover{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.hover\:text-primary-600:hover{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.hover\:text-primary-700:hover{color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.hover\:text-primary-800:hover{color:rgb(8 69 140 / var(--tw-text-opacity, 1)) !important}
.hover\:text-purple-600:hover{color:rgb(150 58 196 / var(--tw-text-opacity, 1)) !important}
.hover\:text-red-500:hover{color:rgb(244 69 60 / var(--tw-text-opacity, 1)) !important}
.hover\:text-red-600:hover{color:rgb(220 47 39 / var(--tw-text-opacity, 1)) !important}
.hover\:text-red-700:hover{color:rgb(183 35 29 / var(--tw-text-opacity, 1)) !important}
.hover\:text-red-900:hover{color:rgb(123 31 27 / var(--tw-text-opacity, 1)) !important}
.hover\:text-rose-700:hover{color:rgb(184 16 56 / var(--tw-text-opacity, 1)) !important}
.hover\:text-sky-700:hover{color:rgb(26 111 150 / var(--tw-text-opacity, 1)) !important}
.hover\:text-yellow-600:hover{color:rgb(217 166 0 / var(--tw-text-opacity, 1)) !important}
.hover\:text-zinc-800:hover{color:rgb(38 38 38 / var(--tw-text-opacity, 1)) !important}
.hover\:decoration-blue-600:hover{text-decoration-color:#0067d6 !important}
.hover\:decoration-primary-400:hover{text-decoration-color:#4aa8ff !important}
.hover\:shadow-primary-500\/10:hover{--tw-shadow-color:rgb(0 128 255 / .1) !important}
.focus\:border-blue-500:focus{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.focus\:border-green-500:focus{border-color:rgb(52 199 89 / var(--tw-border-opacity, 1)) !important}
.focus\:border-primary-300:focus{border-color:rgb(142 198 255 / var(--tw-border-opacity, 1)) !important}
.focus\:border-primary-400:focus{border-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.focus\:border-primary-500:focus{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.focus\:border-red-500:focus{border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important}
.focus\:text-primary-600:focus{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.focus\:ring-blue-500:focus{--tw-ring-color:rgb(0 128 255 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-blue-500\/10:focus{--tw-ring-color:rgb(0 128 255 / .1) !important}
.focus\:ring-green-500:focus{--tw-ring-color:rgb(52 199 89 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-primary-100:focus{--tw-ring-color:rgb(219 237 255 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-primary-300:focus{--tw-ring-color:rgb(142 198 255 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-primary-400:focus{--tw-ring-color:rgb(74 168 255 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-primary-500:focus{--tw-ring-color:rgb(0 128 255 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-primary-500\/20:focus{--tw-ring-color:rgb(0 128 255 / .2) !important}
.focus\:ring-red-500:focus{--tw-ring-color:rgb(244 69 60 / var(--tw-ring-opacity, 1)) !important}
.focus\:ring-yellow-500:focus{--tw-ring-color:rgb(255 204 0 / var(--tw-ring-opacity, 1)) !important}
.focus-visible\:ring-primary-500:focus-visible{--tw-ring-color:rgb(0 128 255 / var(--tw-ring-opacity, 1)) !important}
.focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color:rgb(0 128 255 / .3) !important}
.active\:bg-blue-700:active{background-color:rgb(0 83 173 / var(--tw-bg-opacity, 1)) !important}
.active\:bg-green-800:active{background-color:rgb(24 102 46 / var(--tw-bg-opacity, 1)) !important}
.active\:bg-orange-700:active{background-color:rgb(182 73 0 / var(--tw-bg-opacity, 1)) !important}
.active\:bg-purple-700:active{background-color:rgb(123 45 161 / var(--tw-bg-opacity, 1)) !important}
.disabled\:text-gray-400:disabled{color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.group:focus-within .group-focus-within\:text-blue-500{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:border-gray-400{border-color:rgb(163 163 163 / var(--tw-border-opacity, 1)) !important}
.group:hover .group-hover\:bg-blue-100{background-color:rgb(219 237 255 / var(--tw-bg-opacity, 1)) !important}
.group:hover .group-hover\:bg-primary-50{background-color:rgb(239 247 255 / var(--tw-bg-opacity, 1)) !important}
.group:hover .group-hover\:text-amber-500{color:rgb(255 149 0 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:text-blue-500{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:text-emerald-500{color:rgb(52 199 89 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:text-primary-500{color:rgb(0 128 255 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:text-primary-600{color:rgb(0 103 214 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:text-primary-700{color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:text-sky-500{color:rgb(50 173 230 / var(--tw-text-opacity, 1)) !important}
.group:hover .group-hover\:ring-primary-100{--tw-ring-color:rgb(219 237 255 / var(--tw-ring-opacity, 1)) !important}
.peer:checked~.peer-checked\:border-primary-500{border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.peer:checked~.peer-checked\:border-red-500{border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important}
.peer:checked~.peer-checked\:bg-primary-500{background-color:rgb(0 128 255 / var(--tw-bg-opacity, 1)) !important}
.peer:checked~.peer-checked\:bg-primary-600{background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.peer:checked~.peer-checked\:bg-red-50{background-color:rgb(254 242 241 / var(--tw-bg-opacity, 1)) !important}
.peer:checked~.peer-checked\:text-red-700{color:rgb(183 35 29 / var(--tw-text-opacity, 1)) !important}
.peer:focus~.peer-focus\:ring-primary-300{--tw-ring-color:rgb(142 198 255 / var(--tw-ring-opacity, 1)) !important}
.peer:focus-visible~.peer-focus-visible\:ring-red-500\/30{--tw-ring-color:rgb(244 69 60 / .3) !important}
.dark\:divide-dark-600:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(99 99 102 / var(--tw-divide-opacity, 1)) !important}
.dark\:divide-dark-700:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(58 58 60 / var(--tw-divide-opacity, 1)) !important}
.dark\:divide-dark-800:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(44 44 46 / var(--tw-divide-opacity, 1)) !important}
.dark\:border-amber-500:is(.dark *){border-color:rgb(255 149 0 / var(--tw-border-opacity, 1)) !important}
.dark\:border-amber-500\/30:is(.dark *){border-color:#ff95004d !important}
.dark\:border-amber-600:is(.dark *){border-color:rgb(217 122 0 / var(--tw-border-opacity, 1)) !important}
.dark\:border-amber-700:is(.dark *){border-color:rgb(176 97 0 / var(--tw-border-opacity, 1)) !important}
.dark\:border-amber-700\/40:is(.dark *){border-color:#b0610066 !important}
.dark\:border-amber-800:is(.dark *){border-color:rgb(139 78 6 / var(--tw-border-opacity, 1)) !important}
.dark\:border-amber-800\/30:is(.dark *){border-color:#8b4e064d !important}
.dark\:border-amber-800\/50:is(.dark *){border-color:#8b4e0680 !important}
.dark\:border-amber-800\/60:is(.dark *){border-color:#8b4e0699 !important}
.dark\:border-amber-900\/40:is(.dark *){border-color:#72410c66 !important}
.dark\:border-amber-900\/50:is(.dark *){border-color:#72410c80 !important}
.dark\:border-amber-900\/70:is(.dark *){border-color:#72410cb3 !important}
.dark\:border-blue-400:is(.dark *){border-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.dark\:border-blue-500\/20:is(.dark *){border-color:#0080ff33 !important}
.dark\:border-blue-600:is(.dark *){border-color:rgb(0 103 214 / var(--tw-border-opacity, 1)) !important}
.dark\:border-blue-700:is(.dark *){border-color:rgb(0 83 173 / var(--tw-border-opacity, 1)) !important}
.dark\:border-blue-800:is(.dark *){border-color:rgb(8 69 140 / var(--tw-border-opacity, 1)) !important}
.dark\:border-blue-800\/30:is(.dark *){border-color:#08458c4d !important}
.dark\:border-blue-800\/50:is(.dark *){border-color:#08458c80 !important}
.dark\:border-blue-900:is(.dark *){border-color:rgb(12 58 114 / var(--tw-border-opacity, 1)) !important}
.dark\:border-dark-400:is(.dark *){border-color:rgb(161 161 166 / var(--tw-border-opacity, 1)) !important}
.dark\:border-dark-500:is(.dark *){border-color:rgb(142 142 147 / var(--tw-border-opacity, 1)) !important}
.dark\:border-dark-600:is(.dark *){border-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.dark\:border-dark-600\/60:is(.dark *){border-color:#63636699 !important}
.dark\:border-dark-700:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.dark\:border-dark-700\/50:is(.dark *){border-color:#3a3a3c80 !important}
.dark\:border-dark-700\/60:is(.dark *){border-color:#3a3a3c99 !important}
.dark\:border-dark-700\/70:is(.dark *){border-color:#3a3a3cb3 !important}
.dark\:border-dark-700\/80:is(.dark *){border-color:#3a3a3ccc !important}
.dark\:border-dark-800:is(.dark *){border-color:rgb(44 44 46 / var(--tw-border-opacity, 1)) !important}
.dark\:border-dark-800\/50:is(.dark *){border-color:#2c2c2e80 !important}
.dark\:border-emerald-400:is(.dark *){border-color:rgb(75 205 124 / var(--tw-border-opacity, 1)) !important}
.dark\:border-emerald-500\/30:is(.dark *){border-color:#34c7594d !important}
.dark\:border-emerald-700:is(.dark *){border-color:rgb(28 128 56 / var(--tw-border-opacity, 1)) !important}
.dark\:border-emerald-800:is(.dark *){border-color:rgb(24 102 46 / var(--tw-border-opacity, 1)) !important}
.dark\:border-emerald-800\/30:is(.dark *){border-color:#18662e4d !important}
.dark\:border-emerald-800\/50:is(.dark *){border-color:#18662e80 !important}
.dark\:border-emerald-900\/60:is(.dark *){border-color:#15542799 !important}
.dark\:border-gray-500:is(.dark *){border-color:rgb(115 115 115 / var(--tw-border-opacity, 1)) !important}
.dark\:border-gray-600:is(.dark *){border-color:rgb(82 82 82 / var(--tw-border-opacity, 1)) !important}
.dark\:border-gray-800:is(.dark *){border-color:rgb(38 38 38 / var(--tw-border-opacity, 1)) !important}
.dark\:border-green-500\/20:is(.dark *){border-color:#34c75933 !important}
.dark\:border-green-600:is(.dark *){border-color:rgb(36 164 70 / var(--tw-border-opacity, 1)) !important}
.dark\:border-green-700:is(.dark *){border-color:rgb(28 128 56 / var(--tw-border-opacity, 1)) !important}
.dark\:border-green-800:is(.dark *){border-color:rgb(24 102 46 / var(--tw-border-opacity, 1)) !important}
.dark\:border-green-800\/50:is(.dark *){border-color:#18662e80 !important}
.dark\:border-orange-400:is(.dark *){border-color:rgb(255 148 64 / var(--tw-border-opacity, 1)) !important}
.dark\:border-orange-500\/20:is(.dark *){border-color:#ff7a0f33 !important}
.dark\:border-primary-400:is(.dark *){border-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.dark\:border-primary-400\/30:is(.dark *){border-color:#4aa8ff4d !important}
.dark\:border-primary-500:is(.dark *){border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.dark\:border-primary-500\/20:is(.dark *){border-color:#0080ff33 !important}
.dark\:border-primary-600:is(.dark *){border-color:rgb(0 103 214 / var(--tw-border-opacity, 1)) !important}
.dark\:border-primary-700:is(.dark *){border-color:rgb(0 83 173 / var(--tw-border-opacity, 1)) !important}
.dark\:border-primary-700\/50:is(.dark *){border-color:#0053ad80 !important}
.dark\:border-primary-800:is(.dark *){border-color:rgb(8 69 140 / var(--tw-border-opacity, 1)) !important}
.dark\:border-primary-800\/50:is(.dark *){border-color:#08458c80 !important}
.dark\:border-primary-900\/40:is(.dark *){border-color:#0c3a7266 !important}
.dark\:border-primary-900\/50:is(.dark *){border-color:#0c3a7280 !important}
.dark\:border-purple-500\/20:is(.dark *){border-color:#af52de33 !important}
.dark\:border-purple-800\/30:is(.dark *){border-color:#6628854d !important}
.dark\:border-purple-800\/40:is(.dark *){border-color:#66288566 !important}
.dark\:border-red-500:is(.dark *){border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important}
.dark\:border-red-500\/30:is(.dark *){border-color:#f4453c4d !important}
.dark\:border-red-700:is(.dark *){border-color:rgb(183 35 29 / var(--tw-border-opacity, 1)) !important}
.dark\:border-red-800:is(.dark *){border-color:rgb(149 31 26 / var(--tw-border-opacity, 1)) !important}
.dark\:border-red-800\/50:is(.dark *){border-color:#951f1a80 !important}
.dark\:border-red-800\/60:is(.dark *){border-color:#951f1a99 !important}
.dark\:border-red-900:is(.dark *){border-color:rgb(123 31 27 / var(--tw-border-opacity, 1)) !important}
.dark\:border-red-900\/30:is(.dark *){border-color:#7b1f1b4d !important}
.dark\:border-red-900\/60:is(.dark *){border-color:#7b1f1b99 !important}
.dark\:border-rose-700:is(.dark *){border-color:rgb(184 16 56 / var(--tw-border-opacity, 1)) !important}
.dark\:border-sky-400:is(.dark *){border-color:rgb(85 191 236 / var(--tw-border-opacity, 1)) !important}
.dark\:border-sky-500:is(.dark *){border-color:rgb(50 173 230 / var(--tw-border-opacity, 1)) !important}
.dark\:border-sky-700:is(.dark *){border-color:rgb(26 111 150 / var(--tw-border-opacity, 1)) !important}
.dark\:border-sky-800:is(.dark *){border-color:rgb(26 91 122 / var(--tw-border-opacity, 1)) !important}
.dark\:border-sky-800\/40:is(.dark *){border-color:#1a5b7a66 !important}
.dark\:border-sky-800\/50:is(.dark *){border-color:#1a5b7a80 !important}
.dark\:border-sky-900\/50:is(.dark *){border-color:#1a4c6580 !important}
.dark\:border-sky-900\/60:is(.dark *){border-color:#1a4c6599 !important}
.dark\:border-slate-700:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
.dark\:border-violet-800:is(.dark *){border-color:rgb(79 56 134 / var(--tw-border-opacity, 1)) !important}
.dark\:border-yellow-700:is(.dark *){border-color:rgb(173 125 2 / var(--tw-border-opacity, 1)) !important}
.dark\:border-yellow-800:is(.dark *){border-color:rgb(140 99 10 / var(--tw-border-opacity, 1)) !important}
.dark\:border-zinc-400:is(.dark *){border-color:rgb(163 163 163 / var(--tw-border-opacity, 1)) !important}
.dark\:border-zinc-500\/20:is(.dark *){border-color:#73737333 !important}
.dark\:border-zinc-500\/30:is(.dark *){border-color:#7373734d !important}
.dark\:border-b-dark-600:is(.dark *){border-bottom-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.dark\:border-b-dark-700\/60:is(.dark *){border-bottom-color:#3a3a3c99 !important}
.dark\:border-b-gray-700:is(.dark *){border-bottom-color:rgb(61 61 61 / var(--tw-border-opacity, 1)) !important}
.dark\:border-b-gray-900:is(.dark *){border-bottom-color:rgb(23 23 23 / var(--tw-border-opacity, 1)) !important}
.dark\:border-r-gray-800:is(.dark *){border-right-color:rgb(38 38 38 / var(--tw-border-opacity, 1)) !important}
.dark\:border-t-blue-400:is(.dark *){border-top-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.dark\:border-t-dark-600:is(.dark *){border-top-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.dark\:border-t-gray-700:is(.dark *){border-top-color:rgb(61 61 61 / var(--tw-border-opacity, 1)) !important}
.dark\:bg-amber-500\/10:is(.dark *){background-color:#ff95001a !important}
.dark\:bg-amber-500\/15:is(.dark *){background-color:#ff950026 !important}
.dark\:bg-amber-500\/20:is(.dark *){background-color:#ff950033 !important}
.dark\:bg-amber-800\/50:is(.dark *){background-color:#8b4e0680 !important}
.dark\:bg-amber-900:is(.dark *){background-color:rgb(114 65 12 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-amber-900\/10:is(.dark *){background-color:#72410c1a !important}
.dark\:bg-amber-900\/20:is(.dark *){background-color:#72410c33 !important}
.dark\:bg-amber-900\/25:is(.dark *){background-color:#72410c40 !important}
.dark\:bg-amber-900\/30:is(.dark *){background-color:#72410c4d !important}
.dark\:bg-amber-900\/40:is(.dark *){background-color:#72410c66 !important}
.dark\:bg-amber-900\/50:is(.dark *){background-color:#72410c80 !important}
.dark\:bg-amber-950\/30:is(.dark *){background-color:#3f21034d !important}
.dark\:bg-amber-950\/50:is(.dark *){background-color:#3f210380 !important}
.dark\:bg-blue-500:is(.dark *){background-color:rgb(0 128 255 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-blue-500\/10:is(.dark *){background-color:#0080ff1a !important}
.dark\:bg-blue-500\/15:is(.dark *){background-color:#0080ff26 !important}
.dark\:bg-blue-500\/20:is(.dark *){background-color:#0080ff33 !important}
.dark\:bg-blue-500\/80:is(.dark *){background-color:#0080ffcc !important}
.dark\:bg-blue-800\/40:is(.dark *){background-color:#08458c66 !important}
.dark\:bg-blue-900:is(.dark *){background-color:rgb(12 58 114 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-blue-900\/10:is(.dark *){background-color:#0c3a721a !important}
.dark\:bg-blue-900\/20:is(.dark *){background-color:#0c3a7233 !important}
.dark\:bg-blue-900\/30:is(.dark *){background-color:#0c3a724d !important}
.dark\:bg-blue-900\/40:is(.dark *){background-color:#0c3a7266 !important}
.dark\:bg-blue-900\/5:is(.dark *){background-color:#0c3a720d !important}
.dark\:bg-blue-950:is(.dark *){background-color:rgb(7 37 74 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-blue-950\/20:is(.dark *){background-color:#07254a33 !important}
.dark\:bg-cyan-900\/30:is(.dark *){background-color:#1a4c654d !important}
.dark\:bg-dark-500:is(.dark *){background-color:rgb(142 142 147 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-dark-600:is(.dark *){background-color:rgb(99 99 102 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-dark-600\/70:is(.dark *){background-color:#636366b3 !important}
.dark\:bg-dark-700:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-dark-700\/20:is(.dark *){background-color:#3a3a3c33 !important}
.dark\:bg-dark-700\/30:is(.dark *){background-color:#3a3a3c4d !important}
.dark\:bg-dark-700\/40:is(.dark *){background-color:#3a3a3c66 !important}
.dark\:bg-dark-700\/50:is(.dark *){background-color:#3a3a3c80 !important}
.dark\:bg-dark-700\/60:is(.dark *){background-color:#3a3a3c99 !important}
.dark\:bg-dark-700\/70:is(.dark *){background-color:#3a3a3cb3 !important}
.dark\:bg-dark-700\/95:is(.dark *){background-color:#3a3a3cf2 !important}
.dark\:bg-dark-800:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-dark-800\/30:is(.dark *){background-color:#2c2c2e4d !important}
.dark\:bg-dark-800\/40:is(.dark *){background-color:#2c2c2e66 !important}
.dark\:bg-dark-800\/50:is(.dark *){background-color:#2c2c2e80 !important}
.dark\:bg-dark-800\/60:is(.dark *){background-color:#2c2c2e99 !important}
.dark\:bg-dark-800\/70:is(.dark *){background-color:#2c2c2eb3 !important}
.dark\:bg-dark-800\/80:is(.dark *){background-color:#2c2c2ecc !important}
.dark\:bg-dark-900:is(.dark *){background-color:rgb(28 28 30 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-dark-900\/20:is(.dark *){background-color:#1c1c1e33 !important}
.dark\:bg-dark-900\/30:is(.dark *){background-color:#1c1c1e4d !important}
.dark\:bg-dark-900\/40:is(.dark *){background-color:#1c1c1e66 !important}
.dark\:bg-dark-900\/50:is(.dark *){background-color:#1c1c1e80 !important}
.dark\:bg-dark-900\/60:is(.dark *){background-color:#1c1c1e99 !important}
.dark\:bg-dark-900\/70:is(.dark *){background-color:#1c1c1eb3 !important}
.dark\:bg-dark-900\/90:is(.dark *){background-color:#1c1c1ee6 !important}
.dark\:bg-dark-900\/95:is(.dark *){background-color:#1c1c1ef2 !important}
.dark\:bg-dark-950:is(.dark *){background-color:rgb(11 11 13 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-dark-950\/60:is(.dark *){background-color:#0b0b0d99 !important}
.dark\:bg-emerald-500\/10:is(.dark *){background-color:#34c7591a !important}
.dark\:bg-emerald-500\/15:is(.dark *){background-color:#34c75926 !important}
.dark\:bg-emerald-500\/20:is(.dark *){background-color:#34c75933 !important}
.dark\:bg-emerald-800\/40:is(.dark *){background-color:#18662e66 !important}
.dark\:bg-emerald-900\/10:is(.dark *){background-color:#1554271a !important}
.dark\:bg-emerald-900\/20:is(.dark *){background-color:#15542733 !important}
.dark\:bg-emerald-900\/25:is(.dark *){background-color:#15542740 !important}
.dark\:bg-emerald-900\/30:is(.dark *){background-color:#1554274d !important}
.dark\:bg-emerald-900\/40:is(.dark *){background-color:#15542766 !important}
.dark\:bg-emerald-950\/30:is(.dark *){background-color:#072e144d !important}
.dark\:bg-emerald-950\/40:is(.dark *){background-color:#072e1466 !important}
.dark\:bg-emerald-950\/50:is(.dark *){background-color:#072e1480 !important}
.dark\:bg-fuchsia-900\/20:is(.dark *){background-color:#55246d33 !important}
.dark\:bg-gray-500\/20:is(.dark *){background-color:#73737333 !important}
.dark\:bg-gray-600:is(.dark *){background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-gray-700:is(.dark *){background-color:rgb(61 61 61 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-gray-800:is(.dark *){background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-gray-800\/80:is(.dark *){background-color:#262626cc !important}
.dark\:bg-gray-900:is(.dark *){background-color:rgb(23 23 23 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-gray-900\/30:is(.dark *){background-color:#1717174d !important}
.dark\:bg-green-500\/10:is(.dark *){background-color:#34c7591a !important}
.dark\:bg-green-500\/20:is(.dark *){background-color:#34c75933 !important}
.dark\:bg-green-600:is(.dark *){background-color:rgb(36 164 70 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-green-600\/80:is(.dark *){background-color:#24a446cc !important}
.dark\:bg-green-800\/50:is(.dark *){background-color:#18662e80 !important}
.dark\:bg-green-900\/10:is(.dark *){background-color:#1554271a !important}
.dark\:bg-green-900\/20:is(.dark *){background-color:#15542733 !important}
.dark\:bg-green-900\/30:is(.dark *){background-color:#1554274d !important}
.dark\:bg-green-900\/50:is(.dark *){background-color:#15542780 !important}
.dark\:bg-green-950:is(.dark *){background-color:rgb(7 46 20 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-green-950\/20:is(.dark *){background-color:#072e1433 !important}
.dark\:bg-indigo-900:is(.dark *){background-color:rgb(45 44 102 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-indigo-900\/30:is(.dark *){background-color:#2d2c664d !important}
.dark\:bg-indigo-900\/40:is(.dark *){background-color:#2d2c6666 !important}
.dark\:bg-indigo-950:is(.dark *){background-color:rgb(27 26 63 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-lime-900\/30:is(.dark *){background-color:#1554274d !important}
.dark\:bg-orange-500\/10:is(.dark *){background-color:#ff7a0f1a !important}
.dark\:bg-orange-500\/15:is(.dark *){background-color:#ff7a0f26 !important}
.dark\:bg-orange-500\/20:is(.dark *){background-color:#ff7a0f33 !important}
.dark\:bg-orange-500\/80:is(.dark *){background-color:#ff7a0fcc !important}
.dark\:bg-orange-600:is(.dark *){background-color:rgb(224 95 0 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-orange-800\/40:is(.dark *){background-color:#903b0566 !important}
.dark\:bg-orange-900:is(.dark *){background-color:rgb(118 51 11 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-orange-900\/20:is(.dark *){background-color:#76330b33 !important}
.dark\:bg-orange-900\/30:is(.dark *){background-color:#76330b4d !important}
.dark\:bg-orange-900\/40:is(.dark *){background-color:#76330b66 !important}
.dark\:bg-orange-950:is(.dark *){background-color:rgb(64 24 3 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-pink-900\/30:is(.dark *){background-color:#7c122b4d !important}
.dark\:bg-primary-300:is(.dark *){background-color:rgb(142 198 255 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-primary-400\/10:is(.dark *){background-color:#4aa8ff1a !important}
.dark\:bg-primary-500\/10:is(.dark *){background-color:#0080ff1a !important}
.dark\:bg-primary-500\/15:is(.dark *){background-color:#0080ff26 !important}
.dark\:bg-primary-600:is(.dark *){background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-primary-800\/40:is(.dark *){background-color:#08458c66 !important}
.dark\:bg-primary-900\/10:is(.dark *){background-color:#0c3a721a !important}
.dark\:bg-primary-900\/20:is(.dark *){background-color:#0c3a7233 !important}
.dark\:bg-primary-900\/30:is(.dark *){background-color:#0c3a724d !important}
.dark\:bg-primary-900\/40:is(.dark *){background-color:#0c3a7266 !important}
.dark\:bg-primary-950:is(.dark *){background-color:rgb(7 37 74 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-primary-950\/20:is(.dark *){background-color:#07254a33 !important}
.dark\:bg-primary-950\/40:is(.dark *){background-color:#07254a66 !important}
.dark\:bg-purple-500\/10:is(.dark *){background-color:#af52de1a !important}
.dark\:bg-purple-500\/15:is(.dark *){background-color:#af52de26 !important}
.dark\:bg-purple-500\/80:is(.dark *){background-color:#af52decc !important}
.dark\:bg-purple-800\/40:is(.dark *){background-color:#66288566 !important}
.dark\:bg-purple-900:is(.dark *){background-color:rgb(85 36 109 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-purple-900\/20:is(.dark *){background-color:#55246d33 !important}
.dark\:bg-purple-900\/30:is(.dark *){background-color:#55246d4d !important}
.dark\:bg-purple-900\/40:is(.dark *){background-color:#55246d66 !important}
.dark\:bg-red-500\/10:is(.dark *){background-color:#f4453c1a !important}
.dark\:bg-red-500\/15:is(.dark *){background-color:#f4453c26 !important}
.dark\:bg-red-500\/20:is(.dark *){background-color:#f4453c33 !important}
.dark\:bg-red-600:is(.dark *){background-color:rgb(220 47 39 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-red-800\/50:is(.dark *){background-color:#951f1a80 !important}
.dark\:bg-red-900:is(.dark *){background-color:rgb(123 31 27 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-red-900\/10:is(.dark *){background-color:#7b1f1b1a !important}
.dark\:bg-red-900\/20:is(.dark *){background-color:#7b1f1b33 !important}
.dark\:bg-red-900\/30:is(.dark *){background-color:#7b1f1b4d !important}
.dark\:bg-red-900\/40:is(.dark *){background-color:#7b1f1b66 !important}
.dark\:bg-red-900\/50:is(.dark *){background-color:#7b1f1b80 !important}
.dark\:bg-red-950\/20:is(.dark *){background-color:#420a0833 !important}
.dark\:bg-red-950\/30:is(.dark *){background-color:#420a084d !important}
.dark\:bg-red-950\/40:is(.dark *){background-color:#420a0866 !important}
.dark\:bg-red-950\/50:is(.dark *){background-color:#420a0880 !important}
.dark\:bg-rose-500\/20:is(.dark *){background-color:#ff2d5533 !important}
.dark\:bg-rose-900\/10:is(.dark *){background-color:#7c122b1a !important}
.dark\:bg-rose-900\/20:is(.dark *){background-color:#7c122b33 !important}
.dark\:bg-rose-900\/25:is(.dark *){background-color:#7c122b40 !important}
.dark\:bg-rose-900\/30:is(.dark *){background-color:#7c122b4d !important}
.dark\:bg-rose-900\/40:is(.dark *){background-color:#7c122b66 !important}
.dark\:bg-sky-500\/15:is(.dark *){background-color:#32ade626 !important}
.dark\:bg-sky-900\/10:is(.dark *){background-color:#1a4c651a !important}
.dark\:bg-sky-900\/20:is(.dark *){background-color:#1a4c6533 !important}
.dark\:bg-sky-900\/25:is(.dark *){background-color:#1a4c6540 !important}
.dark\:bg-sky-900\/30:is(.dark *){background-color:#1a4c654d !important}
.dark\:bg-sky-950\/20:is(.dark *){background-color:#102f4033 !important}
.dark\:bg-sky-950\/30:is(.dark *){background-color:#102f404d !important}
.dark\:bg-slate-500:is(.dark *){background-color:rgb(142 142 147 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-slate-700:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-slate-800:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-slate-800\/50:is(.dark *){background-color:#2c2c2e80 !important}
.dark\:bg-slate-900:is(.dark *){background-color:rgb(28 28 30 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-slate-900\/30:is(.dark *){background-color:#1c1c1e4d !important}
.dark\:bg-slate-950:is(.dark *){background-color:rgb(11 11 13 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-teal-900\/30:is(.dark *){background-color:#0c3a724d !important}
.dark\:bg-violet-800\/40:is(.dark *){background-color:#4f388666 !important}
.dark\:bg-violet-900:is(.dark *){background-color:rgb(66 48 109 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-violet-900\/10:is(.dark *){background-color:#42306d1a !important}
.dark\:bg-violet-900\/20:is(.dark *){background-color:#42306d33 !important}
.dark\:bg-violet-900\/30:is(.dark *){background-color:#42306d4d !important}
.dark\:bg-yellow-600:is(.dark *){background-color:rgb(217 166 0 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-yellow-900:is(.dark *){background-color:rgb(116 81 15 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-yellow-900\/10:is(.dark *){background-color:#74510f1a !important}
.dark\:bg-yellow-900\/20:is(.dark *){background-color:#74510f33 !important}
.dark\:bg-yellow-900\/30:is(.dark *){background-color:#74510f4d !important}
.dark\:bg-yellow-900\/40:is(.dark *){background-color:#74510f66 !important}
.dark\:bg-zinc-500\/10:is(.dark *){background-color:#7373731a !important}
.dark\:bg-zinc-500\/15:is(.dark *){background-color:#73737326 !important}
.dark\:bg-zinc-700:is(.dark *){background-color:rgb(61 61 61 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-zinc-700\/60:is(.dark *){background-color:#3d3d3d99 !important}
.dark\:bg-zinc-800:is(.dark *){background-color:rgb(38 38 38 / var(--tw-bg-opacity, 1)) !important}
.dark\:bg-zinc-900\/30:is(.dark *){background-color:#1717174d !important}
.dark\:from-amber-900\/10:is(.dark *){--tw-gradient-from:rgb(114 65 12 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(114 65 12 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-amber-900\/20:is(.dark *){--tw-gradient-from:rgb(114 65 12 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(114 65 12 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-blue-900\/10:is(.dark *){--tw-gradient-from:rgb(12 58 114 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(12 58 114 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-blue-900\/20:is(.dark *){--tw-gradient-from:rgb(12 58 114 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(12 58 114 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-dark-700:is(.dark *){--tw-gradient-from:#3a3a3c var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(58 58 60 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-dark-900:is(.dark *){--tw-gradient-from:#1c1c1e var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(28 28 30 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-dark-950:is(.dark *){--tw-gradient-from:#0b0b0d var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(11 11 13 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-emerald-500\/10:is(.dark *){--tw-gradient-from:rgb(52 199 89 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(52 199 89 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-emerald-900\/10:is(.dark *){--tw-gradient-from:rgb(21 84 39 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(21 84 39 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-emerald-900\/20:is(.dark *){--tw-gradient-from:rgb(21 84 39 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(21 84 39 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-indigo-900\/10:is(.dark *){--tw-gradient-from:rgb(45 44 102 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(45 44 102 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-indigo-900\/20:is(.dark *){--tw-gradient-from:rgb(45 44 102 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(45 44 102 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-orange-500\/10:is(.dark *){--tw-gradient-from:rgb(255 122 15 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(255 122 15 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-orange-900\/20:is(.dark *){--tw-gradient-from:rgb(118 51 11 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(118 51 11 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from:rgb(12 58 114 / .2) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(12 58 114 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from:rgb(12 58 114 / .3) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(12 58 114 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from:rgb(7 37 74 / .4) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(7 37 74 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-purple-900\/10:is(.dark *){--tw-gradient-from:rgb(85 36 109 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(85 36 109 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-sky-500\/10:is(.dark *){--tw-gradient-from:rgb(50 173 230 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(50 173 230 / 0) var(--tw-gradient-to-position) !important}
.dark\:from-zinc-500\/10:is(.dark *){--tw-gradient-from:rgb(115 115 115 / .1) var(--tw-gradient-from-position) !important;--tw-gradient-to:rgb(115 115 115 / 0) var(--tw-gradient-to-position) !important}
.dark\:via-dark-900:is(.dark *){--tw-gradient-to:rgb(28 28 30 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), #1c1c1e var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.dark\:via-indigo-900\/10:is(.dark *){--tw-gradient-to:rgb(45 44 102 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), rgb(45 44 102 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.dark\:via-orange-900\/10:is(.dark *){--tw-gradient-to:rgb(118 51 11 / 0) var(--tw-gradient-to-position) !important;--tw-gradient-stops:var(--tw-gradient-from), rgb(118 51 11 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to) !important}
.dark\:to-amber-500\/20:is(.dark *){--tw-gradient-to:rgb(255 149 0 / .2) var(--tw-gradient-to-position) !important}
.dark\:to-dark-600:is(.dark *){--tw-gradient-to:#636366 var(--tw-gradient-to-position) !important}
.dark\:to-dark-700:is(.dark *){--tw-gradient-to:#3a3a3c var(--tw-gradient-to-position) !important}
.dark\:to-dark-800:is(.dark *){--tw-gradient-to:#2c2c2e var(--tw-gradient-to-position) !important}
.dark\:to-dark-950:is(.dark *){--tw-gradient-to:#0b0b0d var(--tw-gradient-to-position) !important}
.dark\:to-emerald-500\/20:is(.dark *){--tw-gradient-to:rgb(52 199 89 / .2) var(--tw-gradient-to-position) !important}
.dark\:to-indigo-500\/20:is(.dark *){--tw-gradient-to:rgb(88 86 214 / .2) var(--tw-gradient-to-position) !important}
.dark\:to-indigo-900\/10:is(.dark *){--tw-gradient-to:rgb(45 44 102 / .1) var(--tw-gradient-to-position) !important}
.dark\:to-indigo-900\/5:is(.dark *){--tw-gradient-to:rgb(45 44 102 / .05) var(--tw-gradient-to-position) !important}
.dark\:to-primary-800\/20:is(.dark *){--tw-gradient-to:rgb(8 69 140 / .2) var(--tw-gradient-to-position) !important}
.dark\:to-purple-900\/5:is(.dark *){--tw-gradient-to:rgb(85 36 109 / .05) var(--tw-gradient-to-position) !important}
.dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to:rgb(12 58 114 / .2) var(--tw-gradient-to-position) !important}
.dark\:to-yellow-900\/5:is(.dark *){--tw-gradient-to:rgb(116 81 15 / .05) var(--tw-gradient-to-position) !important}
.dark\:text-amber-100:is(.dark *){color:rgb(255 241 212 / var(--tw-text-opacity, 1)) !important}
.dark\:text-amber-200:is(.dark *){color:rgb(255 223 163 / var(--tw-text-opacity, 1)) !important}
.dark\:text-amber-300:is(.dark *){color:rgb(255 201 107 / var(--tw-text-opacity, 1)) !important}
.dark\:text-amber-400:is(.dark *){color:rgb(255 176 58 / var(--tw-text-opacity, 1)) !important}
.dark\:text-amber-400\/70:is(.dark *){color:#ffb03ab3 !important}
.dark\:text-amber-500:is(.dark *){color:rgb(255 149 0 / var(--tw-text-opacity, 1)) !important}
.dark\:text-blue-200:is(.dark *){color:rgb(188 220 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-blue-300:is(.dark *){color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-blue-400:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-cyan-300:is(.dark *){color:rgb(130 209 245 / var(--tw-text-opacity, 1)) !important}
.dark\:text-cyan-400:is(.dark *){color:rgb(85 191 236 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-100:is(.dark *){color:rgb(242 242 242 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-200:is(.dark *){color:rgb(229 229 229 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-300:is(.dark *){color:rgb(209 209 211 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-400:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-500:is(.dark *){color:rgb(142 142 147 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-600:is(.dark *){color:rgb(99 99 102 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-700:is(.dark *){color:rgb(58 58 60 / var(--tw-text-opacity, 1)) !important}
.dark\:text-dark-800:is(.dark *){color:rgb(44 44 46 / var(--tw-text-opacity, 1)) !important}
.dark\:text-emerald-100:is(.dark *){color:rgb(212 244 222 / var(--tw-text-opacity, 1)) !important}
.dark\:text-emerald-200:is(.dark *){color:rgb(169 233 191 / var(--tw-text-opacity, 1)) !important}
.dark\:text-emerald-300:is(.dark *){color:rgb(116 219 156 / var(--tw-text-opacity, 1)) !important}
.dark\:text-emerald-400:is(.dark *){color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.dark\:text-emerald-400\/70:is(.dark *){color:#4bcd7cb3 !important}
.dark\:text-fuchsia-400:is(.dark *){color:rgb(196 136 234 / var(--tw-text-opacity, 1)) !important}
.dark\:text-gray-100:is(.dark *){color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
.dark\:text-gray-200:is(.dark *){color:rgb(230 230 230 / var(--tw-text-opacity, 1)) !important}
.dark\:text-gray-300:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.dark\:text-gray-400:is(.dark *){color:rgb(163 163 163 / var(--tw-text-opacity, 1)) !important}
.dark\:text-gray-500:is(.dark *){color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.dark\:text-gray-600:is(.dark *){color:rgb(82 82 82 / var(--tw-text-opacity, 1)) !important}
.dark\:text-green-200:is(.dark *){color:rgb(169 233 191 / var(--tw-text-opacity, 1)) !important}
.dark\:text-green-300:is(.dark *){color:rgb(116 219 156 / var(--tw-text-opacity, 1)) !important}
.dark\:text-green-400:is(.dark *){color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.dark\:text-green-400\/70:is(.dark *){color:#4bcd7cb3 !important}
.dark\:text-green-500:is(.dark *){color:rgb(52 199 89 / var(--tw-text-opacity, 1)) !important}
.dark\:text-indigo-200:is(.dark *){color:rgb(208 208 246 / var(--tw-text-opacity, 1)) !important}
.dark\:text-indigo-300:is(.dark *){color:rgb(176 175 240 / var(--tw-text-opacity, 1)) !important}
.dark\:text-indigo-400:is(.dark *){color:rgb(136 134 228 / var(--tw-text-opacity, 1)) !important}
.dark\:text-lime-400:is(.dark *){color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.dark\:text-orange-200:is(.dark *){color:rgb(255 208 168 / var(--tw-text-opacity, 1)) !important}
.dark\:text-orange-300:is(.dark *){color:rgb(255 178 110 / var(--tw-text-opacity, 1)) !important}
.dark\:text-orange-400:is(.dark *){color:rgb(255 148 64 / var(--tw-text-opacity, 1)) !important}
.dark\:text-pink-300:is(.dark *){color:rgb(255 155 176 / var(--tw-text-opacity, 1)) !important}
.dark\:text-pink-400:is(.dark *){color:rgb(255 102 136 / var(--tw-text-opacity, 1)) !important}
.dark\:text-primary-100:is(.dark *){color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-primary-200:is(.dark *){color:rgb(188 220 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-primary-200\/80:is(.dark *){color:#bcdcffcc !important}
.dark\:text-primary-300:is(.dark *){color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-primary-400:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-primary-400\/90:is(.dark *){color:#4aa8ffe6 !important}
.dark\:text-primary-700:is(.dark *){color:rgb(0 83 173 / var(--tw-text-opacity, 1)) !important}
.dark\:text-primary-800:is(.dark *){color:rgb(8 69 140 / var(--tw-text-opacity, 1)) !important}
.dark\:text-purple-200:is(.dark *){color:rgb(231 211 250 / var(--tw-text-opacity, 1)) !important}
.dark\:text-purple-300:is(.dark *){color:rgb(214 179 244 / var(--tw-text-opacity, 1)) !important}
.dark\:text-purple-400:is(.dark *){color:rgb(196 136 234 / var(--tw-text-opacity, 1)) !important}
.dark\:text-red-200:is(.dark *){color:rgb(251 200 197 / var(--tw-text-opacity, 1)) !important}
.dark\:text-red-300:is(.dark *){color:rgb(248 164 158 / var(--tw-text-opacity, 1)) !important}
.dark\:text-red-400:is(.dark *){color:rgb(247 122 114 / var(--tw-text-opacity, 1)) !important}
.dark\:text-red-400\/70:is(.dark *){color:#f77a72b3 !important}
.dark\:text-rose-100:is(.dark *){color:rgb(255 225 232 / var(--tw-text-opacity, 1)) !important}
.dark\:text-rose-200:is(.dark *){color:rgb(255 195 208 / var(--tw-text-opacity, 1)) !important}
.dark\:text-rose-300:is(.dark *){color:rgb(255 155 176 / var(--tw-text-opacity, 1)) !important}
.dark\:text-rose-400:is(.dark *){color:rgb(255 102 136 / var(--tw-text-opacity, 1)) !important}
.dark\:text-sky-100:is(.dark *){color:rgb(216 240 253 / var(--tw-text-opacity, 1)) !important}
.dark\:text-sky-200:is(.dark *){color:rgb(179 227 251 / var(--tw-text-opacity, 1)) !important}
.dark\:text-sky-300:is(.dark *){color:rgb(130 209 245 / var(--tw-text-opacity, 1)) !important}
.dark\:text-sky-400:is(.dark *){color:rgb(85 191 236 / var(--tw-text-opacity, 1)) !important}
.dark\:text-slate-200:is(.dark *){color:rgb(229 229 229 / var(--tw-text-opacity, 1)) !important}
.dark\:text-slate-300:is(.dark *){color:rgb(209 209 211 / var(--tw-text-opacity, 1)) !important}
.dark\:text-slate-400:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.dark\:text-teal-400:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.dark\:text-violet-200:is(.dark *){color:rgb(221 214 253 / var(--tw-text-opacity, 1)) !important}
.dark\:text-violet-300:is(.dark *){color:rgb(197 184 250 / var(--tw-text-opacity, 1)) !important}
.dark\:text-violet-400:is(.dark *){color:rgb(168 146 242 / var(--tw-text-opacity, 1)) !important}
.dark\:text-yellow-200:is(.dark *){color:rgb(255 239 148 / var(--tw-text-opacity, 1)) !important}
.dark\:text-yellow-300:is(.dark *){color:rgb(255 225 85 / var(--tw-text-opacity, 1)) !important}
.dark\:text-yellow-400:is(.dark *){color:rgb(255 212 38 / var(--tw-text-opacity, 1)) !important}
.dark\:text-zinc-100:is(.dark *){color:rgb(244 244 244 / var(--tw-text-opacity, 1)) !important}
.dark\:text-zinc-200:is(.dark *){color:rgb(230 230 230 / var(--tw-text-opacity, 1)) !important}
.dark\:text-zinc-300:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.dark\:decoration-blue-400\/30:is(.dark *){text-decoration-color:#4aa8ff4d !important}
.dark\:decoration-dark-500:is(.dark *){text-decoration-color:#8e8e93 !important}
.dark\:decoration-gray-500:is(.dark *){text-decoration-color:#737373 !important}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{color:rgb(115 115 115 / var(--tw-placeholder-opacity, 1)) !important}
.dark\:placeholder-gray-500:is(.dark *)::placeholder{color:rgb(115 115 115 / var(--tw-placeholder-opacity, 1)) !important}
.dark\:ring-amber-500\/30:is(.dark *){--tw-ring-color:rgb(255 149 0 / .3) !important}
.dark\:ring-amber-800:is(.dark *){--tw-ring-color:rgb(139 78 6 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-dark-600:is(.dark *){--tw-ring-color:rgb(99 99 102 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-dark-700:is(.dark *){--tw-ring-color:rgb(58 58 60 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-emerald-800:is(.dark *){--tw-ring-color:rgb(24 102 46 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-emerald-900\/50:is(.dark *){--tw-ring-color:rgb(21 84 39 / .5) !important}
.dark\:ring-gray-500\/30:is(.dark *){--tw-ring-color:rgb(115 115 115 / .3) !important}
.dark\:ring-green-500\/30:is(.dark *){--tw-ring-color:rgb(52 199 89 / .3) !important}
.dark\:ring-orange-500\/30:is(.dark *){--tw-ring-color:rgb(255 122 15 / .3) !important}
.dark\:ring-primary-500\/20:is(.dark *){--tw-ring-color:rgb(0 128 255 / .2) !important}
.dark\:ring-primary-900:is(.dark *){--tw-ring-color:rgb(12 58 114 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color:rgb(12 58 114 / .4) !important}
.dark\:ring-purple-500\/30:is(.dark *){--tw-ring-color:rgb(175 82 222 / .3) !important}
.dark\:ring-red-500\/30:is(.dark *){--tw-ring-color:rgb(244 69 60 / .3) !important}
.dark\:ring-red-900\/50:is(.dark *){--tw-ring-color:rgb(123 31 27 / .5) !important}
.dark\:ring-rose-500\/30:is(.dark *){--tw-ring-color:rgb(255 45 85 / .3) !important}
.dark\:ring-rose-800:is(.dark *){--tw-ring-color:rgb(150 16 47 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-sky-800:is(.dark *){--tw-ring-color:rgb(26 91 122 / var(--tw-ring-opacity, 1)) !important}
.dark\:ring-sky-900\/60:is(.dark *){--tw-ring-color:rgb(26 76 101 / .6) !important}
.dark\:ring-slate-500\/30:is(.dark *){--tw-ring-color:rgb(142 142 147 / .3) !important}
.dark\:ring-slate-700\/70:is(.dark *){--tw-ring-color:rgb(58 58 60 / .7) !important}
.dark\:selection\:bg-primary-900\/60 *:is(.dark *)::-moz-selection{background-color:#0c3a7299 !important}
.dark\:selection\:bg-primary-900\/60 *:is(.dark *)::selection{background-color:#0c3a7299 !important}
.dark\:selection\:text-primary-100 *:is(.dark *)::-moz-selection{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.dark\:selection\:text-primary-100 *:is(.dark *)::selection{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.dark\:selection\:bg-primary-900\/60:is(.dark *)::-moz-selection{background-color:#0c3a7299 !important}
.dark\:selection\:bg-primary-900\/60:is(.dark *)::selection{background-color:#0c3a7299 !important}
.dark\:selection\:text-primary-100:is(.dark *)::-moz-selection{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.dark\:selection\:text-primary-100:is(.dark *)::selection{color:rgb(219 237 255 / var(--tw-text-opacity, 1)) !important}
.dark\:placeholder\:text-dark-400:is(.dark *)::-moz-placeholder{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.dark\:placeholder\:text-dark-400:is(.dark *)::placeholder{color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.dark\:placeholder\:text-dark-500:is(.dark *)::-moz-placeholder{color:rgb(142 142 147 / var(--tw-text-opacity, 1)) !important}
.dark\:placeholder\:text-dark-500:is(.dark *)::placeholder{color:rgb(142 142 147 / var(--tw-text-opacity, 1)) !important}
.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{color:rgb(115 115 115 / var(--tw-text-opacity, 1)) !important}
.dark\:after\:border-gray-500:is(.dark *):after{border-color:rgb(115 115 115 / var(--tw-border-opacity, 1)) !important}
.dark\:after\:border-gray-600:is(.dark *):after{border-color:rgb(82 82 82 / var(--tw-border-opacity, 1)) !important}
.dark\:focus-within\:border-primary-700:focus-within:is(.dark *){border-color:rgb(0 83 173 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-amber-700:hover:is(.dark *){border-color:rgb(176 97 0 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-blue-700:hover:is(.dark *){border-color:rgb(0 83 173 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-dark-400:hover:is(.dark *){border-color:rgb(161 161 166 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-dark-500:hover:is(.dark *){border-color:rgb(142 142 147 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-dark-600:hover:is(.dark *){border-color:rgb(99 99 102 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-emerald-500\/50:hover:is(.dark *){border-color:#34c75980 !important}
.dark\:hover\:border-green-700:hover:is(.dark *){border-color:rgb(28 128 56 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-orange-500\/50:hover:is(.dark *){border-color:#ff7a0f80 !important}
.dark\:hover\:border-orange-700:hover:is(.dark *){border-color:rgb(182 73 0 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-primary-400:hover:is(.dark *){border-color:rgb(74 168 255 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-primary-500:hover:is(.dark *){border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-primary-500\/30:hover:is(.dark *){border-color:#0080ff4d !important}
.dark\:hover\:border-primary-700:hover:is(.dark *){border-color:rgb(0 83 173 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-primary-800:hover:is(.dark *){border-color:rgb(8 69 140 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-purple-700:hover:is(.dark *){border-color:rgb(123 45 161 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-sky-500\/50:hover:is(.dark *){border-color:#32ade680 !important}
.dark\:hover\:border-sky-600:hover:is(.dark *){border-color:rgb(31 140 189 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-sky-700:hover:is(.dark *){border-color:rgb(26 111 150 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:border-zinc-500\/50:hover:is(.dark *){border-color:#73737380 !important}
.dark\:hover\:border-zinc-600:hover:is(.dark *){border-color:rgb(82 82 82 / var(--tw-border-opacity, 1)) !important}
.dark\:hover\:bg-amber-900\/20:hover:is(.dark *){background-color:#72410c33 !important}
.dark\:hover\:bg-amber-900\/30:hover:is(.dark *){background-color:#72410c4d !important}
.dark\:hover\:bg-amber-900\/50:hover:is(.dark *){background-color:#72410c80 !important}
.dark\:hover\:bg-blue-500:hover:is(.dark *){background-color:rgb(0 128 255 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-blue-600:hover:is(.dark *){background-color:rgb(0 103 214 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-blue-900\/20:hover:is(.dark *){background-color:#0c3a7233 !important}
.dark\:hover\:bg-blue-900\/30:hover:is(.dark *){background-color:#0c3a724d !important}
.dark\:hover\:bg-blue-900\/50:hover:is(.dark *){background-color:#0c3a7280 !important}
.dark\:hover\:bg-cyan-900\/30:hover:is(.dark *){background-color:#1a4c654d !important}
.dark\:hover\:bg-dark-500:hover:is(.dark *){background-color:rgb(142 142 147 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-dark-600:hover:is(.dark *){background-color:rgb(99 99 102 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-dark-700:hover:is(.dark *){background-color:rgb(58 58 60 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-dark-700\/30:hover:is(.dark *){background-color:#3a3a3c4d !important}
.dark\:hover\:bg-dark-700\/40:hover:is(.dark *){background-color:#3a3a3c66 !important}
.dark\:hover\:bg-dark-700\/50:hover:is(.dark *){background-color:#3a3a3c80 !important}
.dark\:hover\:bg-dark-700\/60:hover:is(.dark *){background-color:#3a3a3c99 !important}
.dark\:hover\:bg-dark-800:hover:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-dark-800\/40:hover:is(.dark *){background-color:#2c2c2e66 !important}
.dark\:hover\:bg-dark-800\/55:hover:is(.dark *){background-color:#2c2c2e8c !important}
.dark\:hover\:bg-dark-800\/60:hover:is(.dark *){background-color:#2c2c2e99 !important}
.dark\:hover\:bg-dark-800\/70:hover:is(.dark *){background-color:#2c2c2eb3 !important}
.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){background-color:#15542733 !important}
.dark\:hover\:bg-emerald-900\/30:hover:is(.dark *){background-color:#1554274d !important}
.dark\:hover\:bg-gray-700:hover:is(.dark *){background-color:rgb(61 61 61 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#26262680 !important}
.dark\:hover\:bg-green-600:hover:is(.dark *){background-color:rgb(36 164 70 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-green-900\/20:hover:is(.dark *){background-color:#15542733 !important}
.dark\:hover\:bg-orange-500:hover:is(.dark *){background-color:rgb(255 122 15 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-orange-900\/20:hover:is(.dark *){background-color:#76330b33 !important}
.dark\:hover\:bg-orange-900\/30:hover:is(.dark *){background-color:#76330b4d !important}
.dark\:hover\:bg-primary-500:hover:is(.dark *){background-color:rgb(0 128 255 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-primary-800:hover:is(.dark *){background-color:rgb(8 69 140 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-primary-900\/20:hover:is(.dark *){background-color:#0c3a7233 !important}
.dark\:hover\:bg-primary-900\/30:hover:is(.dark *){background-color:#0c3a724d !important}
.dark\:hover\:bg-primary-900\/50:hover:is(.dark *){background-color:#0c3a7280 !important}
.dark\:hover\:bg-purple-500:hover:is(.dark *){background-color:rgb(175 82 222 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:bg-purple-900\/20:hover:is(.dark *){background-color:#55246d33 !important}
.dark\:hover\:bg-purple-900\/30:hover:is(.dark *){background-color:#55246d4d !important}
.dark\:hover\:bg-red-500\/10:hover:is(.dark *){background-color:#f4453c1a !important}
.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7b1f1b33 !important}
.dark\:hover\:bg-red-900\/30:hover:is(.dark *){background-color:#7b1f1b4d !important}
.dark\:hover\:bg-red-900\/40:hover:is(.dark *){background-color:#7b1f1b66 !important}
.dark\:hover\:bg-red-950\/30:hover:is(.dark *){background-color:#420a084d !important}
.dark\:hover\:bg-sky-900\/10:hover:is(.dark *){background-color:#1a4c651a !important}
.dark\:hover\:bg-sky-900\/20:hover:is(.dark *){background-color:#1a4c6533 !important}
.dark\:hover\:bg-yellow-900\/20:hover:is(.dark *){background-color:#74510f33 !important}
.dark\:hover\:bg-yellow-900\/30:hover:is(.dark *){background-color:#74510f4d !important}
.dark\:hover\:bg-zinc-600:hover:is(.dark *){background-color:rgb(82 82 82 / var(--tw-bg-opacity, 1)) !important}
.dark\:hover\:text-amber-300:hover:is(.dark *){color:rgb(255 201 107 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-amber-400:hover:is(.dark *){color:rgb(255 176 58 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-blue-300:hover:is(.dark *){color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-blue-400:hover:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-dark-200:hover:is(.dark *){color:rgb(229 229 229 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-dark-300:hover:is(.dark *){color:rgb(209 209 211 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-dark-400:hover:is(.dark *){color:rgb(161 161 166 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-emerald-400:hover:is(.dark *){color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-gray-200:hover:is(.dark *){color:rgb(230 230 230 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-gray-300:hover:is(.dark *){color:rgb(212 212 212 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-green-400:hover:is(.dark *){color:rgb(75 205 124 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-orange-400:hover:is(.dark *){color:rgb(255 148 64 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-primary-200:hover:is(.dark *){color:rgb(188 220 255 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-primary-300:hover:is(.dark *){color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-primary-400:hover:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-purple-400:hover:is(.dark *){color:rgb(196 136 234 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-red-300:hover:is(.dark *){color:rgb(248 164 158 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-red-400:hover:is(.dark *){color:rgb(247 122 114 / var(--tw-text-opacity, 1)) !important}
.dark\:hover\:text-yellow-400:hover:is(.dark *){color:rgb(255 212 38 / var(--tw-text-opacity, 1)) !important}
.dark\:focus\:border-primary-500:focus:is(.dark *){border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.dark\:focus\:border-primary-600:focus:is(.dark *){border-color:rgb(0 103 214 / var(--tw-border-opacity, 1)) !important}
.dark\:focus\:bg-dark-800:focus:is(.dark *){background-color:rgb(44 44 46 / var(--tw-bg-opacity, 1)) !important}
.dark\:focus\:bg-dark-900:focus:is(.dark *){background-color:rgb(28 28 30 / var(--tw-bg-opacity, 1)) !important}
.dark\:focus\:text-primary-400:focus:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.dark\:focus\:ring-primary-600:focus:is(.dark *){--tw-ring-color:rgb(0 103 214 / var(--tw-ring-opacity, 1)) !important}
.dark\:focus\:ring-primary-900\/40:focus:is(.dark *){--tw-ring-color:rgb(12 58 114 / .4) !important}
.dark\:focus\:ring-offset-dark-800:focus:is(.dark *){--tw-ring-offset-color:#2c2c2e !important}
.dark\:focus-visible\:ring-offset-dark-900:focus-visible:is(.dark *){--tw-ring-offset-color:#1c1c1e !important}
.group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *){background-color:#0c3a7280 !important}
.group:hover .dark\:group-hover\:bg-primary-500\/10:is(.dark *){background-color:#0080ff1a !important}
.group:hover .dark\:group-hover\:text-blue-400:is(.dark *){color:rgb(74 168 255 / var(--tw-text-opacity, 1)) !important}
.group:hover .dark\:group-hover\:text-primary-200:is(.dark *){color:rgb(188 220 255 / var(--tw-text-opacity, 1)) !important}
.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){color:rgb(142 198 255 / var(--tw-text-opacity, 1)) !important}
.group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *){--tw-ring-color:rgb(0 128 255 / .2) !important}
.peer:checked~.dark\:peer-checked\:border-red-500:is(.dark *){border-color:rgb(244 69 60 / var(--tw-border-opacity, 1)) !important}
.peer:checked~.peer-checked\:dark\:border-primary-500:is(.dark *){border-color:rgb(0 128 255 / var(--tw-border-opacity, 1)) !important}
.peer:checked~.dark\:peer-checked\:bg-red-950\/40:is(.dark *){background-color:#420a0866 !important}
.peer:checked~.dark\:peer-checked\:text-red-300:is(.dark *){color:rgb(248 164 158 / var(--tw-text-opacity, 1)) !important}
.peer:focus~.dark\:peer-focus\:ring-primary-800:is(.dark *){--tw-ring-color:rgb(8 69 140 / var(--tw-ring-opacity, 1)) !important}
@media (min-width: 768px){
.md\:border-gray-200{border-color:rgb(230 230 230 / var(--tw-border-opacity, 1)) !important}
.dark\:md\:border-dark-700:is(.dark *){border-color:rgb(58 58 60 / var(--tw-border-opacity, 1)) !important}
}

/* ==========================================================================
   L2  形狀語言
   主站 --radius: 1.25rem (20px) 是基準。小元件 10–14px、卡片 20px、
   大面板 24–28px。上游 Tailwind 的 lg/xl/2xl 全部往上收。
   ========================================================================== */
.rounded-sm  { border-radius: 6px !important; }
.rounded     { border-radius: var(--is-r-xs) !important; }
.rounded-md  { border-radius: var(--is-r-sm) !important; }
.rounded-lg  { border-radius: var(--is-r-md) !important; }
.rounded-xl  { border-radius: var(--is-r-lg) !important; }
.rounded-2xl { border-radius: var(--is-r-xl) !important; }
.rounded-3xl { border-radius: var(--is-r-2xl) !important; }
.rounded-\[1\.75rem\] { border-radius: 28px !important; }
/* .rounded-full 不動：頭像、徽章、健康環、開關、進度軌都靠它 */

.rounded-t-lg  { border-radius: var(--is-r-md) var(--is-r-md) 0 0 !important; }
.rounded-b-lg  { border-radius: 0 0 var(--is-r-md) var(--is-r-md) !important; }
.rounded-b-xl  { border-radius: 0 0 var(--is-r-lg) var(--is-r-lg) !important; }
.rounded-b-2xl { border-radius: 0 0 var(--is-r-xl) var(--is-r-xl) !important; }
.rounded-l-md  { border-radius: var(--is-r-sm) 0 0 var(--is-r-sm) !important; }
.rounded-r-md  { border-radius: 0 var(--is-r-sm) var(--is-r-sm) 0 !important; }
.rounded-r-lg  { border-radius: 0 var(--is-r-md) var(--is-r-md) 0 !important; }
.\!rounded-r-none { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/* 分段控制／連號按鈕組（1min / 5min / 30min / 1h） */
.first\:rounded-l-lg:first-child {
  border-top-left-radius: var(--is-r-md) !important;
  border-bottom-left-radius: var(--is-r-md) !important;
}
.last\:rounded-r-lg:last-child {
  border-top-right-radius: var(--is-r-md) !important;
  border-bottom-right-radius: var(--is-r-md) !important;
}

/* 元件內建圓角（上游寫死 .5rem / .75rem / 1rem） */
.btn,
.btn-icon,
.input,
.\!input,
.sidebar-link,
.stat-icon,
.dropdown-item { border-radius: var(--is-r-md) !important; }

.btn-sm,
.code,
.skeleton,
.tab { border-radius: var(--is-r-sm) !important; }

.dropdown,
.tabs { border-radius: 14px !important; }

.card,
.card-glass,
.stat-card,
.toast { border-radius: var(--is-r-xl) !important; }

.modal-content { border-radius: 24px !important; }

/* 大號數字（百分比、SLA、TTFT）：Apple 的字距與等寬數字 */
.stat-value,
.tabular-nums,
.text-2xl,
.text-3xl,
.text-4xl,
.text-5xl {
  letter-spacing: -0.024em !important;
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "kern" 1;
}

h1, h2, h3, .modal-title, .empty-state-title { letter-spacing: -0.02em !important; }

/* ==========================================================================
   L3  陰影 → Liquid Glass 柔陰影
   只改 --tw-shadow / --tw-shadow-colored，不直接寫 box-shadow：
   Tailwind 的 focus ring 走同一條 box-shadow 合成鏈，直接覆寫會把 ring 殺掉。
   ========================================================================== */
.shadow-sm,
.hover\:shadow-sm:hover  { --tw-shadow: 0 1px 2px rgba(0,0,0,.04), 0 1px 3px rgba(0,0,0,.03) !important; }
.shadow,
.hover\:shadow:hover     { --tw-shadow: var(--is-sh-ambient) !important; }
.shadow-md,
.hover\:shadow-md:hover  { --tw-shadow: 0 6px 20px rgba(0,0,0,.05), 0 1px 4px rgba(0,0,0,.04) !important; }
.shadow-lg,
.hover\:shadow-lg:hover,
.shadow-card,
.shadow-glass,
.hover\:shadow-card-hover:hover { --tw-shadow: var(--is-sh-card) !important; }
.shadow-xl,
.hover\:shadow-xl:hover  { --tw-shadow: var(--is-sh-elev) !important; }
.shadow-2xl              { --tw-shadow: 0 28px 80px rgba(0,0,0,.14), 0 6px 20px rgba(0,0,0,.08) !important; }
.shadow-inner            { --tw-shadow: inset 0 1px 3px rgba(0,0,0,.06) !important; }
.shadow-glow             { --tw-shadow: 0 0 24px var(--is-accent-soft-2) !important; }
.shadow-none             { --tw-shadow: 0 0 #0000 !important; }

.dark .shadow-sm,
.dark .hover\:shadow-sm:hover  { --tw-shadow: 0 1px 3px rgba(0,0,0,.40) !important; }
.dark .shadow,
.dark .hover\:shadow:hover     { --tw-shadow: var(--is-sh-ambient) !important; }
.dark .shadow-md,
.dark .hover\:shadow-md:hover  { --tw-shadow: 0 8px 24px rgba(0,0,0,.42), 0 1px 4px rgba(0,0,0,.30) !important; }
.dark .shadow-lg,
.dark .hover\:shadow-lg:hover,
.dark .shadow-card,
.dark .shadow-glass,
.dark .hover\:shadow-card-hover:hover { --tw-shadow: var(--is-sh-card) !important; }
.dark .shadow-xl,
.dark .hover\:shadow-xl:hover  { --tw-shadow: var(--is-sh-elev) !important; }
.dark .shadow-2xl              { --tw-shadow: 0 32px 90px rgba(0,0,0,.70), 0 8px 26px rgba(0,0,0,.48) !important; }
.dark .shadow-inner            { --tw-shadow: inset 0 1px 3px rgba(0,0,0,.45) !important; }

.drop-shadow-lg { filter: drop-shadow(0 8px 18px rgba(0,0,0,.10)) !important; }
.dark .drop-shadow-lg { filter: drop-shadow(0 8px 18px rgba(0,0,0,.55)) !important; }

/* ==========================================================================
   L4  頁面畫布 + 玻璃材質
   ========================================================================== */
body {
  background-color: var(--is-bg) !important;
  /* 玻璃必須有東西可以模糊，否則 backdrop-filter 就只是白底疊白底。
     這兩坨極淡的光暈是主站 body 漸層的克制版（0.05 對 0.12）。 */
  background-image:
    radial-gradient(ellipse 120% 82% at 12% 0%,   rgba(0, 128, 255, 0.055) 0%, transparent 58%),
    radial-gradient(ellipse 100% 70% at 88% 100%, rgba(255, 45, 85, 0.040) 0%, transparent 58%) !important;
  background-attachment: fixed !important;
  background-repeat: no-repeat !important;
  color: var(--is-fg) !important;
}

.dark body,
body.dark {
  background-color: var(--is-bg) !important;
  background-image:
    radial-gradient(ellipse 120% 82% at 12% 0%,   rgba(0, 128, 255, 0.10) 0%, transparent 58%),
    radial-gradient(ellipse 100% 70% at 88% 100%, rgba(175, 82, 222, 0.07) 0%, transparent 58%) !important;
  color: var(--is-fg) !important;
}

#app { background-color: transparent !important; }

/* ── 主要卡片材質（.lg-card 配方，blur 28px）───────────────────────────── */
.card,
.card-glass,
.glass,
.stat-card {
  background-color: var(--is-glass) !important;
  background-image: none !important;
  border-top: 1px solid var(--is-bt) !important;
  border-left: 1px solid var(--is-bs) !important;
  border-right: 1px solid var(--is-bs) !important;
  border-bottom: 1px solid var(--is-bb) !important;
  --tw-shadow: var(--is-sh-card) !important;
  --tw-shadow-colored: var(--is-sh-card) !important;
  -webkit-backdrop-filter: var(--is-blur-panel) !important;
  backdrop-filter: var(--is-blur-panel) !important;
}

.card:hover,
.stat-card:hover { --tw-shadow: var(--is-sh-elev) !important; }

/* backdrop-filter 會讓節點成為 fixed 子孫的 containing block。
   萬一有元件把 .modal-overlay(position:fixed;inset:0) 渲染在卡片內部，
   就會被關進卡片裡——這裡把該張卡片的模糊退掉，寧可少一層玻璃。 */
.card:has(.modal-overlay),
.stat-card:has(.modal-overlay),
.card-glass:has(.modal-overlay) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ── 由 utility 拼出來的卡片（六張指標卡、圖表容器、篩選列…）────────────
   判斷法：白底 + 有圓角／陰影／邊框 = 卡片。只換底色與模糊，不動 border-width，
   避免 1px 的版面位移。 */
.bg-white.rounded,
.bg-white.rounded-md,
.bg-white.rounded-lg,
.bg-white.rounded-xl,
.bg-white.rounded-2xl,
.bg-white.rounded-3xl,
.bg-white.shadow-sm,
.bg-white.shadow,
.bg-white.shadow-md,
.bg-white.shadow-lg,
.bg-white.shadow-xl,
.bg-white.shadow-card,
.bg-white.shadow-glass,
.bg-white.border,
.bg-white.ring-1,
.bg-white.divide-y,
.bg-gray-50.rounded-lg,
.bg-gray-50.rounded-xl,
.bg-gray-50.rounded-2xl,
.bg-gray-50.border,
.bg-slate-50.rounded-lg,
.bg-slate-50.rounded-xl,
.bg-slate-50.rounded-2xl {
  background-color: var(--is-glass) !important;
  border-color: var(--is-bs) !important;
  -webkit-backdrop-filter: var(--is-blur-panel) !important;
  backdrop-filter: var(--is-blur-panel) !important;
}

/* 深色模式：Tailwind 的慣例是 `bg-white dark:bg-slate-800` 兩個 class 同時掛著，
   所以照樣用 `.bg-white` 當錨點就能命中——不必為 dark:bg-* 的每一階再寫一次
   （.dark .bg-white.rounded-2xl 是 (0,3,0)，穩壓上游的
   .dark\:bg-slate-800:is(.dark *) 的 (0,2,0)）。 */
.dark .bg-white.rounded,
.dark .bg-white.rounded-md,
.dark .bg-white.rounded-lg,
.dark .bg-white.rounded-xl,
.dark .bg-white.rounded-2xl,
.dark .bg-white.rounded-3xl,
.dark .bg-white.shadow-sm,
.dark .bg-white.shadow,
.dark .bg-white.shadow-md,
.dark .bg-white.shadow-lg,
.dark .bg-white.shadow-xl,
.dark .bg-white.shadow-card,
.dark .bg-white.shadow-glass,
.dark .bg-white.border,
.dark .bg-white.ring-1,
.dark .bg-white.divide-y,
.dark .bg-gray-50.rounded-lg,
.dark .bg-gray-50.rounded-xl,
.dark .bg-gray-50.rounded-2xl,
.dark .bg-gray-50.border,
.dark .bg-slate-50.rounded-lg,
.dark .bg-slate-50.rounded-xl,
.dark .bg-slate-50.rounded-2xl {
  background-color: var(--is-glass) !important;
  border-color: var(--is-bt) !important;
}

/* 半透明白底 utility（sticky 頂欄常用 bg-white/80 + backdrop-blur） */
.bg-white\/50,
.bg-white\/60,
.bg-white\/70,
.bg-white\/80,
.bg-white\/85,
.bg-white\/90,
.bg-white\/95,
.supports-\[backdrop-filter\]\:bg-white\/80,
.bg-white.border-b,
.bg-gray-50.border-b {
  background-color: var(--is-bar) !important;
  -webkit-backdrop-filter: var(--is-blur-bar) !important;
  backdrop-filter: var(--is-blur-bar) !important;
}

.dark .bg-white.border-b,
.dark .bg-gray-50.border-b { background-color: var(--is-bar) !important; }

/* 上游自己的 backdrop-blur utility：一律收斂到 28px 上限 */
.backdrop-blur,
.backdrop-blur-sm,
.backdrop-blur-md,
.backdrop-blur-xl { --tw-backdrop-blur: blur(28px) !important; }

/* ==========================================================================
   L5  側欄 + 頂欄 —— 兩者都是「常駐大面積」，一律 28px 玻璃 bar
   ========================================================================== */
.sidebar {
  background-color: var(--is-bar) !important;
  background-image: none !important;
  border-right: 1px solid var(--is-hairline) !important;
  box-shadow: inset -1px 0 0 var(--is-bs), var(--is-sh-ambient) !important;
  -webkit-backdrop-filter: var(--is-blur-bar) !important;
  backdrop-filter: var(--is-blur-bar) !important;
}

.sidebar-header {
  border-bottom: 1px solid var(--is-hairline-2) !important;
  box-shadow: 0 1px 0 var(--is-bs) !important;
}

.sidebar-section-title {
  color: var(--is-fg-2) !important;
  font-weight: 600 !important;
  letter-spacing: 0.055em !important;
}

.sidebar-link {
  color: var(--is-fg-2) !important;
  font-weight: 500 !important;
  transition: background-color .22s var(--is-ease), color .22s var(--is-ease) !important;
}
.sidebar-link:hover {
  background-color: var(--is-fill) !important;
  color: var(--is-fg) !important;
}

/* 選中態：iOS「tinted fill」——填充而不是描邊，藍字 + 半粗 */
.sidebar-link-active,
.sidebar-link.sidebar-link-active {
  background-color: var(--is-accent-soft) !important;
  color: var(--is-accent-ink) !important;
  font-weight: 600 !important;
  box-shadow: inset 0 0 0 1px var(--is-accent-ring) !important;
}
.sidebar-link-active:hover { background-color: var(--is-accent-soft-2) !important; }

/* 側欄底部的「浅色模式 / 深色模式」切換與版本徽章 v0.1.162 */
.sidebar-nav + div,
.sidebar > div:last-child {
  border-top: 1px solid var(--is-hairline-2) !important;
}

/* ── 頂欄：#app 底下的 <header>，排除卡片／彈窗內的標題列 ───────────────── */
#app header:not(.modal-header) {
  background-color: var(--is-bar) !important;
  background-image: none !important;
  border-bottom: 1px solid var(--is-hairline) !important;
  box-shadow: inset 0 1px 0 var(--is-bs) !important;
  -webkit-backdrop-filter: var(--is-blur-bar) !important;
  backdrop-filter: var(--is-blur-bar) !important;
}

/* 使用者頭像塊 */
#app header:not(.modal-header) .rounded-full {
  box-shadow: 0 0 0 1px var(--is-bs), var(--is-sh-ambient) !important;
}

/* 防守：卡片／彈窗內若也用了 <header>，還原成透明無模糊 */
.card header,
.stat-card header,
.card-glass header,
.modal-content header,
.dropdown header {
  background-color: transparent !important;
  border-bottom-color: var(--is-hairline-2) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* ==========================================================================
   L6  按鈕
   主按鈕＝近黑 #141414（深色模式反相為近白），**不是**藍色。
   ========================================================================== */
.btn {
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  transition: background-color .2s var(--is-ease), box-shadow .2s var(--is-ease),
              transform .28s var(--is-spring), color .2s var(--is-ease) !important;
}

.btn-primary,
button.bg-primary-500,
button.bg-primary-600,
a.bg-primary-500,
a.bg-primary-600,
[type="submit"].bg-primary-500,
[type="submit"].bg-primary-600 {
  background-image: none !important;
  background-color: var(--is-btn-bg) !important;
  color: var(--is-btn-fg) !important;
  border: 1px solid transparent !important;
  --tw-shadow: var(--is-sh-btn) !important;
  --tw-shadow-colored: var(--is-sh-btn) !important;
  box-shadow: var(--is-sh-btn) !important;
}

.btn-primary:hover,
button.bg-primary-500:hover,
button.bg-primary-600:hover,
a.bg-primary-500:hover,
a.bg-primary-600:hover,
button.hover\:bg-primary-600:hover,
button.hover\:bg-primary-700:hover,
a.hover\:bg-primary-600:hover,
a.hover\:bg-primary-700:hover {
  background-image: none !important;
  background-color: var(--is-btn-bg-hover) !important;
  color: var(--is-btn-fg) !important;
}

.btn-primary:active { background-color: var(--is-btn-bg-active) !important; }
.btn:active { transform: scale(0.98) !important; }

/* 次要按鈕（「预警规则」「设置」）：白玻璃 + 髮絲邊，不加自己的模糊層 */
.btn-secondary {
  background-color: var(--is-glass-2) !important;
  color: var(--is-fg) !important;
  border: 1px solid var(--is-hairline) !important;
  --tw-shadow: var(--is-sh-ambient) !important;
  --tw-shadow-colored: var(--is-sh-ambient) !important;
}
.btn-secondary:hover {
  background-color: var(--is-glass) !important;
  border-color: var(--is-fill-3) !important;
}

.btn-ghost { color: var(--is-fg-2) !important; }
.btn-ghost:hover { background-color: var(--is-fill) !important; color: var(--is-fg) !important; }
.btn-icon:hover { background-color: var(--is-fill) !important; }

.btn-danger {
  background-image: none !important;
  background-color: var(--is-danger) !important;
  color: #fff !important;
  --tw-shadow: 0 1px 2px rgba(244,69,60,.24), 0 6px 20px rgba(244,69,60,.18) !important;
}
.btn-danger:hover { background-image: none !important; background-color: var(--is-danger-ink) !important; }

.btn-success {
  background-image: none !important;
  background-color: #34c759 !important;
  color: #fff !important;
  --tw-shadow: 0 1px 2px rgba(52,199,89,.24), 0 6px 20px rgba(52,199,89,.18) !important;
}
.btn-success:hover { background-image: none !important; background-color: #23a244 !important; }

.btn-warning {
  background-image: none !important;
  background-color: #ff9500 !important;
  color: #fff !important;
  --tw-shadow: 0 1px 2px rgba(255,149,0,.24), 0 6px 20px rgba(255,149,0,.18) !important;
}
.btn-warning:hover { background-image: none !important; background-color: #d97a00 !important; }

/* ==========================================================================
   L7  輸入框 / 下拉 / 表單
   ========================================================================== */
.input,
.\!input,
#app select,
#app textarea,
#app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([class*="bg-"]) {
  background-color: var(--is-glass-2) !important;
  border: 1px solid var(--is-hairline) !important;
  border-radius: var(--is-r-md) !important;
  color: var(--is-fg) !important;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.03) !important;
  transition: border-color .2s var(--is-ease), box-shadow .2s var(--is-ease),
              background-color .2s var(--is-ease) !important;
}

.dark .input,
.dark .\!input,
.dark #app select,
.dark #app textarea,
.dark #app input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([class*="bg-"]) {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.22) !important;
}

.input:hover,
#app select:hover { border-color: var(--is-fill-3) !important; }

.input:focus,
.\!input:focus,
#app select:focus,
#app textarea:focus,
#app input:focus:not([type="checkbox"]):not([type="radio"]) {
  outline: none !important;
  border-color: var(--is-accent) !important;
  background-color: var(--is-glass) !important;
  box-shadow: 0 0 0 3.5px var(--is-accent-soft) !important;
}

.input::placeholder,
#app textarea::placeholder,
#app input::placeholder { color: var(--is-fg-3) !important; }

.input:disabled,
#app select:disabled,
#app input:disabled {
  background-color: var(--is-fill) !important;
  color: var(--is-fg-3) !important;
  box-shadow: none !important;
}

.input-label { color: var(--is-fg-2) !important; font-weight: 500 !important; }
.input-hint  { color: var(--is-fg-2) !important; }
.input-error,
.input-error:focus { border-color: var(--is-danger) !important; }
.input-error:focus { box-shadow: 0 0 0 3.5px var(--is-danger-soft) !important; }
.input-error-text  { color: var(--is-danger-ink) !important; }

/* 原生核取方塊 / 單選 / 滑桿：統一成 iOS 藍 */
#app input[type="checkbox"],
#app input[type="radio"],
#app input[type="range"] { accent-color: var(--is-accent) !important; }

/* ==========================================================================
   L8  表格
   ========================================================================== */
.table th {
  background-color: var(--is-fill) !important;
  color: var(--is-fg-2) !important;
  font-weight: 590 !important;
  letter-spacing: -0.005em !important;
  border-bottom: 1px solid var(--is-hairline) !important;
}

/* 沒掛 .table 的原生表格：只補中性的面與分隔線。
   刻意不在這裡設 color —— 這條的特異度是 (1,0,3)，設了會把
   儲存格上的 .text-red-600 之類狀態色一起蓋掉。 */
#app table > thead > tr > th {
  background-color: var(--is-fill) !important;
  border-bottom-color: var(--is-hairline) !important;
}

.table td { border-bottom: 1px solid var(--is-hairline-2) !important; color: var(--is-fg) !important; }
#app table > tbody > tr > td { border-bottom-color: var(--is-hairline-2) !important; }

.table tbody tr,
#app table > tbody > tr { transition: background-color .16s var(--is-ease) !important; }

.table tbody tr:hover,
#app table > tbody > tr:hover { background-color: var(--is-fill) !important; }

.table tr:last-child td,
#app table > tbody > tr:last-child > td { border-bottom: 0 !important; }

/* 表格若直接放在卡片裡，讓表頭沿用卡片的圓角 */
.card > .table:first-child thead tr:first-child th:first-child,
.card > div > .table thead tr:first-child th:first-child { border-top-left-radius: var(--is-r-lg) !important; }
.card > .table:first-child thead tr:first-child th:last-child,
.card > div > .table thead tr:first-child th:last-child { border-top-right-radius: var(--is-r-lg) !important; }

.divide-y > :not([hidden]) ~ :not([hidden]) { border-color: var(--is-hairline-2) !important; }

/* ==========================================================================
   L9  分段控制 / 分頁標籤（1min / 5min / 30min / 1h、全部 / 近1小时）
   ========================================================================== */
.tabs {
  background-color: var(--is-fill) !important;
  border: 1px solid var(--is-hairline-2) !important;
  padding: 3px !important;
  gap: 2px !important;
  -webkit-backdrop-filter: blur(20px) saturate(160%) !important;
  backdrop-filter: blur(20px) saturate(160%) !important;
}

.tab {
  color: var(--is-fg-2) !important;
  font-weight: 500 !important;
  letter-spacing: -0.01em !important;
  transition: background-color .2s var(--is-ease), color .2s var(--is-ease) !important;
}
.tab:hover { color: var(--is-fg) !important; background-color: var(--is-fill) !important; }

.tab-active,
.tab-active:hover {
  background-color: var(--is-accent-soft) !important;
  color: var(--is-accent-ink) !important;
  font-weight: 600 !important;
  --tw-shadow: 0 0 #0000 !important;
  box-shadow: inset 0 0 0 1px var(--is-accent-ring) !important;
}


/* ==========================================================================
   L10  徽章 / 狀態 / 指標卡內容
   iOS 的狀態語言＝「淡色填充 + 同色深字」，不是描邊。
   ========================================================================== */
.badge {
  border-radius: 9999px !important;
  padding: 3px 10px !important;
  font-weight: 590 !important;
  letter-spacing: -0.005em !important;
}

/* 描邊走 inset box-shadow 而不是 border：上游 .badge 本來沒有 border，
   加 1px 會讓每一顆徽章長高長寬 2px，整片表格的行高都會跟著跳。 */
.badge-primary { background-color: var(--is-accent-soft)  !important; color: var(--is-accent-ink) !important; box-shadow: inset 0 0 0 1px var(--is-accent-ring) !important; }
.badge-success { background-color: var(--is-success-soft) !important; color: var(--is-success)    !important; box-shadow: inset 0 0 0 1px rgba(52,199,89,.30) !important; }
.badge-danger  { background-color: var(--is-danger-soft)  !important; color: var(--is-danger-ink) !important; box-shadow: inset 0 0 0 1px rgba(244,69,60,.30) !important; }
.badge-warning { background-color: var(--is-warning-soft) !important; color: var(--is-warning)    !important; box-shadow: inset 0 0 0 1px rgba(255,149,0,.32) !important; }
.badge-gray    { background-color: var(--is-fill-2)       !important; color: var(--is-fg-2)       !important; box-shadow: inset 0 0 0 1px var(--is-hairline) !important; }
.badge-purple  { background-color: var(--is-purple-soft)  !important; color: var(--is-purple)     !important; box-shadow: inset 0 0 0 1px rgba(175,82,222,.30) !important; }

/* 指標卡的圖示塊（請求 / SLA / 請求錯誤 / 請求時長 / TTFT / 上游錯誤） */
.stat-icon { border-radius: 14px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.5) !important; }
.dark .stat-icon { box-shadow: inset 0 1px 0 rgba(255,255,255,.08) !important; }

.stat-icon-primary { background-color: var(--is-accent-soft)  !important; color: var(--is-accent-ink) !important; }
.stat-icon-success { background-color: var(--is-success-soft) !important; color: var(--is-success)    !important; }
.stat-icon-warning { background-color: var(--is-warning-soft) !important; color: var(--is-warning)    !important; }
.stat-icon-danger  { background-color: var(--is-danger-soft)  !important; color: var(--is-danger-ink) !important; }

.stat-value    { color: var(--is-fg) !important; font-weight: 650 !important; }
.stat-label    { color: var(--is-fg-2) !important; }
.stat-trend    { font-variant-numeric: tabular-nums; }
.stat-trend-up   { color: var(--is-success) !important; }
.stat-trend-down { color: var(--is-danger-ink) !important; }

.empty-state-icon        { color: var(--is-fg-3) !important; }
.empty-state-title       { color: var(--is-fg) !important; }
.empty-state-description { color: var(--is-fg-2) !important; }

.code {
  background-color: var(--is-fill) !important;
  color: var(--is-accent-ink) !important;
  padding: 2px 6px !important;
}

/* ==========================================================================
   L11  圖表 / 圓形健康狀態環 / 迷你折線圖
   SVG 常把顏色寫在 inline 屬性上（class 抓不到）→ 用屬性選擇器補一層。
   ========================================================================== */
svg [stroke="#14b8a6"], svg[stroke="#14b8a6"],
svg [stroke="#2dd4bf"], svg[stroke="#2dd4bf"],
svg [stroke="#0d9488"], svg[stroke="#0d9488"],
svg [stroke="#0f766e"], svg[stroke="#0f766e"],
svg [stroke="#3b82f6"], svg [stroke="#2563eb"],
svg [stroke="#60a5fa"], svg [stroke="#0ea5e9"] { stroke: var(--is-accent) !important; }

svg [fill="#14b8a6"], svg[fill="#14b8a6"],
svg [fill="#2dd4bf"], svg[fill="#2dd4bf"],
svg [fill="#0d9488"], svg[fill="#0d9488"],
svg [fill="#ccfbf1"], svg [fill="#3b82f6"],
svg [fill="#2563eb"], svg [fill="#60a5fa"] { fill: var(--is-accent) !important; }

svg [stroke="#10b981"], svg [stroke="#22c55e"], svg [stroke="#059669"],
svg [stroke="#16a34a"], svg [stroke="#34d399"] { stroke: #34c759 !important; }
svg [fill="#10b981"],  svg [fill="#22c55e"],  svg [fill="#34d399"] { fill: #34c759 !important; }

svg [stroke="#ef4444"], svg [stroke="#dc2626"], svg [stroke="#f87171"],
svg [stroke="#f43f5e"] { stroke: #f4453c !important; }
svg [fill="#ef4444"],  svg [fill="#dc2626"],  svg [fill="#f87171"] { fill: #f4453c !important; }

svg [stroke="#f59e0b"], svg [stroke="#f97316"], svg [stroke="#fbbf24"],
svg [stroke="#d97706"] { stroke: #ff9500 !important; }
svg [fill="#f59e0b"],  svg [fill="#f97316"],  svg [fill="#fbbf24"] { fill: #ff9500 !important; }

svg [stop-color="#14b8a6"], svg [stop-color="#2dd4bf"], svg [stop-color="#0d9488"] { stop-color: var(--is-accent) !important; }
svg [stop-color="#10b981"], svg [stop-color="#22c55e"] { stop-color: #34c759 !important; }
svg [stop-color="#ef4444"], svg [stop-color="#dc2626"] { stop-color: #f4453c !important; }

/* 環形／折線的軌道底色 */
svg [stroke="#e5e7eb"], svg [stroke="#f3f4f6"], svg [stroke="#e2e8f0"] { stroke: var(--is-track) !important; }
.dark svg [stroke="#334155"],
.dark svg [stroke="#1e293b"],
.dark svg [stroke="#475569"] { stroke: var(--is-track) !important; }

/* 環形進度動畫用 iOS 的緩動 */
svg circle[stroke-dasharray],
svg circle[stroke-dashoffset] { transition: stroke-dashoffset .6s var(--is-ease) !important; }

/* 圖表容器一律透明，讓底下的玻璃卡片透出來 */
.chart-container,
[class*="chart"] > canvas,
[class*="chart"] > svg,
.recharts-wrapper,
.echarts { background-color: transparent !important; }

/* ==========================================================================
   L12  進度條 / 開關 / 骨架屏 / 載入動畫
   ========================================================================== */
.progress {
  background-color: var(--is-track) !important;
  box-shadow: inset 0 1px 2px rgba(0,0,0,.10), 0 1px 0 rgba(255,255,255,.55) !important;
}
.dark .progress { box-shadow: inset 0 1px 2px rgba(0,0,0,.45), 0 1px 0 rgba(255,255,255,.05) !important; }

/* 只補高光與緩動，**不設**底色：配額/錯誤率的進度條會用紅、橙表達語意，
   在這裡硬塞藍色漸層會把狀態訊息洗掉。顏色交給 L1 的調色盤重映射。 */
.progress > * {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45) !important;
  transition: width .52s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

progress::-webkit-progress-bar   { background-color: var(--is-track) !important; border-radius: 999px; }
progress::-webkit-progress-value { background-color: var(--is-accent) !important; border-radius: 999px; }
progress::-moz-progress-bar      { background-color: var(--is-accent) !important; }

.switch { background-color: var(--is-fill-3) !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.10) !important; }

.skeleton {
  background-color: var(--is-fill-2) !important;
  background-image: linear-gradient(90deg,
      rgba(255,255,255,0) 25%, rgba(255,255,255,.45) 50%, rgba(255,255,255,0) 75%) !important;
  background-size: 200% 100% !important;
}
.dark .skeleton {
  background-image: linear-gradient(90deg,
      rgba(255,255,255,0) 25%, rgba(255,255,255,.09) 50%, rgba(255,255,255,0) 75%) !important;
}

.spinner { border-color: var(--is-accent) !important; border-top-color: transparent !important; }

.navigation-progress-bar { box-shadow: 0 0 12px var(--is-accent-soft-2) !important; }

/* ==========================================================================
   L13  彈窗 / 下拉 / 通知 / 產品導覽
   ========================================================================== */
.modal-overlay {
  background-color: var(--is-scrim) !important;
  --tw-backdrop-blur: blur(20px) !important;
  -webkit-backdrop-filter: var(--is-blur-scrim) !important;
  backdrop-filter: var(--is-blur-scrim) !important;
}

.modal-content {
  background-color: var(--is-sheet) !important;
  border-top: 1px solid var(--is-bt) !important;
  border-left: 1px solid var(--is-bs) !important;
  border-right: 1px solid var(--is-bs) !important;
  border-bottom: 1px solid var(--is-bb) !important;
  --tw-shadow: var(--is-sh-elev) !important;
  box-shadow: var(--is-sh-elev) !important;
  -webkit-backdrop-filter: var(--is-blur-panel) !important;
  backdrop-filter: var(--is-blur-panel) !important;
}

.modal-header { border-bottom: 1px solid var(--is-hairline) !important; }
.modal-footer { border-top: 1px solid var(--is-hairline) !important; }
.modal-title  { color: var(--is-fg) !important; font-weight: 600 !important; }
.modal-body   { color: var(--is-fg) !important; }

/* 下拉與 Toast：面積小、生命週期短 → 允許 40px，換取明顯的浮起感 */
.dropdown,
.toast {
  background-color: var(--is-sheet) !important;
  border-top: 1px solid var(--is-bt) !important;
  border-left: 1px solid var(--is-bs) !important;
  border-right: 1px solid var(--is-bs) !important;
  border-bottom: 1px solid var(--is-bb) !important;
  --tw-shadow: var(--is-sh-float) !important;
  box-shadow: var(--is-sh-elev) !important;
  -webkit-backdrop-filter: var(--is-blur-float) !important;
  backdrop-filter: var(--is-blur-float) !important;
}

.dropdown-item { color: var(--is-fg) !important; margin: 0 4px !important; padding: 8px 12px !important; }
.dropdown-item:hover { background-color: var(--is-fill) !important; }

.toast-progress { background-color: var(--is-accent) !important; }

/* driver.js 產品導覽（vendor） */
.driver-popover {
  background-color: var(--is-sheet) !important;
  color: var(--is-fg) !important;
  border-radius: var(--is-r-xl) !important;
  border: 1px solid var(--is-bs) !important;
  box-shadow: var(--is-sh-elev) !important;
  -webkit-backdrop-filter: var(--is-blur-float) !important;
  backdrop-filter: var(--is-blur-float) !important;
}
.driver-popover-title       { color: var(--is-fg) !important; letter-spacing: -0.02em !important; }
.driver-popover-description { color: var(--is-fg-2) !important; }
.driver-popover-progress-text { color: var(--is-fg-3) !important; }
.driver-popover-close-btn   { color: var(--is-fg-3) !important; }
.driver-popover-close-btn:hover,
.driver-popover-close-btn:focus { color: var(--is-fg) !important; }
.driver-popover-footer button {
  background-color: var(--is-glass-2) !important;
  color: var(--is-fg) !important;
  border: 1px solid var(--is-hairline) !important;
  border-radius: var(--is-r-sm) !important;
  text-shadow: none !important;
  padding: 5px 10px !important;
}
.driver-popover-footer button:hover,
.driver-popover-footer button:focus { background-color: var(--is-fill-2) !important; }
.driver-popover-arrow { border-color: var(--is-sheet) !important; }
.driver-popover-arrow-side-left   { border-right-color: transparent !important; border-bottom-color: transparent !important; border-top-color: transparent !important; }
.driver-popover-arrow-side-right  { border-left-color: transparent !important; border-bottom-color: transparent !important; border-top-color: transparent !important; }
.driver-popover-arrow-side-top    { border-right-color: transparent !important; border-bottom-color: transparent !important; border-left-color: transparent !important; }
.driver-popover-arrow-side-bottom { border-left-color: transparent !important; border-top-color: transparent !important; border-right-color: transparent !important; }

/* ==========================================================================
   L14  連結 / 焦點環 / 捲軸 / 選取
   ========================================================================== */
/* 刻意用最低特異度的 `a`（0,0,1）且不加 !important：任何帶 class 的連結
   （.btn / .sidebar-link / .tab / .text-* utility）都應該贏過它。
   用 :not() 串接會把特異度拉到 (0,4,1)，反而會蓋掉 .text-white 之類的 utility。 */
a { color: var(--is-accent-ink); text-underline-offset: 3px; }
a:hover { color: var(--is-accent); }
#brand-return-bar a { color: #0080ff; }

/* 主站 focus 語言：2px accent ring + 2px offset，不是瀏覽器預設的黑框。
   排除 input/select/textarea —— Chrome 對文字欄位一律視為 focus-visible，
   會跟上面 .input:focus 的 box-shadow ring 疊成兩圈。 */
#app :focus-visible:not(input):not(select):not(textarea) {
  outline: 2px solid var(--is-accent) !important;
  outline-offset: 2px !important;
}
*, ::before, ::after { --tw-ring-offset-color: transparent !important; }

*::-webkit-scrollbar { width: 8px; height: 8px; }
*::-webkit-scrollbar-track { background: transparent !important; }
*::-webkit-scrollbar-thumb {
  background: var(--is-scroll) !important;
  border: 2px solid transparent !important;
  border-radius: 999px !important;
  background-clip: padding-box !important;
}
*::-webkit-scrollbar-thumb:hover { background: var(--is-fill-3) !important; background-clip: padding-box !important; }
* { scrollbar-color: var(--is-scroll) transparent !important; scrollbar-width: thin !important; }

::selection   { background: rgba(0, 128, 255, 0.18) !important; color: var(--is-fg) !important; }
::-moz-selection { background: rgba(0, 128, 255, 0.18) !important; color: var(--is-fg) !important; }

hr, .border-t, .border-b { border-color: var(--is-hairline) !important; }

/* ==========================================================================
   L15  返回 Image Studio 導覽條
   版面機制（sticky + 38px）維持生產已驗證的寫法，只換皮：
   從先前的 #20242c 深色條改成主站語言的玻璃 sticky 頂條。
   ========================================================================== */
#brand-return-bar {
  position: sticky;
  top: 0;
  z-index: 2000;
  display: flex;
  align-items: center;
  gap: 10px;
  height: 38px;
  padding: 0 16px;
  background: var(--is-bar);
  border-bottom: 1px solid var(--is-hairline);
  box-shadow: inset 0 1px 0 var(--is-bs), var(--is-sh-ambient);
  -webkit-backdrop-filter: var(--is-blur-bar);
  backdrop-filter: var(--is-blur-bar);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  color: var(--is-fg-2);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI",
    "PingFang SC", "Microsoft YaHei", sans-serif;
}

#brand-return-bar a {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 11px;
  border-radius: 999px;
  color: #0080ff !important;
  text-decoration: none;
  background: rgba(0, 128, 255, 0.10);
  transition: background .18s var(--is-ease), transform .3s var(--is-spring);
}
#brand-return-bar a:hover {
  background: rgba(0, 128, 255, 0.17);
  transform: translateY(-1px);
}

#brand-return-bar .brand-tag {
  margin-left: auto;
  font-size: 12px;
  font-weight: 400;
  color: var(--is-fg-2);
}

/* ==========================================================================
   L16  無障礙 / 降級
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  #app *,
  #brand-return-bar,
  #brand-return-bar a {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .spinner, .navigation-progress-bar, .skeleton { animation: none !important; }
}

/* 不支援 backdrop-filter 的瀏覽器：把半透明面補成幾乎不透明，
   否則文字會直接壓在頁面底圖上讀不清。 */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  :root {
    --is-glass:   rgba(255, 255, 255, 0.96);
    --is-glass-2: rgba(255, 255, 255, 0.92);
    --is-bar:     rgba(255, 255, 255, 0.96);
    --is-sheet:   rgba(255, 255, 255, 0.98);
  }
  :root.dark, .dark {
    --is-glass:   rgba(28, 28, 30, 0.97);
    --is-glass-2: rgba(28, 28, 30, 0.93);
    --is-bar:     rgba(22, 22, 24, 0.97);
    --is-sheet:   rgba(34, 34, 37, 0.98);
  }
}

@media (prefers-contrast: more) {
  :root {
    --is-glass: rgba(255,255,255,0.94);
    --is-bar:   rgba(255,255,255,0.94);
    --is-fg-2:  #4a4a4a;
    --is-hairline: rgba(0,0,0,0.18);
  }
  :root.dark, .dark {
    --is-glass: rgba(28,28,30,0.94);
    --is-bar:   rgba(22,22,24,0.94);
    --is-fg-2:  rgba(235,235,245,0.78);
    --is-hairline: rgba(255,255,255,0.24);
  }
}

/* ==========================================================================
   導覽條版面修正
   上游側欄是 position:fixed; top:0（z-40），而導覽條原本是 sticky z-2000，
   結果側欄頂端 38px（logo 與版本徽章）被永久遮住。
   改法：導覽條固定在視窗頂端，把整個 app 往下推同樣高度，讓兩者並存而非疊壓。
   ========================================================================== */
:root { --brand-bar-h: 38px; }

#brand-return-bar {
  position: fixed !important;
  top: 0; left: 0; right: 0;
  height: var(--brand-bar-h);
  z-index: 2147483000 !important;   /* 高於上游任何層級（含 modal） */
}

/* 整頁下推：body 直接子元素讓開導覽條的高度 */
body > #app,
body > #root,
body > div[id]:not(#brand-return-bar) {
  padding-top: var(--brand-bar-h);
  box-sizing: border-box;
}

/* fixed 定位的側欄與頂欄要跟著讓位，否則仍會被壓在導覽條下 */
.sidebar,
aside[class*="sidebar"],
.app-sider,
.sidebar-container {
  top: var(--brand-bar-h) !important;
}

/* 全高元素扣掉導覽條，避免底部溢出產生多餘捲動 */
.sidebar,
.h-screen,
.min-h-screen {
  max-height: calc(100vh - var(--brand-bar-h));
}