/* 自动生成：sub2api 原版配色 -> 新配色（青绿->绿，冷灰->锌灰，石板灰->石墨灰）。别手改，改 tools/gen_remap.py 重新生成。 */
/* index-D-QeYVHS.css */
.navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#4ade80 20%,#22c55e 50%,#4ade80 80%,transparent 100%)}
:root.dark .navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#22c55e 20%,#4ade80 50%,#22c55e 80%,transparent 100%)}
.legal-document-content[data-v-42404ff1] h1{color:rgb(9 9 11 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-42404ff1] h2{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-42404ff1] p{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-42404ff1] p:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-42404ff1] ul,.legal-document-content[data-v-42404ff1] ol{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-42404ff1] ul:is(.dark *),.legal-document-content[data-v-42404ff1] ol:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
.legal-document-content[data-v-42404ff1] strong{color:rgb(9 9 11 / var(--tw-text-opacity, 1))}
.markdown-body{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.markdown-body:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.markdown-body h1{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.markdown-body h1:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.markdown-body h2{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1));color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.markdown-body h2:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.markdown-body h3{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.markdown-body h4{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.markdown-body blockquote{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.markdown-body blockquote:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.markdown-body code{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.markdown-body code:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.markdown-body pre{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.markdown-body pre:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.markdown-body pre code{color:rgb(39 39 42 / var(--tw-text-opacity, 1))}
.markdown-body pre code:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
.markdown-body hr{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.markdown-body hr:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.markdown-body table{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.markdown-body table:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.markdown-body th,.markdown-body td{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.markdown-body th:is(.dark *),.markdown-body td:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.markdown-body th{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.markdown-body tbody tr:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.markdown-body img{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.markdown-body img:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.markdown-body strong{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.markdown-body em{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.markdown-body em:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.overflow-y-auto[data-v-bdbde8bb]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#b6b8bf,#8e919a)}
.dark .overflow-y-auto[data-v-bdbde8bb]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#52525b,#3f3f46)}
*,:before,:after{border-color:#e4e4e7}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a1a1aa}
input::placeholder,textarea::placeholder{color:#a1a1aa}
*{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
*:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
body{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
body:is(.dark *){background-color:rgb(15 16 18 / var(--tw-bg-opacity, 1));color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
@supports (-moz-appearance:none){*:hover,*:focus-within{scrollbar-color:rgba(161,161,170,.5) transparent}.dark *:hover,.dark *:focus-within{scrollbar-color:rgba(82,82,91,.5) transparent}}
*:hover::-webkit-scrollbar-thumb:hover{background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}
*:hover:is(.dark *)::-webkit-scrollbar-thumb:hover{background-color:rgb(107 110 119 / var(--tw-bg-opacity, 1))}
::-moz-selection{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
::selection{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
:is(.dark *)::-moz-selection{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
:is(.dark *)::selection{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.btn:focus{--tw-ring-color: rgb(34 197 94 / .5)}
.btn-primary{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-to: #16a34a var(--tw-gradient-to-position);--tw-shadow-color: rgb(34 197 94 / .25)}
.btn-primary:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position);--tw-gradient-to: #15803d var(--tw-gradient-to-position);--tw-shadow-color: rgb(34 197 94 / .3)}
.btn-primary:is(.dark *){--tw-shadow-color: rgb(34 197 94 / .2)}
.btn-secondary:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.btn-secondary{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.btn-secondary:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
.btn-secondary{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.btn-secondary:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.btn-secondary:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.btn-secondary:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.btn-secondary:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
.btn-secondary:hover:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
.btn-ghost{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.btn-ghost:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.btn-ghost:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.btn-ghost:hover:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.btn-airwallex:is(.dark *){color:rgb(9 9 11 / var(--tw-text-opacity, 1))}
.\!input:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.input:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.\!input{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.\!input:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.input{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.input:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.\!input{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.\!input:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
.input{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.input:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
.\!input::-moz-placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.\!input::placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.\!input:is(.dark *)::-moz-placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.\!input:is(.dark *)::placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.input::-moz-placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.input::placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.input:is(.dark *)::-moz-placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.input:is(.dark *)::placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.\!input:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
.input:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
.\!input:disabled{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.\!input:disabled:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
.input:disabled{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.input:disabled:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
.input-label{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.input-label:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.input-hint{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.input-hint:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.card{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
.card-header{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
.card-header:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.stat-card{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
.stat-icon-primary{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.stat-icon-primary:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.stat-value{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.stat-label{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.stat-label:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.table-container{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.table-container:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.table th{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.table th:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
.table th{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.table th{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.table th:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.table td{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.table td:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.table td{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
.table td:is(.dark *){border-color:rgb(31 32 37 / var(--tw-border-opacity, 1))}
.table tbody tr:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.badge-primary{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1));color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.badge-primary:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.badge-gray{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1));color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.badge-gray:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1));color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
.\!dropdown:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.dropdown:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.\!dropdown{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.\!dropdown:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.dropdown{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.dropdown:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.dropdown-item{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.dropdown-item:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.dropdown-item:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.dropdown-item:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.modal-content:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.modal-content{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.modal-content:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.modal-header{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.modal-header:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.modal-title{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.modal-footer{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.modal-footer:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.toast:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.sidebar:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
.sidebar{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.sidebar:is(.dark *){border-color:rgb(31 32 37 / var(--tw-border-opacity, 1))}
.sidebar-header{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
.sidebar-header:is(.dark *){border-color:rgb(31 32 37 / var(--tw-border-opacity, 1))}
.sidebar-link{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.sidebar-link:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
.sidebar-link:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.sidebar-link:hover:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.sidebar-link:hover{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.sidebar-link-active{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.sidebar-link-active{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.sidebar-link-active:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.sidebar-link-active:hover{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.sidebar-section-title{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.sidebar-section-title:is(.dark *){color:rgb(107 110 119 / var(--tw-text-opacity, 1))}
.page-title{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.page-description{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.page-description:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.empty-state-icon{color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.empty-state-icon:is(.dark *){color:rgb(69 71 79 / var(--tw-text-opacity, 1))}
.empty-state-title{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.empty-state-description{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.empty-state-description:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.skeleton{background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}
.skeleton:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.tabs{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.tabs:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.tab{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.tab:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.tab:hover{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.tab-active:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.tab-active{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.progress{background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}
.progress:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.switch{background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}
.switch:is(.dark *){background-color:rgb(69 71 79 / var(--tw-bg-opacity, 1))}
.\!code{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.\!code:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.code{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.code:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.\!code{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.\!code:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.code{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.code:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.divide-gray-100>:not([hidden])~:not([hidden]){border-color:rgb(244 244 245 / var(--tw-divide-opacity, 1))}
.divide-gray-200>:not([hidden])~:not([hidden]){border-color:rgb(228 228 231 / var(--tw-divide-opacity, 1))}
.border-dark-600{border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.border-gray-100{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
.border-gray-200{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.border-gray-300{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
.border-gray-400{border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}
.border-gray-50{border-color:rgb(250 250 250 / var(--tw-border-opacity, 1))}
.border-gray-700{border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}
.border-primary-100{border-color:rgb(220 252 231 / var(--tw-border-opacity, 1))}
.border-primary-200{border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}
.border-primary-300{border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}
.border-primary-400{border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.border-primary-500{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.border-primary-600{border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}
.border-slate-200{border-color:rgb(212 213 217 / var(--tw-border-opacity, 1))}
.border-teal-500{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.border-b-gray-200{border-bottom-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.border-b-gray-800{border-bottom-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}
.border-b-gray-900{border-bottom-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}
.border-r-gray-900{border-right-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}
.border-t-gray-900{border-top-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}
.border-t-primary-600{border-top-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}
.bg-dark-700{background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.bg-gray-100{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.bg-gray-200{background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}
.bg-gray-300{background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}
.bg-gray-400{background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}
.bg-gray-50{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.bg-gray-700{background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}
.bg-gray-800{background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}
.bg-gray-900{background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}
.bg-gray-950{background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}
.bg-primary-100{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.bg-primary-200{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.bg-primary-300{background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}
.bg-primary-400{background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}
.bg-primary-50{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.bg-primary-500{background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.bg-primary-600{background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.bg-primary-700{background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
.bg-slate-100{background-color:rgb(236 236 238 / var(--tw-bg-opacity, 1))}
.bg-slate-300{background-color:rgb(182 184 191 / var(--tw-bg-opacity, 1))}
.bg-slate-50{background-color:rgb(246 246 247 / var(--tw-bg-opacity, 1))}
.bg-teal-100{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.bg-teal-50{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.bg-teal-500{background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.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(34,197,94,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.03) 1px,transparent 1px)}
.bg-mesh-gradient{background-image:radial-gradient(at 40% 20%,rgba(34,197,94,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(6,182,212,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(34,197,94,.08) 0px,transparent 50%)}
.from-gray-100{--tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position)}
.from-gray-50{--tw-gradient-from: #fafafa var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position)}
.from-gray-500{--tw-gradient-from: #71717a var(--tw-gradient-from-position);--tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position)}
.from-primary-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position)}
.from-primary-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position)}
.from-primary-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position)}
.from-slate-500{--tw-gradient-from: #6b6e77 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 110 119 / 0) var(--tw-gradient-to-position)}
.from-slate-600{--tw-gradient-from: #45474f var(--tw-gradient-from-position);--tw-gradient-to: rgb(69 71 79 / 0) var(--tw-gradient-to-position)}
.from-teal-400{--tw-gradient-from: #4ade80 var(--tw-gradient-from-position);--tw-gradient-to: rgb(74 222 128 / 0) var(--tw-gradient-to-position)}
.from-teal-50{--tw-gradient-from: #f0fdf4 var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position)}
.from-teal-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position)}
.via-primary-50\/30{--tw-gradient-to: rgb(240 253 244 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(240 253 244 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-gray-100{--tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position)}
.to-gray-200{--tw-gradient-to: #e4e4e7 var(--tw-gradient-to-position)}
.to-gray-600{--tw-gradient-to: #52525b var(--tw-gradient-to-position)}
.to-primary-100{--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position)}
.to-primary-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position)}
.to-primary-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}
.to-teal-100{--tw-gradient-to: #dcfce7 var(--tw-gradient-to-position)}
.to-teal-50{--tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position)}
.to-teal-500{--tw-gradient-to: #22c55e var(--tw-gradient-to-position)}
.to-teal-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}
.text-gray-100{color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
.text-gray-200{color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
.text-gray-300{color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.text-gray-400{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.text-gray-500{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.text-gray-600{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.text-gray-700{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.text-gray-800{color:rgb(39 39 42 / var(--tw-text-opacity, 1))}
.text-gray-900{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.text-gray-950{color:rgb(9 9 11 / var(--tw-text-opacity, 1))}
.text-primary-100{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.text-primary-200{color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.text-primary-300{color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.text-primary-400{color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.text-primary-500{color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.text-primary-600{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.text-primary-700{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.text-primary-800{color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.text-primary-900{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
.text-slate-400{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.text-slate-500{color:rgb(107 110 119 / var(--tw-text-opacity, 1))}
.text-slate-600{color:rgb(69 71 79 / var(--tw-text-opacity, 1))}
.text-slate-700{color:rgb(46 48 54 / var(--tw-text-opacity, 1))}
.text-teal-100{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.text-teal-200{color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.text-teal-500{color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.text-teal-600{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.text-teal-700{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.text-teal-800{color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.decoration-gray-300{text-decoration-color:#d4d4d8}
.decoration-gray-400{text-decoration-color:#a1a1aa}
.placeholder-gray-400::-moz-placeholder{color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))}
.placeholder-gray-400::placeholder{color:rgb(161 161 170 / var(--tw-placeholder-opacity, 1))}
.accent-primary-600{accent-color:#16a34a}
.shadow-\[0_-12px_35px_rgba\(15\,23\,42\,0\.08\)\]{--tw-shadow: 0 -12px 35px rgba(23,24,28,.08)}
.shadow-\[0_14px_36px_-20px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow: 0 14px 36px -20px rgba(23,24,28,.35)}
.shadow-glow{--tw-shadow: 0 0 20px rgba(34, 197, 94, .25)}
.shadow-primary-500\/20{--tw-shadow-color: rgb(34 197 94 / .2)}
.shadow-primary-500\/25{--tw-shadow-color: rgb(34 197 94 / .25)}
.shadow-primary-500\/30{--tw-shadow-color: rgb(34 197 94 / .3)}
.shadow-primary-600\/20{--tw-shadow-color: rgb(22 163 74 / .2)}
.ring-gray-200{--tw-ring-color: rgb(228 228 231 / var(--tw-ring-opacity, 1))}
.ring-gray-600\/20{--tw-ring-color: rgb(82 82 91 / .2)}
.ring-gray-900{--tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity, 1))}
.ring-gray-900\/5{--tw-ring-color: rgb(24 24 27 / .05)}
.ring-primary-100{--tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity, 1))}
.ring-primary-200\/80{--tw-ring-color: rgb(187 247 208 / .8)}
.ring-primary-500\/20{--tw-ring-color: rgb(34 197 94 / .2)}
.ring-primary-500\/40{--tw-ring-color: rgb(34 197 94 / .4)}
.ring-slate-200\/80{--tw-ring-color: rgb(212 213 217 / .8)}
.ring-slate-600\/20{--tw-ring-color: rgb(69 71 79 / .2)}
@media (min-width: 1024px){.lg\:\!table th{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.lg\:\!table th:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}.lg\:\!table th{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}.lg\:\!table th{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.lg\:\!table th:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}.lg\:\!table td{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.lg\:\!table td:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.lg\:\!table td{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.lg\:\!table td:is(.dark *){border-color:rgb(31 32 37 / var(--tw-border-opacity, 1))}.lg\:\!table tbody tr:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}}
.selection\:bg-primary-100 *::-moz-selection{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-100 *::selection{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200 *::-moz-selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200 *::selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.selection\:text-gray-900 *::-moz-selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.selection\:text-gray-900 *::selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900 *::-moz-selection{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900 *::selection{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
.selection\:bg-primary-100::-moz-selection{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-100::selection{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200::-moz-selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200::selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.selection\:text-gray-900::-moz-selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.selection\:text-gray-900::selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900::-moz-selection{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900::selection{color:rgb(20 83 45 / var(--tw-text-opacity, 1))}
.placeholder\:text-gray-400::-moz-placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.placeholder\:text-gray-400::placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.after\:border-gray-300:after{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
.focus-within\:border-primary-300:focus-within{border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}
.focus-within\:border-primary-500:focus-within{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.focus-within\:ring-primary-500:focus-within{--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}
.hover\:border-gray-200:hover{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
.hover\:border-gray-300:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
.hover\:border-gray-400:hover{border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}
.hover\:border-primary-200:hover{border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}
.hover\:border-primary-300:hover{border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}
.hover\:border-primary-400:hover{border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.hover\:border-primary-500:hover{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.hover\:border-teal-300:hover{border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}
.hover\:border-l-primary-500:hover{border-left-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.hover\:bg-gray-100:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-200:hover{background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-300:hover{background-color:rgb(212 212 216 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-50:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-600:hover{background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-700:hover{background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}
.hover\:bg-gray-800:hover{background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-100:hover{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-200:hover{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-50:hover{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-600:hover{background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-700:hover{background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
.hover\:bg-slate-200:hover{background-color:rgb(212 213 217 / var(--tw-bg-opacity, 1))}
.hover\:bg-teal-200:hover{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.hover\:bg-teal-600:hover{background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.hover\:from-primary-600:hover{--tw-gradient-from: #16a34a var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 163 74 / 0) var(--tw-gradient-to-position)}
.hover\:to-primary-700:hover{--tw-gradient-to: #15803d var(--tw-gradient-to-position)}
.hover\:text-gray-500:hover{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.hover\:text-gray-600:hover{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.hover\:text-gray-700:hover{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
.hover\:text-gray-900:hover{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.hover\:text-primary-500:hover{color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.hover\:text-primary-600:hover{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.hover\:text-primary-700:hover{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.hover\:text-primary-800:hover{color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.hover\:text-teal-700:hover{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.hover\:decoration-primary-400:hover{text-decoration-color:#4ade80}
.hover\:shadow-primary-500\/10:hover{--tw-shadow-color: rgb(34 197 94 / .1)}
.hover\:shadow-primary-500\/30:hover{--tw-shadow-color: rgb(34 197 94 / .3)}
.focus\:border-primary-300:focus{border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}
.focus\:border-primary-400:focus{border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.focus\:border-primary-500:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.focus\:text-primary-600:focus{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.focus\:ring-primary-100:focus{--tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-300:focus{--tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-400:focus{--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-500:focus{--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-500\/20:focus{--tw-ring-color: rgb(34 197 94 / .2)}
.focus\:ring-primary-500\/30:focus{--tw-ring-color: rgb(34 197 94 / .3)}
.focus\:ring-primary-500\/40:focus{--tw-ring-color: rgb(34 197 94 / .4)}
.focus-visible\:ring-primary-500:focus-visible{--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}
.focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color: rgb(34 197 94 / .3)}
.active\:bg-teal-700:active{background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
.enabled\:hover\:bg-gray-50:hover:enabled{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
.enabled\:hover\:text-gray-900:hover:enabled{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.enabled\:hover\:ring-gray-300:hover:enabled{--tw-ring-color: rgb(212 212 216 / var(--tw-ring-opacity, 1))}
.disabled\:text-gray-300:disabled{color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.disabled\:text-gray-400:disabled{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.disabled\:hover\:text-gray-300:hover:disabled{color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:border-gray-400{border-color:rgb(161 161 170 / var(--tw-border-opacity, 1))}
.group:hover .group-hover\:bg-primary-50{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:bg-primary-500{background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:text-primary-500{color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-primary-600{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-primary-700{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:ring-primary-100{--tw-ring-color: rgb(220 252 231 / var(--tw-ring-opacity, 1))}
.peer:checked~.peer-checked\:border-primary-500{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.peer:checked~.peer-checked\:bg-primary-500{background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.peer:checked~.peer-checked\:bg-primary-600{background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.peer:checked~.peer-checked\:ring-primary-500{--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}
.peer:focus~.peer-focus\:ring-primary-300{--tw-ring-color: rgb(134 239 172 / var(--tw-ring-opacity, 1))}
.peer:focus-visible~.peer-focus-visible\:outline-primary-500{outline-color:#22c55e}
.dark\:divide-dark-600:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(69 71 79 / var(--tw-divide-opacity, 1))}
.dark\:divide-dark-700:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(46 48 54 / var(--tw-divide-opacity, 1))}
.dark\:divide-dark-800:is(.dark *)>:not([hidden])~:not([hidden]){border-color:rgb(31 32 37 / var(--tw-divide-opacity, 1))}
.dark\:border-dark-400:is(.dark *){border-color:rgb(142 145 154 / var(--tw-border-opacity, 1))}
.dark\:border-dark-500:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
.dark\:border-dark-600:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.dark\:border-dark-700:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.dark\:border-dark-800:is(.dark *){border-color:rgb(31 32 37 / var(--tw-border-opacity, 1))}
.dark\:border-gray-500:is(.dark *){border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}
.dark\:border-gray-600:is(.dark *){border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}
.dark\:border-gray-800:is(.dark *){border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}
.dark\:border-primary-400:is(.dark *){border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.dark\:border-primary-500:is(.dark *){border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.dark\:border-primary-600:is(.dark *){border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}
.dark\:border-primary-700:is(.dark *){border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}
.dark\:border-primary-800:is(.dark *){border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}
.dark\:border-slate-700:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
.dark\:border-teal-400:is(.dark *){border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.dark\:border-b-dark-600:is(.dark *){border-bottom-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.dark\:border-b-gray-700:is(.dark *){border-bottom-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}
.dark\:border-b-gray-900:is(.dark *){border-bottom-color:rgb(24 24 27 / var(--tw-border-opacity, 1))}
.dark\:border-r-gray-800:is(.dark *){border-right-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}
.dark\:border-t-dark-600:is(.dark *){border-top-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.dark\:border-t-gray-700:is(.dark *){border-top-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}
.dark\:border-t-primary-400:is(.dark *){border-top-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.dark\:\!bg-dark-800:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))!important}
.dark\:bg-dark-500:is(.dark *){background-color:rgb(107 110 119 / var(--tw-bg-opacity, 1))}
.dark\:bg-dark-600:is(.dark *){background-color:rgb(69 71 79 / var(--tw-bg-opacity, 1))}
.dark\:bg-dark-700:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.dark\:bg-dark-800:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.dark\:bg-dark-900:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
.dark\:bg-dark-950:is(.dark *){background-color:rgb(15 16 18 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-200:is(.dark *){background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-500:is(.dark *){background-color:rgb(113 113 122 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-600:is(.dark *){background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-700:is(.dark *){background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-800:is(.dark *){background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}
.dark\:bg-gray-900:is(.dark *){background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-300:is(.dark *){background-color:rgb(134 239 172 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-500:is(.dark *){background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-600:is(.dark *){background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-700:is(.dark *){background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-800:is(.dark *){background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-900:is(.dark *){background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-950:is(.dark *){background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-500:is(.dark *){background-color:rgb(107 110 119 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-700:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-800:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-900:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
.dark\:bg-slate-950:is(.dark *){background-color:rgb(15 16 18 / var(--tw-bg-opacity, 1))}
.dark\:bg-teal-900:is(.dark *){background-color:rgb(20 83 45 / var(--tw-bg-opacity, 1))}
.dark\:from-dark-700:is(.dark *){--tw-gradient-from: #2e3036 var(--tw-gradient-from-position);--tw-gradient-to: rgb(46 48 54 / 0) var(--tw-gradient-to-position)}
.dark\:from-dark-900:is(.dark *){--tw-gradient-from: #17181c var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 24 28 / 0) var(--tw-gradient-to-position)}
.dark\:from-dark-950:is(.dark *){--tw-gradient-from: #0f1012 var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 16 18 / 0) var(--tw-gradient-to-position)}
.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from: rgb(20 83 45 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position)}
.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from: rgb(20 83 45 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 83 45 / 0) var(--tw-gradient-to-position)}
.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from: rgb(5 46 22 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 46 22 / 0) var(--tw-gradient-to-position)}
.dark\:from-teal-500\/10:is(.dark *){--tw-gradient-from: rgb(34 197 94 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position)}
.dark\:via-dark-900:is(.dark *){--tw-gradient-to: rgb(23 24 28 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #17181c var(--tw-gradient-via-position), var(--tw-gradient-to)}
.dark\:to-dark-600:is(.dark *){--tw-gradient-to: #45474f var(--tw-gradient-to-position)}
.dark\:to-dark-700:is(.dark *){--tw-gradient-to: #2e3036 var(--tw-gradient-to-position)}
.dark\:to-dark-800:is(.dark *){--tw-gradient-to: #1f2025 var(--tw-gradient-to-position)}
.dark\:to-dark-950:is(.dark *){--tw-gradient-to: #0f1012 var(--tw-gradient-to-position)}
.dark\:to-primary-800\/20:is(.dark *){--tw-gradient-to: rgb(22 101 52 / .2) var(--tw-gradient-to-position)}
.dark\:to-teal-500\/20:is(.dark *){--tw-gradient-to: rgb(34 197 94 / .2) var(--tw-gradient-to-position)}
.dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to: rgb(20 83 45 / .2) var(--tw-gradient-to-position)}
.dark\:text-dark-100:is(.dark *){color:rgb(236 236 238 / var(--tw-text-opacity, 1))}
.dark\:text-dark-200:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
.dark\:text-dark-300:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
.dark\:text-dark-400:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.dark\:text-dark-500:is(.dark *){color:rgb(107 110 119 / var(--tw-text-opacity, 1))}
.dark\:text-dark-600:is(.dark *){color:rgb(69 71 79 / var(--tw-text-opacity, 1))}
.dark\:text-dark-700:is(.dark *){color:rgb(46 48 54 / var(--tw-text-opacity, 1))}
.dark\:text-dark-800:is(.dark *){color:rgb(31 32 37 / var(--tw-text-opacity, 1))}
.dark\:text-gray-100:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
.dark\:text-gray-200:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
.dark\:text-gray-300:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.dark\:text-gray-400:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
.dark\:text-gray-50:is(.dark *){color:rgb(250 250 250 / var(--tw-text-opacity, 1))}
.dark\:text-gray-500:is(.dark *){color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.dark\:text-gray-600:is(.dark *){color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
.dark\:text-gray-900:is(.dark *){color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.dark\:text-primary-100:is(.dark *){color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.dark\:text-primary-200:is(.dark *){color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.dark\:text-primary-300:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.dark\:text-primary-400:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.dark\:text-primary-700:is(.dark *){color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
.dark\:text-primary-800:is(.dark *){color:rgb(22 101 52 / var(--tw-text-opacity, 1))}
.dark\:text-slate-200:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
.dark\:text-slate-300:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
.dark\:text-slate-400:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.dark\:text-teal-200:is(.dark *){color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.dark\:text-teal-300:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.dark\:text-teal-400:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.dark\:decoration-dark-500:is(.dark *){text-decoration-color:#6b6e77}
.dark\:decoration-gray-500:is(.dark *){text-decoration-color:#71717a}
.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))}
.dark\:placeholder-gray-500:is(.dark *)::placeholder{color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))}
.dark\:shadow-primary-500\/20:is(.dark *){--tw-shadow-color: rgb(34 197 94 / .2)}
.dark\:ring-dark-600:is(.dark *){--tw-ring-color: rgb(69 71 79 / var(--tw-ring-opacity, 1))}
.dark\:ring-dark-700:is(.dark *){--tw-ring-color: rgb(46 48 54 / var(--tw-ring-opacity, 1))}
.dark\:ring-dark-800:is(.dark *){--tw-ring-color: rgb(31 32 37 / var(--tw-ring-opacity, 1))}
.dark\:ring-gray-500\/30:is(.dark *){--tw-ring-color: rgb(113 113 122 / .3)}
.dark\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(34 197 94 / .2)}
.dark\:ring-primary-700\/50:is(.dark *){--tw-ring-color: rgb(21 128 61 / .5)}
.dark\:ring-primary-900:is(.dark *){--tw-ring-color: rgb(20 83 45 / var(--tw-ring-opacity, 1))}
.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color: rgb(20 83 45 / .4)}
.dark\:ring-slate-500\/30:is(.dark *){--tw-ring-color: rgb(107 110 119 / .3)}
.dark\:ring-slate-700\/70:is(.dark *){--tw-ring-color: rgb(46 48 54 / .7)}
.dark\:selection\:bg-primary-200 *:is(.dark *)::-moz-selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-200 *:is(.dark *)::selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.dark\:selection\:text-gray-900 *:is(.dark *)::-moz-selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-gray-900 *:is(.dark *)::selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100 *:is(.dark *)::-moz-selection{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100 *:is(.dark *)::selection{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.dark\:selection\:bg-primary-200:is(.dark *)::-moz-selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-200:is(.dark *)::selection{background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}
.dark\:selection\:text-gray-900:is(.dark *)::-moz-selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-gray-900:is(.dark *)::selection{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100:is(.dark *)::-moz-selection{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100:is(.dark *)::selection{color:rgb(220 252 231 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-dark-400:is(.dark *)::-moz-placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-dark-400:is(.dark *)::placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-dark-500:is(.dark *)::-moz-placeholder{color:rgb(107 110 119 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-dark-500:is(.dark *)::placeholder{color:rgb(107 110 119 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
.dark\:after\:border-gray-500:is(.dark *):after{border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}
.dark\:after\:border-gray-600:is(.dark *):after{border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}
.dark\:focus-within\:border-primary-700:focus-within:is(.dark *){border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dark-400:hover:is(.dark *){border-color:rgb(142 145 154 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dark-500:hover:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-dark-600:hover:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-gray-600:hover:is(.dark *){border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-400:hover:is(.dark *){border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-500:hover:is(.dark *){border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-700:hover:is(.dark *){border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-800:hover:is(.dark *){border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}
.dark\:hover\:bg-dark-500:hover:is(.dark *){background-color:rgb(107 110 119 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dark-600:hover:is(.dark *){background-color:rgb(69 71 79 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dark-700:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-dark-800:hover:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-200:hover:is(.dark *){background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-gray-700:hover:is(.dark *){background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-primary-500:hover:is(.dark *){background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-primary-800:hover:is(.dark *){background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-teal-500:hover:is(.dark *){background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}
.dark\:hover\:text-dark-200:hover:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dark-300:hover:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-dark-400:hover:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-gray-200:hover:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-gray-300:hover:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-200:hover:is(.dark *){color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-300:hover:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-400:hover:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.dark\:focus\:border-primary-500:focus:is(.dark *){border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.dark\:focus\:border-primary-600:focus:is(.dark *){border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}
.dark\:focus\:bg-dark-800:focus:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.dark\:focus\:bg-dark-900:focus:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
.dark\:focus\:text-primary-400:focus:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
.dark\:focus\:ring-primary-600:focus:is(.dark *){--tw-ring-color: rgb(22 163 74 / var(--tw-ring-opacity, 1))}
.dark\:focus\:ring-primary-900\/40:focus:is(.dark *){--tw-ring-color: rgb(20 83 45 / .4)}
.dark\:focus\:ring-offset-dark-800:focus:is(.dark *){--tw-ring-offset-color: #1f2025}
.dark\:focus-visible\:ring-offset-dark-800:focus-visible:is(.dark *){--tw-ring-offset-color: #1f2025}
.dark\:focus-visible\:ring-offset-dark-900:focus-visible:is(.dark *){--tw-ring-offset-color: #17181c}
.dark\:enabled\:hover\:bg-dark-800:hover:enabled:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
.dark\:disabled\:text-dark-600:disabled:is(.dark *){color:rgb(69 71 79 / var(--tw-text-opacity, 1))}
.dark\:disabled\:hover\:text-dark-600:hover:disabled:is(.dark *){color:rgb(69 71 79 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:text-primary-200:is(.dark *){color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(34 197 94 / .2)}
.peer:checked~.dark\:peer-checked\:border-primary-500:is(.dark *){border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.peer:checked~.peer-checked\:dark\:border-primary-500:is(.dark *){border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}
.peer:focus~.dark\:peer-focus\:ring-primary-800:is(.dark *){--tw-ring-color: rgb(22 101 52 / var(--tw-ring-opacity, 1))}
@media (min-width: 768px){.md\:border-gray-200{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.dark\:md\:border-dark-700:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}}
/* AccountsView */
html .account-tools-menu-item[data-v-d51fc164]{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .account-tools-menu-item[data-v-d51fc164]:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .account-tools-menu-item[data-v-d51fc164]:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
html .account-tools-menu-item[data-v-d51fc164]:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
/* AppHeader */
html .driver-active-element{outline:4px solid rgba(34,197,94,.2)!important}
html .driver-popover.theme-tour-popover{border:1px solid #e4e4e7!important;color:#27272a!important}
html.dark .driver-popover.theme-tour-popover{background-color:#1f2025!important;border-color:#2e3036!important;color:#f4f4f5!important}
html .driver-popover-title-text{color:#18181b!important}
html .theme-tour-popover .driver-popover-close-btn{color:#a1a1aa!important}
html .theme-tour-popover .driver-popover-close-btn:hover{background-color:#f4f4f5!important;color:#52525b!important}
html.dark .theme-tour-popover .driver-popover-close-btn:hover{background-color:#2e3036!important}
html .theme-tour-popover .driver-popover-description{color:#52525b!important}
html.dark .theme-tour-popover .driver-popover-description{color:#b6b8bf!important}
html .theme-tour-popover .driver-popover-footer{background-color:#fafafa!important;border-top:1px solid #f4f4f5!important}
html.dark .theme-tour-popover .driver-popover-footer{background-color:#17181c!important;border-top-color:#1f2025!important}
html .theme-tour-popover .driver-popover-progress-text{color:#71717a!important}
html.dark .theme-tour-popover .driver-popover-progress-text{color:#a1a1aa!important}
html .footer-shortcuts{border-left:1px solid #e4e4e7!important}
html.dark .footer-shortcuts{border-left-color:#2e3036!important}
html .shortcut-item{color:#71717a!important}
html.dark .shortcut-item{color:#8e919a!important}
html .shortcut-item kbd{border:1px solid #e4e4e7!important;color:#52525b!important}
html.dark .shortcut-item kbd{background-color:#1f2025!important;border-color:#45474f!important;color:#b6b8bf!important}
html .theme-tour-popover .driver-popover-next-btn{background-color:#22c55e!important}
html .theme-tour-popover .driver-popover-next-btn:hover{background-color:#16a34a!important}
html .theme-tour-popover .driver-popover-prev-btn{color:#71717a!important;border:1px solid #e4e4e7!important}
html .theme-tour-popover .driver-popover-prev-btn:hover{background-color:#fafafa!important;color:#3f3f46!important}
html.dark .theme-tour-popover .driver-popover-prev-btn{background-color:#1f2025!important;border-color:#45474f!important;color:#a1a1aa!important}
html.dark .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:#1f2025!important}
html.dark .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:#1f2025!important}
html.dark .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:#1f2025!important}
html.dark .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:#1f2025!important}
html .sidebar-section-title[data-v-26e5ed69]:after{background:#e4e4e7}
html.dark .sidebar-section-title[data-v-26e5ed69]:after{background:#3f3f46}
html .overflow-y-auto[data-v-a7323f48]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#b6b8bf,#8e919a)}
html.dark .overflow-y-auto[data-v-a7323f48]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#52525b,#3f3f46)}
html .overflow-y-auto[data-v-a7323f48]::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#8e919a,#6b6e77)}
html.dark .overflow-y-auto[data-v-a7323f48]::-webkit-scrollbar-thumb:hover{background:linear-gradient(to bottom,#71717a,#52525b)}
/* CaptchaChallenge */
html .aliyun-captcha-button[data-v-f958ff23]{border:1px solid rgb(212 212 216);background-color:#fafafa;color:#3f3f46}
html .aliyun-captcha-button[data-v-f958ff23]:hover:not(:disabled){border-color:#a1a1aa;background-color:#f4f4f5}
:root.dark .aliyun-captcha-button[data-v-f958ff23],html.dark .aliyun-captcha-button[data-v-f958ff23]{border-color:#3f3f46;background-color:#27272a;color:#d4d4d8}
:root.dark .aliyun-captcha-button[data-v-f958ff23]:hover:not(:disabled),html.dark .aliyun-captcha-button[data-v-f958ff23]:hover:not(:disabled){border-color:#52525b;background-color:#3f3f46}
/* ChannelStatusView */
html .select-trigger[data-v-34616c70]:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .select-trigger[data-v-34616c70]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-34616c70]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-34616c70]{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .select-trigger[data-v-34616c70]:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .select-trigger[data-v-34616c70]:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .select-trigger[data-v-34616c70]:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-34616c70]:hover:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
html .select-trigger-open[data-v-34616c70]{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .filter-dropdown[data-v-34616c70]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .filter-dropdown[data-v-34616c70]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1));background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .health-unknown[data-v-160eba47]{background:#a1a1aa}
html .pulse-tooltip[data-v-160eba47]{border:1px solid rgb(228 228 231)}
html .pulse-tooltip-line[data-v-160eba47]{color:#52525b}
html .pulse-tooltip-title[data-v-160eba47]{color:#18181b}
html .matrix-floating-tooltip[data-v-160eba47]{border:1px solid rgb(228 228 231)}
html.dark{border-color:#3f3f46;background:#18181b;color:#e4e4e7}
html .matrix-floating-tooltip-line[data-v-160eba47]{color:#52525b}
html.dark{color:#d4d4d8}
html .matrix-floating-tooltip-title[data-v-160eba47]{color:#18181b}
html.dark{color:#f4f4f5}
html .health-unknown[data-v-3e0168ae]{background:#a1a1aa}
/* ChannelsView */
html .channel-tab-active[data-v-9e3b5683]{border-color:rgb(22 163 74 / var(--tw-border-opacity, 1));color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
html .channel-tab-active[data-v-9e3b5683]:is(.dark *){border-color:rgb(74 222 128 / var(--tw-border-opacity, 1));color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
html .channel-tab-inactive[data-v-9e3b5683]{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .channel-tab-inactive[data-v-9e3b5683]:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .channel-tab-inactive[data-v-9e3b5683]:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .channel-tab-inactive[data-v-9e3b5683]:hover:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
/* CustomPageView */
html .toc-sidebar[data-v-00aca232]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .toc-sidebar[data-v-00aca232]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1));background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .toc-header[data-v-00aca232]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .toc-header[data-v-00aca232]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .toc-title[data-v-00aca232]{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .toc-title[data-v-00aca232]:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
html .toc-close-btn[data-v-00aca232]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .toc-close-btn[data-v-00aca232]:hover{background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1));color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .toc-close-btn[data-v-00aca232]:hover:is(.dark *){background-color:rgb(69 71 79 / var(--tw-bg-opacity, 1));color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
html .toc-item[data-v-00aca232]{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .toc-item[data-v-00aca232]:hover{background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1));color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .toc-item[data-v-00aca232]:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
html .toc-item[data-v-00aca232]:hover:is(.dark *){background-color:rgb(69 71 79 / var(--tw-bg-opacity, 1))}
html .toc-item.toc-active[data-v-00aca232]{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
html .toc-item.toc-active[data-v-00aca232]:is(.dark *){color:rgb(74 222 128 / var(--tw-text-opacity, 1))}
html .toc-toggle-btn[data-v-00aca232]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .toc-toggle-btn[data-v-00aca232]:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1));background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .toc-toggle-btn[data-v-00aca232]{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .toc-toggle-btn[data-v-00aca232]:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .toc-toggle-btn[data-v-00aca232]:is(.dark *){color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
html .toc-toggle-btn[data-v-00aca232]:hover:is(.dark *){background-color:rgb(69 71 79 / var(--tw-bg-opacity, 1))}
html .custom-embed-shell[data-v-00aca232]{--tw-gradient-from: #fafafa var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position)}
html .custom-embed-shell[data-v-00aca232]:is(.dark *){--tw-gradient-from: #17181c var(--tw-gradient-from-position);--tw-gradient-to: rgb(23 24 28 / 0) var(--tw-gradient-to-position);--tw-gradient-to: #0f1012 var(--tw-gradient-to-position)}
html .markdown-page-content h1{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .markdown-page-content h1:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .markdown-page-content a{color:rgb(34 197 94 / var(--tw-text-opacity, 1))}
html .markdown-page-content a:hover{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
html .markdown-page-content blockquote{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .markdown-page-content blockquote:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1));color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
html .markdown-page-content th{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .markdown-page-content th:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1));background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .markdown-page-content td{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
html .markdown-page-content td:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
html .markdown-page-content code{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .markdown-page-content code:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .markdown-page-content pre{background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1));color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .markdown-page-content pre:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
html .markdown-page-content hr{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .markdown-page-content hr:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .copy-btn{color:#d4d5d9}
/* DataTable */
html .table-wrapper .table-header[data-v-352b6634]{background-color:#fafafa}
html.dark .table-wrapper .table-header[data-v-352b6634]{background-color:#27272a}
html .sticky-header-cell[data-v-352b6634]{background-color:#fafafa}
html.dark .sticky-header-cell[data-v-352b6634]{background-color:#27272a}
html.dark tbody .sticky-col[data-v-352b6634]{background-color:#18181b}
html tbody tr:hover .sticky-col[data-v-352b6634]{background-color:#fafafa}
html.dark tbody tr:hover .sticky-col[data-v-352b6634]{background-color:#27272a}
@supports (-moz-appearance:none){html .table-wrapper{scrollbar-color:rgba(161,161,170,.5) rgba(0,0,0,.03)!important}html.dark .table-wrapper{scrollbar-color:rgba(82,82,91,.5) rgba(255,255,255,.05)!important}}
/* DateRangePicker */
html .date-picker-trigger[data-v-265519a6]:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .date-picker-trigger[data-v-265519a6]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .date-picker-trigger[data-v-265519a6]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .date-picker-trigger[data-v-265519a6]{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .date-picker-trigger[data-v-265519a6]:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
html .date-picker-trigger[data-v-265519a6]:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .date-picker-trigger[data-v-265519a6]:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
html .date-picker-trigger[data-v-265519a6]:hover:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
html .date-picker-trigger-open[data-v-265519a6]{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .date-picker-icon[data-v-265519a6]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .date-picker-icon[data-v-265519a6]:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .date-picker-chevron[data-v-265519a6]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .date-picker-chevron[data-v-265519a6]:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .date-picker-dropdown[data-v-265519a6]:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .date-picker-dropdown[data-v-265519a6]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .date-picker-dropdown[data-v-265519a6]:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .date-picker-preset[data-v-265519a6]{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .date-picker-preset[data-v-265519a6]:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .date-picker-preset[data-v-265519a6]:hover{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .date-picker-preset[data-v-265519a6]:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .date-picker-preset-active[data-v-265519a6]{background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}
html .date-picker-preset-active[data-v-265519a6]{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
html .date-picker-preset-active[data-v-265519a6]:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
html .date-picker-divider[data-v-265519a6]{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
html .date-picker-divider[data-v-265519a6]:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .date-picker-label[data-v-265519a6]{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .date-picker-label[data-v-265519a6]:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .date-picker-input[data-v-265519a6]{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .date-picker-input[data-v-265519a6]:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .date-picker-input[data-v-265519a6]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .date-picker-input[data-v-265519a6]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .date-picker-input[data-v-265519a6]{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .date-picker-input[data-v-265519a6]:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .date-picker-input[data-v-265519a6]:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .date-picker-apply[data-v-265519a6]{background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}
html .date-picker-apply[data-v-265519a6]:hover{background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}
/* HomeView */
html .terminal-window[data-v-0bb4cbfd]{background:linear-gradient(145deg,#1f2025,#17181c)}
html .terminal-title[data-v-0bb4cbfd]{color:#6b6e77}
html .code-url[data-v-0bb4cbfd]{color:#22c55e}
html .code-comment[data-v-0bb4cbfd]{color:#6b6e77}
/* KeyUsageView */
html .input-ring[data-v-a0ec3d82]:focus{border-color:#22c55e}
html .skeleton[data-v-a0ec3d82]{background:linear-gradient(90deg,#e4e4e7 25%,#f4f4f5,#e4e4e7 75%)}
html.dark{background:linear-gradient(90deg,#2e3036 25%,#1f2025,#2e3036 75%)}
/* LegalDocumentView */
html .legal-document-content[data-v-6726f351] h1{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .legal-document-content[data-v-6726f351] h1:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .legal-document-content[data-v-6726f351] p{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] p:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] a{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] a:hover{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] a:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] a:hover:is(.dark *){color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] li{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] li:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] blockquote{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] blockquote:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1));color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] code{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .legal-document-content[data-v-6726f351] code:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .legal-document-content[data-v-6726f351] pre{background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1));color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .legal-document-content[data-v-6726f351] th{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .legal-document-content[data-v-6726f351] th:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1));background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .legal-document-content[data-v-6726f351] td{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
html .legal-document-content[data-v-6726f351] td:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .legal-document-content[data-v-6726f351] hr{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .legal-document-content[data-v-6726f351] hr:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
/* ModelPlazaView */
html .plaza-description[data-v-10883807] h1,html .plaza-description[data-v-10883807] h2,html .plaza-description[data-v-10883807] h3{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] p{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] p:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] a{color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] a:hover{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] a:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] li{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] li:is(.dark *){color:rgb(212 213 217 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] code{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .plaza-description[data-v-10883807] code:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .plaza-description[data-v-10883807] blockquote{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1));color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .plaza-description[data-v-10883807] blockquote:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1));color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
/* OpsDashboard */
html .custom-scrollbar[data-v-484aa3d3]{scrollbar-color:rgba(161,161,170,.3) transparent}
/* ProxySelector */
html .select-trigger[data-v-560f2a86]:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .select-trigger[data-v-560f2a86]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-560f2a86]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-560f2a86]{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .select-trigger[data-v-560f2a86]:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .select-trigger[data-v-560f2a86]:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .select-trigger[data-v-560f2a86]:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-560f2a86]:hover:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
html .select-trigger-open[data-v-560f2a86]{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .select-trigger-disabled[data-v-560f2a86]{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .select-trigger-disabled[data-v-560f2a86]:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
html .select-icon[data-v-560f2a86]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-icon[data-v-560f2a86]:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .select-dropdown[data-v-560f2a86]:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .select-dropdown[data-v-560f2a86]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .select-dropdown[data-v-560f2a86]:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .select-header[data-v-560f2a86]{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
html .select-header[data-v-560f2a86]:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .select-search-input[data-v-560f2a86]{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .select-search-input[data-v-560f2a86]:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .select-search-input[data-v-560f2a86]::-moz-placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-search-input[data-v-560f2a86]::placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-search-input[data-v-560f2a86]:is(.dark *)::-moz-placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .select-search-input[data-v-560f2a86]:is(.dark *)::placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .batch-test-btn[data-v-560f2a86]{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .select-option[data-v-560f2a86]{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .select-option[data-v-560f2a86]:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
html .select-option[data-v-560f2a86]:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .select-option[data-v-560f2a86]:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .select-option-selected[data-v-560f2a86]{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
html .select-option-selected[data-v-560f2a86]{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
html .select-option-selected[data-v-560f2a86]:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
html .select-empty[data-v-560f2a86]{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .select-empty[data-v-560f2a86]:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .test-btn[data-v-560f2a86]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
/* Select */
html .select-trigger[data-v-328e5959]:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .select-trigger[data-v-328e5959]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-328e5959]:is(.dark *){border-color:rgb(69 71 79 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-328e5959]{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .select-trigger[data-v-328e5959]:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .select-trigger[data-v-328e5959]:focus{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .select-trigger[data-v-328e5959]:hover{border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}
html .select-trigger[data-v-328e5959]:hover:is(.dark *){border-color:rgb(107 110 119 / var(--tw-border-opacity, 1))}
html .select-trigger-open[data-v-328e5959]{border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(34 197 94 / .3)}
html .select-trigger-disabled[data-v-328e5959]{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .select-trigger-disabled[data-v-328e5959]:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
html .select-icon[data-v-328e5959]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-icon[data-v-328e5959]:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .select-clear[data-v-328e5959]{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-clear[data-v-328e5959]:hover{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .select-clear[data-v-328e5959]:hover:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal:is(.dark *){background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .select-dropdown-portal:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .select-dropdown-portal .select-search{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}
html .select-dropdown-portal .select-search:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1))}
html .select-dropdown-portal .select-search-input{color:rgb(24 24 27 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-search-input:is(.dark *){color:rgb(244 244 245 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-search-input::-moz-placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-search-input::placeholder{color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-search-input:is(.dark *)::-moz-placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-search-input:is(.dark *)::placeholder{color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option:hover:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-selected{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-selected{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option-selected:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option-focused{background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-focused:is(.dark *){background-color:rgb(46 48 54 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-group{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-group:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-group{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option-group:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-option-group:hover{background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-option-group:hover:is(.dark *){background-color:rgb(23 24 28 / var(--tw-bg-opacity, 1))}
html .select-dropdown-portal .select-empty{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .select-dropdown-portal .select-empty:is(.dark *){color:rgb(142 145 154 / var(--tw-text-opacity, 1))}
/* SettingsView */
html .settings-tab[data-v-7474ba85]{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .settings-tab[data-v-7474ba85]:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
html .settings-tab[data-v-7474ba85]:focus-visible{--tw-ring-color: rgb(34 197 94 / .4)}
html .settings-tab[data-v-7474ba85]:focus-visible:is(.dark *){--tw-ring-offset-color: #17181c}
html .settings-tab-active[data-v-7474ba85]{color:rgb(21 128 61 / var(--tw-text-opacity, 1))}
html .settings-tab-active[data-v-7474ba85]:is(.dark *){color:rgb(187 247 208 / var(--tw-text-opacity, 1))}
html .settings-tab-active[data-v-7474ba85]:after{background:linear-gradient(90deg,#22c55e,#0ea5e9)}
html .settings-tab-icon[data-v-7474ba85]{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .settings-tab-icon[data-v-7474ba85]:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .settings-tab:hover .settings-tab-icon[data-v-7474ba85],html .settings-tab:focus-visible .settings-tab-icon[data-v-7474ba85]{color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .settings-tab:hover .settings-tab-icon[data-v-7474ba85]:is(.dark *),html .settings-tab:focus-visible .settings-tab-icon[data-v-7474ba85]:is(.dark *){color:rgb(228 228 231 / var(--tw-text-opacity, 1))}
html .settings-tab-active .settings-tab-icon[data-v-7474ba85]{background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1));color:rgb(22 163 74 / var(--tw-text-opacity, 1))}
html .settings-tab-active .settings-tab-icon[data-v-7474ba85]:is(.dark *){color:rgb(134 239 172 / var(--tw-text-opacity, 1))}
/* SubscriptionsView */
html .usage-label[data-v-c03c4556]{color:rgb(113 113 122 / var(--tw-text-opacity, 1))}
html .usage-label[data-v-c03c4556]:is(.dark *){color:rgb(161 161 170 / var(--tw-text-opacity, 1))}
html .usage-amount[data-v-c03c4556]{color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .usage-amount[data-v-c03c4556]:is(.dark *){color:rgb(212 212 216 / var(--tw-text-opacity, 1))}
/* TablePageLayout */
html .table-scroll-container[data-v-d8153291]{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}
html .table-scroll-container[data-v-d8153291]:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1));background-color:rgb(31 32 37 / var(--tw-bg-opacity, 1))}
html .table-scroll-container[data-v-d8153291] th{border-color:rgb(228 228 231 / var(--tw-border-opacity, 1));color:rgb(82 82 91 / var(--tw-text-opacity, 1))}
html .table-scroll-container[data-v-d8153291] th:is(.dark *){border-color:rgb(46 48 54 / var(--tw-border-opacity, 1));color:rgb(182 184 191 / var(--tw-text-opacity, 1))}
html .table-scroll-container[data-v-d8153291] td{border-color:rgb(244 244 245 / var(--tw-border-opacity, 1));color:rgb(63 63 70 / var(--tw-text-opacity, 1))}
html .table-scroll-container[data-v-d8153291] td:is(.dark *){border-color:rgb(31 32 37 / var(--tw-border-opacity, 1));color:rgb(212 212 216 / var(--tw-text-opacity, 1))}

/* ============================================================
   控制台外观（参考 ovo1 的版式：白面板、细线、无阴影、大标题、分隔线数据格；配色用首页的鲜绿）
   只改样式，不改功能。挂法：在 </head> 前插一行 <link rel="stylesheet" href="/site-theme/zx-theme.css?v=...">，
   删掉那一行就回到原版。
   选择器前缀 html:root 是为了压过原版同名规则（原版深色模式规则多一级优先级）。
   ============================================================ */

:root {
  --zx-canvas: #f6f7f6;
  --zx-surface: #ffffff;
  --zx-surface-2: #fafafa;
  --zx-fill: #f4f4f5;
  --zx-hover: rgba(10, 10, 10, .045);
  --zx-line: #e8e8eb;
  --zx-line-strong: #dadade;
  --zx-ink: #0a0a0a;
  --zx-ink-2: #27272a;
  --zx-body: #52525b;
  --zx-mute: #71717a;
  --zx-green: #22c55e;
  --zx-green-bright: #4ade80;
  --zx-green-strong: #16a34a;
  --zx-green-deep: #15803d;
  --zx-mint: #dcfce7;
  --zx-mint-2: #f0fdf4;
  --zx-primary: #4ade80;
  --zx-primary-hover: #22c55e;
  --zx-on-primary: #052e16;
  --zx-radius: 12px;
  --zx-radius-sm: 10px;
  --zx-ring: 0 0 0 3px rgba(34, 197, 94, .18);
  --zx-pop-shadow: 0 12px 32px rgba(10, 10, 10, .08), 0 2px 6px rgba(10, 10, 10, .04);
  --zx-sans: "Inter", "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei UI", "Microsoft YaHei", "Noto Sans SC", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --zx-mono: "JetBrains Mono", "SF Mono", "Cascadia Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

/* 深色：石墨灰而不是纯黑，层次靠细线；数值和 gen_remap.py 里的 GRAPHITE 色阶对应 */
html.dark {
  --zx-canvas: #0f1012;
  --zx-surface: #17181c;
  --zx-surface-2: #1f2025;
  --zx-fill: #24252b;
  --zx-hover: rgba(255, 255, 255, .05);
  --zx-line: #2a2c32;
  --zx-line-strong: #3a3c43;
  --zx-ink: #f4f4f5;
  --zx-ink-2: #e4e4e7;
  --zx-body: #b6b8bf;
  --zx-mute: #8e919a;
  --zx-green-strong: #4ade80;
  --zx-green-deep: #86efac;
  --zx-mint: rgba(74, 222, 128, .16);
  --zx-mint-2: rgba(74, 222, 128, .08);
  --zx-ring: 0 0 0 3px rgba(74, 222, 128, .22);
  --zx-pop-shadow: 0 16px 40px rgba(0, 0, 0, .5), 0 0 0 1px #2a2c32;
}

/* ---------- 字体 ---------- */
html:root,
html:root body {
  font-family: var(--zx-sans);
}

html:root .font-mono,
html:root code,
html:root kbd,
html:root pre {
  font-family: var(--zx-mono);
}

/* ---------- 整体：灰底画布 + 右侧白面板 ---------- */
html:root body,
html:root div.min-h-screen:has(> aside.sidebar) {
  background-color: var(--zx-canvas);
}

html:root div.min-h-screen:has(> aside.sidebar) > .bg-mesh-gradient {
  display: none;
}

html:root aside.sidebar ~ div.relative.min-h-screen {
  background-color: var(--zx-surface);
}

@media (min-width: 1024px) {
  html:root aside.sidebar ~ div.relative.min-h-screen {
    margin-top: 8px;
    margin-right: 8px;
    min-height: calc(100vh - 8px);
    background-color: var(--zx-surface);
    border: 1px solid var(--zx-line);
    border-bottom: 0;
    border-radius: 14px 14px 0 0;
  }

  html:root aside.sidebar ~ div.relative.min-h-screen > main {
    padding: 28px 32px 48px;
  }
}

/* ---------- 侧边栏 ---------- */
html:root .sidebar {
  background-color: var(--zx-canvas);
  border-right-color: transparent;
}

html:root .sidebar-header {
  height: 68px;
  border-bottom-color: transparent;
}

html:root .sidebar-logo.sidebar-logo {
  flex: 0 0 32px;
  width: 32px;
  min-width: 32px;
  height: 32px;
  border-radius: 9999px;
  box-shadow: 0 0 0 2px var(--zx-canvas), 0 0 0 4px var(--zx-green-bright);
}

html:root .sidebar-logo.sidebar-logo > img {
  object-fit: cover;
}

html:root .sidebar-brand-title {
  font-size: 15px;
  font-weight: 650;
  letter-spacing: -.01em;
  color: var(--zx-ink);
}

html:root .sidebar-nav {
  padding-top: 8px;
}

html:root .sidebar-link {
  gap: 10px;
  border-radius: 8px;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 13.5px;
  font-weight: 450;
  color: var(--zx-body);
  transition: background-color .15s ease, color .15s ease;
}

html:root .sidebar-link > svg,
html:root .sidebar-link > .sidebar-svg-icon {
  width: 18px;
  height: 18px;
}

html:root .sidebar-link:hover {
  background-color: var(--zx-hover);
  color: var(--zx-ink);
}

html:root .sidebar-link.sidebar-link-active,
html:root .sidebar-link.sidebar-link-active:hover {
  background-color: var(--zx-surface);
  color: var(--zx-ink);
  font-weight: 550;
  box-shadow: 0 1px 2px rgba(10, 10, 10, .05), inset 0 0 0 1px var(--zx-line);
}

html:root .sidebar-link.sidebar-link-active > svg,
html:root .sidebar-link.sidebar-link-active > .sidebar-svg-icon {
  color: var(--zx-green-strong);
}

html:root .sidebar-section-title {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .06em;
  color: var(--zx-mute);
}

html:root .sidebar > .mt-auto {
  border-top-color: transparent;
}

/* 后台自定义菜单的图标（iconfont 这类自带颜色的 SVG）统一跟随文字颜色，深色模式下才看得清 */
html:root .sidebar-svg-icon svg:not([fill="none"]),
html:root .sidebar-svg-icon svg [fill]:not([fill="none"]) {
  fill: currentColor;
}

html:root .sidebar-svg-icon svg [stroke]:not([stroke="none"]) {
  stroke: currentColor;
}

/* ---------- 顶栏 ----------
   电脑宽度下分两行：上面一条细顶栏（左边面包屑，右边余额、通知、文档、语言），下面是页面大标题。
   面包屑要程序在顶栏那层加 data-page-title 属性，没有这个属性就只是不显示，其他照常。
   用户头像菜单挪到侧栏左下角：用 position: fixed 摆过去，页面结构没动。 */
html:root header.glass.sticky {
  background-color: var(--zx-surface);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom: 1px solid var(--zx-line);
}

@media (min-width: 1024px) {
  html:root header.glass.sticky {
    position: relative;
    z-index: 45; /* 高过侧栏（40），左下角的用户菜单才不会被侧栏盖住 */
    border-radius: 14px 14px 0 0;
  }

  html:root header.glass.sticky > div.h-16 {
    display: grid;
    grid-template-columns: auto auto minmax(0, 1fr) auto;
    grid-template-rows: 56px auto;
    align-items: center;
    height: auto;
    padding: 0;
    gap: 0;
  }

  html:root header.glass.sticky > div.h-16 > div:first-child {
    display: contents;
  }

  html:root header.glass.sticky > div.h-16 > div:first-child > div.hidden {
    grid-column: 1 / -1;
    grid-row: 2;
    padding: 28px 32px 24px;
    border-top: 1px solid var(--zx-line);
  }

  html:root header.glass.sticky > div.h-16 > div:last-child {
    grid-column: 4;
    grid-row: 1;
    gap: 2px;
    padding: 0 16px 0 12px;
  }

  html:root header.glass.sticky > div.h-16[data-page-title]::before {
    content: "控制台\2003 ›";
    grid-column: 1;
    grid-row: 1;
    padding: 0 10px 0 24px;
    font-size: 13.5px;
    color: var(--zx-mute);
  }

  html:root[lang^="en"] header.glass.sticky > div.h-16[data-page-title]::before {
    content: "Console\2003 ›";
  }

  html:root header.glass.sticky > div.h-16[data-page-title]::after {
    content: attr(data-page-title);
    grid-column: 2;
    grid-row: 1;
    font-size: 13.5px;
    font-weight: 550;
    color: var(--zx-ink);
  }

  html:root header.glass.sticky h1 {
    font-size: 26px;
    line-height: 1.2;
    font-weight: 650;
    letter-spacing: -.025em;
    color: var(--zx-ink);
  }

  html:root header.glass.sticky h1 + p {
    margin-top: 6px;
    font-size: 13px;
    color: var(--zx-mute);
  }
}

/* 顶栏右侧的小按钮 */
html:root header.glass.sticky > div.h-16 > div:last-child :is(a, button).rounded-lg,
html:root header.glass.sticky > div.h-16 > div:last-child button.rounded-xl {
  border-radius: 8px;
  color: var(--zx-body);
}

/* 余额：直接放在顶栏最前面，「余额 $86.42」两段字，不要底色 */
html:root header .group.relative.bg-primary-50 {
  order: -1;
  gap: 6px;
  margin-right: 6px;
  padding: 6px 8px;
  border-radius: 8px;
  background-color: transparent;
}

html:root header .group.relative.bg-primary-50:hover {
  background-color: var(--zx-hover);
}

html:root header .group.relative.bg-primary-50 > svg {
  display: none;
}

html:root header .group.relative.bg-primary-50 > span.font-semibold {
  font-size: 13.5px;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
  color: var(--zx-ink);
}

html:root header .group.relative.bg-primary-50 > span.font-semibold::before {
  content: "余额";
  margin-right: 6px;
  font-size: 12.5px;
  font-weight: 400;
  color: var(--zx-mute);
}

html:root[lang^="en"] header .group.relative.bg-primary-50 > span.font-semibold::before {
  content: "Balance";
}

/* 头像：黑色圆形 */
html:root header .bg-gradient-to-br.from-primary-500 {
  border-radius: 9999px;
  background-image: none;
  background-color: var(--zx-ink);
  color: var(--zx-surface);
  box-shadow: none;
}

/* 用户菜单：电脑宽度下固定到侧栏左下角，菜单往上弹 */
@media (min-width: 1024px) {
  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) {
    position: fixed;
    left: 12px;
    bottom: 12px;
    z-index: 46;
    width: 232px;
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button {
    width: 100%;
    gap: 10px;
    padding: 8px;
    border-radius: 10px;
    text-align: left;
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button:hover {
    background-color: var(--zx-hover);
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button > div.text-left {
    flex: 1 1 auto;
    min-width: 0;
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button > div.text-left > div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button > div.text-left > div:first-child {
    font-size: 13px;
    font-weight: 600;
    color: var(--zx-ink);
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button > div.text-left > div:last-child {
    font-size: 11.5px;
    color: var(--zx-mute);
  }

  html:root header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) .dropdown {
    top: auto;
    right: auto;
    bottom: calc(100% + 8px);
    left: 0;
    width: 232px;
    margin-top: 0;
    transform-origin: bottom left;
  }

  /* 给左下角的用户条让出位置 */
  html:root .sidebar > .mt-auto {
    padding-bottom: 72px;
  }

  /* 侧栏收起时只留头像 */
  html:root div.min-h-screen:has(> aside.sidebar.w-\[72px\]) header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) {
    width: 48px;
  }

  html:root div.min-h-screen:has(> aside.sidebar.w-\[72px\]) header div.relative:has(> button > .bg-gradient-to-br.from-primary-500) > button > :not(:first-child) {
    display: none;
  }
}

/* ---------- 卡片 ---------- */
html:root .card,
html:root .glass-card,
html:root .card-glass {
  background-color: var(--zx-surface);
  border: 1px solid var(--zx-line);
  border-radius: var(--zx-radius);
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

html:root.dark .card.table-scroll-container {
  background-color: var(--zx-surface);
}

html:root .card-hover:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--zx-line-strong);
}

html:root .card-header {
  border-bottom-color: var(--zx-line);
  padding: 16px 20px;
}

html:root .card-footer {
  border-top-color: var(--zx-line);
}

/* 卡片里的小标题 */
html:root .card h2.text-lg,
html:root .card h3.text-lg {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -.01em;
}

html:root .card h3.text-sm.font-semibold {
  font-size: 14px;
  font-weight: 600;
}

/* ---------- 统计数据格（仪表盘、管理控制台、使用记录）：去掉卡片和彩色图标，换成细线分隔 ----------
   .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) 由 build_theme.py 展开成「直接子元素是带图标小方块的统计卡片」的 .grid。 */
html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) {
  gap: 0;
  border-bottom: 1px solid var(--zx-line);
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) + .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) {
  margin-top: 0;
  border-top: 0;
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 {
  background: transparent;
  border: 0;
  border-left: 1px solid var(--zx-line);
  border-radius: 0;
  padding: 22px 24px;
  align-items: flex-start;
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4:nth-child(2n + 1) {
  border-left-color: transparent;
  padding-left: 4px;
}

@media (min-width: 1024px) {
  html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4:nth-child(2n + 1) {
    border-left-color: var(--zx-line);
    padding-left: 24px;
  }

  html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4:nth-child(4n + 1) {
    border-left-color: transparent;
    padding-left: 4px;
  }
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 > .rounded-lg.p-2:first-child,
html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child {
  display: none;
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 > .flex.items-center.gap-3 {
  align-items: flex-start;
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 p.text-xs.font-medium {
  margin-bottom: 8px;
  font-size: 12.5px;
  font-weight: 500;
  color: var(--zx-mute);
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 p.text-xl.font-bold {
  font-size: 22px;
  line-height: 1.15;
  font-weight: 600;
  letter-spacing: -.02em;
  color: var(--zx-ink);
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child):first-child > .card.p-4 p.text-xl.font-bold {
  font-size: 30px;
  margin-bottom: 6px;
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 :is(.text-emerald-600, .text-purple-600, .text-violet-600, .text-green-600) {
  color: var(--zx-ink);
}

html:root .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child) > .card.p-4 p.text-xs:not(.font-medium) {
  margin-top: 2px;
  line-height: 1.6;
  color: var(--zx-mute);
}

/* 仪表盘余额格下面那行「可用」前加个绿点 */
html:root .space-y-6 > .grid:has(> .card.p-4 > .rounded-lg.p-2:first-child, > .card.p-4 > .flex.items-center.gap-3 > .rounded-lg.p-2:first-child):first-child > .card.p-4:first-child > .flex > div > p.text-xs:last-child::before {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 6px 1px 0;
  border-radius: 9999px;
  background-color: var(--zx-green);
}

/* ---------- 个人资料顶部卡片：黑底身份卡 ---------- */
html:root .card.bg-gradient-to-br.from-primary-50 {
  background: #0b0b0c linear-gradient(135deg, #1c1c1f 0%, #0b0b0c 62%);
  border-color: #0b0b0c;
  color: #fafafa;
}

html:root.dark .card.bg-gradient-to-br.from-primary-50 {
  border-color: var(--zx-line);
}

html:root .card.bg-gradient-to-br.from-primary-50 h2 {
  color: #fafafa;
}

html:root .card.bg-gradient-to-br.from-primary-50 p.text-sm {
  color: #a1a1aa;
}

html:root .card.bg-gradient-to-br.from-primary-50 .rounded-\[1\.75rem\] {
  border-radius: 18px;
  background-image: none;
  background-color: #27272a;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

html:root .card.bg-gradient-to-br.from-primary-50 .rounded-full.ring-1 {
  background-color: rgba(255, 255, 255, .07);
  --tw-ring-color: transparent;
  color: #d4d4d8;
}

html:root .card.bg-gradient-to-br.from-primary-50 .badge-gray {
  background-color: rgba(255, 255, 255, .1);
  color: #e4e4e7;
}

html:root .card.bg-gradient-to-br.from-primary-50 .badge-primary,
html:root .card.bg-gradient-to-br.from-primary-50 .badge-success {
  background-color: rgba(74, 222, 128, .16);
  color: #86efac;
}

html:root .card.bg-gradient-to-br.from-primary-50 .grid > div.rounded-2xl {
  background: transparent;
  border-left: 1px solid rgba(255, 255, 255, .12);
  border-radius: 0;
  box-shadow: none;
  --tw-ring-color: transparent;
  padding-top: 2px;
  padding-bottom: 2px;
}

html:root .card.bg-gradient-to-br.from-primary-50 .grid > div.rounded-2xl p.text-xs {
  letter-spacing: .04em;
  color: #a1a1aa;
}

html:root .card.bg-gradient-to-br.from-primary-50 .grid > div.rounded-2xl p.text-lg {
  font-size: 22px;
  letter-spacing: -.02em;
  color: #fafafa;
}

/* 兑换页等处的余额大卡：首页那种鲜绿底 + 深色字 */
html:root .card.overflow-hidden:has(> .bg-gradient-to-br.from-primary-500.to-primary-600) {
  border-color: transparent;
}

html:root .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600 {
  background: #4ade80;
  color: #052e16;
}

html:root .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600 .bg-white\/20 {
  background-color: rgba(255, 255, 255, .55);
}

html:root .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600 .text-white {
  color: #052e16;
}

html:root .card.overflow-hidden > .bg-gradient-to-br.from-primary-500.to-primary-600 .text-primary-100 {
  color: rgba(5, 46, 22, .72);
}

/* 深色模式下的黑卡：比页面亮一档，再加一圈细线，不然和背景糊在一起 */
html:root.dark .card.bg-gradient-to-br.from-primary-50 {
  background: #202126 linear-gradient(135deg, #2b2c32 0%, #1c1d21 65%);
  border-color: var(--zx-line-strong);
}

/* ---------- 个人资料页：参考站的两列排布（手机上一列） ---------- */
html:root [data-testid="profile-shell"] {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: start;
}

html:root [data-testid="profile-shell"] > div:first-child,
html:root [data-testid="profile-shell"] > div:first-child > div.space-y-6,
html:root [data-testid="profile-main-column"],
html:root [data-testid="profile-side-column"] {
  display: contents;
}

html:root [data-testid="profile-shell"] > :not([hidden]),
html:root [data-testid="profile-shell"] > div:first-child > :not([hidden]),
html:root [data-testid="profile-main-column"] > :not([hidden]),
html:root [data-testid="profile-side-column"] > :not([hidden]) {
  margin-top: 0;
}

/* 顺序：身份卡、用量概览、使用足迹，然后才是资料卡片 */
html:root [data-testid="profile-shell"] > div:first-child > .card:first-child {
  order: -3;
}

html:root [data-testid="profile-shell"] > [data-testid="usage-summary-band"] {
  order: -2;
}

html:root [data-testid="profile-shell"] > [data-testid="usage-footprint"] {
  order: -1;
}

@media (min-width: 1024px) {
  html:root [data-testid="profile-shell"] {
    max-width: 1120px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html:root [data-testid="profile-shell"] > :is([data-testid="usage-summary-band"], [data-testid="usage-footprint"]) {
    grid-column: 1 / -1;
  }

  /* 身份卡、联系卡、改密码、余额提醒占满两列；最后两张（两步验证、通行密钥）各占一列 */
  html:root [data-testid="profile-shell"] > div:first-child > .card:first-child,
  html:root [data-testid="profile-shell"] > .card:not(:nth-last-child(-n + 2)),
  html:root [data-testid="profile-side-column"] > section {
    grid-column: 1 / -1;
  }
}

html:root [data-testid="profile-shell"] .card {
  border-radius: 18px;
}

html:root [data-testid="profile-shell"] .card :is(h2, h3).text-lg {
  font-size: 17px;
  font-weight: 650;
  letter-spacing: -.015em;
}

/* 卡片标题下面不要分隔线，标题和内容连在一起 */
html:root [data-testid="profile-shell"] .card > div.border-b:first-child {
  border-bottom-color: transparent;
  padding-bottom: 4px;
}

/* 资料与头像：头像和昵称上下排，中间一条细线 */
html:root [data-testid="profile-basics-panel"] > .grid {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
}

html:root [data-testid="profile-basics-panel"] > .grid > .rounded-3xl {
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}

html:root [data-testid="profile-basics-panel"] > .grid > .rounded-3xl + .rounded-3xl {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid var(--zx-line);
}

html:root [data-testid="profile-basics-panel"] .bg-gradient-to-br.from-primary-500 {
  border-radius: 16px;
  background-image: none;
  background-color: #18181b;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06);
}

/* 登录方式绑定：每种方式一行，中间细线隔开，不再一格一个框 */
html:root [data-testid="profile-auth-bindings-panel"] div.rounded-2xl.border.p-4 {
  padding: 14px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

html:root [data-testid="profile-auth-bindings-panel"] div.rounded-2xl.border.p-4 + div.rounded-2xl.border.p-4 {
  border-top: 1px solid var(--zx-line);
}

/* 改密码：电脑宽度下三个输入框排一行 */
@media (min-width: 1024px) {
  html:root [data-testid="profile-shell"] form.space-y-4:has(#old_password) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 16px;
    align-items: start;
  }

  html:root [data-testid="profile-shell"] form.space-y-4:has(#old_password) > :not([hidden]) {
    margin-top: 0;
  }

  html:root [data-testid="profile-shell"] form.space-y-4:has(#old_password) > div.flex.justify-end {
    grid-column: 1 / -1;
    padding-top: 16px;
  }
}

/* 资料页的输入框：浅灰底、无边框，聚焦时变白加绿边 */
html:root [data-testid="profile-shell"] .input {
  border-color: transparent;
  background-color: var(--zx-fill);
}

html:root [data-testid="profile-shell"] .input:focus {
  border-color: var(--zx-green);
  background-color: var(--zx-surface);
}

/* 快捷入口：去掉灰底块 */
html:root .card button.group.rounded-xl.bg-gray-50 {
  background-color: transparent;
  border: 1px solid var(--zx-line);
}

html:root .card button.group.rounded-xl.bg-gray-50:hover {
  background-color: var(--zx-surface-2);
  border-color: var(--zx-line-strong);
}

html:root .card button.group.rounded-xl.bg-gray-50 > div.rounded-xl {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color: var(--zx-mint-2);
  transform: none;
}

/* ---------- 渠道状态（渠道监控 v2）----------
   和其他页统一：细线卡片、不要阴影；页内重复的「渠道监控」大标题去掉（顶上已经有页面标题）；
   工具条放不下就换行；概览数字改成和仪表盘一样的分隔线数据格。
   原页面卡片用了 !rounded-3xl !border-0 这类带 ! 的写法，所以这里也得用 !important。 */
html:root div.space-y-6:has(> .card .monitor-toolbar) :is(.card, .stat-card)[class*="!rounded-3xl"] {
  border: 1px solid var(--zx-line) !important;
  border-radius: var(--zx-radius) !important;
  background-color: var(--zx-surface) !important;
  box-shadow: none !important;
}

html:root div.space-y-6:has(> .card .monitor-toolbar) > .card.sticky header.page-header {
  padding: 12px 20px;
  border-bottom-color: var(--zx-line);
}

html:root div.space-y-6:has(> .card .monitor-toolbar) > .card.sticky header.page-header h1.page-title {
  display: none;
}

html:root div.space-y-6:has(> .card .monitor-toolbar) > .card.sticky header.page-header .page-description {
  margin-top: 0;
  font-size: 12.5px;
}

html:root div.space-y-6:has(> .card .monitor-toolbar) .monitor-toolbar {
  flex-wrap: wrap;
  row-gap: 8px;
  overflow: visible;
  padding: 12px 20px;
}

/* 概览数字 */
html:root div.space-y-6:has(> .card .monitor-toolbar) > section.grid:has(> .stat-card) {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
  gap: 0;
  border-top: 1px solid var(--zx-line);
  border-bottom: 1px solid var(--zx-line);
}

html:root div.space-y-6:has(> .card .monitor-toolbar) > section.grid > .stat-card.stat-card {
  min-height: 0 !important;
  padding: 20px 24px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html:root div.space-y-6:has(> .card .monitor-toolbar) > section.grid > .stat-card.stat-card:not(:first-child) {
  border-left: 1px solid var(--zx-line) !important;
}

html:root div.space-y-6:has(> .card .monitor-toolbar) > section.grid > .stat-card.stat-card:first-child {
  padding-left: 4px !important;
}

html:root div.space-y-6:has(> .card .monitor-toolbar) .stat-card .stat-label {
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  color: var(--zx-mute);
}

html:root div.space-y-6:has(> .card .monitor-toolbar) .stat-card .stat-value {
  margin-top: 6px;
  font-size: 28px;
  font-weight: 600;
  letter-spacing: -.02em;
}

/* 错误原因列表里的浅灰块 */
html:root div.space-y-6:has(> .card .monitor-toolbar) .rounded-2xl.bg-gray-50 {
  border-radius: var(--zx-radius-sm);
  background-color: var(--zx-surface-2);
  box-shadow: inset 0 0 0 1px var(--zx-line);
}

/* ---------- 按钮 ---------- */
html:root .btn {
  border-radius: var(--zx-radius-sm);
  font-weight: 500;
  letter-spacing: 0;
}

html:root .btn:focus {
  --tw-ring-color: rgba(34, 197, 94, .35);
}

html:root .btn.btn-primary,
html:root .btn.btn-primary:hover {
  background-image: none;
  box-shadow: none;
}

html:root .btn.btn-primary {
  background-color: var(--zx-primary);
  color: var(--zx-on-primary);
  font-weight: 600;
}

html:root .btn.btn-primary:hover {
  background-color: var(--zx-primary-hover);
}

html:root .btn.btn-secondary {
  background-color: var(--zx-surface);
  border-color: var(--zx-line-strong);
  color: var(--zx-ink-2);
  box-shadow: none;
}

html:root .btn.btn-secondary:hover {
  background-color: var(--zx-surface-2);
}

html:root .btn.btn-ghost:hover {
  background-color: var(--zx-hover);
}

html:root .btn.btn-danger,
html:root .btn.btn-success,
html:root .btn.btn-warning {
  background-image: none;
  box-shadow: none;
}

html:root .btn.btn-danger {
  background-color: #dc2626;
}

html:root .btn.btn-danger:hover {
  background-color: #b91c1c;
}

html:root .btn.btn-success {
  background-color: var(--zx-green-strong);
}

html:root .btn.btn-warning {
  background-color: #d97706;
}

/* ---------- 输入框、下拉框 ---------- */
html:root .input,
html:root .select-trigger.select-trigger {
  border-radius: var(--zx-radius-sm);
  border-color: var(--zx-line-strong);
  background-color: var(--zx-surface);
  box-shadow: none;
}

html:root .input:focus,
html:root .select-trigger.select-trigger:focus,
html:root .select-trigger.select-trigger.select-trigger-open {
  border-color: var(--zx-green);
  box-shadow: var(--zx-ring);
}

html:root .select-dropdown-portal,
html:root .dropdown {
  border-radius: var(--zx-radius);
  border-color: var(--zx-line);
  box-shadow: var(--zx-pop-shadow);
}

html:root .select-dropdown-portal .select-option.select-option-selected {
  background-color: var(--zx-mint-2);
  color: var(--zx-green-deep);
}

/* ---------- 表格 ---------- */
html:root .table-wrapper .table-header,
html:root .sticky-header-cell.sticky-header-cell,
html:root .table th {
  background-color: var(--zx-surface-2);
}

html:root .sticky-header-cell.sticky-header-cell,
html:root .table th {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .02em;
  text-transform: none;
  color: var(--zx-mute);
}

html:root .table-body.table-body,
html:root tbody .sticky-col.sticky-col {
  background-color: var(--zx-surface);
}

html:root .table-container {
  border-color: var(--zx-line);
  border-radius: var(--zx-radius);
}

/* ---------- 徽章、页签、开关 ---------- */
html:root .badge {
  border-radius: 6px;
  padding: 2px 8px;
}

html:root .tabs {
  border-radius: var(--zx-radius-sm);
  background-color: var(--zx-surface-2);
  box-shadow: inset 0 0 0 1px var(--zx-line);
}

html:root .tab {
  border-radius: 7px;
}

html:root .tab.tab-active {
  background-color: var(--zx-surface);
  box-shadow: 0 1px 2px rgba(10, 10, 10, .06), inset 0 0 0 1px var(--zx-line);
}

/* ---------- 弹窗 ---------- */
html:root .modal-overlay,
html:root .dialog-overlay {
  background-color: rgba(10, 10, 10, .32);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}

html:root .modal-content,
html:root .dialog-container {
  border-radius: 16px;
  border: 1px solid var(--zx-line);
  box-shadow: 0 24px 64px rgba(10, 10, 10, .14);
}

html:root .modal-header,
html:root .modal-footer,
html:root .dialog-header,
html:root .dialog-footer {
  border-color: var(--zx-line);
}

html:root .modal-title {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -.01em;
}

/* ---------- 其他 ---------- */
html:root .page-title {
  font-size: 26px;
  font-weight: 650;
  letter-spacing: -.025em;
}

html:root .code {
  border-radius: 6px;
  color: var(--zx-green-deep);
  background-color: var(--zx-mint-2);
}

html:root ::selection {
  background-color: rgba(74, 222, 128, .3);
  color: inherit;
}