.driver-active-element{position:relative!important;z-index:99999999!important;outline:4px solid rgba(85,96,240,.2)!important;border-radius:4px!important}
.theme-tour-popover .driver-popover-next-btn{background-color:#5560F0!important;color:#fff!important;box-shadow:0 1px 2px #0000000d!important}
.theme-tour-popover .driver-popover-next-btn:hover{background-color:#3542E8!important}
.text-gradient[data-v-86388737]{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #3542E8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(53 66 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #5560F0 var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}
.select-trigger[data-v-34616c70]:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.select-trigger-open[data-v-34616c70]{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.select-trigger[data-v-c62534a0]:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.select-trigger-open[data-v-c62534a0]{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.select-option-selected[data-v-c62534a0]{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.select-option-selected[data-v-c62534a0]:is(.dark *){background-color:#232B7A33}
.select-option-selected[data-v-c62534a0]{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.select-option-selected[data-v-c62534a0]:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.select-trigger[data-v-3b119ecb]:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3) }
.select-trigger-open[data-v-3b119ecb]{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3) }
.select-dropdown-portal .select-option-selected{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.select-dropdown-portal .select-option-selected:is(.dark *){background-color:#232B7A33}
.select-dropdown-portal .select-option-selected{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.select-dropdown-portal .select-option-selected:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.settings-tab[data-v-8f71cc0b]:focus-visible{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .4);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff}
.settings-tab-active[data-v-8f71cc0b]{border-color:#C9D0FFcc;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.settings-tab-active[data-v-8f71cc0b]:is(.dark *){border-color:#7F8BFA4d;background-color:#334155f2;--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.settings-tab-active[data-v-8f71cc0b]:after{position:absolute;right:.75rem;bottom:.25rem;left:.75rem;height:2px;border-radius:9999px;content:"";background:linear-gradient(90deg,#5560F0,#0ea5e9)}
.settings-tab-active .settings-tab-icon[data-v-8f71cc0b]{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.settings-tab-active .settings-tab-icon[data-v-8f71cc0b]:is(.dark *){background-color:#7F8BFA1a;--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.date-picker-trigger[data-v-265519a6]:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.date-picker-trigger-open[data-v-265519a6]{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.date-picker-preset-active[data-v-265519a6]{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.date-picker-preset-active[data-v-265519a6]:is(.dark *){background-color:#232B7A4d}
.date-picker-preset-active[data-v-265519a6]{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.date-picker-preset-active[data-v-265519a6]:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.date-picker-input[data-v-265519a6]:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.date-picker-apply[data-v-265519a6]{border-radius:.5rem;padding:.375rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}
.date-picker-apply[data-v-265519a6]:hover{--tw-bg-opacity: 1;background-color:rgb(42 51 196 / var(--tw-bg-opacity, 1))}
.navigation-progress-bar[data-v-0856a86e]{height:100%;width:100%;background:linear-gradient(90deg,transparent 0%,#7F8BFA 20%,#5560F0 50%,#7F8BFA 80%,transparent 100%);animation:progress-slide-0856a86e 1.5s ease-in-out infinite}
:root.dark .navigation-progress-bar[data-v-0856a86e]{background:linear-gradient(90deg,transparent 0%,#5560F0 20%,#7F8BFA 50%,#5560F0 80%,transparent 100%)}
::-moz-selection{background-color:#5560F033;--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
::selection{background-color:#5560F033;--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.btn:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .5);--tw-ring-offset-width: 2px}
.btn-primary{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #5560F0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(85 96 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #3542E8 var(--tw-gradient-to-position);--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(85 96 240 / .25);--tw-shadow: var(--tw-shadow-colored)}
.btn-primary:hover{--tw-gradient-from: #3542E8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(53 66 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #2A33C4 var(--tw-gradient-to-position);--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(85 96 240 / .3);--tw-shadow: var(--tw-shadow-colored)}
.btn-primary:is(.dark *){--tw-shadow-color: rgb(85 96 240 / .2);--tw-shadow: var(--tw-shadow-colored)}
.\!input:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.input:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(85 96 240 / .3)}
.stat-icon-primary{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.stat-icon-primary:is(.dark *){background-color:#232B7A4d;--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.badge-primary{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.badge-primary:is(.dark *){background-color:#232B7A4d;--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.sidebar-link-active{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.sidebar-link-active:is(.dark *){background-color:#232B7A33}
.sidebar-link-active{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.sidebar-link-active:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.sidebar-link-active:hover{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.sidebar-link-active:hover:is(.dark *){background-color:#232B7A4d}
.\!code{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.\!code:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.code{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.code:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.border-cyan-500\/20{border-color:#5560F033}
.border-cyan-500\/30{border-color:#5560F04d}
.border-cyan-500\/35{border-color:#5560F059}
.border-primary-100{--tw-border-opacity: 1;border-color:rgb(227 231 255 / var(--tw-border-opacity, 1))}
.border-primary-100\/80{border-color:#E3E7FFcc}
.border-primary-200{--tw-border-opacity: 1;border-color:rgb(201 208 255 / var(--tw-border-opacity, 1))}
.border-primary-200\/80{border-color:#C9D0FFcc}
.border-primary-300{--tw-border-opacity: 1;border-color:rgb(166 176 255 / var(--tw-border-opacity, 1))}
.border-primary-400{--tw-border-opacity: 1;border-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.border-primary-500{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.border-primary-600{--tw-border-opacity: 1;border-color:rgb(53 66 232 / var(--tw-border-opacity, 1))}
.border-primary-600\/25{border-color:#3542E840}
.border-teal-500{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.border-teal-500\/20{border-color:#5560F033}
.border-teal-500\/30{border-color:#5560F04d}
.border-teal-500\/35{border-color:#5560F059}
.border-t-primary-600{--tw-border-opacity: 1;border-top-color:rgb(53 66 232 / var(--tw-border-opacity, 1))}
.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.bg-cyan-200\/70{background-color:#C9D0FFb3}
.bg-cyan-50{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.bg-cyan-500\/10{background-color:#5560F01a}
.bg-cyan-700{--tw-bg-opacity: 1;background-color:rgb(42 51 196 / var(--tw-bg-opacity, 1))}
.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.bg-primary-200\/50{background-color:#C9D0FF80}
.bg-primary-300\/10{background-color:#A6B0FF1a}
.bg-primary-400{--tw-bg-opacity: 1;background-color:rgb(127 139 250 / var(--tw-bg-opacity, 1))}
.bg-primary-400\/10{background-color:#7F8BFA1a}
.bg-primary-400\/20{background-color:#7F8BFA33}
.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.bg-primary-50\/40{background-color:#F1F3FF66}
.bg-primary-50\/50{background-color:#F1F3FF80}
.bg-primary-50\/60{background-color:#F1F3FF99}
.bg-primary-50\/70{background-color:#F1F3FFb3}
.bg-primary-50\/80{background-color:#F1F3FFcc}
.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(85 96 240 / var(--tw-bg-opacity, 1))}
.bg-primary-500\/10{background-color:#5560F01a}
.bg-primary-500\/15{background-color:#5560F026}
.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1))}
.bg-primary-900\/10{background-color:#232B7A1a}
.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.bg-teal-200\/60{background-color:#C9D0FF99}
.bg-teal-50{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.bg-teal-500{--tw-bg-opacity: 1;background-color:rgb(85 96 240 / var(--tw-bg-opacity, 1))}
.bg-teal-500\/10{background-color:#5560F01a}
.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(85,96,240,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(85,96,240,.03) 1px,transparent 1px)}
.bg-mesh-gradient{background-image:radial-gradient(at 40% 20%,rgba(85,96,240,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(85,96,240,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(85,96,240,.08) 0px,transparent 50%)}
.from-primary-400{--tw-gradient-from: #7F8BFA var(--tw-gradient-from-position);--tw-gradient-to: rgb(127 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-primary-50{--tw-gradient-from: #F1F3FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(241 243 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-primary-500{--tw-gradient-from: #5560F0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(85 96 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-primary-600{--tw-gradient-from: #3542E8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(53 66 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-teal-400{--tw-gradient-from: #7F8BFA var(--tw-gradient-from-position);--tw-gradient-to: rgb(127 139 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-teal-50{--tw-gradient-from: #F1F3FF var(--tw-gradient-from-position);--tw-gradient-to: rgb(241 243 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.from-teal-500{--tw-gradient-from: #5560F0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(85 96 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.via-primary-50\/30{--tw-gradient-to: rgb(241 243 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(241 243 255 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}
.to-cyan-500{--tw-gradient-to: #5560F0 var(--tw-gradient-to-position)}
.to-cyan-600{--tw-gradient-to: #3542E8 var(--tw-gradient-to-position)}
.to-primary-100{--tw-gradient-to: #E3E7FF var(--tw-gradient-to-position)}
.to-primary-500{--tw-gradient-to: #5560F0 var(--tw-gradient-to-position)}
.to-primary-600{--tw-gradient-to: #3542E8 var(--tw-gradient-to-position)}
.to-teal-100{--tw-gradient-to: #E3E7FF var(--tw-gradient-to-position)}
.to-teal-50{--tw-gradient-to: #F1F3FF var(--tw-gradient-to-position)}
.to-teal-500{--tw-gradient-to: #5560F0 var(--tw-gradient-to-position)}
.to-teal-600{--tw-gradient-to: #3542E8 var(--tw-gradient-to-position)}
.text-cyan-100{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.text-cyan-200{--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.text-cyan-300{--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.text-cyan-400{--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.text-cyan-600{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.text-cyan-700{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.text-cyan-800{--tw-text-opacity: 1;color:rgb(37 45 156 / var(--tw-text-opacity, 1))}
.text-cyan-900{--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
.text-primary-100{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.text-primary-200{--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.text-primary-300{--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.text-primary-400{--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.text-primary-500{--tw-text-opacity: 1;color:rgb(85 96 240 / var(--tw-text-opacity, 1))}
.text-primary-600{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.text-primary-600\/90{color:#3542E8e6}
.text-primary-700{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.text-primary-800{--tw-text-opacity: 1;color:rgb(37 45 156 / var(--tw-text-opacity, 1))}
.text-primary-900{--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
.text-teal-100{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.text-teal-200{--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.text-teal-500{--tw-text-opacity: 1;color:rgb(85 96 240 / var(--tw-text-opacity, 1))}
.text-teal-600{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.text-teal-700{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.text-teal-800{--tw-text-opacity: 1;color:rgb(37 45 156 / var(--tw-text-opacity, 1))}
.accent-primary-600{accent-color:#3542E8}
.shadow-glow{--tw-shadow: 0 0 20px rgba(85, 96, 240, .25);--tw-shadow-colored: 0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}
.shadow-primary-500\/20{--tw-shadow-color: rgb(85 96 240 / .2);--tw-shadow: var(--tw-shadow-colored)}
.shadow-primary-500\/25{--tw-shadow-color: rgb(85 96 240 / .25);--tw-shadow: var(--tw-shadow-colored)}
.shadow-primary-500\/30{--tw-shadow-color: rgb(85 96 240 / .3);--tw-shadow: var(--tw-shadow-colored)}
.shadow-primary-600\/20{--tw-shadow-color: rgb(53 66 232 / .2);--tw-shadow: var(--tw-shadow-colored)}
.ring-primary-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(227 231 255 / var(--tw-ring-opacity, 1))}
.ring-primary-200\/80{--tw-ring-color: rgb(201 208 255 / .8)}
.ring-primary-500\/20{--tw-ring-color: rgb(85 96 240 / .2)}
.ring-primary-500\/40{--tw-ring-color: rgb(85 96 240 / .4)}
.text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #5560F0 var(--tw-gradient-from-position);--tw-gradient-to: rgb(85 96 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #64748b var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}
.selection\:bg-primary-100 *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-100 *::selection{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200 *::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200 *::selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.selection\:text-primary-900 *::-moz-selection{--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900 *::selection{--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
.selection\:bg-primary-100::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-100::selection{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.selection\:bg-primary-200::selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.selection\:text-primary-900::-moz-selection{--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
.selection\:text-primary-900::selection{--tw-text-opacity: 1;color:rgb(35 43 122 / var(--tw-text-opacity, 1))}
.focus-within\:border-primary-300:focus-within{--tw-border-opacity: 1;border-color:rgb(166 176 255 / var(--tw-border-opacity, 1))}
.focus-within\:border-primary-500:focus-within{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.focus-within\:ring-primary-500:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(85 96 240 / var(--tw-ring-opacity, 1))}
.hover\:border-primary-200:hover{--tw-border-opacity: 1;border-color:rgb(201 208 255 / var(--tw-border-opacity, 1))}
.hover\:border-primary-300:hover{--tw-border-opacity: 1;border-color:rgb(166 176 255 / var(--tw-border-opacity, 1))}
.hover\:border-primary-400:hover{--tw-border-opacity: 1;border-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.hover\:border-primary-500:hover{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.hover\:border-teal-300:hover{--tw-border-opacity: 1;border-color:rgb(166 176 255 / var(--tw-border-opacity, 1))}
.hover\:border-l-primary-500:hover{--tw-border-opacity: 1;border-left-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.hover\:bg-cyan-200:hover{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-cyan-50:hover{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-cyan-800:hover{--tw-bg-opacity: 1;background-color:rgb(37 45 156 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(227 231 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-200:hover{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-50\/50:hover{background-color:#F1F3FF80}
.hover\:bg-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1))}
.hover\:bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(42 51 196 / var(--tw-bg-opacity, 1))}
.hover\:bg-teal-200:hover{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.hover\:bg-teal-600:hover{--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1))}
.hover\:from-primary-600:hover{--tw-gradient-from: #3542E8 var(--tw-gradient-from-position);--tw-gradient-to: rgb(53 66 232 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.hover\:to-primary-700:hover{--tw-gradient-to: #2A33C4 var(--tw-gradient-to-position)}
.hover\:text-cyan-600:hover{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.hover\:text-primary-500:hover{--tw-text-opacity: 1;color:rgb(85 96 240 / var(--tw-text-opacity, 1))}
.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.hover\:text-primary-800:hover{--tw-text-opacity: 1;color:rgb(37 45 156 / var(--tw-text-opacity, 1))}
.hover\:text-teal-700:hover{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.hover\:decoration-primary-400:hover{text-decoration-color:#7F8BFA}
.hover\:shadow-primary-500\/10:hover{--tw-shadow-color: rgb(85 96 240 / .1);--tw-shadow: var(--tw-shadow-colored)}
.hover\:shadow-primary-500\/30:hover{--tw-shadow-color: rgb(85 96 240 / .3);--tw-shadow: var(--tw-shadow-colored)}
.focus\:border-primary-300:focus{--tw-border-opacity: 1;border-color:rgb(166 176 255 / var(--tw-border-opacity, 1))}
.focus\:border-primary-400:focus{--tw-border-opacity: 1;border-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.focus\:border-primary-500:focus{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.focus\:text-primary-600:focus{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.focus\:ring-primary-100:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(227 231 255 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(166 176 255 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-400:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(127 139 250 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(85 96 240 / var(--tw-ring-opacity, 1))}
.focus\:ring-primary-500\/20:focus{--tw-ring-color: rgb(85 96 240 / .2)}
.focus\:ring-primary-500\/30:focus{--tw-ring-color: rgb(85 96 240 / .3)}
.focus\:ring-primary-500\/40:focus{--tw-ring-color: rgb(85 96 240 / .4)}
.focus-visible\:ring-primary-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(85 96 240 / var(--tw-ring-opacity, 1))}
.focus-visible\:ring-primary-500\/30:focus-visible{--tw-ring-color: rgb(85 96 240 / .3)}
.active\:bg-cyan-900:active{--tw-bg-opacity: 1;background-color:rgb(35 43 122 / var(--tw-bg-opacity, 1))}
.active\:bg-teal-700:active{--tw-bg-opacity: 1;background-color:rgb(42 51 196 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(241 243 255 / var(--tw-bg-opacity, 1))}
.group:hover .group-hover\:text-primary-500{--tw-text-opacity: 1;color:rgb(85 96 240 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-primary-600{--tw-text-opacity: 1;color:rgb(53 66 232 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:text-primary-700{--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.group:hover .group-hover\:ring-primary-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(227 231 255 / var(--tw-ring-opacity, 1))}
.peer:checked~.peer-checked\:border-primary-500{--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.peer:checked~.peer-checked\:bg-primary-50\/60{background-color:#F1F3FF99}
.peer:checked~.peer-checked\:bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(85 96 240 / var(--tw-bg-opacity, 1))}
.peer:checked~.peer-checked\:bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1))}
.peer:checked~.peer-checked\:ring-primary-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(85 96 240 / var(--tw-ring-opacity, 1))}
.peer:focus~.peer-focus\:ring-primary-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(166 176 255 / var(--tw-ring-opacity, 1))}
.peer:focus-visible~.peer-focus-visible\:outline-primary-500{outline-color:#5560F0}
.dark\:border-cyan-500\/20:is(.dark *){border-color:#5560F033}
.dark\:border-cyan-500\/30:is(.dark *){border-color:#5560F04d}
.dark\:border-primary-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.dark\:border-primary-400\/25:is(.dark *){border-color:#7F8BFA40}
.dark\:border-primary-400\/30:is(.dark *){border-color:#7F8BFA4d}
.dark\:border-primary-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.dark\:border-primary-500\/20:is(.dark *){border-color:#5560F033}
.dark\:border-primary-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(53 66 232 / var(--tw-border-opacity, 1))}
.dark\:border-primary-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(42 51 196 / var(--tw-border-opacity, 1))}
.dark\:border-primary-700\/50:is(.dark *){border-color:#2A33C480}
.dark\:border-primary-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 45 156 / var(--tw-border-opacity, 1))}
.dark\:border-primary-800\/50:is(.dark *){border-color:#252D9C80}
.dark\:border-primary-900\/40:is(.dark *){border-color:#232B7A66}
.dark\:border-primary-900\/50:is(.dark *){border-color:#232B7A80}
.dark\:border-teal-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.dark\:border-teal-500\/20:is(.dark *){border-color:#5560F033}
.dark\:border-teal-500\/30:is(.dark *){border-color:#5560F04d}
.dark\:border-t-primary-400:is(.dark *){--tw-border-opacity: 1;border-top-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.dark\:bg-cyan-500\/10:is(.dark *){background-color:#5560F01a}
.dark\:bg-cyan-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1))}
.dark\:bg-cyan-900\/20:is(.dark *){background-color:#232B7A33}
.dark\:bg-cyan-900\/30:is(.dark *){background-color:#232B7A4d}
.dark\:bg-cyan-900\/40:is(.dark *){background-color:#232B7A66}
.dark\:bg-cyan-900\/50:is(.dark *){background-color:#232B7A80}
.dark\:bg-primary-300:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(166 176 255 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-400\/10:is(.dark *){background-color:#7F8BFA1a}
.dark\:bg-primary-500\/10:is(.dark *){background-color:#5560F01a}
.dark\:bg-primary-500\/15:is(.dark *){background-color:#5560F026}
.dark\:bg-primary-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(53 66 232 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-800\/40:is(.dark *){background-color:#252D9C66}
.dark\:bg-primary-900\/10:is(.dark *){background-color:#232B7A1a}
.dark\:bg-primary-900\/20:is(.dark *){background-color:#232B7A33}
.dark\:bg-primary-900\/25:is(.dark *){background-color:#232B7A40}
.dark\:bg-primary-900\/30:is(.dark *){background-color:#232B7A4d}
.dark\:bg-primary-900\/40:is(.dark *){background-color:#232B7A66}
.dark\:bg-primary-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 26 77 / var(--tw-bg-opacity, 1))}
.dark\:bg-primary-950\/20:is(.dark *){background-color:#161A4D33}
.dark\:bg-primary-950\/40:is(.dark *){background-color:#161A4D66}
.dark\:bg-teal-500\/10:is(.dark *){background-color:#5560F01a}
.dark\:bg-teal-500\/15:is(.dark *){background-color:#5560F026}
.dark\:bg-teal-500\/80:is(.dark *){background-color:#5560F0cc}
.dark\:bg-teal-800\/40:is(.dark *){background-color:#252D9C66}
.dark\:bg-teal-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(35 43 122 / var(--tw-bg-opacity, 1))}
.dark\:bg-teal-900\/20:is(.dark *){background-color:#232B7A33}
.dark\:bg-teal-900\/30:is(.dark *){background-color:#232B7A4d}
.dark\:bg-teal-900\/40:is(.dark *){background-color:#232B7A66}
.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from: rgb(35 43 122 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 43 122 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-primary-900\/30:is(.dark *){--tw-gradient-from: rgb(35 43 122 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(35 43 122 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-primary-950\/40:is(.dark *){--tw-gradient-from: rgb(22 26 77 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(22 26 77 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:from-teal-500\/10:is(.dark *){--tw-gradient-from: rgb(85 96 240 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(85 96 240 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}
.dark\:to-primary-800\/20:is(.dark *){--tw-gradient-to: rgb(37 45 156 / .2) var(--tw-gradient-to-position)}
.dark\:to-teal-500\/20:is(.dark *){--tw-gradient-to: rgb(85 96 240 / .2) var(--tw-gradient-to-position)}
.dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to: rgb(35 43 122 / .2) var(--tw-gradient-to-position)}
.dark\:text-cyan-300:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.dark\:text-cyan-400:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.dark\:text-primary-100:is(.dark *){--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.dark\:text-primary-200:is(.dark *){--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.dark\:text-primary-200\/80:is(.dark *){color:#C9D0FFcc}
.dark\:text-primary-300:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.dark\:text-primary-400:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.dark\:text-primary-400\/90:is(.dark *){color:#7F8BFAe6}
.dark\:text-primary-700:is(.dark *){--tw-text-opacity: 1;color:rgb(42 51 196 / var(--tw-text-opacity, 1))}
.dark\:text-primary-800:is(.dark *){--tw-text-opacity: 1;color:rgb(37 45 156 / var(--tw-text-opacity, 1))}
.dark\:text-teal-200:is(.dark *){--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.dark\:text-teal-300:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.dark\:shadow-primary-500\/20:is(.dark *){--tw-shadow-color: rgb(85 96 240 / .2);--tw-shadow: var(--tw-shadow-colored)}
.dark\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(85 96 240 / .2)}
.dark\:ring-primary-700\/50:is(.dark *){--tw-ring-color: rgb(42 51 196 / .5)}
.dark\:ring-primary-900:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(35 43 122 / var(--tw-ring-opacity, 1))}
.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color: rgb(35 43 122 / .4)}
.dark\:selection\:bg-primary-200 *:is(.dark *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-200 *:is(.dark *)::selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-900\/60 *:is(.dark *)::-moz-selection{background-color:#232B7A99}
.dark\:selection\:bg-primary-900\/60 *:is(.dark *)::selection{background-color:#232B7A99}
.dark\:selection\:text-primary-100 *:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100 *:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.dark\:selection\:bg-primary-200:is(.dark *)::-moz-selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-200:is(.dark *)::selection{--tw-bg-opacity: 1;background-color:rgb(201 208 255 / var(--tw-bg-opacity, 1))}
.dark\:selection\:bg-primary-900\/60:is(.dark *)::-moz-selection{background-color:#232B7A99}
.dark\:selection\:bg-primary-900\/60:is(.dark *)::selection{background-color:#232B7A99}
.dark\:selection\:text-primary-100:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.dark\:selection\:text-primary-100:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(227 231 255 / var(--tw-text-opacity, 1))}
.dark\:focus-within\:border-primary-700:focus-within:is(.dark *){--tw-border-opacity: 1;border-color:rgb(42 51 196 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-400:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(127 139 250 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-500:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-500\/30:hover:is(.dark *){border-color:#5560F04d}
.dark\:hover\:border-primary-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(42 51 196 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-primary-800:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 45 156 / var(--tw-border-opacity, 1))}
.dark\:hover\:border-teal-500\/50:hover:is(.dark *){border-color:#5560F080}
.dark\:hover\:bg-cyan-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(85 96 240 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-cyan-900\/30:hover:is(.dark *){background-color:#232B7A4d}
.dark\:hover\:bg-primary-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(85 96 240 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-primary-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 45 156 / var(--tw-bg-opacity, 1))}
.dark\:hover\:bg-primary-900\/20:hover:is(.dark *){background-color:#232B7A33}
.dark\:hover\:bg-primary-900\/30:hover:is(.dark *){background-color:#232B7A4d}
.dark\:hover\:bg-primary-900\/50:hover:is(.dark *){background-color:#232B7A80}
.dark\:hover\:bg-teal-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(85 96 240 / var(--tw-bg-opacity, 1))}
.dark\:hover\:text-cyan-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.dark\:hover\:text-primary-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.dark\:focus\:border-primary-500:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.dark\:focus\:border-primary-600:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(53 66 232 / var(--tw-border-opacity, 1))}
.dark\:focus\:text-primary-400:focus:is(.dark *){--tw-text-opacity: 1;color:rgb(127 139 250 / var(--tw-text-opacity, 1))}
.dark\:focus\:ring-primary-600:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(53 66 232 / var(--tw-ring-opacity, 1))}
.dark\:focus\:ring-primary-900\/40:focus:is(.dark *){--tw-ring-color: rgb(35 43 122 / .4)}
.group:hover .dark\:group-hover\:bg-primary-500\/10:is(.dark *){background-color:#5560F01a}
.group:hover .dark\:group-hover\:text-primary-200:is(.dark *){--tw-text-opacity: 1;color:rgb(201 208 255 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){--tw-text-opacity: 1;color:rgb(166 176 255 / var(--tw-text-opacity, 1))}
.group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(85 96 240 / .2)}
.peer:checked~.dark\:peer-checked\:border-primary-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.peer:checked~.peer-checked\:dark\:border-primary-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(85 96 240 / var(--tw-border-opacity, 1))}
.peer:checked~.dark\:peer-checked\:bg-primary-500\/10:is(.dark *){background-color:#5560F01a}
.peer:focus~.dark\:peer-focus\:ring-primary-800:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(37 45 156 / var(--tw-ring-opacity, 1))}


/* Johozz Console — "Swiss white, one ultramarine"
   Layer 2: geometry, typography, layout chrome.
   Layer 1 (theme-colors.css) recolors the app's own rules; this file loads after it.
   Selector pattern `html X, html.dark X` keeps us above the app's `:is(.dark *)` rules.
*/

@font-face {
  font-family: "Space Grotesk";
  src: url("/theme/fonts/space-grotesk.woff2") format("woff2");
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "JetBrains Mono";
  src: url("/theme/fonts/jetbrains-mono.woff2") format("woff2");
  font-weight: 100 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --jz-accent: #3542e8;
  --jz-accent-hover: #2a33c4;
  --jz-accent-tint: #eef1ff;
  --jz-ink: #17191d;
  --jz-muted: #5b6270;
  --jz-hairline: #e8e8e6;
  --jz-paper: #fafafa;
  --jz-surface: #ffffff;
  --jz-hover: #f4f4f2;
  --jz-radius-card: 12px;
  --jz-radius-ctl: 8px;
  --jz-font-display: "Space Grotesk", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --jz-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
html.dark {
  --jz-accent: #5560f0;
  --jz-accent-hover: #7f8bfa;
  --jz-accent-tint: rgba(85, 96, 240, 0.16);
  --jz-ink: #f2f3f5;
  --jz-muted: #9ba3b0;
  --jz-hairline: #262a31;
  --jz-paper: #0e1013;
  --jz-surface: #15181d;
  --jz-hover: #1c2026;
}

/* ---------- canvas ---------- */
html body, html.dark body {
  background-color: var(--jz-paper);
  color: var(--jz-ink);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
html .bg-mesh-gradient, html.dark .bg-mesh-gradient { background-image: none; }

/* ---------- type ---------- */
html h1, html h2, html h3, html h4,
html.dark h1, html.dark h2, html.dark h3, html.dark h4 {
  font-family: var(--jz-font-display);
  letter-spacing: -0.012em;
  color: var(--jz-ink);
}
html .card .text-2xl, html .card .text-3xl, html .card .text-4xl,
html.dark .card .text-2xl, html.dark .card .text-3xl, html.dark .card .text-4xl {
  font-family: var(--jz-font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.022em;
  font-weight: 500;
}
html code, html kbd, html pre, html samp, html .font-mono,
html.dark code, html.dark kbd, html.dark pre, html.dark samp, html.dark .font-mono {
  font-family: var(--jz-font-mono);
  font-variant-numeric: tabular-nums;
}

/* ---------- sidebar ---------- */
html .sidebar, html.dark .sidebar {
  background-color: var(--jz-surface);
  border-right: 1px solid var(--jz-hairline);
}
html .sidebar .text-xl, html .sidebar .text-lg,
html.dark .sidebar .text-xl, html.dark .sidebar .text-lg {
  font-family: var(--jz-font-display);
  font-weight: 700;
  letter-spacing: -0.03em;
}
html .sidebar-link, html.dark .sidebar-link {
  border-radius: var(--jz-radius-ctl);
  color: var(--jz-muted);
  font-size: 13.5px;
  transition: background-color 120ms ease, color 120ms ease;
}
html .sidebar-link:hover, html.dark .sidebar-link:hover {
  background-color: var(--jz-hover);
  color: var(--jz-ink);
}
html .sidebar-link-active, html.dark .sidebar-link-active,
html .sidebar-link-active:hover, html.dark .sidebar-link-active:hover {
  background-color: var(--jz-accent-tint);
  color: var(--jz-accent);
  font-weight: 600;
  box-shadow: inset 2px 0 0 var(--jz-accent);
}
html .sidebar-link-active svg, html.dark .sidebar-link-active svg { color: var(--jz-accent); }

/* ---------- header ---------- */
html .glass, html.dark .glass {
  background-color: var(--jz-surface);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html header.glass, html.dark header.glass {
  border-bottom: 1px solid var(--jz-hairline);
}
html header h1, html.dark header h1 { letter-spacing: -0.02em; }

/* ---------- cards ---------- */
html .card, html.dark .card {
  background-color: var(--jz-surface);
  border: 1px solid var(--jz-hairline);
  border-radius: var(--jz-radius-card);
  box-shadow: none;
}
html .card-glass, html.dark .card-glass {
  background-color: var(--jz-surface);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

/* ---------- controls ---------- */
html .btn, html.dark .btn {
  border-radius: var(--jz-radius-ctl);
  font-weight: 550;
  transition: background-color 130ms ease, border-color 130ms ease, color 130ms ease;
}
html .btn-primary, html.dark .btn-primary {
  background-image: none;
  background-color: var(--jz-accent);
  color: #ffffff;
  box-shadow: none;
}
html .btn-primary:hover, html.dark .btn-primary:hover {
  background-image: none;
  background-color: var(--jz-accent-hover);
  box-shadow: none;
}
html .btn-primary:disabled, html.dark .btn-primary:disabled { opacity: 0.55; }
html .btn-secondary, html.dark .btn-secondary {
  background-color: var(--jz-surface);
  border: 1px solid var(--jz-hairline);
  color: var(--jz-ink);
  box-shadow: none;
}
html .btn-secondary:hover, html.dark .btn-secondary:hover {
  background-color: var(--jz-hover);
  box-shadow: none;
}
html .btn-danger, html.dark .btn-danger {
  background-image: none;
  background-color: #dc2626;
  box-shadow: none;
}
html .btn-danger:hover, html.dark .btn-danger:hover {
  background-image: none;
  background-color: #b91c1c;
  box-shadow: none;
}
html .input, html .\!input, html.dark .input, html.dark .\!input {
  border-radius: var(--jz-radius-ctl);
  border: 1px solid var(--jz-hairline);
  background-color: var(--jz-surface);
  color: var(--jz-ink);
}
html .input:focus, html .\!input:focus, html.dark .input:focus, html.dark .\!input:focus {
  border-color: var(--jz-accent);
  box-shadow: 0 0 0 3px rgba(53, 66, 232, 0.14);
  outline: none;
}
html .input::placeholder, html.dark .input::placeholder { color: var(--jz-muted); opacity: 0.75; }

/* ---------- tables ---------- */
html .table-header, html.dark .table-header { background-color: var(--jz-paper); }
html th, html.dark th {
  font-size: 12.5px;
  font-weight: 500;
  color: var(--jz-muted);
}
html td, html.dark td { font-variant-numeric: tabular-nums; }
html tbody tr, html.dark tbody tr { border-color: var(--jz-hairline); }

/* ---------- badges ---------- */
html .badge, html.dark .badge { font-weight: 500; letter-spacing: 0.01em; }
html .badge-primary, html.dark .badge-primary {
  background-color: var(--jz-accent-tint);
  color: var(--jz-accent);
}

/* ---------- overlays keep elevation, nothing else does ---------- */
html .shadow-xl, html .shadow-2xl, html.dark .shadow-xl, html.dark .shadow-2xl {
  --tw-shadow-color: rgb(23 25 29 / 0.14);
}

/* ---------- accessibility & motion ---------- */
html :focus-visible, html.dark :focus-visible {
  outline: 2px solid var(--jz-accent);
  outline-offset: 2px;
}
@media (prefers-reduced-motion: reduce) {
  html *, html *::before, html *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ---------- refinement pass: one accent, no decoration that isn't information ---------- */
/* Stat values are the hero of a console: grotesk, tabular, tight. */
html .card .text-xl.font-bold, html.dark .card .text-xl.font-bold {
  font-family: var(--jz-font-display);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  font-weight: 600;
}
/* Decorative icon chips go neutral; accent is reserved for actions and the active nav. */
html .card .rounded-lg.p-2:has(> svg), html.dark .card .rounded-lg.p-2:has(> svg) {
  background-color: var(--jz-hover);
}
html .card .rounded-lg.p-2:has(> svg) > svg, html.dark .card .rounded-lg.p-2:has(> svg) > svg {
  color: var(--jz-muted);
}
/* Auth screens: flat card on plain paper, no aurora blobs or grid wallpaper. */
html .shadow-glass, html.dark .shadow-glass { box-shadow: none; }
html [class*="via-primary-50"], html.dark [class*="via-primary-50"] {
  background-image: none;
  background-color: var(--jz-paper);
}
html .rounded-full.blur-3xl, html.dark .rounded-full.blur-3xl { display: none; }
/* Scoped auth chunks re-declare .text-gradient with a teal gradient; force the accent gradient. */
html .text-gradient, html.dark .text-gradient {
  background-image: linear-gradient(100deg, #3542e8 0%, #5560f0 52%, #7a5cf5 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  font-family: var(--jz-font-display);
  letter-spacing: -0.035em;
}
html.dark .text-gradient {
  background-image: linear-gradient(100deg, #7c8bff 0%, #a3abff 55%, #c4b5fd 100%) !important;
}
/* Brand mark follows the accent instead of the old teal. */
html img[src$="logo.svg"], html.dark img[src$="logo.svg"] {
  filter: hue-rotate(48deg) saturate(1.15);
}