/* V需API console skin. Generated 2026-10-22 22:58:55 +0800 for app build a8c83b417fc2cf11. Do not edit; see /opt/vneedai-console-skin. */ @font-face{font-family:"Chakra Petch";font-style:normal;font-weight:600;font-display:swap;src:url("/site-assets/console-skin/chakra-petch-600.4efa07169605.woff2") format("woff2")} /* ---- generated palette layer (703 rules from 42 files) ---- */ :root.vn-console .account-tools-menu-item[data-v-d51fc164]:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .account-tools-menu-item[data-v-d51fc164]:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .driver-active-element{outline:4px solid rgba(47, 107, 255,.2)!important} :root.vn-console.dark .driver-popover.theme-tour-popover{background-color:#0b1221!important;border-color:#1b2640!important;color:#edf2fc!important} :root.vn-console.dark .theme-tour-popover .driver-popover-close-btn:hover{background-color:#101a2d!important} :root.vn-console.dark .theme-tour-popover .driver-popover-description{color:#c9d3ea!important} :root.vn-console.dark .theme-tour-popover .driver-popover-footer{background-color:#080d18!important;border-top-color:#162038!important} :root.vn-console.dark .theme-tour-popover .driver-popover-progress-text{color:#a2adc6!important} :root.vn-console.dark .footer-shortcuts{border-left-color:#1b2640!important} :root.vn-console.dark .shortcut-item{color:#a2adc6!important} :root.vn-console.dark .shortcut-item kbd{background-color:#0b1221!important;border-color:#26334f!important;color:#c9d3ea!important} :root.vn-console .theme-tour-popover .driver-popover-next-btn{background-color:#2f6bff!important} :root.vn-console .theme-tour-popover .driver-popover-next-btn:hover{background-color:#2558e0!important} :root.vn-console.dark .theme-tour-popover .driver-popover-prev-btn{background-color:#0b1221!important;border-color:#26334f!important;color:#a2adc6!important} :root.vn-console.dark .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:#162038!important} :root.vn-console.dark .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:#162038!important} :root.vn-console.dark .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:#162038!important} :root.vn-console.dark .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:#162038!important} :root.vn-console.dark .sidebar-section-title[data-v-b811eb84]:after{background:#101a2d} :root.vn-console.dark .overflow-y-auto[data-v-2d45de02]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#1d2a47,#101a2d)} :root.vn-console.dark .overflow-y-auto[data-v-2d45de02]::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#34405c,#1d2a47)} :root.vn-console .text-gradient[data-v-86388737]{--tw-gradient-from:#2558e0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 88 224 / 0) var(--tw-gradient-to-position);--tw-gradient-to:#2f6bff var(--tw-gradient-to-position)} :root.vn-console.dark .aliyun-captcha-button[data-v-f958ff23],:root.vn-console.dark .aliyun-captcha-button[data-v-f958ff23]{border-color:#162038;background-color:#0b1221;color:#c9d3ea} :root.vn-console.dark .aliyun-captcha-button[data-v-f958ff23]:hover:not(:disabled),:root.vn-console.dark .aliyun-captcha-button[data-v-f958ff23]:hover:not(:disabled){border-color:#1b2640;background-color:#101a2d} :root.vn-console .select-trigger[data-v-34616c70]:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .select-trigger[data-v-34616c70]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .select-trigger[data-v-34616c70]:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .select-trigger[data-v-34616c70]:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .select-trigger[data-v-34616c70]:hover:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .select-trigger-open[data-v-34616c70]{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .filter-dropdown[data-v-34616c70]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1));background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console.dark{border-color:#162038;background:#080d18;color:#dde5f6} :root.vn-console.dark{color:#c9d3ea} :root.vn-console.dark{color:#edf2fc} :root.vn-console .channel-tab-active[data-v-e2b911b5]{border-color:rgb(37 88 224 / var(--tw-border-opacity, 1));color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .channel-tab-active[data-v-e2b911b5]:is(.dark *){border-color:rgb(93 141 255 / var(--tw-border-opacity, 1));color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .channel-tab-inactive[data-v-e2b911b5]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .channel-tab-inactive[data-v-e2b911b5]:hover:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .toc-sidebar[data-v-d4976463]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1));background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .toc-header[data-v-d4976463]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .toc-title[data-v-d4976463]:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .toc-close-btn[data-v-d4976463]:hover:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1));color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .toc-item[data-v-d4976463]:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .toc-item[data-v-d4976463]:hover:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1))} :root.vn-console .toc-item.toc-active[data-v-d4976463]{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1));color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .toc-item.toc-active[data-v-d4976463]:is(.dark *){background-color:#1b307033;color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .toc-toggle-btn[data-v-d4976463]:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1));background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .toc-toggle-btn[data-v-d4976463]:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .toc-toggle-btn[data-v-d4976463]:hover:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1))} :root.vn-console .custom-embed-shell[data-v-d4976463]:is(.dark *){--tw-gradient-from:#080d18 var(--tw-gradient-from-position);--tw-gradient-to:rgb(8 13 24 / 0) var(--tw-gradient-to-position);--tw-gradient-to:#05080f var(--tw-gradient-to-position)} @supports (backdrop-filter: var(--tw)){:root.vn-console .custom-open-fab[data-v-d4976463]:is(.dark *){background-color:#0b1221cc}} :root.vn-console .markdown-page-content h1:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-page-content a{color:rgb(47 107 255 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-page-content a:hover{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-page-content blockquote:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1));color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-page-content th:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1));background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .markdown-page-content td:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-page-content code:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .markdown-page-content pre:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .markdown-page-content hr:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console.dark .table-wrapper .table-header[data-v-352b6634]{background-color:#0b1221} :root.vn-console.dark .sticky-header-cell[data-v-352b6634]{background-color:#0b1221} :root.vn-console.dark tbody .sticky-col[data-v-352b6634]{background-color:#080d18} :root.vn-console.dark tbody tr:hover .sticky-col[data-v-352b6634]{background-color:#0b1221} :root.vn-console.dark .table-wrapper::-webkit-scrollbar-thumb{background-color:#465474bf!important} :root.vn-console.dark .table-wrapper::-webkit-scrollbar-thumb:hover{background-color:#26334fe6!important} @supports (-moz-appearance:none){:root.vn-console.dark .table-wrapper{scrollbar-color:rgba(102, 113, 139,.5) rgba(255,255,255,.05)!important}} :root.vn-console .terminal-window[data-v-9883d0e0]{background:linear-gradient(145deg,#0b1221,#080d18)} :root.vn-console .terminal-header[data-v-9883d0e0]{background:#0b1221cc} :root.vn-console .code-url[data-v-9883d0e0]{color:#2f6bff} :root.vn-console [data-v-9883d0e0] .dark .terminal-window{box-shadow:0 25px 50px -12px #0009,0 0 0 1px #2f6bff33,0 0 40px #2f6bff1a,inset 0 1px #ffffff1a} :root.vn-console .input-ring[data-v-a0ec3d82]:focus{box-shadow:0 0 0 3px #2f6bff33;border-color:#2f6bff} :root.vn-console.dark{background:linear-gradient(90deg,#101a2d 25%,#0b1221,#101a2d 75%)} :root.vn-console .legal-document-content[data-v-6726f351] h1:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] p:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] a{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] a:hover{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] a:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] a:hover:is(.dark *){color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] li:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] blockquote:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1));color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] code:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] th:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1));background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] td:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .legal-document-content[data-v-6726f351] hr:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] p:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] a{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] a:hover{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] a:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] li:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] code:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .plaza-description[data-v-10883807] blockquote:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1));color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .select-trigger[data-v-c62534a0]:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .select-trigger[data-v-c62534a0]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .select-trigger[data-v-c62534a0]:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .select-trigger[data-v-c62534a0]:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .select-trigger[data-v-c62534a0]:hover:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .select-trigger-open[data-v-c62534a0]{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .select-trigger-disabled[data-v-c62534a0]:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .select-icon[data-v-c62534a0]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown[data-v-c62534a0]:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown[data-v-c62534a0]:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .select-header[data-v-c62534a0]:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .select-search-input[data-v-c62534a0]:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .select-search-input[data-v-c62534a0]:is(.dark *)::-moz-placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-search-input[data-v-c62534a0]:is(.dark *)::placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-option[data-v-c62534a0]:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .select-option[data-v-c62534a0]:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .select-option-selected[data-v-c62534a0]{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .select-option-selected[data-v-c62534a0]:is(.dark *){background-color:#1b307033} :root.vn-console .select-option-selected[data-v-c62534a0]{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .select-option-selected[data-v-c62534a0]:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .select-empty[data-v-c62534a0]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-trigger[data-v-3b119ecb]:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .select-trigger[data-v-3b119ecb]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .select-trigger[data-v-3b119ecb]:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .select-trigger[data-v-3b119ecb]:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .select-trigger[data-v-3b119ecb]:hover:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .select-trigger-open[data-v-3b119ecb]{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .select-trigger-disabled[data-v-3b119ecb]:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .select-icon[data-v-3b119ecb]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-clear[data-v-3b119ecb]:hover:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown-portal:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .select-dropdown-portal .select-search:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .select-dropdown-portal .select-search-input:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-search-input:is(.dark *)::-moz-placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-search-input:is(.dark *)::placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-selected{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-selected:is(.dark *){background-color:#1b307033} :root.vn-console .select-dropdown-portal .select-option-selected{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-selected:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-focused:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-group:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-group:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .select-dropdown-portal .select-option-group:hover:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .select-dropdown-portal .select-empty:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab[data-v-8f71cc0b]:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab[data-v-8f71cc0b]:focus-visible{--tw-ring-color:rgb(47 107 255 / .4)} :root.vn-console .settings-tab[data-v-8f71cc0b]:focus-visible:is(.dark *){--tw-ring-offset-color:#121b2f} :root.vn-console .settings-tab-active[data-v-8f71cc0b]{border-color:#bccfffcc;color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab-active[data-v-8f71cc0b]:is(.dark *){border-color:#5d8dff4d;background-color:#101a2df2;color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab-active[data-v-8f71cc0b]:after{background:linear-gradient(90deg,#2f6bff,#0ea5e9)} :root.vn-console .settings-tab-icon[data-v-8f71cc0b]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab:hover .settings-tab-icon[data-v-8f71cc0b]:is(.dark *),:root.vn-console .settings-tab:focus-visible .settings-tab-icon[data-v-8f71cc0b]:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab-active .settings-tab-icon[data-v-8f71cc0b]{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1));color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .settings-tab-active .settings-tab-icon[data-v-8f71cc0b]:is(.dark *){background-color:#5d8dff1a;color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console.dark .settings-tabs-shell{border-color:#1b2640a6;background:#080d18db} :root.vn-console.dark .settings-tab:before{background:linear-gradient(135deg,#0b1221e6,#101a2d9e)} :root.vn-console .usage-label[data-v-c03c4556]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .usage-amount[data-v-c03c4556]:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .table-scroll-container[data-v-d8153291]:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1));background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .table-scroll-container[data-v-d8153291] thead:is(.dark *){background-color:#0b1221cc} :root.vn-console .table-scroll-container[data-v-d8153291] th:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1));color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .table-scroll-container[data-v-d8153291] td:is(.dark *){border-color:rgb(22 32 56 / var(--tw-border-opacity, 1));color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-trigger[data-v-265519a6]:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .date-picker-trigger[data-v-265519a6]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .date-picker-trigger[data-v-265519a6]:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-trigger[data-v-265519a6]:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .date-picker-trigger[data-v-265519a6]:hover:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .date-picker-trigger-open[data-v-265519a6]{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .date-picker-icon[data-v-265519a6]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-chevron[data-v-265519a6]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-dropdown[data-v-265519a6]:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .date-picker-dropdown[data-v-265519a6]:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .date-picker-preset[data-v-265519a6]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-preset[data-v-265519a6]:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .date-picker-preset-active[data-v-265519a6]{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .date-picker-preset-active[data-v-265519a6]:is(.dark *){background-color:#1b30704d} :root.vn-console .date-picker-preset-active[data-v-265519a6]{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-preset-active[data-v-265519a6]:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-divider[data-v-265519a6]:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .date-picker-label[data-v-265519a6]:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-input[data-v-265519a6]:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .date-picker-input[data-v-265519a6]:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .date-picker-input[data-v-265519a6]:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .date-picker-input[data-v-265519a6]:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .date-picker-apply[data-v-265519a6]{background-color:rgb(37 88 224 / var(--tw-bg-opacity, 1))} :root.vn-console .date-picker-apply[data-v-265519a6]:hover{background-color:rgb(31 71 184 / var(--tw-bg-opacity, 1))} :root.vn-console .navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#5d8dff 20%,#2f6bff 50%,#5d8dff 80%,transparent 100%)} :root.vn-console.dark .navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#2f6bff 20%,#5d8dff 50%,#2f6bff 80%,transparent 100%)} :root.vn-console .legal-document-content[data-v-42404ff1] p:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .legal-document-content[data-v-42404ff1] ul:is(.dark *),:root.vn-console .legal-document-content[data-v-42404ff1] ol:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-body:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-body h1:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-body h2:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-body blockquote:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-body code:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .markdown-body pre:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1));background-color:#080d1880} :root.vn-console .markdown-body pre code:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .markdown-body hr:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-body table:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-body th:is(.dark *),:root.vn-console .markdown-body td:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-body tbody tr:hover:is(.dark *){background-color:#101a2d4d} :root.vn-console .markdown-body img:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .markdown-body em:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console.dark .overflow-y-auto[data-v-bdbde8bb]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#1d2a47,#101a2d)} :root.vn-console *:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console body:is(.dark *){background-color:rgb(5 8 15 / var(--tw-bg-opacity, 1));color:rgb(237 242 252 / var(--tw-text-opacity, 1))} @supports (-moz-appearance:none){:root.vn-console.dark *:hover,:root.vn-console.dark *:focus-within{scrollbar-color:rgba(102, 113, 139,.5) transparent}} :root.vn-console *:hover:is(.dark *)::-webkit-scrollbar-thumb{background-color:#1d2a4780} :root.vn-console *:hover:is(.dark *)::-webkit-scrollbar-thumb:hover{background-color:rgb(52 64 92 / var(--tw-bg-opacity, 1))} :root.vn-console ::-moz-selection{background-color:#2f6bff33;color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console ::selection{background-color:#2f6bff33;color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console :is(.dark *)::-moz-selection{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console :is(.dark *)::selection{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .btn:focus{--tw-ring-color:rgb(47 107 255 / .5)} :root.vn-console .btn-primary{--tw-gradient-from:#2f6bff var(--tw-gradient-from-position);--tw-gradient-to:rgb(47 107 255 / 0) var(--tw-gradient-to-position);--tw-gradient-to:#2558e0 var(--tw-gradient-to-position);--tw-shadow-color:rgb(47 107 255 / .25)} :root.vn-console .btn-primary:hover{--tw-gradient-from:#2558e0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 88 224 / 0) var(--tw-gradient-to-position);--tw-gradient-to:#1f47b8 var(--tw-gradient-to-position);--tw-shadow-color:rgb(47 107 255 / .3)} :root.vn-console .btn-primary:is(.dark *){--tw-shadow-color:rgb(47 107 255 / .2)} :root.vn-console .btn-secondary:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .btn-secondary:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .btn-secondary:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .btn-secondary:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .btn-secondary:hover:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .btn-ghost:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .btn-ghost:hover:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .\!input:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .input:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .\!input:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .input:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .\!input:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .input:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .\!input:is(.dark *)::-moz-placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .\!input:is(.dark *)::placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .input:is(.dark *)::-moz-placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .input:is(.dark *)::placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .\!input:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .input:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1));--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .\!input:disabled:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .input:disabled:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .input-label:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .input-hint:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .card:is(.dark *){background-color:#0b122180} :root.vn-console .card:is(.dark *){border-color:#1b264080} :root.vn-console .card-glass:is(.dark *){background-color:#0b1221b3} :root.vn-console .card-glass:is(.dark *){border-color:#1b264080} :root.vn-console .card-header:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .stat-card:is(.dark *){background-color:#0b122180} :root.vn-console .stat-card:is(.dark *){border-color:#1b264080} :root.vn-console .stat-icon-primary{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1));color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .stat-icon-primary:is(.dark *){background-color:#1b30704d;color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .stat-label:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .table-container:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .table th:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .table th:is(.dark *){background-color:#0b122180} :root.vn-console .table th:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .table td:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .table td:is(.dark *){border-color:rgb(22 32 56 / var(--tw-border-opacity, 1))} :root.vn-console .table tbody tr:hover:is(.dark *){background-color:#0b12214d} :root.vn-console .badge-primary{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1));color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .badge-primary:is(.dark *){background-color:#1b30704d;color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .badge-gray:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1));color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .\!dropdown:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dropdown:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .\!dropdown:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dropdown:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dropdown-item:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dropdown-item:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .modal-content:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .modal-content:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .modal-header:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .modal-footer:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .toast:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .sidebar:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .sidebar:is(.dark *){border-color:rgb(22 32 56 / var(--tw-border-opacity, 1))} :root.vn-console .sidebar-header:is(.dark *){border-color:rgb(22 32 56 / var(--tw-border-opacity, 1))} :root.vn-console .sidebar-link:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .sidebar-link:hover:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .sidebar-link-active{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .sidebar-link-active:is(.dark *){background-color:#1b307033} :root.vn-console .sidebar-link-active{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .sidebar-link-active:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .sidebar-link-active:hover{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .sidebar-link-active:hover:is(.dark *){background-color:#1b30704d} :root.vn-console .sidebar-section-title:is(.dark *){color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .page-description:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .empty-state-icon:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .empty-state-description:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .skeleton:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .tabs:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .tab:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .tab-active:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .progress:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .switch:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1))} :root.vn-console .\!code:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .code:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .\!code{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .\!code:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .code{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .code:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .border-primary-100{border-color:rgb(219 230 255 / var(--tw-border-opacity, 1))} :root.vn-console .border-primary-100\/80{border-color:#dbe6ffcc} :root.vn-console .border-primary-200{border-color:rgb(188 207 255 / var(--tw-border-opacity, 1))} :root.vn-console .border-primary-200\/80{border-color:#bccfffcc} :root.vn-console .border-primary-300{border-color:rgb(143 176 255 / var(--tw-border-opacity, 1))} :root.vn-console .border-primary-400{border-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .border-primary-500{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .border-primary-600{border-color:rgb(37 88 224 / var(--tw-border-opacity, 1))} :root.vn-console .border-primary-600\/25{border-color:#2558e040} :root.vn-console .border-teal-500{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .border-teal-500\/20{border-color:#2f6bff33} :root.vn-console .border-teal-500\/30{border-color:#2f6bff4d} :root.vn-console .border-teal-500\/35{border-color:#2f6bff59} :root.vn-console .border-t-primary-600{border-top-color:rgb(37 88 224 / var(--tw-border-opacity, 1))} :root.vn-console .bg-dark-700{background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-primary-100{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-primary-200\/50{background-color:#bccfff80} :root.vn-console .bg-primary-300\/10{background-color:#8fb0ff1a} :root.vn-console .bg-primary-400{background-color:rgb(93 141 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-primary-400\/10{background-color:#5d8dff1a} :root.vn-console .bg-primary-400\/20{background-color:#5d8dff33} :root.vn-console .bg-primary-50{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-primary-50\/40{background-color:#eef3ff66} :root.vn-console .bg-primary-50\/50{background-color:#eef3ff80} :root.vn-console .bg-primary-50\/60{background-color:#eef3ff99} :root.vn-console .bg-primary-50\/70{background-color:#eef3ffb3} :root.vn-console .bg-primary-50\/80{background-color:#eef3ffcc} :root.vn-console .bg-primary-500{background-color:rgb(47 107 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-primary-500\/10{background-color:#2f6bff1a} :root.vn-console .bg-primary-500\/15{background-color:#2f6bff26} :root.vn-console .bg-primary-600{background-color:rgb(37 88 224 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-primary-900\/10{background-color:#1b30701a} :root.vn-console .bg-teal-100{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-teal-200\/60{background-color:#bccfff99} :root.vn-console .bg-teal-50{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-teal-500{background-color:rgb(47 107 255 / var(--tw-bg-opacity, 1))} :root.vn-console .bg-teal-500\/10{background-color:#2f6bff1a} :root.vn-console .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(47, 107, 255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(47, 107, 255,.03) 1px,transparent 1px)} :root.vn-console .bg-mesh-gradient{background-image:radial-gradient(at 40% 20%,rgba(47, 107, 255,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(6,182,212,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(47, 107, 255,.08) 0px,transparent 50%)} :root.vn-console .from-primary-400{--tw-gradient-from:#5d8dff var(--tw-gradient-from-position);--tw-gradient-to:rgb(93 141 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-primary-50{--tw-gradient-from:#eef3ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(238 243 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-primary-500{--tw-gradient-from:#2f6bff var(--tw-gradient-from-position);--tw-gradient-to:rgb(47 107 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-primary-600{--tw-gradient-from:#2558e0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 88 224 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-slate-600{--tw-gradient-from:#1d2a47 var(--tw-gradient-from-position);--tw-gradient-to:rgb(29 42 71 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-teal-400{--tw-gradient-from:#5d8dff var(--tw-gradient-from-position);--tw-gradient-to:rgb(93 141 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-teal-50{--tw-gradient-from:#eef3ff var(--tw-gradient-from-position);--tw-gradient-to:rgb(238 243 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .from-teal-500{--tw-gradient-from:#2f6bff var(--tw-gradient-from-position);--tw-gradient-to:rgb(47 107 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .via-primary-50\/30{--tw-gradient-to:rgb(238 243 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), rgb(238 243 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)} :root.vn-console .to-primary-100{--tw-gradient-to:#dbe6ff var(--tw-gradient-to-position)} :root.vn-console .to-primary-500{--tw-gradient-to:#2f6bff var(--tw-gradient-to-position)} :root.vn-console .to-primary-600{--tw-gradient-to:#2558e0 var(--tw-gradient-to-position)} :root.vn-console .to-teal-100{--tw-gradient-to:#dbe6ff var(--tw-gradient-to-position)} :root.vn-console .to-teal-50{--tw-gradient-to:#eef3ff var(--tw-gradient-to-position)} :root.vn-console .to-teal-500{--tw-gradient-to:#2f6bff var(--tw-gradient-to-position)} :root.vn-console .to-teal-600{--tw-gradient-to:#2558e0 var(--tw-gradient-to-position)} :root.vn-console .text-primary-100{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-200{color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-300{color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-400{color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-500{color:rgb(47 107 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-600{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-600\/90{color:#2558e0e6} :root.vn-console .text-primary-700{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-800{color:rgb(29 58 143 / var(--tw-text-opacity, 1))} :root.vn-console .text-primary-900{color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console .text-teal-100{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-teal-200{color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-teal-500{color:rgb(47 107 255 / var(--tw-text-opacity, 1))} :root.vn-console .text-teal-600{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .text-teal-700{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .text-teal-800{color:rgb(29 58 143 / var(--tw-text-opacity, 1))} :root.vn-console .accent-primary-600{accent-color:#2558e0} :root.vn-console .shadow-glow{--tw-shadow:0 0 20px rgba(47, 107, 255, .25)} :root.vn-console .shadow-primary-500\/20{--tw-shadow-color:rgb(47 107 255 / .2)} :root.vn-console .shadow-primary-500\/25{--tw-shadow-color:rgb(47 107 255 / .25)} :root.vn-console .shadow-primary-500\/30{--tw-shadow-color:rgb(47 107 255 / .3)} :root.vn-console .shadow-primary-600\/20{--tw-shadow-color:rgb(37 88 224 / .2)} :root.vn-console .ring-primary-100{--tw-ring-color:rgb(219 230 255 / var(--tw-ring-opacity, 1))} :root.vn-console .ring-primary-200\/80{--tw-ring-color:rgb(188 207 255 / .8)} :root.vn-console .ring-primary-500\/20{--tw-ring-color:rgb(47 107 255 / .2)} :root.vn-console .ring-primary-500\/40{--tw-ring-color:rgb(47 107 255 / .4)} :root.vn-console .text-gradient{--tw-gradient-from:#2f6bff var(--tw-gradient-from-position);--tw-gradient-to:rgb(47 107 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .glass:is(.dark *){background-color:#0b1221cc} @media (min-width: 1024px){:root.vn-console .lg\:\!table th:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))}:root.vn-console .lg\:\!table th:is(.dark *){background-color:#0b122180}:root.vn-console .lg\:\!table th:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))}:root.vn-console .lg\:\!table td:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))}:root.vn-console .lg\:\!table td:is(.dark *){border-color:rgb(22 32 56 / var(--tw-border-opacity, 1))}:root.vn-console .lg\:\!table tbody tr:hover:is(.dark *){background-color:#0b12214d}} :root.vn-console .selection\:bg-primary-100 *::-moz-selection{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:bg-primary-100 *::selection{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:bg-primary-200 *::-moz-selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:bg-primary-200 *::selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:text-primary-900 *::-moz-selection{color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console .selection\:text-primary-900 *::selection{color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console .selection\:bg-primary-100::-moz-selection{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:bg-primary-100::selection{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:bg-primary-200::-moz-selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:bg-primary-200::selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .selection\:text-primary-900::-moz-selection{color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console .selection\:text-primary-900::selection{color:rgb(27 48 112 / var(--tw-text-opacity, 1))} :root.vn-console .focus-within\:border-primary-300:focus-within{border-color:rgb(143 176 255 / var(--tw-border-opacity, 1))} :root.vn-console .focus-within\:border-primary-500:focus-within{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .focus-within\:ring-primary-500:focus-within{--tw-ring-color:rgb(47 107 255 / var(--tw-ring-opacity, 1))} :root.vn-console .hover\:border-primary-200:hover{border-color:rgb(188 207 255 / var(--tw-border-opacity, 1))} :root.vn-console .hover\:border-primary-300:hover{border-color:rgb(143 176 255 / var(--tw-border-opacity, 1))} :root.vn-console .hover\:border-primary-400:hover{border-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .hover\:border-primary-500:hover{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .hover\:border-teal-300:hover{border-color:rgb(143 176 255 / var(--tw-border-opacity, 1))} :root.vn-console .hover\:border-l-primary-500:hover{border-left-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .hover\:bg-primary-100:hover{background-color:rgb(219 230 255 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:bg-primary-200:hover{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:bg-primary-50:hover{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:bg-primary-50\/50:hover{background-color:#eef3ff80} :root.vn-console .hover\:bg-primary-600:hover{background-color:rgb(37 88 224 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:bg-primary-700:hover{background-color:rgb(31 71 184 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:bg-teal-200:hover{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:bg-teal-600:hover{background-color:rgb(37 88 224 / var(--tw-bg-opacity, 1))} :root.vn-console .hover\:from-primary-600:hover{--tw-gradient-from:#2558e0 var(--tw-gradient-from-position);--tw-gradient-to:rgb(37 88 224 / 0) var(--tw-gradient-to-position)} :root.vn-console .hover\:to-primary-700:hover{--tw-gradient-to:#1f47b8 var(--tw-gradient-to-position)} :root.vn-console .hover\:text-primary-500:hover{color:rgb(47 107 255 / var(--tw-text-opacity, 1))} :root.vn-console .hover\:text-primary-600:hover{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .hover\:text-primary-700:hover{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .hover\:text-primary-800:hover{color:rgb(29 58 143 / var(--tw-text-opacity, 1))} :root.vn-console .hover\:text-teal-700:hover{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .hover\:decoration-primary-400:hover{text-decoration-color:#5d8dff} :root.vn-console .hover\:shadow-primary-500\/10:hover{--tw-shadow-color:rgb(47 107 255 / .1)} :root.vn-console .hover\:shadow-primary-500\/30:hover{--tw-shadow-color:rgb(47 107 255 / .3)} :root.vn-console .focus\:border-primary-300:focus{border-color:rgb(143 176 255 / var(--tw-border-opacity, 1))} :root.vn-console .focus\:border-primary-400:focus{border-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .focus\:border-primary-500:focus{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .focus\:text-primary-600:focus{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .focus\:ring-primary-100:focus{--tw-ring-color:rgb(219 230 255 / var(--tw-ring-opacity, 1))} :root.vn-console .focus\:ring-primary-300:focus{--tw-ring-color:rgb(143 176 255 / var(--tw-ring-opacity, 1))} :root.vn-console .focus\:ring-primary-400:focus{--tw-ring-color:rgb(93 141 255 / var(--tw-ring-opacity, 1))} :root.vn-console .focus\:ring-primary-500:focus{--tw-ring-color:rgb(47 107 255 / var(--tw-ring-opacity, 1))} :root.vn-console .focus\:ring-primary-500\/20:focus{--tw-ring-color:rgb(47 107 255 / .2)} :root.vn-console .focus\:ring-primary-500\/30:focus{--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .focus\:ring-primary-500\/40:focus{--tw-ring-color:rgb(47 107 255 / .4)} :root.vn-console .focus-visible\:ring-primary-500:focus-visible{--tw-ring-color:rgb(47 107 255 / var(--tw-ring-opacity, 1))} :root.vn-console .focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color:rgb(47 107 255 / .3)} :root.vn-console .active\:bg-teal-700:active{background-color:rgb(31 71 184 / var(--tw-bg-opacity, 1))} :root.vn-console .group:hover .group-hover\:bg-primary-50{background-color:rgb(238 243 255 / var(--tw-bg-opacity, 1))} :root.vn-console .group:hover .group-hover\:text-primary-500{color:rgb(47 107 255 / var(--tw-text-opacity, 1))} :root.vn-console .group:hover .group-hover\:text-primary-600{color:rgb(37 88 224 / var(--tw-text-opacity, 1))} :root.vn-console .group:hover .group-hover\:text-primary-700{color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .group:hover .group-hover\:ring-primary-100{--tw-ring-color:rgb(219 230 255 / var(--tw-ring-opacity, 1))} :root.vn-console .peer:checked~.peer-checked\:border-primary-500{border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .peer:checked~.peer-checked\:bg-primary-50\/60{background-color:#eef3ff99} :root.vn-console .peer:checked~.peer-checked\:bg-primary-500{background-color:rgb(47 107 255 / var(--tw-bg-opacity, 1))} :root.vn-console .peer:checked~.peer-checked\:bg-primary-600{background-color:rgb(37 88 224 / var(--tw-bg-opacity, 1))} :root.vn-console .peer:checked~.peer-checked\:ring-primary-500{--tw-ring-color:rgb(47 107 255 / var(--tw-ring-opacity, 1))} :root.vn-console .peer:focus~.peer-focus\:ring-primary-300{--tw-ring-color:rgb(143 176 255 / var(--tw-ring-opacity, 1))} :root.vn-console .peer:focus-visible~.peer-focus-visible\:outline-primary-500{outline-color:#2f6bff} :root.vn-console .dark\:divide-dark-600:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(38 51 79 / var(--tw-divide-opacity, 1))} :root.vn-console .dark\:divide-dark-700:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(27 38 64 / var(--tw-divide-opacity, 1))} :root.vn-console .dark\:divide-dark-700\/60:is(.dark *)>:not([hidden])~:not([hidden]){border-color:#1b264099} :root.vn-console .dark\:divide-dark-800:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(22 32 56 / var(--tw-divide-opacity, 1))} :root.vn-console .dark\:border-dark-400:is(.dark *){border-color:rgb(70 84 116 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-dark-500:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-dark-600:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-dark-600\/60:is(.dark *){border-color:#26334f99} :root.vn-console .dark\:border-dark-700:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-dark-700\/50:is(.dark *){border-color:#1b264080} :root.vn-console .dark\:border-dark-700\/60:is(.dark *){border-color:#1b264099} :root.vn-console .dark\:border-dark-700\/70:is(.dark *){border-color:#1b2640b3} :root.vn-console .dark\:border-dark-700\/80:is(.dark *){border-color:#1b2640cc} :root.vn-console .dark\:border-dark-800:is(.dark *){border-color:rgb(22 32 56 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-dark-800\/50:is(.dark *){border-color:#16203880} :root.vn-console .dark\:border-gray-500:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-gray-600:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-gray-800:is(.dark *){border-color:rgb(18 27 47 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-primary-400:is(.dark *){border-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-primary-400\/25:is(.dark *){border-color:#5d8dff40} :root.vn-console .dark\:border-primary-400\/30:is(.dark *){border-color:#5d8dff4d} :root.vn-console .dark\:border-primary-500:is(.dark *){border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-primary-500\/20:is(.dark *){border-color:#2f6bff33} :root.vn-console .dark\:border-primary-600:is(.dark *){border-color:rgb(37 88 224 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-primary-700:is(.dark *){border-color:rgb(31 71 184 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-primary-700\/50:is(.dark *){border-color:#1f47b880} :root.vn-console .dark\:border-primary-800:is(.dark *){border-color:rgb(29 58 143 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-primary-800\/50:is(.dark *){border-color:#1d3a8f80} :root.vn-console .dark\:border-primary-900\/40:is(.dark *){border-color:#1b307066} :root.vn-console .dark\:border-primary-900\/50:is(.dark *){border-color:#1b307080} :root.vn-console .dark\:border-slate-700:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-teal-400:is(.dark *){border-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-teal-500\/20:is(.dark *){border-color:#2f6bff33} :root.vn-console .dark\:border-teal-500\/30:is(.dark *){border-color:#2f6bff4d} :root.vn-console .dark\:border-b-dark-600:is(.dark *){border-bottom-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-b-dark-700\/60:is(.dark *){border-bottom-color:#1b264099} :root.vn-console .dark\:border-b-gray-700:is(.dark *){border-bottom-color:rgb(22 32 56 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-b-gray-900:is(.dark *){border-bottom-color:rgb(16 24 42 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-r-gray-800:is(.dark *){border-right-color:rgb(18 27 47 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-t-dark-600:is(.dark *){border-top-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-t-gray-700:is(.dark *){border-top-color:rgb(22 32 56 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:border-t-primary-400:is(.dark *){border-top-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:\!bg-dark-800:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))!important} :root.vn-console .dark\:bg-dark-500:is(.dark *){background-color:rgb(52 64 92 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-dark-600:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-dark-600\/70:is(.dark *){background-color:#1d2a47b3} :root.vn-console .dark\:bg-dark-700:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-dark-700\/20:is(.dark *){background-color:#101a2d33} :root.vn-console .dark\:bg-dark-700\/30:is(.dark *){background-color:#101a2d4d} :root.vn-console .dark\:bg-dark-700\/40:is(.dark *){background-color:#101a2d66} :root.vn-console .dark\:bg-dark-700\/50:is(.dark *){background-color:#101a2d80} :root.vn-console .dark\:bg-dark-700\/60:is(.dark *){background-color:#101a2d99} :root.vn-console .dark\:bg-dark-700\/70:is(.dark *){background-color:#101a2db3} :root.vn-console .dark\:bg-dark-700\/95:is(.dark *){background-color:#101a2df2} :root.vn-console .dark\:bg-dark-800:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-dark-800\/30:is(.dark *){background-color:#0b12214d} :root.vn-console .dark\:bg-dark-800\/40:is(.dark *){background-color:#0b122166} :root.vn-console .dark\:bg-dark-800\/50:is(.dark *){background-color:#0b122180} :root.vn-console .dark\:bg-dark-800\/60:is(.dark *){background-color:#0b122199} :root.vn-console .dark\:bg-dark-800\/70:is(.dark *){background-color:#0b1221b3} :root.vn-console .dark\:bg-dark-800\/80:is(.dark *){background-color:#0b1221cc} :root.vn-console .dark\:bg-dark-900:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-dark-900\/20:is(.dark *){background-color:#080d1833} :root.vn-console .dark\:bg-dark-900\/30:is(.dark *){background-color:#080d184d} :root.vn-console .dark\:bg-dark-900\/40:is(.dark *){background-color:#080d1866} :root.vn-console .dark\:bg-dark-900\/50:is(.dark *){background-color:#080d1880} :root.vn-console .dark\:bg-dark-900\/60:is(.dark *){background-color:#080d1899} :root.vn-console .dark\:bg-dark-900\/70:is(.dark *){background-color:#080d18b3} :root.vn-console .dark\:bg-dark-900\/90:is(.dark *){background-color:#080d18e6} :root.vn-console .dark\:bg-dark-900\/95:is(.dark *){background-color:#080d18f2} :root.vn-console .dark\:bg-dark-950:is(.dark *){background-color:rgb(5 8 15 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-dark-950\/60:is(.dark *){background-color:#05080f99} :root.vn-console .dark\:bg-gray-500:is(.dark *){background-color:rgb(52 64 92 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-gray-500\/20:is(.dark *){background-color:#34405c33} :root.vn-console .dark\:bg-gray-600:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-gray-700:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-gray-800:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-gray-800\/80:is(.dark *){background-color:#0b1221cc} :root.vn-console .dark\:bg-gray-900:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-gray-900\/30:is(.dark *){background-color:#080d184d} :root.vn-console .dark\:bg-primary-300:is(.dark *){background-color:rgb(143 176 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-primary-400\/10:is(.dark *){background-color:#5d8dff1a} :root.vn-console .dark\:bg-primary-500\/10:is(.dark *){background-color:#2f6bff1a} :root.vn-console .dark\:bg-primary-500\/15:is(.dark *){background-color:#2f6bff26} :root.vn-console .dark\:bg-primary-600:is(.dark *){background-color:rgb(37 88 224 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-primary-800\/40:is(.dark *){background-color:#1d3a8f66} :root.vn-console .dark\:bg-primary-900\/10:is(.dark *){background-color:#1b30701a} :root.vn-console .dark\:bg-primary-900\/20:is(.dark *){background-color:#1b307033} :root.vn-console .dark\:bg-primary-900\/25:is(.dark *){background-color:#1b307040} :root.vn-console .dark\:bg-primary-900\/30:is(.dark *){background-color:#1b30704d} :root.vn-console .dark\:bg-primary-900\/40:is(.dark *){background-color:#1b307066} :root.vn-console .dark\:bg-primary-950:is(.dark *){background-color:rgb(16 29 69 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-primary-950\/20:is(.dark *){background-color:#101d4533} :root.vn-console .dark\:bg-primary-950\/40:is(.dark *){background-color:#101d4566} :root.vn-console .dark\:bg-slate-500:is(.dark *){background-color:rgb(52 64 92 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-slate-700:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-slate-800:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-slate-800\/50:is(.dark *){background-color:#0b122180} :root.vn-console .dark\:bg-slate-900:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-slate-900\/30:is(.dark *){background-color:#080d184d} :root.vn-console .dark\:bg-slate-950:is(.dark *){background-color:rgb(5 8 15 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-teal-500\/10:is(.dark *){background-color:#2f6bff1a} :root.vn-console .dark\:bg-teal-500\/15:is(.dark *){background-color:#2f6bff26} :root.vn-console .dark\:bg-teal-500\/80:is(.dark *){background-color:#2f6bffcc} :root.vn-console .dark\:bg-teal-800\/40:is(.dark *){background-color:#1d3a8f66} :root.vn-console .dark\:bg-teal-900:is(.dark *){background-color:rgb(27 48 112 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:bg-teal-900\/20:is(.dark *){background-color:#1b307033} :root.vn-console .dark\:bg-teal-900\/30:is(.dark *){background-color:#1b30704d} :root.vn-console .dark\:bg-teal-900\/40:is(.dark *){background-color:#1b307066} :root.vn-console .dark\:from-dark-700:is(.dark *){--tw-gradient-from:#101a2d var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 26 45 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:from-dark-900:is(.dark *){--tw-gradient-from:#080d18 var(--tw-gradient-from-position);--tw-gradient-to:rgb(8 13 24 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:from-dark-950:is(.dark *){--tw-gradient-from:#05080f var(--tw-gradient-from-position);--tw-gradient-to:rgb(5 8 15 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from:rgb(27 48 112 / .2) var(--tw-gradient-from-position);--tw-gradient-to:rgb(27 48 112 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from:rgb(27 48 112 / .3) var(--tw-gradient-from-position);--tw-gradient-to:rgb(27 48 112 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from:rgb(16 29 69 / .4) var(--tw-gradient-from-position);--tw-gradient-to:rgb(16 29 69 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:from-teal-500\/10:is(.dark *){--tw-gradient-from:rgb(47 107 255 / .1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(47 107 255 / 0) var(--tw-gradient-to-position)} :root.vn-console .dark\:via-dark-900:is(.dark *){--tw-gradient-to:rgb(8 13 24 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #080d18 var(--tw-gradient-via-position), var(--tw-gradient-to)} :root.vn-console .dark\:to-dark-600:is(.dark *){--tw-gradient-to:#1d2a47 var(--tw-gradient-to-position)} :root.vn-console .dark\:to-dark-700:is(.dark *){--tw-gradient-to:#101a2d var(--tw-gradient-to-position)} :root.vn-console .dark\:to-dark-800:is(.dark *){--tw-gradient-to:#0b1221 var(--tw-gradient-to-position)} :root.vn-console .dark\:to-dark-950:is(.dark *){--tw-gradient-to:#05080f var(--tw-gradient-to-position)} :root.vn-console .dark\:to-primary-800\/20:is(.dark *){--tw-gradient-to:rgb(29 58 143 / .2) var(--tw-gradient-to-position)} :root.vn-console .dark\:to-teal-500\/20:is(.dark *){--tw-gradient-to:rgb(47 107 255 / .2) var(--tw-gradient-to-position)} :root.vn-console .dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to:rgb(27 48 112 / .2) var(--tw-gradient-to-position)} :root.vn-console .dark\:text-dark-100:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-200:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-300:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-400:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-500:is(.dark *){color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-600:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-700:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-dark-800:is(.dark *){color:rgb(232 238 251 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-100:is(.dark *){color:rgb(237 242 252 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-200:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-300:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-400:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-500:is(.dark *){color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-600:is(.dark *){color:rgb(102 113 139 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-gray-900:is(.dark *){color:rgb(232 238 251 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-primary-100:is(.dark *){color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-primary-200:is(.dark *){color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-primary-200\/80:is(.dark *){color:#bccfffcc} :root.vn-console .dark\:text-primary-300:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-primary-400:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-primary-400\/90:is(.dark *){color:#5d8dffe6} :root.vn-console .dark\:text-primary-700:is(.dark *){color:rgb(31 71 184 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-primary-800:is(.dark *){color:rgb(29 58 143 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-slate-200:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-slate-300:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-slate-400:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-teal-200:is(.dark *){color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-teal-300:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:text-teal-400:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:decoration-dark-500:is(.dark *){text-decoration-color:#7e89a3} :root.vn-console .dark\:decoration-gray-500:is(.dark *){text-decoration-color:#7e89a3} :root.vn-console .dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{color:rgb(126 137 163 / var(--tw-placeholder-opacity, 1))} :root.vn-console .dark\:placeholder-gray-500:is(.dark *)::placeholder{color:rgb(126 137 163 / var(--tw-placeholder-opacity, 1))} :root.vn-console .dark\:shadow-primary-500\/20:is(.dark *){--tw-shadow-color:rgb(47 107 255 / .2)} :root.vn-console .dark\:ring-dark-600:is(.dark *){--tw-ring-color:rgb(38 51 79 / var(--tw-ring-opacity, 1))} :root.vn-console .dark\:ring-dark-700:is(.dark *){--tw-ring-color:rgb(27 38 64 / var(--tw-ring-opacity, 1))} :root.vn-console .dark\:ring-dark-800:is(.dark *){--tw-ring-color:rgb(22 32 56 / var(--tw-ring-opacity, 1))} :root.vn-console .dark\:ring-gray-500\/30:is(.dark *){--tw-ring-color:rgb(38 51 79 / .3)} :root.vn-console .dark\:ring-primary-500\/20:is(.dark *){--tw-ring-color:rgb(47 107 255 / .2)} :root.vn-console .dark\:ring-primary-700\/50:is(.dark *){--tw-ring-color:rgb(31 71 184 / .5)} :root.vn-console .dark\:ring-primary-900:is(.dark *){--tw-ring-color:rgb(27 48 112 / var(--tw-ring-opacity, 1))} :root.vn-console .dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color:rgb(27 48 112 / .4)} :root.vn-console .dark\:ring-slate-500\/30:is(.dark *){--tw-ring-color:rgb(52 64 92 / .3)} :root.vn-console .dark\:ring-slate-700\/70:is(.dark *){--tw-ring-color:rgb(27 38 64 / .7)} :root.vn-console .dark\:selection\:bg-primary-200 *:is(.dark *)::-moz-selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:selection\:bg-primary-200 *:is(.dark *)::selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:selection\:bg-primary-900\/60 *:is(.dark *)::-moz-selection{background-color:#1b307099} :root.vn-console .dark\:selection\:bg-primary-900\/60 *:is(.dark *)::selection{background-color:#1b307099} :root.vn-console .dark\:selection\:text-gray-900 *:is(.dark *)::-moz-selection{color:rgb(232 238 251 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:text-gray-900 *:is(.dark *)::selection{color:rgb(232 238 251 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:text-primary-100 *:is(.dark *)::-moz-selection{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:text-primary-100 *:is(.dark *)::selection{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:bg-primary-200:is(.dark *)::-moz-selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:selection\:bg-primary-200:is(.dark *)::selection{background-color:rgb(188 207 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:selection\:bg-primary-900\/60:is(.dark *)::-moz-selection{background-color:#1b307099} :root.vn-console .dark\:selection\:bg-primary-900\/60:is(.dark *)::selection{background-color:#1b307099} :root.vn-console .dark\:selection\:text-gray-900:is(.dark *)::-moz-selection{color:rgb(232 238 251 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:text-gray-900:is(.dark *)::selection{color:rgb(232 238 251 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:text-primary-100:is(.dark *)::-moz-selection{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:selection\:text-primary-100:is(.dark *)::selection{color:rgb(219 230 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:placeholder\:text-dark-400:is(.dark *)::-moz-placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:placeholder\:text-dark-400:is(.dark *)::placeholder{color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:placeholder\:text-dark-500:is(.dark *)::-moz-placeholder{color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:placeholder\:text-dark-500:is(.dark *)::placeholder{color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{color:rgb(126 137 163 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:after\:border-gray-500:is(.dark *):after{border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:after\:border-gray-600:is(.dark *):after{border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:focus-within\:border-primary-700:focus-within:is(.dark *){border-color:rgb(31 71 184 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-dark-400:hover:is(.dark *){border-color:rgb(70 84 116 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-dark-500:hover:is(.dark *){border-color:rgb(52 64 92 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-dark-600:hover:is(.dark *){border-color:rgb(38 51 79 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-gray-600:hover:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-primary-400:hover:is(.dark *){border-color:rgb(93 141 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-primary-500:hover:is(.dark *){border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-primary-500\/30:hover:is(.dark *){border-color:#2f6bff4d} :root.vn-console .dark\:hover\:border-primary-700:hover:is(.dark *){border-color:rgb(31 71 184 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-primary-800:hover:is(.dark *){border-color:rgb(29 58 143 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:hover\:border-teal-500\/50:hover:is(.dark *){border-color:#2f6bff80} :root.vn-console .dark\:hover\:bg-dark-500:hover:is(.dark *){background-color:rgb(52 64 92 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-dark-600:hover:is(.dark *){background-color:rgb(29 42 71 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-dark-700:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-dark-700\/30:hover:is(.dark *){background-color:#101a2d4d} :root.vn-console .dark\:hover\:bg-dark-700\/40:hover:is(.dark *){background-color:#101a2d66} :root.vn-console .dark\:hover\:bg-dark-700\/50:hover:is(.dark *){background-color:#101a2d80} :root.vn-console .dark\:hover\:bg-dark-700\/60:hover:is(.dark *){background-color:#101a2d99} :root.vn-console .dark\:hover\:bg-dark-800:hover:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-dark-800\/40:hover:is(.dark *){background-color:#0b122166} :root.vn-console .dark\:hover\:bg-dark-800\/50:hover:is(.dark *){background-color:#0b122180} :root.vn-console .dark\:hover\:bg-dark-800\/55:hover:is(.dark *){background-color:#0b12218c} :root.vn-console .dark\:hover\:bg-dark-800\/60:hover:is(.dark *){background-color:#0b122199} :root.vn-console .dark\:hover\:bg-dark-800\/70:hover:is(.dark *){background-color:#0b1221b3} :root.vn-console .dark\:hover\:bg-gray-200:hover:is(.dark *){background-color:rgb(27 38 64 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-gray-700:hover:is(.dark *){background-color:rgb(16 26 45 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#0b122180} :root.vn-console .dark\:hover\:bg-primary-500:hover:is(.dark *){background-color:rgb(47 107 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-primary-800:hover:is(.dark *){background-color:rgb(29 58 143 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:bg-primary-900\/20:hover:is(.dark *){background-color:#1b307033} :root.vn-console .dark\:hover\:bg-primary-900\/30:hover:is(.dark *){background-color:#1b30704d} :root.vn-console .dark\:hover\:bg-primary-900\/50:hover:is(.dark *){background-color:#1b307080} :root.vn-console .dark\:hover\:bg-teal-500:hover:is(.dark *){background-color:rgb(47 107 255 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:hover\:text-dark-200:hover:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-dark-300:hover:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-dark-400:hover:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-gray-200:hover:is(.dark *){color:rgb(221 229 246 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-gray-300:hover:is(.dark *){color:rgb(201 211 234 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-primary-200:hover:is(.dark *){color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-primary-300:hover:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:hover\:text-primary-400:hover:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:focus\:border-primary-500:focus:is(.dark *){border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:focus\:border-primary-600:focus:is(.dark *){border-color:rgb(37 88 224 / var(--tw-border-opacity, 1))} :root.vn-console .dark\:focus\:bg-dark-800:focus:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:focus\:bg-dark-900:focus:is(.dark *){background-color:rgb(8 13 24 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:focus\:text-primary-400:focus:is(.dark *){color:rgb(93 141 255 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:focus\:ring-primary-600:focus:is(.dark *){--tw-ring-color:rgb(37 88 224 / var(--tw-ring-opacity, 1))} :root.vn-console .dark\:focus\:ring-primary-900\/40:focus:is(.dark *){--tw-ring-color:rgb(27 48 112 / .4)} :root.vn-console .dark\:focus\:ring-offset-dark-800:focus:is(.dark *){--tw-ring-offset-color:#162038} :root.vn-console .dark\:focus-visible\:ring-offset-dark-800:focus-visible:is(.dark *){--tw-ring-offset-color:#162038} :root.vn-console .dark\:focus-visible\:ring-offset-dark-900:focus-visible:is(.dark *){--tw-ring-offset-color:#121b2f} :root.vn-console .dark\:enabled\:hover\:bg-dark-800:hover:enabled:is(.dark *){background-color:rgb(11 18 33 / var(--tw-bg-opacity, 1))} :root.vn-console .dark\:disabled\:text-dark-600:disabled:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .dark\:disabled\:hover\:text-dark-600:hover:disabled:is(.dark *){color:rgb(162 173 198 / var(--tw-text-opacity, 1))} :root.vn-console .group:hover .dark\:group-hover\:bg-primary-500\/10:is(.dark *){background-color:#2f6bff1a} :root.vn-console .group:hover .dark\:group-hover\:text-primary-200:is(.dark *){color:rgb(188 207 255 / var(--tw-text-opacity, 1))} :root.vn-console .group:hover .dark\:group-hover\:text-primary-300:is(.dark *){color:rgb(143 176 255 / var(--tw-text-opacity, 1))} :root.vn-console .group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *){--tw-ring-color:rgb(47 107 255 / .2)} :root.vn-console .peer:checked~.dark\:peer-checked\:border-primary-500:is(.dark *){border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .peer:checked~.peer-checked\:dark\:border-primary-500:is(.dark *){border-color:rgb(47 107 255 / var(--tw-border-opacity, 1))} :root.vn-console .peer:checked~.dark\:peer-checked\:bg-primary-500\/10:is(.dark *){background-color:#2f6bff1a} :root.vn-console .peer:focus~.dark\:peer-focus\:ring-primary-800:is(.dark *){--tw-ring-color:rgb(29 58 143 / var(--tw-ring-opacity, 1))} @supports (backdrop-filter: var(--tw)){:root.vn-console .dark\:supports-\[backdrop-filter\]\:bg-dark-800\/95:is(.dark *){background-color:#0b1221f2}} @media (min-width: 768px){:root.vn-console .dark\:md\:border-dark-700:is(.dark *){border-color:rgb(27 38 64 / var(--tw-border-opacity, 1))}} /* ---- design layer ---- */ /* ========================================================================== V需API console skin — hand-written design layer (dark mode). Sits after the generated palette layer. Every selector hangs off the app's own semantic component classes (.sidebar-link-active, .card, .table, .btn-primary, .input, .modal-content …), which survive releases far better than utility classes. If a future release renames one, that one touch stops applying; nothing breaks. ========================================================================== */ :root.vn-console.dark { --vn-bg: #05080f; --vn-raise: #080d18; --vn-panel: #0b1221; --vn-panel-2: #101a2d; --vn-line: rgba(122, 156, 255, 0.10); --vn-line-2: rgba(122, 156, 255, 0.18); --vn-fg: #e8eefb; --vn-fg-2: #a2adc6; --vn-fg-3: #66718b; --vn-blue: #2f6bff; --vn-blue-hi: #5d8dff; --vn-cyan: #3ad7f3; --vn-display: "Chakra Petch", system-ui, -apple-system, "PingFang SC", "Microsoft YaHei", sans-serif; --vn-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace; --vn-curve: cubic-bezier(0.2, 0, 0, 1); background-color: var(--vn-bg); } :root.vn-console.dark body { background-color: var(--vn-bg); color: var(--vn-fg); } /* where two scrollbars meet (wide tables) the browser paints a white square by default */ :root.vn-console.dark ::-webkit-scrollbar-corner { background: transparent; } :root.vn-console.dark ::selection { background: rgba(47, 107, 255, 0.35); color: #fff; } /* code, keys and ids read as code */ :root.vn-console.dark code, :root.vn-console.dark kbd, :root.vn-console.dark .font-mono { font-family: var(--vn-mono); } /* page backdrop: replace the app's mesh with a faint blueprint grid and one glow */ :root.vn-console.dark .bg-mesh-gradient { background-image: radial-gradient(60% 50% at 85% -10%, rgba(47, 107, 255, 0.14), transparent 70%), linear-gradient(var(--vn-line) 1px, transparent 1px), linear-gradient(90deg, var(--vn-line) 1px, transparent 1px); background-size: auto, 56px 56px, 56px 56px; -webkit-mask-image: linear-gradient(180deg, #000, transparent 55%); mask-image: linear-gradient(180deg, #000, transparent 55%); opacity: 0.6; } /* ---------- sidebar ---------- */ :root.vn-console.dark .sidebar { background-color: var(--vn-raise); border-right-color: var(--vn-line); background-image: radial-gradient(120% 40% at 0% 0%, rgba(47, 107, 255, 0.10), transparent 70%); } :root.vn-console.dark .sidebar-header { border-bottom-color: var(--vn-line); } :root.vn-console.dark .sidebar-brand-title { font-family: var(--vn-display); letter-spacing: 0.01em; } :root.vn-console.dark .sidebar-section-title { font-family: var(--vn-mono); font-weight: 500; letter-spacing: 0.14em; color: var(--vn-fg-3); } :root.vn-console.dark .sidebar-link { position: relative; color: var(--vn-fg-2); border-radius: 9px; transition-property: background-color, color, box-shadow; transition-duration: 150ms; transition-timing-function: var(--vn-curve); } :root.vn-console.dark .sidebar-link:hover { background-color: rgba(122, 156, 255, 0.06); color: var(--vn-fg); } :root.vn-console.dark .sidebar-link-active, :root.vn-console.dark .sidebar-link-active:hover { background: linear-gradient(90deg, rgba(47, 107, 255, 0.20), rgba(47, 107, 255, 0.04)); color: var(--vn-fg); box-shadow: inset 0 0 0 1px rgba(93, 141, 255, 0.22); } :root.vn-console.dark .sidebar-link-active::before { content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 3px; border-radius: 0 3px 3px 0; background: var(--vn-cyan); box-shadow: 0 0 12px rgba(58, 215, 243, 0.8); } :root.vn-console.dark .sidebar-link-active svg { color: var(--vn-cyan); } /* ---------- header ---------- */ :root.vn-console.dark header.glass { background-color: rgba(5, 8, 15, 0.72); -webkit-backdrop-filter: saturate(140%) blur(14px); backdrop-filter: saturate(140%) blur(14px); border-bottom-color: var(--vn-line); } /* ---------- surfaces ---------- */ :root.vn-console.dark .card, :root.vn-console.dark .glass-card, :root.vn-console.dark .card-glass { background-color: var(--vn-panel); border-color: var(--vn-line); box-shadow: 0 20px 40px -28px rgba(0, 0, 0, 0.9); } :root.vn-console.dark .card-hover:hover { border-color: var(--vn-line-2); } :root.vn-console.dark .card-header, :root.vn-console.dark .card-footer { border-color: var(--vn-line); } :root.vn-console.dark .modal-content, :root.vn-console.dark .dialog-container, :root.vn-console.dark .dropdown { background-color: var(--vn-panel); border-color: var(--vn-line-2); box-shadow: 0 30px 80px -20px rgba(0, 0, 0, 0.85), 0 0 0 1px rgba(122, 156, 255, 0.06); } :root.vn-console.dark .modal-header, :root.vn-console.dark .modal-footer { border-color: var(--vn-line); } :root.vn-console.dark .modal-overlay, :root.vn-console.dark .dialog-overlay { background-color: rgba(2, 4, 10, 0.7); } /* ---------- dashboard ---------- */ /* stat values in the display face, tabular so columns of figures line up */ :root.vn-console.dark[data-vn-route="/dashboard"] main .card .text-xl.font-bold, :root.vn-console.dark .stat-value { /* face only; size stays the app's own so values never reflow onto a second line */ font-family: var(--vn-display); font-weight: 600; letter-spacing: 0.01em; font-variant-numeric: tabular-nums; } /* the balance card leads the stats rows (two sibling grids; only the first grid's first card) */ :root.vn-console.dark[data-vn-route="/dashboard"] main > .space-y-6 > .grid:first-child > .card:first-child { background: radial-gradient(120% 120% at 100% 0%, rgba(47, 107, 255, 0.30), transparent 60%), linear-gradient(180deg, #0f1a33, var(--vn-panel)); border-color: rgba(93, 141, 255, 0.35); box-shadow: 0 20px 50px -24px rgba(47, 107, 255, 0.55); } /* ---------- tables ---------- */ :root.vn-console.dark .table-header, :root.vn-console.dark .table th { background-color: transparent; } /* Colour and weight only: column widths are the app's, and Chinese headers in narrow columns break if letter-spacing or uppercase widen them. */ :root.vn-console.dark thead th { font-weight: 500; color: var(--vn-fg-3); } :root.vn-console.dark tbody tr { transition: background-color 150ms var(--vn-curve); } :root.vn-console.dark .table-container, :root.vn-console.dark .table-wrapper { border-color: var(--vn-line); } /* ---------- controls ---------- */ :root.vn-console.dark .btn-primary { background-image: none; background-color: var(--vn-blue); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.10), 0 8px 24px -10px rgba(47, 107, 255, 0.7); } :root.vn-console.dark .btn-primary:hover:not(:disabled) { background-color: #3b77ff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16), 0 10px 30px -10px rgba(47, 107, 255, 0.8); } :root.vn-console.dark .btn-secondary { background-color: var(--vn-panel); border-color: var(--vn-line-2); } :root.vn-console.dark .btn-secondary:hover:not(:disabled) { background-color: var(--vn-panel-2); } :root.vn-console.dark .input, :root.vn-console.dark select.input, :root.vn-console.dark textarea.input { background-color: var(--vn-raise); border-color: var(--vn-line-2); } :root.vn-console.dark .input:focus { border-color: var(--vn-blue-hi); box-shadow: 0 0 0 4px rgba(47, 107, 255, 0.18); } :root.vn-console.dark .tab-active { color: var(--vn-fg); border-color: var(--vn-cyan); } :root.vn-console.dark .switch-active { background-color: var(--vn-blue); } :root.vn-console.dark .progress-bar { background-image: linear-gradient(90deg, var(--vn-blue), var(--vn-cyan)); } /* ---------- profile ---------- Hooks are the page's own data-testid attributes (profile-shell, profile-overview-hero, profile-overview-metric-*), which the app keeps for its tests and are the most stable selectors it has. */ :root.vn-console.dark [data-testid="profile-overview-hero"] { position: relative; overflow: hidden; background: radial-gradient(120% 140% at 100% 0%, rgba(47, 107, 255, 0.28), transparent 55%), linear-gradient(180deg, #0f1a33, var(--vn-panel)) !important; border-color: rgba(93, 141, 255, 0.35) !important; box-shadow: 0 24px 60px -30px rgba(47, 107, 255, 0.6); } /* a faint blueprint grid fading in from the right, behind the content */ :root.vn-console.dark [data-testid="profile-overview-hero"]::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--vn-line) 1px, transparent 1px), linear-gradient(90deg, var(--vn-line) 1px, transparent 1px); background-size: 40px 40px; -webkit-mask-image: linear-gradient(90deg, transparent 30%, #000 85%); mask-image: linear-gradient(90deg, transparent 30%, #000 85%); } :root.vn-console.dark [data-testid="profile-overview-hero"] > * { position: relative; } /* avatar: the first block of the hero's main row */ :root.vn-console.dark [data-testid="profile-overview-hero"] .lg\:flex-row > :first-child { box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.14) inset, 0 0 0 5px rgba(47, 107, 255, 0.16), 0 14px 34px -10px rgba(47, 107, 255, 0.75); } :root.vn-console.dark [data-testid="profile-overview-hero"] h2 { font-family: var(--vn-display); font-weight: 600; letter-spacing: 0.01em; } :root.vn-console.dark [data-testid^="profile-overview-metric-"] { background: rgba(5, 8, 15, 0.55) !important; border-color: var(--vn-line-2) !important; border-radius: 12px !important; } /* the app sets these labels in tracked uppercase, which pulls Chinese apart (账 户 余 额) */ :root.vn-console.dark [data-testid^="profile-overview-metric-"] > p:first-child { letter-spacing: 0.02em !important; color: var(--vn-fg-3) !important; } :root.vn-console.dark [data-testid^="profile-overview-metric-"] > p:last-child { font-family: var(--vn-display); font-size: 1.375rem; letter-spacing: 0.01em; font-variant-numeric: tabular-nums; } :root.vn-console.dark [data-testid="profile-overview-metric-balance"] > p:last-child { color: var(--vn-cyan) !important; } /* every section title gets the same cyan marker */ /* the sign-in methods panel renders its title as a small

; bring it to the same size */ :root.vn-console.dark [data-testid="profile-auth-bindings-panel"] > div > div > div:first-child > p.font-semibold:first-child { font-size: 1.125rem !important; line-height: 1.75rem; } :root.vn-console.dark [data-testid="profile-shell"] .card h2.text-lg::before, :root.vn-console.dark [data-testid="profile-shell"] section h3.text-lg::before, :root.vn-console.dark [data-testid="profile-auth-bindings-panel"] > div > div > div:first-child > p.font-semibold:first-child::before { content: ""; display: inline-block; width: 3px; height: 0.95em; margin-right: 10px; vertical-align: -0.1em; border-radius: 2px; background: var(--vn-cyan); box-shadow: 0 0 10px rgba(58, 215, 243, 0.7); } :root.vn-console.dark [data-testid="profile-shell"] .card h2.text-lg, :root.vn-console.dark [data-testid="profile-shell"] section h3.text-lg { font-weight: 600; } /* inner panels (avatar, edit form, sign-in methods) */ :root.vn-console.dark [data-testid="profile-shell"] .rounded-3xl { border-radius: 16px !important; background-color: rgba(5, 8, 15, 0.45) !important; border-color: var(--vn-line) !important; } /* contact card: the app gives its icon tile only a light background */ :root.vn-console.dark [data-testid="profile-shell"] > .card.border-primary-200 { background: linear-gradient(90deg, rgba(47, 107, 255, 0.12), var(--vn-panel) 70%) !important; border-color: rgba(93, 141, 255, 0.28) !important; } :root.vn-console.dark [data-testid="profile-shell"] > .card.border-primary-200 .bg-primary-100 { background-color: rgba(47, 107, 255, 0.16) !important; color: var(--vn-cyan) !important; box-shadow: 0 0 0 1px rgba(93, 141, 255, 0.3) inset; } /* status icon discs (2FA on/off) */ :root.vn-console.dark [data-testid="profile-shell"] .rounded-full.p-3 { background-color: rgba(58, 215, 243, 0.07) !important; color: var(--vn-cyan); box-shadow: 0 0 0 1px rgba(58, 215, 243, 0.22) inset; } :root.vn-console.dark [data-testid="profile-shell"] .rounded-full.p-3 svg { color: inherit !important; } /* ---------- injected: sidebar endpoint card (console.js) ---------- */ .vn-endpoint { margin: 0 12px 12px; padding: 10px 12px; border-radius: 12px; display: grid; gap: 6px; } .vn-endpoint-lbl { font: 500 10px/1 var(--vn-mono, ui-monospace, monospace); letter-spacing: 0.14em; } .vn-endpoint-row { display: flex; align-items: center; gap: 6px; min-width: 0; } .vn-endpoint-row code { flex: 1; min-width: 0; font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vn-endpoint-row button { position: relative; display: inline-grid; place-items: center; width: 26px; height: 26px; flex: none; border: 0; border-radius: 6px; background: transparent; cursor: pointer; transition: background-color 150ms cubic-bezier(0.2, 0, 0, 1), color 150ms cubic-bezier(0.2, 0, 0, 1); } .vn-endpoint-row svg { position: absolute; width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; transition: opacity 200ms cubic-bezier(0.2, 0, 0, 1), scale 200ms cubic-bezier(0.2, 0, 0, 1), filter 200ms cubic-bezier(0.2, 0, 0, 1); } .vn-endpoint-row .vn-done { opacity: 0; scale: 0.25; filter: blur(4px); } .vn-endpoint-row button.vn-copied .vn-copy { opacity: 0; scale: 0.25; filter: blur(4px); } .vn-endpoint-row button.vn-copied .vn-done { opacity: 1; scale: 1; filter: blur(0); } /* collapsed sidebar has no room for it */ .sidebar.w-\[72px\] .vn-endpoint { display: none; } :root.vn-console .vn-endpoint { background: #f8fafc; box-shadow: inset 0 0 0 1px #e5e7eb; } :root.vn-console .vn-endpoint-lbl { color: #6b7280; } :root.vn-console .vn-endpoint-row code { color: #111827; } :root.vn-console .vn-endpoint-row button { color: #6b7280; } :root.vn-console .vn-endpoint-row button:hover { background: #eef3ff; color: #2558e0; } :root.vn-console .vn-endpoint-row .vn-done { color: #059669; } :root.vn-console.dark .vn-endpoint { background: var(--vn-panel); box-shadow: inset 0 0 0 1px var(--vn-line-2); } :root.vn-console.dark .vn-endpoint-lbl { color: var(--vn-fg-3); } :root.vn-console.dark .vn-endpoint-row code { color: var(--vn-fg); } :root.vn-console.dark .vn-endpoint-row button { color: var(--vn-fg-3); } :root.vn-console.dark .vn-endpoint-row button:hover { background: rgba(122, 156, 255, 0.10); color: var(--vn-fg); } :root.vn-console.dark .vn-endpoint-row .vn-done { color: #36d39a; } @media (prefers-reduced-motion: reduce) { :root.vn-console .sidebar-link, .vn-endpoint-row button, .vn-endpoint-row svg { transition-duration: 0ms; } }