.toast-progress[data-v-5ff03eb7]{width:100%;animation-name:toast-progress-shrink-5ff03eb7;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes toast-progress-shrink-5ff03eb7{0%{width:100%}to{width:0%}}.navigation-progress[data-v-0856a86e]{position:fixed;top:0;left:0;right:0;height:3px;z-index:9999;overflow:hidden;background:transparent}.navigation-progress-bar[data-v-0856a86e]{height:100%;width:100%;background:linear-gradient(90deg,transparent 0%,#2dd4bf 20%,#14b8a6 50%,#2dd4bf 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%,#14b8a6 20%,#2dd4bf 50%,#14b8a6 80%,transparent 100%)}@keyframes progress-slide-0856a86e{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-fade-enter-active[data-v-0856a86e]{transition:opacity .15s ease-out}.progress-fade-leave-active[data-v-0856a86e]{transition:opacity .3s ease-out}.progress-fade-enter-from[data-v-0856a86e],.progress-fade-leave-to[data-v-0856a86e]{opacity:0}@media (prefers-reduced-motion: reduce){.navigation-progress-bar[data-v-0856a86e]{animation:progress-pulse-0856a86e 2s ease-in-out infinite}@keyframes progress-pulse-0856a86e{0%,to{opacity:.4}50%{opacity:1}}}.popup-fade-enter-active[data-v-9c091fa4]{transition:all .3s cubic-bezier(.16,1,.3,1)}.popup-fade-leave-active[data-v-9c091fa4]{transition:all .2s cubic-bezier(.4,0,1,1)}.popup-fade-enter-from[data-v-9c091fa4],.popup-fade-leave-to[data-v-9c091fa4]{opacity:0}.popup-fade-enter-from>div[data-v-9c091fa4]{transform:scale(.94) translateY(-12px);opacity:0}.popup-fade-leave-to>div[data-v-9c091fa4]{transform:scale(.96) translateY(-8px);opacity:0}.overflow-y-auto[data-v-9c091fa4]::-webkit-scrollbar{width:8px}.overflow-y-auto[data-v-9c091fa4]::-webkit-scrollbar-track{background:transparent}.overflow-y-auto[data-v-9c091fa4]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#cbd5e1,#94a3b8);border-radius:4px}.dark .overflow-y-auto[data-v-9c091fa4]::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,#4b5563,#374151)}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}*:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}body:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}body{min-height:100vh}@supports (-moz-appearance:none){*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover,*:focus-within{scrollbar-color:rgba(156,163,175,.5) transparent}.dark *:hover,.dark *:focus-within{scrollbar-color:rgba(75,85,99,.5) transparent}}::-webkit-scrollbar{height:.5rem;width:.5rem}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{border-radius:9999px;background-color:transparent;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}*:hover::-webkit-scrollbar-thumb{background-color:#d1d5db80}*:hover:is(.dark *)::-webkit-scrollbar-thumb{background-color:#47556980}*:hover::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}*:hover:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}::-moz-selection{background-color:#14b8a633;--tw-text-opacity: 1;color:rgb(19 78 74 / var(--tw-text-opacity, 1))}::selection{background-color:#14b8a633;--tw-text-opacity: 1;color:rgb(19 78 74 / var(--tw-text-opacity, 1))}:is(.dark *)::-moz-selection{--tw-text-opacity: 1;color:rgb(204 251 241 / var(--tw-text-opacity, 1))}:is(.dark *)::selection{--tw-text-opacity: 1;color:rgb(204 251 241 / var(--tw-text-opacity, 1))}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:.75rem;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,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(20 184 166 / .5);--tw-ring-offset-width: 2px}.btn:disabled{transform:none;cursor:not-allowed;opacity:.5}.btn:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.btn-primary{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0d9488 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(20 184 166 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-primary:hover{--tw-gradient-from: #0d9488 var(--tw-gradient-from-position);--tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #0f766e 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(20 184 166 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-primary:is(.dark *){--tw-shadow-color: rgb(20 184 166 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-secondary{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.btn-secondary:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.btn-secondary{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.btn-secondary:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.btn-secondary{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.btn-secondary:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.btn-secondary{--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)}.btn-secondary:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.btn-secondary:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.btn-secondary:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.btn-secondary:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.btn-ghost{background-color:transparent;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.btn-ghost:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.btn-ghost:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.btn-ghost:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.btn-danger{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #ef4444 var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #dc2626 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(239 68 68 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-danger:hover{--tw-gradient-from: #dc2626 var(--tw-gradient-from-position);--tw-gradient-to: rgb(220 38 38 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #b91c1c 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(239 68 68 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-success{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #059669 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(16 185 129 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-success:hover{--tw-gradient-from: #059669 var(--tw-gradient-from-position);--tw-gradient-to: rgb(5 150 105 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #047857 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(16 185 129 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-success:is(.dark *){--tw-shadow-color: rgb(16 185 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-warning{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #d97706 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(245 158 11 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-warning:hover{--tw-gradient-from: #d97706 var(--tw-gradient-from-position);--tw-gradient-to: rgb(217 119 6 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: #b45309 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(245 158 11 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-warning:is(.dark *){--tw-shadow-color: rgb(245 158 11 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-stripe{--tw-bg-opacity: 1;background-color:rgb(99 91 255 / var(--tw-bg-opacity, 1));--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(99 91 255 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-stripe:hover{--tw-bg-opacity: 1;background-color:rgb(88 81 234 / var(--tw-bg-opacity, 1));--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(99 91 255 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-stripe:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(122 115 255 / var(--tw-bg-opacity, 1));--tw-shadow-color: rgb(122 115 255 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-stripe:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(99 91 255 / var(--tw-bg-opacity, 1))}.btn-airwallex{--tw-bg-opacity: 1;background-color:rgb(20 23 26 / var(--tw-bg-opacity, 1));--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(16 185 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-airwallex:hover{--tw-bg-opacity: 1;background-color:rgb(32 37 42 / var(--tw-bg-opacity, 1));--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(16 185 129 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-airwallex:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(122 240 196 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(3 7 18 / var(--tw-text-opacity, 1));--tw-shadow-color: rgb(16 185 129 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-airwallex:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(98 217 173 / var(--tw-bg-opacity, 1))}.btn-alipay{--tw-bg-opacity: 1;background-color:rgb(0 174 239 / var(--tw-bg-opacity, 1));--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(0 174 239 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-alipay:hover{--tw-bg-opacity: 1;background-color:rgb(0 157 214 / var(--tw-bg-opacity, 1));--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(0 174 239 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-alipay:active{--tw-bg-opacity: 1;background-color:rgb(0 140 190 / var(--tw-bg-opacity, 1))}.btn-alipay:is(.dark *){--tw-shadow-color: rgb(0 174 239 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-wxpay{--tw-bg-opacity: 1;background-color:rgb(43 183 65 / var(--tw-bg-opacity, 1));--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(43 183 65 / .25);--tw-shadow: var(--tw-shadow-colored)}.btn-wxpay:hover{--tw-bg-opacity: 1;background-color:rgb(36 160 56 / var(--tw-bg-opacity, 1));--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(43 183 65 / .3);--tw-shadow: var(--tw-shadow-colored)}.btn-wxpay:active{--tw-bg-opacity: 1;background-color:rgb(29 138 47 / var(--tw-bg-opacity, 1))}.btn-wxpay:is(.dark *){--tw-shadow-color: rgb(43 183 65 / .2);--tw-shadow: var(--tw-shadow-colored)}.btn-sm{border-radius:.5rem;padding:.375rem .75rem;font-size:.75rem;line-height:1rem}.btn-icon{border-radius:.75rem;padding:.625rem}.\!input,.input{width:100%;border-radius:.75rem;padding:.625rem 1rem;font-size:.875rem;line-height:1.25rem}.\!input{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.\!input:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.input{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.input:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.\!input{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.\!input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.input{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.input:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.\!input{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.\!input:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.input{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.input:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.\!input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.\!input::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.\!input:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.\!input:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.input::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.input::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.input:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.input:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.\!input,.input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.\!input:focus{--tw-border-opacity: 1;border-color:rgb(20 184 166 / 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(20 184 166 / .3)}.input:focus{--tw-border-opacity: 1;border-color:rgb(20 184 166 / 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(20 184 166 / .3)}.\!input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.\!input:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.input:disabled{cursor:not-allowed;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.input:disabled:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.input-error{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.input-error:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-ring-color: rgb(239 68 68 / .3)}.input-label{margin-bottom:.375rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.input-label:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.input-hint{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.input-hint:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.input-error-text{margin-top:.25rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.card{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.card:is(.dark *){background-color:#1e293b80}.card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.card:is(.dark *){border-color:#33415580}.card{--tw-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 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);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}.card-glass{background-color:#ffffffb3}.card-glass:is(.dark *){background-color:#1e293bb3}.card-glass{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-width:1px;border-color:#fff3}.card-glass:is(.dark *){border-color:#33415580}.card-glass{--tw-shadow: 0 8px 32px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 8px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.stat-card{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.stat-card:is(.dark *){background-color:#1e293b80}.stat-card{border-radius:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.stat-card:is(.dark *){border-color:#33415580}.stat-card{--tw-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 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);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;padding:1.25rem;display:flex;align-items:flex-start;gap:1rem}.stat-icon{height:3rem;width:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1.75rem}.stat-icon-primary{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.stat-icon-primary:is(.dark *){background-color:#134e4a4d;--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.stat-icon-success{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.stat-icon-success:is(.dark *){background-color:#064e3b4d;--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.stat-icon-warning{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.stat-icon-warning:is(.dark *){background-color:#78350f4d;--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.stat-icon-danger{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.stat-icon-danger:is(.dark *){background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.stat-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;line-height:2rem;font-weight:700;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.stat-value:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.stat-label{font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.stat-label:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.stat-trend{margin-top:.25rem;display:flex;align-items:center;gap:.25rem;font-size:.75rem;line-height:1rem;font-weight:500}.stat-trend-up{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.stat-trend-up:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.stat-trend-down{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.stat-trend-down:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.table{width:100%;font-size:.875rem;line-height:1.25rem}.table th{padding:.75rem 1rem;text-align:left;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.table th:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.table th{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.table th:is(.dark *){background-color:#1e293b80}.table th{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.table th:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.table td{padding:.75rem 1rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.table td:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.table td{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.table td:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.table tr:last-child td{border-bottom-width:0px}.table tbody tr{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.table tbody tr:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.table tbody tr:hover:is(.dark *){background-color:#1e293b4d}.badge{display:inline-flex;align-items:center;gap:.25rem;border-radius:9999px;padding:.125rem .625rem;font-size:.75rem;line-height:1rem;font-weight:500}.badge-primary{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.badge-primary:is(.dark *){background-color:#134e4a4d;--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.badge-success{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.badge-success:is(.dark *){background-color:#064e3b4d;--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.badge-warning{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.badge-warning:is(.dark *){background-color:#78350f4d;--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.badge-danger{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.badge-danger:is(.dark *){background-color:#7f1d1d4d;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.badge-gray{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.badge-gray:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.badge-purple{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.badge-purple:is(.dark *){background-color:#581c874d;--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dropdown{position:absolute;z-index:50;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dropdown:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dropdown{border-radius:.75rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.dropdown:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dropdown{--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);padding-top:.25rem;padding-bottom:.25rem;transform-origin:top right}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown{animation:scaleIn .2s ease-out}.dropdown-item{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.dropdown-item:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dropdown-item:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.dropdown-item:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dropdown-item{cursor:pointer;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;display:flex;align-items:center;gap:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#00000080;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);display:flex;align-items:center;justify-content:center;padding:.5rem}@media (min-width: 640px){.modal-overlay{padding:1rem}}.modal-content{width:100%;max-height:95vh}@media (min-width: 640px){.modal-content{max-height:90vh}}.modal-content{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.modal-content:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.modal-content{border-radius:1rem;--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.modal-content:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.modal-content{display:flex;flex-direction:column}.modal-header{border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem}.modal-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.modal-header{padding:1rem 1.5rem}}.modal-header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-title{font-size:1.125rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.modal-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.modal-body{padding:.75rem 1rem}@media (min-width: 640px){.modal-body{padding:1rem 1.5rem}}.modal-body{flex:1 1 0%;overflow-y:auto}.modal-footer{border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1));padding:.75rem 1rem}.modal-footer:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}@media (min-width: 640px){.modal-footer{padding:1rem 1.5rem}}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-shrink:0}body.modal-open{overflow:hidden}.modal-leave-active{transition:opacity .2s ease-in}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-active .modal-content{transition:transform .25s ease-out,opacity .25s ease-out}.modal-leave-active .modal-content{transition:transform .2s ease-in,opacity .2s ease-in}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:scale(.95);opacity:0}.modal-enter-to .modal-content,.modal-leave-from .modal-content{transform:scale(1);opacity:1}@media (prefers-reduced-motion: reduce){.modal-enter-active,.modal-leave-active,.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition-duration:1ms;transition-delay:0ms}.modal-enter-from .modal-content,.modal-leave-to .modal-content{transform:none}}.toast{position:fixed;right:1rem;top:1rem;z-index:100;min-width:320px;max-width:28rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.toast:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.toast{border-radius:.75rem;--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);border-left-width:4px;padding:1rem}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.toast{animation:slideInRight .3s ease-out}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:40;width:16rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.sidebar:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.sidebar{border-right-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.sidebar:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.sidebar{display:flex;flex-direction:column;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-property:width,transform}.sidebar-header{height:4rem;padding-left:1.5rem;padding-right:1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.sidebar-header:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.sidebar-header{transition:padding .2s ease,gap .2s ease}.sidebar-nav{flex:1 1 0%;overflow-y:auto;padding:1rem .75rem}.sidebar-link{display:flex;align-items:center;gap:.75rem;border-radius:.75rem;padding-top:.625rem;padding-bottom:.625rem;overflow:hidden;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.sidebar-link:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.sidebar-link{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.sidebar-link:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.sidebar-link:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.sidebar-link:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.sidebar-link:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.sidebar-link{padding-left:1.0625rem;padding-right:.875rem}.sidebar-link-active{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.sidebar-link-active:is(.dark *){background-color:#134e4a33}.sidebar-link-active{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.sidebar-link-active:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.sidebar-link-active:hover{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.sidebar-link-active:hover:is(.dark *){background-color:#134e4a4d}.sidebar-section{margin-bottom:1.5rem}.sidebar-section-title{margin-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;font-size:.75rem;line-height:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.sidebar-section-title:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;text-align:center}.empty-state-icon{margin-bottom:1rem;height:4rem;width:4rem;--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.empty-state-icon:is(.dark *){--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.empty-state-title{margin-bottom:.25rem;font-size:1.125rem;line-height:1.75rem;font-weight:500;--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.empty-state-title:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.empty-state-description{max-width:24rem;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.empty-state-description:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.spinner{height:1.25rem;width:1.25rem;border-radius:9999px;border-width:2px;border-color:currentColor;border-top-color:transparent}.spinner{animation:spin 1s linear infinite}.skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.skeleton:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.tabs{display:flex;gap:.25rem;padding:.25rem;border-radius:.75rem;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.tabs:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.tab{border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.tab:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.tab{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.tab:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.tab:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.progress{height:.5rem;overflow:hidden;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.progress:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.switch{position:relative;height:1.5rem;width:2.75rem;cursor:pointer;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.switch:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.switch{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.\!code,.code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875rem;line-height:1.25rem}.\!code{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.\!code:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.code{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.code:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.\!code,.code{border-radius:.25rem;padding:.125rem .375rem}.\!code{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.\!code:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.code{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.code:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.table-wrapper{overflow-x:auto}.table-wrapper thead.sticky{box-shadow:0 1px 3px #0000001a}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.-bottom-1{bottom:-.25rem}.-bottom-1\.5{bottom:-.375rem}.-bottom-4{bottom:-1rem}.-bottom-40{bottom:-10rem}.-left-1{left:-.25rem}.-left-4{left:-1rem}.-left-40{left:-10rem}.-right-1{right:-.25rem}.-right-40{right:-10rem}.-right-8{right:-2rem}.-top-1{top:-.25rem}.-top-40{top:-10rem}.-top-8{top:-2rem}.bottom-0{bottom:0}.bottom-1\/4{bottom:25%}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-1\/3{left:33.333333%}.left-2{left:.5rem}.left-2\.5{left:.625rem}.left-3{left:.75rem}.left-4{left:1rem}.right-0{right:0}.right-1{right:.25rem}.right-1\.5{right:.375rem}.right-1\/4{right:25%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-full{right:100%}.top-0{top:0}.top-1{top:.25rem}.top-1\.5{top:.375rem}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-9{top:2.25rem}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100000020\]{z-index:100000020}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[140\]{z-index:140}.z-\[1\]{z-index:1}.z-\[60\]{z-index:60}.z-\[9998\]{z-index:9998}.z-\[99999\]{z-index:99999}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.-m-1{margin:-.25rem}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-2{margin-left:-.5rem;margin-right:-.5rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-0\.5{margin-top:-.125rem;margin-bottom:-.125rem}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-3{margin-left:.75rem;margin-right:.75rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-7{margin-top:1.75rem;margin-bottom:1.75rem}.my-8{margin-top:2rem;margin-bottom:2rem}.\!mb-0{margin-bottom:0!important}.-mb-px{margin-bottom:-1px}.-ml-1{margin-left:-.25rem}.-mr-2{margin-right:-.5rem}.-mt-2{margin-top:-.5rem}.-mt-3{margin-top:-.75rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-\[2px\]{margin-top:2px}.mt-auto{margin-top:auto}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-row-group{display:table-row-group}.grid{display:grid}.contents{display:contents}.hidden{display:none}.aspect-square{aspect-ratio:1 / 1}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-44{height:11rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-56{height:14rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-96{height:24rem}.h-\[42px\]{height:42px}.h-\[60px\]{height:60px}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-14{max-height:3.5rem}.max-h-32{max-height:8rem}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-52{max-height:13rem}.max-h-60{max-height:15rem}.max-h-64{max-height:16rem}.max-h-72{max-height:18rem}.max-h-80{max-height:20rem}.max-h-96{max-height:24rem}.max-h-\[240px\]{max-height:240px}.max-h-\[28rem\]{max-height:28rem}.max-h-\[360px\]{max-height:360px}.max-h-\[420px\]{max-height:420px}.max-h-\[50vh\]{max-height:50vh}.max-h-\[520px\]{max-height:520px}.max-h-\[58vh\]{max-height:58vh}.max-h-\[600px\]{max-height:600px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[65vh\]{max-height:65vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.min-h-0{min-height:0px}.min-h-20{min-height:5rem}.min-h-24{min-height:6rem}.min-h-32{min-height:8rem}.min-h-44{min-height:11rem}.min-h-\[120px\]{min-height:120px}.min-h-\[2\.5rem\]{min-height:2.5rem}.min-h-\[200px\]{min-height:200px}.min-h-\[280px\]{min-height:280px}.min-h-\[320px\]{min-height:320px}.min-h-\[360px\]{min-height:360px}.min-h-\[68px\]{min-height:68px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/2{width:50%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-2\/3{width:66.666667%}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-36{width:9rem}.w-4{width:1rem}.w-40{width:10rem}.w-44{width:11rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[110px\]{width:110px}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[170px\]{width:170px}.w-\[180px\]{width:180px}.w-\[1px\]{width:1px}.w-\[200px\]{width:200px}.w-\[320px\]{width:320px}.w-\[32px\]{width:32px}.w-\[340px\]{width:340px}.w-\[4\.5rem\]{width:4.5rem}.w-\[72px\]{width:72px}.w-\[80px\]{width:80px}.w-\[88px\]{width:88px}.w-\[min\(20rem\,calc\(100vw-2rem\)\)\]{width:min(20rem,calc(100vw - 2rem))}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.min-w-0{min-width:0px}.min-w-48{min-width:12rem}.min-w-\[120px\]{min-width:120px}.min-w-\[140px\]{min-width:140px}.min-w-\[160px\]{min-width:160px}.min-w-\[180px\]{min-width:180px}.min-w-\[200px\]{min-width:200px}.min-w-\[220px\]{min-width:220px}.min-w-\[260px\]{min-width:260px}.min-w-\[280px\]{min-width:280px}.min-w-\[320px\]{min-width:320px}.min-w-\[380px\]{min-width:380px}.min-w-\[3px\]{min-width:3px}.min-w-\[560px\]{min-width:560px}.min-w-\[6\.75rem\]{min-width:6.75rem}.min-w-\[800px\]{min-width:800px}.min-w-full{min-width:100%}.min-w-max{min-width:-moz-max-content;min-width:max-content}.max-w-24{max-width:6rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-48{max-width:12rem}.max-w-4xl{max-width:56rem}.max-w-56{max-width:14rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-96{max-width:24rem}.max-w-\[100px\]{max-width:100px}.max-w-\[120px\]{max-width:120px}.max-w-\[140px\]{max-width:140px}.max-w-\[160px\]{max-width:160px}.max-w-\[180px\]{max-width:180px}.max-w-\[200px\]{max-width:200px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[24rem\]{max-width:24rem}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[600px\]{max-width:600px}.max-w-\[620px\]{max-width:620px}.max-w-\[680px\]{max-width:680px}.max-w-\[780px\]{max-width:780px}.max-w-\[90vw\]{max-width:90vw}.max-w-\[950px\]{max-width:950px}.max-w-\[min\(22rem\,calc\(100vw-1rem\)\)\]{max-width:min(22rem,calc(100vw - 1rem))}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0px}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.border-separate{border-collapse:separate}.border-spacing-0{--tw-border-spacing-x: 0px;--tw-border-spacing-y: 0px;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y: -100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-3{--tw-translate-x: .75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-5{--tw-translate-x: 1.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-6{--tw-translate-x: 1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-90{--tw-rotate: -90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-help{cursor:help}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.columns-2{-moz-columns:2;columns:2}.columns-3{-moz-columns:3;columns:3}.break-inside-avoid{-moz-column-break-inside:avoid;break-inside:avoid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.place-items-center{place-items:center}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-12{gap:3rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[2px\]{gap:2px}.gap-px{gap:1px}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-y-1{row-gap:.25rem}.gap-y-2{row-gap:.5rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(-1px * var(--tw-space-x-reverse));margin-left:calc(-1px * calc(1 - var(--tw-space-x-reverse)))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.25rem * var(--tw-space-x-reverse));margin-left:calc(.25rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(243 244 246 / var(--tw-divide-opacity, 1))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(229 231 235 / var(--tw-divide-opacity, 1))}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.75rem\]{border-radius:1.75rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.\!rounded-r-none{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-b-lg{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.rounded-b-xl{border-bottom-right-radius:.75rem;border-bottom-left-radius:.75rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-lg{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-\[3px\]{border-width:3px}.border-\[6px\]{border-width:6px}.\!border-r-0{border-right-width:0px!important}.border-b{border-bottom-width:1px}.border-b-0{border-bottom-width:0px}.border-b-2{border-bottom-width:2px}.border-b-\[6px\]{border-bottom-width:6px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-\[6px\]{border-right-width:6px}.border-t{border-top-width:1px}.border-t-0{border-top-width:0px}.border-t-2{border-top-width:2px}.border-t-\[6px\]{border-top-width:6px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-\[\#00AEEF\]{--tw-border-opacity: 1;border-color:rgb(0 174 239 / var(--tw-border-opacity, 1))}.border-\[\#02A9F1\]{--tw-border-opacity: 1;border-color:rgb(2 169 241 / var(--tw-border-opacity, 1))}.border-\[\#09BB07\]{--tw-border-opacity: 1;border-color:rgb(9 187 7 / var(--tw-border-opacity, 1))}.border-\[\#2BB741\]{--tw-border-opacity: 1;border-color:rgb(43 183 65 / var(--tw-border-opacity, 1))}.border-\[\#676BE5\]{--tw-border-opacity: 1;border-color:rgb(103 107 229 / var(--tw-border-opacity, 1))}.border-\[\#FF6B3D\]{--tw-border-opacity: 1;border-color:rgb(255 107 61 / var(--tw-border-opacity, 1))}.border-amber-100\/80{border-color:#fef3c7cc}.border-amber-200{--tw-border-opacity: 1;border-color:rgb(253 230 138 / var(--tw-border-opacity, 1))}.border-amber-300{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.border-amber-400{--tw-border-opacity: 1;border-color:rgb(251 191 36 / var(--tw-border-opacity, 1))}.border-amber-500{--tw-border-opacity: 1;border-color:rgb(245 158 11 / var(--tw-border-opacity, 1))}.border-blue-100{--tw-border-opacity: 1;border-color:rgb(219 234 254 / var(--tw-border-opacity, 1))}.border-blue-200{--tw-border-opacity: 1;border-color:rgb(191 219 254 / var(--tw-border-opacity, 1))}.border-blue-300{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.border-blue-400\/30{border-color:#60a5fa4d}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/20{border-color:#3b82f633}.border-blue-500\/30{border-color:#3b82f64d}.border-current{border-color:currentColor}.border-dark-600{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.border-dark-700\/50{border-color:#33415580}.border-emerald-200{--tw-border-opacity: 1;border-color:rgb(167 243 208 / var(--tw-border-opacity, 1))}.border-emerald-500{--tw-border-opacity: 1;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))}.border-gray-100{--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity, 1))}.border-gray-100\/50{border-color:#f3f4f680}.border-gray-100\/70{border-color:#f3f4f6b3}.border-gray-100\/80{border-color:#f3f4f6cc}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-200\/60{border-color:#e5e7eb99}.border-gray-200\/80{border-color:#e5e7ebcc}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.border-gray-400\/70{border-color:#9ca3afb3}.border-gray-50{--tw-border-opacity: 1;border-color:rgb(249 250 251 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.border-green-200{--tw-border-opacity: 1;border-color:rgb(187 247 208 / var(--tw-border-opacity, 1))}.border-green-300{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.border-green-400{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-green-500\/20{border-color:#22c55e33}.border-green-500\/30{border-color:#22c55e4d}.border-orange-500{--tw-border-opacity: 1;border-color:rgb(249 115 22 / var(--tw-border-opacity, 1))}.border-orange-500\/20{border-color:#f9731633}.border-orange-500\/30{border-color:#f973164d}.border-primary-100{--tw-border-opacity: 1;border-color:rgb(204 251 241 / var(--tw-border-opacity, 1))}.border-primary-100\/80{border-color:#ccfbf1cc}.border-primary-200{--tw-border-opacity: 1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))}.border-primary-200\/80{border-color:#99f6e4cc}.border-primary-300{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity, 1))}.border-primary-400{--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.border-primary-500{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.border-primary-600{--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity, 1))}.border-purple-200{--tw-border-opacity: 1;border-color:rgb(233 213 255 / var(--tw-border-opacity, 1))}.border-purple-500{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.border-purple-500\/20{border-color:#a855f733}.border-purple-500\/30{border-color:#a855f74d}.border-red-200{--tw-border-opacity: 1;border-color:rgb(254 202 202 / var(--tw-border-opacity, 1))}.border-red-400{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.border-sky-100{--tw-border-opacity: 1;border-color:rgb(224 242 254 / var(--tw-border-opacity, 1))}.border-sky-200{--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1))}.border-sky-300{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.border-sky-500{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-500\/30{border-color:#64748b4d}.border-transparent{border-color:transparent}.border-violet-200{--tw-border-opacity: 1;border-color:rgb(221 214 254 / var(--tw-border-opacity, 1))}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/80{border-color:#fffc}.border-yellow-200{--tw-border-opacity: 1;border-color:rgb(254 240 138 / var(--tw-border-opacity, 1))}.border-yellow-300{--tw-border-opacity: 1;border-color:rgb(253 224 71 / var(--tw-border-opacity, 1))}.border-yellow-500{--tw-border-opacity: 1;border-color:rgb(234 179 8 / var(--tw-border-opacity, 1))}.border-b-gray-800{--tw-border-opacity: 1;border-bottom-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.border-b-gray-900{--tw-border-opacity: 1;border-bottom-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-b-transparent{border-bottom-color:transparent}.border-r-gray-900{--tw-border-opacity: 1;border-right-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-t-blue-600{--tw-border-opacity: 1;border-top-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.border-t-gray-900{--tw-border-opacity: 1;border-top-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.border-t-transparent{border-top-color:transparent}.bg-\[\#00AEEF\]{--tw-bg-opacity: 1;background-color:rgb(0 174 239 / var(--tw-bg-opacity, 1))}.bg-\[\#2BB741\]{--tw-bg-opacity: 1;background-color:rgb(43 183 65 / var(--tw-bg-opacity, 1))}.bg-amber-100{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.bg-amber-200\/80{background-color:#fde68acc}.bg-amber-400{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity, 1))}.bg-amber-50{--tw-bg-opacity: 1;background-color:rgb(255 251 235 / var(--tw-bg-opacity, 1))}.bg-amber-500{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity, 1))}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-amber-500\/20{background-color:#f59e0b33}.bg-black\/0{background-color:#0000}.bg-black\/10{background-color:#0000001a}.bg-black\/50{background-color:#00000080}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/80{background-color:#000c}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-blue-200\/60{background-color:#bfdbfe99}.bg-blue-400{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-blue-50\/30{background-color:#eff6ff4d}.bg-blue-50\/50{background-color:#eff6ff80}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-600{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.bg-blue-900\/5{background-color:#1e3a8a0d}.bg-cyan-100{--tw-bg-opacity: 1;background-color:rgb(207 250 254 / var(--tw-bg-opacity, 1))}.bg-dark-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-200\/60{background-color:#a7f3d099}.bg-emerald-50{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/10{background-color:#10b9811a}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-200\/60{background-color:#e5e7eb99}.bg-gray-200\/80{background-color:#e5e7ebcc}.bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.bg-gray-400{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-50\/30{background-color:#f9fafb4d}.bg-gray-50\/50{background-color:#f9fafb80}.bg-gray-50\/70{background-color:#f9fafbb3}.bg-gray-50\/80{background-color:#f9fafbcc}.bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.bg-gray-800\/80{background-color:#1f2937cc}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-gray-950{--tw-bg-opacity: 1;background-color:rgb(3 7 18 / var(--tw-bg-opacity, 1))}.bg-gray-950\/60{background-color:#03071299}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-400{--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-green-50\/50{background-color:#f0fdf480}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-green-500\/20{background-color:#22c55e33}.bg-green-600{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.bg-indigo-100{--tw-bg-opacity: 1;background-color:rgb(224 231 255 / var(--tw-bg-opacity, 1))}.bg-indigo-50{--tw-bg-opacity: 1;background-color:rgb(238 242 255 / var(--tw-bg-opacity, 1))}.bg-indigo-500\/10{background-color:#6366f11a}.bg-lime-100{--tw-bg-opacity: 1;background-color:rgb(236 252 203 / var(--tw-bg-opacity, 1))}.bg-orange-100{--tw-bg-opacity: 1;background-color:rgb(255 237 213 / var(--tw-bg-opacity, 1))}.bg-orange-200\/60{background-color:#fed7aa99}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-orange-500\/10{background-color:#f973161a}.bg-orange-500\/20{background-color:#f9731633}.bg-pink-100{--tw-bg-opacity: 1;background-color:rgb(252 231 243 / var(--tw-bg-opacity, 1))}.bg-primary-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-primary-200\/50{background-color:#99f6e480}.bg-primary-300\/10{background-color:#5eead41a}.bg-primary-400{--tw-bg-opacity: 1;background-color:rgb(45 212 191 / var(--tw-bg-opacity, 1))}.bg-primary-400\/10{background-color:#2dd4bf1a}.bg-primary-400\/20{background-color:#2dd4bf33}.bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.bg-primary-50\/50{background-color:#f0fdfa80}.bg-primary-50\/70{background-color:#f0fdfab3}.bg-primary-50\/80{background-color:#f0fdfacc}.bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.bg-primary-500\/10{background-color:#14b8a61a}.bg-primary-500\/15{background-color:#14b8a626}.bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.bg-purple-100{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.bg-purple-50{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-purple-500\/10{background-color:#a855f71a}.bg-red-100{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.bg-red-200\/80{background-color:#fecacacc}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-rose-50{--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity, 1))}.bg-rose-500{--tw-bg-opacity: 1;background-color:rgb(244 63 94 / var(--tw-bg-opacity, 1))}.bg-rose-500\/20{background-color:#f43f5e33}.bg-sky-100{--tw-bg-opacity: 1;background-color:rgb(224 242 254 / var(--tw-bg-opacity, 1))}.bg-sky-50{--tw-bg-opacity: 1;background-color:rgb(240 249 255 / var(--tw-bg-opacity, 1))}.bg-sky-50\/60{background-color:#f0f9ff99}.bg-sky-500{--tw-bg-opacity: 1;background-color:rgb(14 165 233 / var(--tw-bg-opacity, 1))}.bg-slate-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity, 1))}.bg-slate-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-slate-500\/10{background-color:#64748b1a}.bg-teal-100{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity: 1;background-color:rgb(237 233 254 / var(--tw-bg-opacity, 1))}.bg-violet-200\/60{background-color:#ddd6fe99}.bg-violet-50{--tw-bg-opacity: 1;background-color:rgb(245 243 255 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/20{background-color:#fff3}.bg-white\/40{background-color:#fff6}.bg-white\/50{background-color:#ffffff80}.bg-white\/60{background-color:#fff9}.bg-white\/70{background-color:#ffffffb3}.bg-white\/80{background-color:#fffc}.bg-white\/85{background-color:#ffffffd9}.bg-white\/90{background-color:#ffffffe6}.bg-white\/95{background-color:#fffffff2}.bg-yellow-100{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.bg-yellow-50{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.bg-yellow-500{--tw-bg-opacity: 1;background-color:rgb(234 179 8 / 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(20,184,166,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(20,184,166,.03) 1px,transparent 1px)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.bg-mesh-gradient{background-image:radial-gradient(at 40% 20%,rgba(20,184,166,.12) 0px,transparent 50%),radial-gradient(at 80% 0%,rgba(6,182,212,.08) 0px,transparent 50%),radial-gradient(at 0% 50%,rgba(20,184,166,.08) 0px,transparent 50%)}.from-\[\#635bff\]{--tw-gradient-from: #635bff var(--tw-gradient-from-position);--tw-gradient-to: rgb(99 91 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-400\/20{--tw-gradient-from: rgb(251 191 36 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 191 36 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-50{--tw-gradient-from: #fffbeb var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-50\/80{--tw-gradient-from: rgb(255 251 235 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 251 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-amber-500{--tw-gradient-from: #f59e0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(245 158 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400\/20{--tw-gradient-from: rgb(96 165 250 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50{--tw-gradient-from: #eff6ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50\/50{--tw-gradient-from: rgb(239 246 255 / .5) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-50\/80{--tw-gradient-from: rgb(239 246 255 / .8) var(--tw-gradient-from-position);--tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-400{--tw-gradient-from: #34d399 var(--tw-gradient-from-position);--tw-gradient-to: rgb(52 211 153 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-50{--tw-gradient-from: #ecfdf5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(236 253 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-emerald-500{--tw-gradient-from: #10b981 var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f3f4f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(243 244 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-50{--tw-gradient-from: #f9fafb var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 250 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-500{--tw-gradient-from: #6b7280 var(--tw-gradient-from-position);--tw-gradient-to: rgb(107 114 128 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500{--tw-gradient-from: #22c55e var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-100\/20{--tw-gradient-from: rgb(224 231 255 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-indigo-100\/30{--tw-gradient-from: rgb(224 231 255 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(224 231 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-100\/30{--tw-gradient-from: rgb(255 237 213 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 237 213 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-400{--tw-gradient-from: #fb923c var(--tw-gradient-from-position);--tw-gradient-to: rgb(251 146 60 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-50{--tw-gradient-from: #fff7ed var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-orange-500{--tw-gradient-from: #f97316 var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-400{--tw-gradient-from: #2dd4bf var(--tw-gradient-from-position);--tw-gradient-to: rgb(45 212 191 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-50{--tw-gradient-from: #f0fdfa var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-500{--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-primary-600{--tw-gradient-from: #0d9488 var(--tw-gradient-from-position);--tw-gradient-to: rgb(13 148 136 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-400{--tw-gradient-from: #c084fc var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-400\/20{--tw-gradient-from: rgb(192 132 252 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-50{--tw-gradient-from: #faf5ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500{--tw-gradient-from: #a855f7 var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-rose-500{--tw-gradient-from: #f43f5e var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 63 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-sky-50{--tw-gradient-from: #f0f9ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(240 249 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-yellow-400\/20{--tw-gradient-from: rgb(250 204 21 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 204 21 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-50\/50{--tw-gradient-to: rgb(238 242 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(238 242 255 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-indigo-500{--tw-gradient-to: rgb(99 102 241 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #6366f1 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-50\/50{--tw-gradient-to: rgb(255 247 237 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(255 247 237 / .5) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-orange-500{--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #f97316 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-primary-50\/30{--tw-gradient-to: rgb(240 253 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(240 253 250 / .3) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-white{--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-\[\#4f46e5\]{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-amber-100{--tw-gradient-to: #fef3c7 var(--tw-gradient-to-position)}.to-amber-50\/70{--tw-gradient-to: rgb(255 251 235 / .7) var(--tw-gradient-to-position)}.to-amber-500\/20{--tw-gradient-to: rgb(245 158 11 / .2) var(--tw-gradient-to-position)}.to-black\/70{--tw-gradient-to: rgb(0 0 0 / .7) var(--tw-gradient-to-position)}.to-blue-500{--tw-gradient-to: #3b82f6 var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-emerald-100{--tw-gradient-to: #d1fae5 var(--tw-gradient-to-position)}.to-emerald-500{--tw-gradient-to: #10b981 var(--tw-gradient-to-position)}.to-emerald-600{--tw-gradient-to: #059669 var(--tw-gradient-to-position)}.to-gray-100{--tw-gradient-to: #f3f4f6 var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to: #e5e7eb var(--tw-gradient-to-position)}.to-gray-600{--tw-gradient-to: #4b5563 var(--tw-gradient-to-position)}.to-green-600{--tw-gradient-to: #16a34a var(--tw-gradient-to-position)}.to-indigo-100{--tw-gradient-to: #e0e7ff var(--tw-gradient-to-position)}.to-indigo-50{--tw-gradient-to: #eef2ff var(--tw-gradient-to-position)}.to-indigo-50\/30{--tw-gradient-to: rgb(238 242 255 / .3) var(--tw-gradient-to-position)}.to-indigo-500\/20{--tw-gradient-to: rgb(99 102 241 / .2) var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-orange-500{--tw-gradient-to: #f97316 var(--tw-gradient-to-position)}.to-orange-500\/20{--tw-gradient-to: rgb(249 115 22 / .2) var(--tw-gradient-to-position)}.to-orange-600{--tw-gradient-to: #ea580c var(--tw-gradient-to-position)}.to-pink-500\/20{--tw-gradient-to: rgb(236 72 153 / .2) var(--tw-gradient-to-position)}.to-pink-600{--tw-gradient-to: #db2777 var(--tw-gradient-to-position)}.to-primary-100{--tw-gradient-to: #ccfbf1 var(--tw-gradient-to-position)}.to-primary-500{--tw-gradient-to: #14b8a6 var(--tw-gradient-to-position)}.to-primary-600{--tw-gradient-to: #0d9488 var(--tw-gradient-to-position)}.to-purple-50\/30{--tw-gradient-to: rgb(250 245 255 / .3) var(--tw-gradient-to-position)}.to-purple-500{--tw-gradient-to: #a855f7 var(--tw-gradient-to-position)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.to-teal-50{--tw-gradient-to: #f0fdfa var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-white{--tw-gradient-to: #fff var(--tw-gradient-to-position)}.to-yellow-50\/30{--tw-gradient-to: rgb(254 252 232 / .3) var(--tw-gradient-to-position)}.to-yellow-500{--tw-gradient-to: #eab308 var(--tw-gradient-to-position)}.bg-\[size\:64px_64px\]{background-size:64px 64px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-12{padding:3rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-14{padding-top:3.5rem;padding-bottom:3.5rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0}.pb-1\.5{padding-bottom:.375rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-6{padding-bottom:1.5rem}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-11{padding-left:2.75rem}.pl-12{padding-left:3rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-3\.5{padding-left:.875rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-7{padding-left:1.75rem}.pl-8{padding-left:2rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-1\.5{padding-right:.375rem}.pr-10{padding-right:2.5rem}.pr-11{padding-right:2.75rem}.pr-12{padding-right:3rem}.pr-16{padding-right:4rem}.pr-2{padding-right:.5rem}.pr-2\.5{padding-right:.625rem}.pr-3{padding-right:.75rem}.pr-3\.5{padding-right:.875rem}.pr-4{padding-right:1rem}.pr-8{padding-right:2rem}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-\[6vh\]{padding-top:6vh}.pt-\[8vh\]{padding-top:8vh}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.font-serif{font-family:ui-serif,Georgia,Cambria,Times New Roman,Times,serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12rem\]{font-size:12rem}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[9px\]{font-size:9px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-4{line-height:1rem}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-7{line-height:1.75rem}.leading-\[1\.75\]{line-height:1.75}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.5em\]{letter-spacing:.5em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-400{--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.text-amber-600{--tw-text-opacity: 1;color:rgb(217 119 6 / var(--tw-text-opacity, 1))}.text-amber-600\/70{color:#d97706b3}.text-amber-700{--tw-text-opacity: 1;color:rgb(180 83 9 / var(--tw-text-opacity, 1))}.text-amber-800{--tw-text-opacity: 1;color:rgb(146 64 14 / var(--tw-text-opacity, 1))}.text-blue-100{--tw-text-opacity: 1;color:rgb(219 234 254 / var(--tw-text-opacity, 1))}.text-blue-200{--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-blue-500\/20{color:#3b82f633}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-blue-700\/80{color:#1d4ed8cc}.text-blue-800{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.text-blue-900{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-cyan-300{--tw-text-opacity: 1;color:rgb(103 232 249 / var(--tw-text-opacity, 1))}.text-cyan-400{--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.text-cyan-600{--tw-text-opacity: 1;color:rgb(8 145 178 / var(--tw-text-opacity, 1))}.text-cyan-700{--tw-text-opacity: 1;color:rgb(14 116 144 / var(--tw-text-opacity, 1))}.text-emerald-100{--tw-text-opacity: 1;color:rgb(209 250 229 / var(--tw-text-opacity, 1))}.text-emerald-200{--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.text-emerald-600{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.text-emerald-600\/70{color:#059669b3}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-emerald-800{--tw-text-opacity: 1;color:rgb(6 95 70 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.text-gray-200{--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-gray-950{--tw-text-opacity: 1;color:rgb(3 7 18 / var(--tw-text-opacity, 1))}.text-green-300{--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-green-600{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.text-green-600\/70{color:#16a34ab3}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-green-800{--tw-text-opacity: 1;color:rgb(22 101 52 / var(--tw-text-opacity, 1))}.text-indigo-200{--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.text-indigo-500{--tw-text-opacity: 1;color:rgb(99 102 241 / var(--tw-text-opacity, 1))}.text-indigo-600{--tw-text-opacity: 1;color:rgb(79 70 229 / var(--tw-text-opacity, 1))}.text-indigo-700{--tw-text-opacity: 1;color:rgb(67 56 202 / var(--tw-text-opacity, 1))}.text-indigo-800{--tw-text-opacity: 1;color:rgb(55 48 163 / var(--tw-text-opacity, 1))}.text-lime-600{--tw-text-opacity: 1;color:rgb(101 163 13 / var(--tw-text-opacity, 1))}.text-lime-700{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.text-orange-100{--tw-text-opacity: 1;color:rgb(255 237 213 / var(--tw-text-opacity, 1))}.text-orange-200{--tw-text-opacity: 1;color:rgb(254 215 170 / var(--tw-text-opacity, 1))}.text-orange-400{--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.text-orange-500{--tw-text-opacity: 1;color:rgb(249 115 22 / var(--tw-text-opacity, 1))}.text-orange-600{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-orange-800{--tw-text-opacity: 1;color:rgb(154 52 18 / var(--tw-text-opacity, 1))}.text-pink-600{--tw-text-opacity: 1;color:rgb(219 39 119 / var(--tw-text-opacity, 1))}.text-pink-700{--tw-text-opacity: 1;color:rgb(190 24 93 / var(--tw-text-opacity, 1))}.text-primary-100{--tw-text-opacity: 1;color:rgb(204 251 241 / var(--tw-text-opacity, 1))}.text-primary-200{--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.text-primary-300{--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.text-primary-400{--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.text-primary-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.text-primary-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-primary-600\/90{color:#0d9488e6}.text-primary-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-primary-800{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.text-primary-900{--tw-text-opacity: 1;color:rgb(19 78 74 / var(--tw-text-opacity, 1))}.text-purple-100{--tw-text-opacity: 1;color:rgb(243 232 255 / var(--tw-text-opacity, 1))}.text-purple-200{--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.text-purple-300{--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-purple-600{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.text-purple-700{--tw-text-opacity: 1;color:rgb(126 34 206 / var(--tw-text-opacity, 1))}.text-purple-800{--tw-text-opacity: 1;color:rgb(107 33 168 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-red-500{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-600\/70{color:#dc2626b3}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity, 1))}.text-rose-400{--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.text-rose-500{--tw-text-opacity: 1;color:rgb(244 63 94 / var(--tw-text-opacity, 1))}.text-rose-600{--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-sky-200{--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.text-sky-300{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.text-sky-500{--tw-text-opacity: 1;color:rgb(14 165 233 / var(--tw-text-opacity, 1))}.text-sky-600{--tw-text-opacity: 1;color:rgb(2 132 199 / var(--tw-text-opacity, 1))}.text-sky-700{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.text-sky-800{--tw-text-opacity: 1;color:rgb(7 89 133 / var(--tw-text-opacity, 1))}.text-sky-900{--tw-text-opacity: 1;color:rgb(12 74 110 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-teal-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.text-teal-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.text-teal-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-violet-500{--tw-text-opacity: 1;color:rgb(139 92 246 / var(--tw-text-opacity, 1))}.text-violet-600{--tw-text-opacity: 1;color:rgb(124 58 237 / var(--tw-text-opacity, 1))}.text-violet-700{--tw-text-opacity: 1;color:rgb(109 40 217 / var(--tw-text-opacity, 1))}.text-violet-800{--tw-text-opacity: 1;color:rgb(91 33 182 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-yellow-500{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity, 1))}.text-yellow-600{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.text-yellow-700{--tw-text-opacity: 1;color:rgb(161 98 7 / var(--tw-text-opacity, 1))}.text-yellow-800{--tw-text-opacity: 1;color:rgb(133 77 14 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-blue-600\/30{text-decoration-color:#2563eb4d}.decoration-gray-300{text-decoration-color:#d1d5db}.decoration-gray-400{text-decoration-color:#9ca3af}.decoration-dashed{text-decoration-style:dashed}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.placeholder-gray-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.placeholder-gray-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(156 163 175 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px 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-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px 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-\[0_0_0_2px_rgba\(16\,185\,129\,0\.14\)\]{--tw-shadow: 0 0 0 2px rgba(16,185,129,.14);--tw-shadow-colored: 0 0 0 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)}.shadow-\[0_0_0_2px_rgba\(244\,63\,94\,0\.14\)\]{--tw-shadow: 0 0 0 2px rgba(244,63,94,.14);--tw-shadow-colored: 0 0 0 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)}.shadow-\[0_14px_36px_-20px_rgba\(15\,23\,42\,0\.35\)\]{--tw-shadow: 0 14px 36px -20px rgba(15,23,42,.35);--tw-shadow-colored: 0 14px 36px -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-card{--tw-shadow: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .06);--tw-shadow-colored: 0 1px 3px var(--tw-shadow-color), 0 1px 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)}.shadow-glass{--tw-shadow: 0 8px 32px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 8px 32px 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-glow{--tw-shadow: 0 0 20px rgba(20, 184, 166, .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-inner{--tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / .05);--tw-shadow-colored: inset 0 2px 4px 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)}.shadow-lg{--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)}.shadow-md{--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)}.shadow-none{--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--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)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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-amber-500\/30{--tw-shadow-color: rgb(245 158 11 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-black\/10{--tw-shadow-color: rgb(0 0 0 / .1);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-500\/30{--tw-shadow-color: rgb(59 130 246 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary-500\/20{--tw-shadow-color: rgb(20 184 166 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary-500\/30{--tw-shadow-color: rgb(20 184 166 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-primary-600\/20{--tw-shadow-color: rgb(13 148 136 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-purple-500\/30{--tw-shadow-color: rgb(168 85 247 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + 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)}.ring-0{--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(0px + 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)}.ring-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(1px + 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)}.ring-2{--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)}.ring-4{--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(4px + 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)}.ring-inset{--tw-ring-inset: inset}.ring-amber-500\/30{--tw-ring-color: rgb(245 158 11 / .3)}.ring-amber-600\/20{--tw-ring-color: rgb(217 119 6 / .2)}.ring-black\/10{--tw-ring-color: rgb(0 0 0 / .1)}.ring-black\/5{--tw-ring-color: rgb(0 0 0 / .05)}.ring-blue-600\/20{--tw-ring-color: rgb(37 99 235 / .2)}.ring-gray-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(229 231 235 / var(--tw-ring-opacity, 1))}.ring-gray-600\/10{--tw-ring-color: rgb(75 85 99 / .1)}.ring-gray-600\/20{--tw-ring-color: rgb(75 85 99 / .2)}.ring-gray-900\/5{--tw-ring-color: rgb(17 24 39 / .05)}.ring-green-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.ring-green-600\/20{--tw-ring-color: rgb(22 163 74 / .2)}.ring-orange-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(254 215 170 / var(--tw-ring-opacity, 1))}.ring-orange-500\/30{--tw-ring-color: rgb(249 115 22 / .3)}.ring-primary-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(204 251 241 / var(--tw-ring-opacity, 1))}.ring-primary-500\/20{--tw-ring-color: rgb(20 184 166 / .2)}.ring-primary-500\/40{--tw-ring-color: rgb(20 184 166 / .4)}.ring-purple-600\/20{--tw-ring-color: rgb(147 51 234 / .2)}.ring-red-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.ring-red-500\/20{--tw-ring-color: rgb(239 68 68 / .2)}.ring-red-600\/20{--tw-ring-color: rgb(220 38 38 / .2)}.ring-rose-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(254 205 211 / var(--tw-ring-opacity, 1))}.ring-rose-500\/30{--tw-ring-color: rgb(244 63 94 / .3)}.ring-sky-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(224 242 254 / var(--tw-ring-opacity, 1))}.ring-sky-200{--tw-ring-opacity: 1;--tw-ring-color: rgb(186 230 253 / var(--tw-ring-opacity, 1))}.ring-slate-200\/80{--tw-ring-color: rgb(226 232 240 / .8)}.ring-slate-600\/20{--tw-ring-color: rgb(71 85 105 / .2)}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-white\/70{--tw-ring-color: rgb(255 255 255 / .7)}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-white{--tw-ring-offset-color: #fff}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-2xl{--tw-blur: blur(40px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.blur-3xl{--tw-blur: blur(64px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.brightness-0{--tw-brightness: brightness(0);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur{--tw-backdrop-blur: blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-md{--tw-backdrop-blur: blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-xl{--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #14b8a6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(20 184 166 / 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}.glass{background-color:#fffc;--tw-backdrop-blur: blur(24px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.glass:is(.dark *){background-color:#1e293bcc}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.placeholder\:text-gray-400::-moz-placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.placeholder\:text-gray-400::placeholder{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:h-4:after{content:var(--tw-content);height:1rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-4:after{content:var(--tw-content);width:1rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{content:var(--tw-content);border-radius:9999px}.after\:border:after{content:var(--tw-content);border-width:1px}.after\:border-gray-300:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.after\:bg-white:after{content:var(--tw-content);--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.after\:transition-all:after{content:var(--tw-content);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.after\:content-\[\'\'\]:after{--tw-content: "";content:var(--tw-content)}.first\:mt-0:first-child{margin-top:0}.first\:rounded-l-lg:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.first\:border-0:first-child{border-width:0px}.first\:border-t-0:first-child{border-top-width:0px}.first\:pt-0:first-child{padding-top:0}.last\:rounded-r-lg:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:border-primary-300:focus-within{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity, 1))}.focus-within\:border-primary-500:focus-within{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus-within\:ring-1:focus-within{--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(1px + 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)}.focus-within\:ring-primary-500:focus-within{--tw-ring-opacity: 1;--tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-amber-300:hover{--tw-border-opacity: 1;border-color:rgb(252 211 77 / var(--tw-border-opacity, 1))}.hover\:border-blue-300:hover{--tw-border-opacity: 1;border-color:rgb(147 197 253 / var(--tw-border-opacity, 1))}.hover\:border-emerald-300:hover{--tw-border-opacity: 1;border-color:rgb(110 231 183 / var(--tw-border-opacity, 1))}.hover\:border-gray-200:hover{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.hover\:border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(209 213 219 / var(--tw-border-opacity, 1))}.hover\:border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.hover\:border-green-300:hover{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.hover\:border-orange-300:hover{--tw-border-opacity: 1;border-color:rgb(253 186 116 / var(--tw-border-opacity, 1))}.hover\:border-primary-200:hover{--tw-border-opacity: 1;border-color:rgb(153 246 228 / var(--tw-border-opacity, 1))}.hover\:border-primary-300:hover{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity, 1))}.hover\:border-primary-400:hover{--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.hover\:border-primary-500:hover{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.hover\:border-purple-300:hover{--tw-border-opacity: 1;border-color:rgb(216 180 254 / var(--tw-border-opacity, 1))}.hover\:border-sky-300:hover{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.hover\:border-sky-400:hover{--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.hover\:bg-amber-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 243 199 / var(--tw-bg-opacity, 1))}.hover\:bg-amber-200:hover{--tw-bg-opacity: 1;background-color:rgb(253 230 138 / var(--tw-bg-opacity, 1))}.hover\:bg-black\/70:hover{background-color:#000000b3}.hover\:bg-blue-200:hover{--tw-bg-opacity: 1;background-color:rgb(191 219 254 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-50:hover{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-600:hover{--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.hover\:bg-blue-700:hover{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.hover\:bg-cyan-200:hover{--tw-bg-opacity: 1;background-color:rgb(165 243 252 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-100:hover{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-200:hover{--tw-bg-opacity: 1;background-color:rgb(167 243 208 / var(--tw-bg-opacity, 1))}.hover\:bg-emerald-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 245 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-200:hover{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-50\/40:hover{background-color:#f9fafb66}.hover\:bg-gray-50\/80:hover{background-color:#f9fafbcc}.hover\:bg-gray-600:hover{--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-700:hover{--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-green-200:hover{--tw-bg-opacity: 1;background-color:rgb(187 247 208 / var(--tw-bg-opacity, 1))}.hover\:bg-green-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.hover\:bg-green-600:hover{--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.hover\:bg-green-700:hover{--tw-bg-opacity: 1;background-color:rgb(21 128 61 / var(--tw-bg-opacity, 1))}.hover\:bg-indigo-200:hover{--tw-bg-opacity: 1;background-color:rgb(199 210 254 / var(--tw-bg-opacity, 1))}.hover\:bg-lime-200:hover{--tw-bg-opacity: 1;background-color:rgb(217 249 157 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 215 170 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.hover\:bg-orange-600:hover{--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.hover\:bg-pink-200:hover{--tw-bg-opacity: 1;background-color:rgb(251 207 232 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-100:hover{--tw-bg-opacity: 1;background-color:rgb(204 251 241 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-200:hover{--tw-bg-opacity: 1;background-color:rgb(153 246 228 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50:hover{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-50\/50:hover{background-color:#f0fdfa80}.hover\:bg-primary-600:hover{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.hover\:bg-primary-700:hover{--tw-bg-opacity: 1;background-color:rgb(15 118 110 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 232 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-200:hover{--tw-bg-opacity: 1;background-color:rgb(233 213 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-50:hover{--tw-bg-opacity: 1;background-color:rgb(250 245 255 / var(--tw-bg-opacity, 1))}.hover\:bg-purple-600:hover{--tw-bg-opacity: 1;background-color:rgb(147 51 234 / var(--tw-bg-opacity, 1))}.hover\:bg-red-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 226 226 / var(--tw-bg-opacity, 1))}.hover\:bg-red-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 202 202 / var(--tw-bg-opacity, 1))}.hover\:bg-red-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.hover\:bg-red-600:hover{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:bg-rose-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 205 211 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-200:hover{--tw-bg-opacity: 1;background-color:rgb(186 230 253 / var(--tw-bg-opacity, 1))}.hover\:bg-sky-50\/60:hover{background-color:#f0f9ff99}.hover\:bg-teal-200:hover{--tw-bg-opacity: 1;background-color:rgb(153 246 228 / var(--tw-bg-opacity, 1))}.hover\:bg-violet-200:hover{--tw-bg-opacity: 1;background-color:rgb(221 214 254 / var(--tw-bg-opacity, 1))}.hover\:bg-white:hover{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/60:hover{background-color:#fff9}.hover\:bg-yellow-100:hover{--tw-bg-opacity: 1;background-color:rgb(254 249 195 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-200:hover{--tw-bg-opacity: 1;background-color:rgb(254 240 138 / var(--tw-bg-opacity, 1))}.hover\:bg-yellow-50:hover{--tw-bg-opacity: 1;background-color:rgb(254 252 232 / var(--tw-bg-opacity, 1))}.hover\:text-amber-500:hover{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-blue-500:hover{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.hover\:text-blue-600:hover{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.hover\:text-blue-700:hover{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.hover\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\:text-blue-900:hover{--tw-text-opacity: 1;color:rgb(30 58 138 / var(--tw-text-opacity, 1))}.hover\:text-emerald-600:hover{--tw-text-opacity: 1;color:rgb(5 150 105 / var(--tw-text-opacity, 1))}.hover\:text-emerald-700:hover{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.hover\:text-gray-500:hover{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.hover\:text-gray-600:hover{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.hover\:text-gray-700:hover{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.hover\:text-gray-900:hover{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.hover\:text-green-600:hover{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.hover\:text-orange-600:hover{--tw-text-opacity: 1;color:rgb(234 88 12 / var(--tw-text-opacity, 1))}.hover\:text-orange-700:hover{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.hover\:text-primary-500:hover{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.hover\:text-primary-600:hover{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.hover\:text-primary-700:hover{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.hover\:text-primary-800:hover{--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.hover\:text-purple-600:hover{--tw-text-opacity: 1;color:rgb(147 51 234 / var(--tw-text-opacity, 1))}.hover\:text-red-500:hover{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:text-red-700:hover{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.hover\:text-red-900:hover{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.hover\:text-rose-700:hover{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.hover\:text-sky-700:hover{--tw-text-opacity: 1;color:rgb(3 105 161 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-yellow-600:hover{--tw-text-opacity: 1;color:rgb(202 138 4 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-blue-600:hover{text-decoration-color:#2563eb}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow:hover{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-card-hover:hover{--tw-shadow: 0 10px 40px rgba(0, 0, 0, .08);--tw-shadow-colored: 0 10px 40px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--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)}.hover\:shadow-md:hover{--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)}.hover\:shadow-sm:hover{--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)}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-primary-500\/10:hover{--tw-shadow-color: rgb(20 184 166 / .1);--tw-shadow: var(--tw-shadow-colored)}.focus\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\:border-green-500:focus{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.focus\:border-primary-300:focus{--tw-border-opacity: 1;border-color:rgb(94 234 212 / var(--tw-border-opacity, 1))}.focus\:border-primary-500:focus{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:bg-white:focus{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.focus\:text-primary-600:focus{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.focus\:underline:focus{text-decoration-line:underline}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--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(0px + 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)}.focus\:ring-1:focus{--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(1px + 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)}.focus\:ring-2:focus{--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)}.focus\:ring-blue-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus\:ring-blue-500\/10:focus{--tw-ring-color: rgb(59 130 246 / .1)}.focus\:ring-green-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(20 184 166 / var(--tw-ring-opacity, 1))}.focus\:ring-primary-500\/20:focus{--tw-ring-color: rgb(20 184 166 / .2)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(234 179 8 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.active\:scale-\[0\.97\]:active{--tw-scale-x: .97;--tw-scale-y: .97;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-blue-700:active{--tw-bg-opacity: 1;background-color:rgb(29 78 216 / var(--tw-bg-opacity, 1))}.active\:bg-green-800:active{--tw-bg-opacity: 1;background-color:rgb(22 101 52 / var(--tw-bg-opacity, 1))}.active\:bg-orange-700:active{--tw-bg-opacity: 1;background-color:rgb(194 65 12 / var(--tw-bg-opacity, 1))}.active\:bg-purple-700:active{--tw-bg-opacity: 1;background-color:rgb(126 34 206 / var(--tw-bg-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:text-gray-400:disabled{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.disabled\:no-underline:disabled{text-decoration-line:none}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.group\/endpoint:focus-within .group-focus-within\/endpoint\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.group\/endpoint:focus-within .group-focus-within\/endpoint\:opacity-100{opacity:1}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group\/error:hover .group-hover\/error\:visible{visibility:visible}.group\/endpoint:hover .group-hover\/endpoint\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-1{--tw-translate-x: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-gray-400{--tw-border-opacity: 1;border-color:rgb(156 163 175 / var(--tw-border-opacity, 1))}.group\/img:hover .group-hover\/img\:bg-black\/20{background-color:#0003}.group:hover .group-hover\:bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(240 253 250 / var(--tw-bg-opacity, 1))}.group:hover .group-hover\:text-amber-500{--tw-text-opacity: 1;color:rgb(245 158 11 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-emerald-500{--tw-text-opacity: 1;color:rgb(16 185 129 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-primary-500{--tw-text-opacity: 1;color:rgb(20 184 166 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-primary-600{--tw-text-opacity: 1;color:rgb(13 148 136 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-primary-700{--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.group\/dropdown:hover .group-hover\/dropdown\:opacity-100,.group\/endpoint:hover .group-hover\/endpoint\:opacity-100,.group\/error:hover .group-hover\/error\:opacity-100,.group\/ex:hover .group-hover\/ex\:opacity-100,.group\/img:hover .group-hover\/img\:opacity-100,.group\/pub:hover .group-hover\/pub\:opacity-100,.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:ring-primary-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(204 251 241 / var(--tw-ring-opacity, 1))}.peer:checked~.peer-checked\:border-primary-500{--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.peer:checked~.peer-checked\:bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:bg-primary-600{--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.peer:checked~.peer-checked\:after\:translate-x-full:after{content:var(--tw-content);--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.peer:focus~.peer-focus\:outline-none{outline:2px solid transparent;outline-offset:2px}.peer:focus~.peer-focus\:ring-4{--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(4px + 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)}.peer:focus~.peer-focus\:ring-primary-300{--tw-ring-opacity: 1;--tw-ring-color: rgb(94 234 212 / var(--tw-ring-opacity, 1))}@supports (backdrop-filter: var(--tw)){.supports-\[backdrop-filter\]\:bg-white\/80{background-color:#fffc}}.dark\:divide-dark-600:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(71 85 105 / var(--tw-divide-opacity, 1))}.dark\:divide-dark-700:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(51 65 85 / var(--tw-divide-opacity, 1))}.dark\:divide-dark-800:is(.dark *)>:not([hidden])~:not([hidden]){--tw-divide-opacity: 1;border-color:rgb(30 41 59 / var(--tw-divide-opacity, 1))}.dark\:border-\[\#00AEEF\]\/70:is(.dark *){border-color:#00aeefb3}.dark\:border-\[\#2BB741\]\/70:is(.dark *){border-color:#2bb741b3}.dark\:border-\[\#FF8E3C\]:is(.dark *){--tw-border-opacity: 1;border-color:rgb(255 142 60 / var(--tw-border-opacity, 1))}.dark\:border-amber-500\/30:is(.dark *){border-color:#f59e0b4d}.dark\:border-amber-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(217 119 6 / var(--tw-border-opacity, 1))}.dark\:border-amber-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.dark\:border-amber-700\/40:is(.dark *){border-color:#b4530966}.dark\:border-amber-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(146 64 14 / var(--tw-border-opacity, 1))}.dark\:border-amber-800\/30:is(.dark *){border-color:#92400e4d}.dark\:border-amber-800\/50:is(.dark *){border-color:#92400e80}.dark\:border-amber-800\/60:is(.dark *){border-color:#92400e99}.dark\:border-amber-900\/40:is(.dark *){border-color:#78350f66}.dark\:border-amber-900\/50:is(.dark *){border-color:#78350f80}.dark\:border-blue-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark\:border-blue-500\/20:is(.dark *){border-color:#3b82f633}.dark\:border-blue-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(37 99 235 / var(--tw-border-opacity, 1))}.dark\:border-blue-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:border-blue-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 64 175 / var(--tw-border-opacity, 1))}.dark\:border-blue-800\/30:is(.dark *){border-color:#1e40af4d}.dark\:border-blue-800\/50:is(.dark *){border-color:#1e40af80}.dark\:border-blue-900:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 58 138 / var(--tw-border-opacity, 1))}.dark\:border-dark-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.dark\:border-dark-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.dark\:border-dark-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-dark-600\/60:is(.dark *){border-color:#47556999}.dark\:border-dark-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-dark-700\/50:is(.dark *){border-color:#33415580}.dark\:border-dark-700\/60:is(.dark *){border-color:#33415599}.dark\:border-dark-700\/70:is(.dark *){border-color:#334155b3}.dark\:border-dark-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(30 41 59 / var(--tw-border-opacity, 1))}.dark\:border-dark-800\/50:is(.dark *){border-color:#1e293b80}.dark\:border-emerald-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(52 211 153 / var(--tw-border-opacity, 1))}.dark\:border-emerald-500\/30:is(.dark *){border-color:#10b9814d}.dark\:border-emerald-800\/30:is(.dark *){border-color:#065f464d}.dark\:border-emerald-800\/50:is(.dark *){border-color:#065f4680}.dark\:border-emerald-900\/60:is(.dark *){border-color:#064e3b99}.dark\:border-gray-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.dark\:border-gray-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:border-gray-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-gray-700\/50:is(.dark *){border-color:#37415180}.dark\:border-gray-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.dark\:border-green-500\/20:is(.dark *){border-color:#22c55e33}.dark\:border-green-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 163 74 / var(--tw-border-opacity, 1))}.dark\:border-green-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.dark\:border-green-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(22 101 52 / var(--tw-border-opacity, 1))}.dark\:border-green-800\/50:is(.dark *){border-color:#16653480}.dark\:border-orange-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(251 146 60 / var(--tw-border-opacity, 1))}.dark\:border-orange-500\/20:is(.dark *){border-color:#f9731633}.dark\:border-primary-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.dark\:border-primary-400\/30:is(.dark *){border-color:#2dd4bf4d}.dark\:border-primary-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.dark\:border-primary-500\/20:is(.dark *){border-color:#14b8a633}.dark\:border-primary-600:is(.dark *){--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity, 1))}.dark\:border-primary-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity, 1))}.dark\:border-primary-700\/50:is(.dark *){border-color:#0f766e80}.dark\:border-primary-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(17 94 89 / var(--tw-border-opacity, 1))}.dark\:border-primary-800\/50:is(.dark *){border-color:#115e5980}.dark\:border-primary-900\/40:is(.dark *){border-color:#134e4a66}.dark\:border-primary-900\/50:is(.dark *){border-color:#134e4a80}.dark\:border-purple-500\/20:is(.dark *){border-color:#a855f733}.dark\:border-purple-800\/30:is(.dark *){border-color:#6b21a84d}.dark\:border-purple-800\/40:is(.dark *){border-color:#6b21a866}.dark\:border-red-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.dark\:border-red-500\/30:is(.dark *){border-color:#ef44444d}.dark\:border-red-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(185 28 28 / var(--tw-border-opacity, 1))}.dark\:border-red-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity, 1))}.dark\:border-red-800\/50:is(.dark *){border-color:#991b1b80}.dark\:border-red-900\/30:is(.dark *){border-color:#7f1d1d4d}.dark\:border-sky-400:is(.dark *){--tw-border-opacity: 1;border-color:rgb(56 189 248 / var(--tw-border-opacity, 1))}.dark\:border-sky-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1))}.dark\:border-sky-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(3 105 161 / var(--tw-border-opacity, 1))}.dark\:border-sky-800\/40:is(.dark *){border-color:#07598566}.dark\:border-sky-800\/50:is(.dark *){border-color:#07598580}.dark\:border-sky-900\/50:is(.dark *){border-color:#0c4a6e80}.dark\:border-sky-900\/60:is(.dark *){border-color:#0c4a6e99}.dark\:border-slate-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}.dark\:border-violet-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(91 33 182 / var(--tw-border-opacity, 1))}.dark\:border-yellow-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(161 98 7 / var(--tw-border-opacity, 1))}.dark\:border-yellow-800:is(.dark *){--tw-border-opacity: 1;border-color:rgb(133 77 14 / var(--tw-border-opacity, 1))}.dark\:border-b-dark-600:is(.dark *){--tw-border-opacity: 1;border-bottom-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-b-gray-700:is(.dark *){--tw-border-opacity: 1;border-bottom-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:border-b-gray-900:is(.dark *){--tw-border-opacity: 1;border-bottom-color:rgb(17 24 39 / var(--tw-border-opacity, 1))}.dark\:border-r-gray-800:is(.dark *){--tw-border-opacity: 1;border-right-color:rgb(31 41 55 / var(--tw-border-opacity, 1))}.dark\:border-t-blue-400:is(.dark *){--tw-border-opacity: 1;border-top-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.dark\:border-t-dark-600:is(.dark *){--tw-border-opacity: 1;border-top-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:border-t-gray-700:is(.dark *){--tw-border-opacity: 1;border-top-color:rgb(55 65 81 / var(--tw-border-opacity, 1))}.dark\:bg-amber-500\/10:is(.dark *){background-color:#f59e0b1a}.dark\:bg-amber-500\/15:is(.dark *){background-color:#f59e0b26}.dark\:bg-amber-500\/20:is(.dark *){background-color:#f59e0b33}.dark\:bg-amber-800\/50:is(.dark *){background-color:#92400e80}.dark\:bg-amber-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(120 53 15 / var(--tw-bg-opacity, 1))}.dark\:bg-amber-900\/10:is(.dark *){background-color:#78350f1a}.dark\:bg-amber-900\/20:is(.dark *){background-color:#78350f33}.dark\:bg-amber-900\/30:is(.dark *){background-color:#78350f4d}.dark\:bg-amber-900\/40:is(.dark *){background-color:#78350f66}.dark\:bg-amber-900\/50:is(.dark *){background-color:#78350f80}.dark\:bg-black:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.dark\:bg-black\/50:is(.dark *){background-color:#00000080}.dark\:bg-blue-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-500\/10:is(.dark *){background-color:#3b82f61a}.dark\:bg-blue-500\/20:is(.dark *){background-color:#3b82f633}.dark\:bg-blue-500\/80:is(.dark *){background-color:#3b82f6cc}.dark\:bg-blue-800\/40:is(.dark *){background-color:#1e40af66}.dark\:bg-blue-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 58 138 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-900\/10:is(.dark *){background-color:#1e3a8a1a}.dark\:bg-blue-900\/20:is(.dark *){background-color:#1e3a8a33}.dark\:bg-blue-900\/30:is(.dark *){background-color:#1e3a8a4d}.dark\:bg-blue-900\/40:is(.dark *){background-color:#1e3a8a66}.dark\:bg-blue-900\/5:is(.dark *){background-color:#1e3a8a0d}.dark\:bg-blue-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(23 37 84 / var(--tw-bg-opacity, 1))}.dark\:bg-blue-950\/20:is(.dark *){background-color:#17255433}.dark\:bg-cyan-900\/30:is(.dark *){background-color:#164e634d}.dark\:bg-dark-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-700\/20:is(.dark *){background-color:#33415533}.dark\:bg-dark-700\/30:is(.dark *){background-color:#3341554d}.dark\:bg-dark-700\/40:is(.dark *){background-color:#33415566}.dark\:bg-dark-700\/50:is(.dark *){background-color:#33415580}.dark\:bg-dark-700\/60:is(.dark *){background-color:#33415599}.dark\:bg-dark-700\/70:is(.dark *){background-color:#334155b3}.dark\:bg-dark-700\/95:is(.dark *){background-color:#334155f2}.dark\:bg-dark-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-800\/30:is(.dark *){background-color:#1e293b4d}.dark\:bg-dark-800\/40:is(.dark *){background-color:#1e293b66}.dark\:bg-dark-800\/50:is(.dark *){background-color:#1e293b80}.dark\:bg-dark-800\/60:is(.dark *){background-color:#1e293b99}.dark\:bg-dark-800\/70:is(.dark *){background-color:#1e293bb3}.dark\:bg-dark-800\/80:is(.dark *){background-color:#1e293bcc}.dark\:bg-dark-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-900\/30:is(.dark *){background-color:#0f172a4d}.dark\:bg-dark-900\/40:is(.dark *){background-color:#0f172a66}.dark\:bg-dark-900\/50:is(.dark *){background-color:#0f172a80}.dark\:bg-dark-900\/60:is(.dark *){background-color:#0f172a99}.dark\:bg-dark-900\/70:is(.dark *){background-color:#0f172ab3}.dark\:bg-dark-900\/90:is(.dark *){background-color:#0f172ae6}.dark\:bg-dark-900\/95:is(.dark *){background-color:#0f172af2}.dark\:bg-dark-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.dark\:bg-dark-950\/60:is(.dark *){background-color:#02061799}.dark\:bg-emerald-500\/10:is(.dark *){background-color:#10b9811a}.dark\:bg-emerald-500\/15:is(.dark *){background-color:#10b98126}.dark\:bg-emerald-500\/20:is(.dark *){background-color:#10b98133}.dark\:bg-emerald-800\/40:is(.dark *){background-color:#065f4666}.dark\:bg-emerald-900\/10:is(.dark *){background-color:#064e3b1a}.dark\:bg-emerald-900\/20:is(.dark *){background-color:#064e3b33}.dark\:bg-emerald-900\/30:is(.dark *){background-color:#064e3b4d}.dark\:bg-emerald-900\/40:is(.dark *){background-color:#064e3b66}.dark\:bg-gray-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(75 85 99 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-800\/80:is(.dark *){background-color:#1f2937cc}.dark\:bg-gray-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.dark\:bg-gray-900\/30:is(.dark *){background-color:#1118274d}.dark\:bg-green-500\/10:is(.dark *){background-color:#22c55e1a}.dark\:bg-green-500\/20:is(.dark *){background-color:#22c55e33}.dark\:bg-green-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.dark\:bg-green-600\/80:is(.dark *){background-color:#16a34acc}.dark\:bg-green-800\/50:is(.dark *){background-color:#16653480}.dark\:bg-green-900\/10:is(.dark *){background-color:#14532d1a}.dark\:bg-green-900\/20:is(.dark *){background-color:#14532d33}.dark\:bg-green-900\/30:is(.dark *){background-color:#14532d4d}.dark\:bg-green-900\/50:is(.dark *){background-color:#14532d80}.dark\:bg-green-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.dark\:bg-green-950\/20:is(.dark *){background-color:#052e1633}.dark\:bg-indigo-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(49 46 129 / var(--tw-bg-opacity, 1))}.dark\:bg-indigo-900\/30:is(.dark *){background-color:#312e814d}.dark\:bg-indigo-900\/40:is(.dark *){background-color:#312e8166}.dark\:bg-indigo-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 27 75 / var(--tw-bg-opacity, 1))}.dark\:bg-lime-900\/30:is(.dark *){background-color:#3653144d}.dark\:bg-orange-500\/10:is(.dark *){background-color:#f973161a}.dark\:bg-orange-500\/15:is(.dark *){background-color:#f9731626}.dark\:bg-orange-500\/20:is(.dark *){background-color:#f9731633}.dark\:bg-orange-500\/80:is(.dark *){background-color:#f97316cc}.dark\:bg-orange-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(234 88 12 / var(--tw-bg-opacity, 1))}.dark\:bg-orange-800\/40:is(.dark *){background-color:#9a341266}.dark\:bg-orange-900\/20:is(.dark *){background-color:#7c2d1233}.dark\:bg-orange-900\/30:is(.dark *){background-color:#7c2d124d}.dark\:bg-orange-900\/40:is(.dark *){background-color:#7c2d1266}.dark\:bg-orange-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(67 20 7 / var(--tw-bg-opacity, 1))}.dark\:bg-pink-900\/30:is(.dark *){background-color:#8318434d}.dark\:bg-primary-300:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(94 234 212 / var(--tw-bg-opacity, 1))}.dark\:bg-primary-400\/10:is(.dark *){background-color:#2dd4bf1a}.dark\:bg-primary-500\/10:is(.dark *){background-color:#14b8a61a}.dark\:bg-primary-500\/15:is(.dark *){background-color:#14b8a626}.dark\:bg-primary-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(13 148 136 / var(--tw-bg-opacity, 1))}.dark\:bg-primary-800\/40:is(.dark *){background-color:#115e5966}.dark\:bg-primary-900\/20:is(.dark *){background-color:#134e4a33}.dark\:bg-primary-900\/30:is(.dark *){background-color:#134e4a4d}.dark\:bg-primary-900\/40:is(.dark *){background-color:#134e4a66}.dark\:bg-primary-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(4 47 46 / var(--tw-bg-opacity, 1))}.dark\:bg-purple-500\/10:is(.dark *){background-color:#a855f71a}.dark\:bg-purple-500\/15:is(.dark *){background-color:#a855f726}.dark\:bg-purple-500\/80:is(.dark *){background-color:#a855f7cc}.dark\:bg-purple-900\/20:is(.dark *){background-color:#581c8733}.dark\:bg-purple-900\/30:is(.dark *){background-color:#581c874d}.dark\:bg-purple-900\/40:is(.dark *){background-color:#581c8766}.dark\:bg-red-500\/10:is(.dark *){background-color:#ef44441a}.dark\:bg-red-500\/15:is(.dark *){background-color:#ef444426}.dark\:bg-red-500\/20:is(.dark *){background-color:#ef444433}.dark\:bg-red-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.dark\:bg-red-800\/50:is(.dark *){background-color:#991b1b80}.dark\:bg-red-900\/10:is(.dark *){background-color:#7f1d1d1a}.dark\:bg-red-900\/20:is(.dark *){background-color:#7f1d1d33}.dark\:bg-red-900\/30:is(.dark *){background-color:#7f1d1d4d}.dark\:bg-red-900\/40:is(.dark *){background-color:#7f1d1d66}.dark\:bg-red-900\/50:is(.dark *){background-color:#7f1d1d80}.dark\:bg-red-950\/20:is(.dark *){background-color:#450a0a33}.dark\:bg-rose-500\/20:is(.dark *){background-color:#f43f5e33}.dark\:bg-rose-900\/20:is(.dark *){background-color:#88133733}.dark\:bg-rose-900\/30:is(.dark *){background-color:#8813374d}.dark\:bg-rose-900\/40:is(.dark *){background-color:#88133766}.dark\:bg-sky-500\/15:is(.dark *){background-color:#0ea5e926}.dark\:bg-sky-900\/20:is(.dark *){background-color:#0c4a6e33}.dark\:bg-sky-900\/25:is(.dark *){background-color:#0c4a6e40}.dark\:bg-sky-900\/30:is(.dark *){background-color:#0c4a6e4d}.dark\:bg-sky-950\/20:is(.dark *){background-color:#082f4933}.dark\:bg-slate-500:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:bg-slate-900\/30:is(.dark *){background-color:#0f172a4d}.dark\:bg-slate-950:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(2 6 23 / var(--tw-bg-opacity, 1))}.dark\:bg-teal-900\/30:is(.dark *){background-color:#134e4a4d}.dark\:bg-violet-800\/40:is(.dark *){background-color:#5b21b666}.dark\:bg-violet-900:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(76 29 149 / var(--tw-bg-opacity, 1))}.dark\:bg-violet-900\/20:is(.dark *){background-color:#4c1d9533}.dark\:bg-violet-900\/30:is(.dark *){background-color:#4c1d954d}.dark\:bg-white:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.dark\:bg-white\/10:is(.dark *){background-color:#ffffff1a}.dark\:bg-yellow-600:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(202 138 4 / var(--tw-bg-opacity, 1))}.dark\:bg-yellow-900\/10:is(.dark *){background-color:#713f121a}.dark\:bg-yellow-900\/20:is(.dark *){background-color:#713f1233}.dark\:bg-yellow-900\/30:is(.dark *){background-color:#713f124d}.dark\:bg-yellow-900\/40:is(.dark *){background-color:#713f1266}.dark\:from-amber-900\/10:is(.dark *){--tw-gradient-from: rgb(120 53 15 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-amber-900\/20:is(.dark *){--tw-gradient-from: rgb(120 53 15 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(120 53 15 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-blue-900\/10:is(.dark *){--tw-gradient-from: rgb(30 58 138 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-blue-900\/20:is(.dark *){--tw-gradient-from: rgb(30 58 138 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(30 58 138 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-dark-700:is(.dark *){--tw-gradient-from: #334155 var(--tw-gradient-from-position);--tw-gradient-to: rgb(51 65 85 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-dark-900:is(.dark *){--tw-gradient-from: #0f172a var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-dark-950:is(.dark *){--tw-gradient-from: #020617 var(--tw-gradient-from-position);--tw-gradient-to: rgb(2 6 23 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-emerald-500\/10:is(.dark *){--tw-gradient-from: rgb(16 185 129 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(16 185 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-emerald-900\/10:is(.dark *){--tw-gradient-from: rgb(6 78 59 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-emerald-900\/20:is(.dark *){--tw-gradient-from: rgb(6 78 59 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(6 78 59 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-indigo-900\/10:is(.dark *){--tw-gradient-from: rgb(49 46 129 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-indigo-900\/20:is(.dark *){--tw-gradient-from: rgb(49 46 129 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-orange-500\/10:is(.dark *){--tw-gradient-from: rgb(249 115 22 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-orange-900\/20:is(.dark *){--tw-gradient-from: rgb(124 45 18 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-primary-900\/20:is(.dark *){--tw-gradient-from: rgb(19 78 74 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(19 78 74 / 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(19 78 74 / .3) var(--tw-gradient-from-position);--tw-gradient-to: rgb(19 78 74 / 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(4 47 46 / .4) var(--tw-gradient-from-position);--tw-gradient-to: rgb(4 47 46 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-purple-900\/10:is(.dark *){--tw-gradient-from: rgb(88 28 135 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(88 28 135 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:from-sky-500\/10:is(.dark *){--tw-gradient-from: rgb(14 165 233 / .1) var(--tw-gradient-from-position);--tw-gradient-to: rgb(14 165 233 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:via-dark-900:is(.dark *){--tw-gradient-to: rgb(15 23 42 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #0f172a var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:via-indigo-900\/10:is(.dark *){--tw-gradient-to: rgb(49 46 129 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(49 46 129 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:via-orange-900\/10:is(.dark *){--tw-gradient-to: rgb(124 45 18 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(124 45 18 / .1) var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-amber-500\/20:is(.dark *){--tw-gradient-to: rgb(245 158 11 / .2) var(--tw-gradient-to-position)}.dark\:to-dark-600:is(.dark *){--tw-gradient-to: #475569 var(--tw-gradient-to-position)}.dark\:to-dark-700:is(.dark *){--tw-gradient-to: #334155 var(--tw-gradient-to-position)}.dark\:to-dark-800:is(.dark *){--tw-gradient-to: #1e293b var(--tw-gradient-to-position)}.dark\:to-dark-950:is(.dark *){--tw-gradient-to: #020617 var(--tw-gradient-to-position)}.dark\:to-emerald-500\/20:is(.dark *){--tw-gradient-to: rgb(16 185 129 / .2) var(--tw-gradient-to-position)}.dark\:to-indigo-500\/20:is(.dark *){--tw-gradient-to: rgb(99 102 241 / .2) var(--tw-gradient-to-position)}.dark\:to-indigo-900\/10:is(.dark *){--tw-gradient-to: rgb(49 46 129 / .1) var(--tw-gradient-to-position)}.dark\:to-indigo-900\/5:is(.dark *){--tw-gradient-to: rgb(49 46 129 / .05) var(--tw-gradient-to-position)}.dark\:to-primary-800\/20:is(.dark *){--tw-gradient-to: rgb(17 94 89 / .2) var(--tw-gradient-to-position)}.dark\:to-purple-900\/5:is(.dark *){--tw-gradient-to: rgb(88 28 135 / .05) var(--tw-gradient-to-position)}.dark\:to-teal-900\/20:is(.dark *){--tw-gradient-to: rgb(19 78 74 / .2) var(--tw-gradient-to-position)}.dark\:to-yellow-900\/5:is(.dark *){--tw-gradient-to: rgb(113 63 18 / .05) var(--tw-gradient-to-position)}.dark\:text-amber-200:is(.dark *){--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.dark\:text-amber-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.dark\:text-amber-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:text-amber-400\/70:is(.dark *){color:#fbbf24b3}.dark\:text-blue-200:is(.dark *){--tw-text-opacity: 1;color:rgb(191 219 254 / var(--tw-text-opacity, 1))}.dark\:text-blue-300:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:text-cyan-400:is(.dark *){--tw-text-opacity: 1;color:rgb(34 211 238 / var(--tw-text-opacity, 1))}.dark\:text-dark-200:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-dark-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-dark-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-dark-500:is(.dark *){--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:text-dark-600:is(.dark *){--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.dark\:text-dark-700:is(.dark *){--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.dark\:text-dark-800:is(.dark *){--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.dark\:text-emerald-200:is(.dark *){--tw-text-opacity: 1;color:rgb(167 243 208 / var(--tw-text-opacity, 1))}.dark\:text-emerald-300:is(.dark *){--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:text-emerald-400\/70:is(.dark *){color:#34d399b3}.dark\:text-gray-100:is(.dark *){--tw-text-opacity: 1;color:rgb(243 244 246 / var(--tw-text-opacity, 1))}.dark\:text-gray-200:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:text-gray-300:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:text-gray-400:is(.dark *){--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.dark\:text-gray-500:is(.dark *){--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:text-gray-600:is(.dark *){--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.dark\:text-green-200:is(.dark *){--tw-text-opacity: 1;color:rgb(187 247 208 / var(--tw-text-opacity, 1))}.dark\:text-green-300:is(.dark *){--tw-text-opacity: 1;color:rgb(134 239 172 / var(--tw-text-opacity, 1))}.dark\:text-green-400:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:text-green-400\/70:is(.dark *){color:#4ade80b3}.dark\:text-green-500:is(.dark *){--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.dark\:text-indigo-200:is(.dark *){--tw-text-opacity: 1;color:rgb(199 210 254 / var(--tw-text-opacity, 1))}.dark\:text-indigo-300:is(.dark *){--tw-text-opacity: 1;color:rgb(165 180 252 / var(--tw-text-opacity, 1))}.dark\:text-indigo-400:is(.dark *){--tw-text-opacity: 1;color:rgb(129 140 248 / var(--tw-text-opacity, 1))}.dark\:text-lime-400:is(.dark *){--tw-text-opacity: 1;color:rgb(163 230 53 / var(--tw-text-opacity, 1))}.dark\:text-orange-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.dark\:text-orange-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:text-pink-300:is(.dark *){--tw-text-opacity: 1;color:rgb(249 168 212 / var(--tw-text-opacity, 1))}.dark\:text-pink-400:is(.dark *){--tw-text-opacity: 1;color:rgb(244 114 182 / var(--tw-text-opacity, 1))}.dark\:text-primary-100:is(.dark *){--tw-text-opacity: 1;color:rgb(204 251 241 / var(--tw-text-opacity, 1))}.dark\:text-primary-200:is(.dark *){--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.dark\:text-primary-200\/80:is(.dark *){color:#99f6e4cc}.dark\:text-primary-300:is(.dark *){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.dark\:text-primary-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:text-primary-400\/90:is(.dark *){color:#2dd4bfe6}.dark\:text-primary-700:is(.dark *){--tw-text-opacity: 1;color:rgb(15 118 110 / var(--tw-text-opacity, 1))}.dark\:text-primary-800:is(.dark *){--tw-text-opacity: 1;color:rgb(17 94 89 / var(--tw-text-opacity, 1))}.dark\:text-purple-200:is(.dark *){--tw-text-opacity: 1;color:rgb(233 213 255 / var(--tw-text-opacity, 1))}.dark\:text-purple-300:is(.dark *){--tw-text-opacity: 1;color:rgb(216 180 254 / var(--tw-text-opacity, 1))}.dark\:text-purple-400:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:text-red-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.dark\:text-red-300:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:text-red-400:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:text-red-400\/70:is(.dark *){color:#f87171b3}.dark\:text-rose-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 205 211 / var(--tw-text-opacity, 1))}.dark\:text-rose-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.dark\:text-rose-400:is(.dark *){--tw-text-opacity: 1;color:rgb(251 113 133 / var(--tw-text-opacity, 1))}.dark\:text-sky-100:is(.dark *){--tw-text-opacity: 1;color:rgb(224 242 254 / var(--tw-text-opacity, 1))}.dark\:text-sky-200:is(.dark *){--tw-text-opacity: 1;color:rgb(186 230 253 / var(--tw-text-opacity, 1))}.dark\:text-sky-300:is(.dark *){--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.dark\:text-sky-400:is(.dark *){--tw-text-opacity: 1;color:rgb(56 189 248 / var(--tw-text-opacity, 1))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:text-slate-300:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:text-teal-400:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:text-violet-200:is(.dark *){--tw-text-opacity: 1;color:rgb(221 214 254 / var(--tw-text-opacity, 1))}.dark\:text-violet-300:is(.dark *){--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.dark\:text-violet-400:is(.dark *){--tw-text-opacity: 1;color:rgb(167 139 250 / var(--tw-text-opacity, 1))}.dark\:text-white:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:text-yellow-200:is(.dark *){--tw-text-opacity: 1;color:rgb(254 240 138 / var(--tw-text-opacity, 1))}.dark\:text-yellow-300:is(.dark *){--tw-text-opacity: 1;color:rgb(253 224 71 / var(--tw-text-opacity, 1))}.dark\:text-yellow-400:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:decoration-blue-400\/30:is(.dark *){text-decoration-color:#60a5fa4d}.dark\:decoration-dark-500:is(.dark *){text-decoration-color:#64748b}.dark\:decoration-gray-500:is(.dark *){text-decoration-color:#6b7280}.dark\:placeholder-gray-500:is(.dark *)::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:placeholder-gray-500:is(.dark *)::placeholder{--tw-placeholder-opacity: 1;color:rgb(107 114 128 / var(--tw-placeholder-opacity, 1))}.dark\:ring-amber-500\/30:is(.dark *){--tw-ring-color: rgb(245 158 11 / .3)}.dark\:ring-blue-500\/30:is(.dark *){--tw-ring-color: rgb(59 130 246 / .3)}.dark\:ring-dark-500\/40:is(.dark *){--tw-ring-color: rgb(100 116 139 / .4)}.dark\:ring-dark-700:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(51 65 85 / var(--tw-ring-opacity, 1))}.dark\:ring-gray-500\/30:is(.dark *){--tw-ring-color: rgb(107 114 128 / .3)}.dark\:ring-green-500\/30:is(.dark *){--tw-ring-color: rgb(34 197 94 / .3)}.dark\:ring-orange-500\/30:is(.dark *){--tw-ring-color: rgb(249 115 22 / .3)}.dark\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(20 184 166 / .2)}.dark\:ring-primary-900:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(19 78 74 / var(--tw-ring-opacity, 1))}.dark\:ring-primary-900\/40:is(.dark *){--tw-ring-color: rgb(19 78 74 / .4)}.dark\:ring-purple-500\/30:is(.dark *){--tw-ring-color: rgb(168 85 247 / .3)}.dark\:ring-red-500\/30:is(.dark *){--tw-ring-color: rgb(239 68 68 / .3)}.dark\:ring-rose-500\/30:is(.dark *){--tw-ring-color: rgb(244 63 94 / .3)}.dark\:ring-sky-800:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(7 89 133 / var(--tw-ring-opacity, 1))}.dark\:ring-sky-900\/60:is(.dark *){--tw-ring-color: rgb(12 74 110 / .6)}.dark\:ring-slate-500\/30:is(.dark *){--tw-ring-color: rgb(100 116 139 / .3)}.dark\:ring-slate-700\/70:is(.dark *){--tw-ring-color: rgb(51 65 85 / .7)}.dark\:ring-white\/10:is(.dark *){--tw-ring-color: rgb(255 255 255 / .1)}.dark\:placeholder\:text-dark-400:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-dark-400:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-dark-500:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-dark-500:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-gray-500:is(.dark *)::-moz-placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:placeholder\:text-gray-500:is(.dark *)::placeholder{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.dark\:after\:border-gray-500:is(.dark *):after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(107 114 128 / var(--tw-border-opacity, 1))}.dark\:after\:border-gray-600:is(.dark *):after{content:var(--tw-content);--tw-border-opacity: 1;border-color:rgb(75 85 99 / var(--tw-border-opacity, 1))}.dark\:focus-within\:border-primary-700:focus-within:is(.dark *){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity, 1))}.dark\:hover\:border-amber-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(180 83 9 / var(--tw-border-opacity, 1))}.dark\:hover\:border-blue-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(29 78 216 / var(--tw-border-opacity, 1))}.dark\:hover\:border-dark-400:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity, 1))}.dark\:hover\:border-dark-500:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity, 1))}.dark\:hover\:border-dark-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity, 1))}.dark\:hover\:border-emerald-500\/50:hover:is(.dark *){border-color:#10b98180}.dark\:hover\:border-green-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(21 128 61 / var(--tw-border-opacity, 1))}.dark\:hover\:border-orange-500\/50:hover:is(.dark *){border-color:#f9731680}.dark\:hover\:border-orange-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(194 65 12 / var(--tw-border-opacity, 1))}.dark\:hover\:border-primary-400:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(45 212 191 / var(--tw-border-opacity, 1))}.dark\:hover\:border-primary-500:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.dark\:hover\:border-primary-500\/30:hover:is(.dark *){border-color:#14b8a64d}.dark\:hover\:border-primary-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(15 118 110 / var(--tw-border-opacity, 1))}.dark\:hover\:border-primary-800:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(17 94 89 / var(--tw-border-opacity, 1))}.dark\:hover\:border-purple-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(126 34 206 / var(--tw-border-opacity, 1))}.dark\:hover\:border-sky-500\/50:hover:is(.dark *){border-color:#0ea5e980}.dark\:hover\:border-sky-600:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(2 132 199 / var(--tw-border-opacity, 1))}.dark\:hover\:border-sky-700:hover:is(.dark *){--tw-border-opacity: 1;border-color:rgb(3 105 161 / var(--tw-border-opacity, 1))}.dark\:hover\:bg-amber-900\/30:hover:is(.dark *){background-color:#78350f4d}.dark\:hover\:bg-amber-900\/50:hover:is(.dark *){background-color:#78350f80}.dark\:hover\:bg-blue-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-blue-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(37 99 235 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-blue-900\/20:hover:is(.dark *){background-color:#1e3a8a33}.dark\:hover\:bg-blue-900\/30:hover:is(.dark *){background-color:#1e3a8a4d}.dark\:hover\:bg-blue-900\/50:hover:is(.dark *){background-color:#1e3a8a80}.dark\:hover\:bg-dark-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-dark-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-dark-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-dark-700\/30:hover:is(.dark *){background-color:#3341554d}.dark\:hover\:bg-dark-700\/40:hover:is(.dark *){background-color:#33415566}.dark\:hover\:bg-dark-700\/50:hover:is(.dark *){background-color:#33415580}.dark\:hover\:bg-dark-700\/60:hover:is(.dark *){background-color:#33415599}.dark\:hover\:bg-dark-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-dark-800\/40:hover:is(.dark *){background-color:#1e293b66}.dark\:hover\:bg-dark-800\/50:hover:is(.dark *){background-color:#1e293b80}.dark\:hover\:bg-dark-800\/60:hover:is(.dark *){background-color:#1e293b99}.dark\:hover\:bg-emerald-900\/20:hover:is(.dark *){background-color:#064e3b33}.dark\:hover\:bg-emerald-900\/30:hover:is(.dark *){background-color:#064e3b4d}.dark\:hover\:bg-gray-700:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(55 65 81 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-gray-800\/50:hover:is(.dark *){background-color:#1f293780}.dark\:hover\:bg-green-600:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(22 163 74 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-green-900\/20:hover:is(.dark *){background-color:#14532d33}.dark\:hover\:bg-orange-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-orange-900\/20:hover:is(.dark *){background-color:#7c2d1233}.dark\:hover\:bg-primary-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(20 184 166 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-primary-800:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(17 94 89 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-primary-900\/20:hover:is(.dark *){background-color:#134e4a33}.dark\:hover\:bg-primary-900\/30:hover:is(.dark *){background-color:#134e4a4d}.dark\:hover\:bg-primary-900\/50:hover:is(.dark *){background-color:#134e4a80}.dark\:hover\:bg-purple-500:hover:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.dark\:hover\:bg-purple-900\/20:hover:is(.dark *){background-color:#581c8733}.dark\:hover\:bg-purple-900\/30:hover:is(.dark *){background-color:#581c874d}.dark\:hover\:bg-red-500\/10:hover:is(.dark *){background-color:#ef44441a}.dark\:hover\:bg-red-900\/20:hover:is(.dark *){background-color:#7f1d1d33}.dark\:hover\:bg-red-900\/30:hover:is(.dark *){background-color:#7f1d1d4d}.dark\:hover\:bg-red-900\/40:hover:is(.dark *){background-color:#7f1d1d66}.dark\:hover\:bg-sky-900\/10:hover:is(.dark *){background-color:#0c4a6e1a}.dark\:hover\:bg-yellow-900\/20:hover:is(.dark *){background-color:#713f1233}.dark\:hover\:bg-yellow-900\/30:hover:is(.dark *){background-color:#713f124d}.dark\:hover\:text-amber-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(251 191 36 / var(--tw-text-opacity, 1))}.dark\:hover\:text-blue-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.dark\:hover\:text-blue-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.dark\:hover\:text-dark-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(226 232 240 / var(--tw-text-opacity, 1))}.dark\:hover\:text-dark-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(203 213 225 / var(--tw-text-opacity, 1))}.dark\:hover\:text-dark-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.dark\:hover\:text-emerald-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(229 231 235 / var(--tw-text-opacity, 1))}.dark\:hover\:text-gray-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(209 213 219 / var(--tw-text-opacity, 1))}.dark\:hover\:text-green-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.dark\:hover\:text-orange-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}.dark\:hover\:text-primary-200:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.dark\:hover\:text-primary-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.dark\:hover\:text-primary-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:hover\:text-purple-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(192 132 252 / var(--tw-text-opacity, 1))}.dark\:hover\:text-red-300:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.dark\:hover\:text-red-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.dark\:hover\:text-yellow-400:hover:is(.dark *){--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.dark\:focus\:border-primary-500:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.dark\:focus\:border-primary-600:focus:is(.dark *){--tw-border-opacity: 1;border-color:rgb(13 148 136 / var(--tw-border-opacity, 1))}.dark\:focus\:bg-dark-800:focus:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(30 41 59 / var(--tw-bg-opacity, 1))}.dark\:focus\:bg-dark-900:focus:is(.dark *){--tw-bg-opacity: 1;background-color:rgb(15 23 42 / var(--tw-bg-opacity, 1))}.dark\:focus\:text-primary-400:focus:is(.dark *){--tw-text-opacity: 1;color:rgb(45 212 191 / var(--tw-text-opacity, 1))}.dark\:focus\:ring-primary-600:focus:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(13 148 136 / var(--tw-ring-opacity, 1))}.dark\:focus\:ring-offset-dark-800:focus:is(.dark *){--tw-ring-offset-color: #1e293b}.group:hover .dark\:group-hover\:bg-blue-900\/50:is(.dark *){background-color:#1e3a8a80}.group:hover .dark\:group-hover\:bg-primary-500\/10:is(.dark *){background-color:#14b8a61a}.group:hover .dark\:group-hover\:text-blue-400:is(.dark *){--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:text-primary-200:is(.dark *){--tw-text-opacity: 1;color:rgb(153 246 228 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:text-primary-300:is(.dark *){--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.group:hover .dark\:group-hover\:ring-primary-500\/20:is(.dark *){--tw-ring-color: rgb(20 184 166 / .2)}.peer:checked~.peer-checked\:dark\:border-primary-500:is(.dark *){--tw-border-opacity: 1;border-color:rgb(20 184 166 / var(--tw-border-opacity, 1))}.peer:focus~.dark\:peer-focus\:ring-primary-800:is(.dark *){--tw-ring-opacity: 1;--tw-ring-color: rgb(17 94 89 / var(--tw-ring-opacity, 1))}@media (min-width: 640px){.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:-mx-6{margin-left:-1.5rem;margin-right:-1.5rem}.sm\:-mt-4{margin-top:-1rem}.sm\:block{display:block}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-32{width:8rem}.sm\:w-36{width:9rem}.sm\:w-40{width:10rem}.sm\:w-44{width:11rem}.sm\:w-48{width:12rem}.sm\:w-64{width:16rem}.sm\:w-80{width:20rem}.sm\:w-\[140px\]{width:140px}.sm\:w-\[150px\]{width:150px}.sm\:w-\[160px\]{width:160px}.sm\:w-\[170px\]{width:170px}.sm\:w-auto{width:auto}.sm\:min-w-\[180px\]{min-width:180px}.sm\:min-w-\[200px\]{min-width:200px}.sm\:min-w-\[220px\]{min-width:220px}.sm\:min-w-\[240px\]{min-width:240px}.sm\:max-w-2xl{max-width:42rem}.sm\:max-w-3xl{max-width:48rem}.sm\:max-w-4xl{max-width:56rem}.sm\:max-w-64{max-width:16rem}.sm\:flex-1{flex:1 1 0%}.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[minmax\(0\,1\.4fr\)_auto\]{grid-template-columns:minmax(0,1.4fr) auto}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:px-2{padding-left:.5rem;padding-right:.5rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-\[10px\]{font-size:10px}}@media (min-width: 768px){.md\:left-full{left:100%}.md\:top-0{top:0}.md\:col-span-2{grid-column:span 2 / span 2}.md\:ml-2{margin-left:.5rem}.md\:mr-1\.5{margin-right:.375rem}.md\:mt-0{margin-top:0}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:contents{display:contents}.md\:w-52{width:13rem}.md\:w-64{width:16rem}.md\:w-80{width:20rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-4xl{max-width:56rem}.md\:max-w-5xl{max-width:64rem}.md\:flex-initial{flex:0 1 auto}.md\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-\[1fr_160px_auto\]{grid-template-columns:1fr 160px auto}.md\:grid-cols-\[200px_1fr\]{grid-template-columns:200px 1fr}.md\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\]{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.md\:flex-row{flex-direction:row}.md\:items-start{align-items:flex-start}.md\:items-end{align-items:flex-end}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}.md\:gap-6{gap:1.5rem}.md\:border-r{border-right-width:1px}.md\:border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.md\:p-10{padding:2.5rem}.md\:p-5{padding:1.25rem}.md\:p-6{padding:1.5rem}.md\:px-3{padding-left:.75rem;padding-right:.75rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-4{padding-top:1rem;padding-bottom:1rem}.md\:pr-6{padding-right:1.5rem}.md\:pt-7{padding-top:1.75rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-sm{font-size:.875rem;line-height:1.25rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.dark\:md\:border-dark-700:is(.dark *){--tw-border-opacity: 1;border-color:rgb(51 65 85 / var(--tw-border-opacity, 1))}}@media (min-width: 1024px){.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:ml-64{margin-left:16rem}.lg\:ml-\[72px\]{margin-left:72px}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:w-auto{width:auto}.lg\:max-w-4xl{max-width:56rem}.lg\:max-w-5xl{max-width:64rem}.lg\:max-w-6xl{max-width:72rem}.lg\:translate-x-0{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-\[minmax\(0\,1fr\)_220px\]{grid-template-columns:minmax(0,1fr) 220px}.lg\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.lg\:flex-row{flex-direction:row}.lg\:items-start{align-items:flex-start}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-end{justify-content:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:gap-16{gap:4rem}.lg\:p-8{padding:2rem}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:text-left{text-align:left}.lg\:text-6xl{font-size:3.75rem;line-height:1}}@media (min-width: 1280px){.xl\:col-span-6{grid-column:span 6 / span 6}.xl\:max-w-6xl{max-width:72rem}.xl\:max-w-7xl{max-width:80rem}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(360px\,440px\)\]{grid-template-columns:minmax(0,1fr) minmax(360px,440px)}.xl\:grid-cols-\[minmax\(0\,360px\)_1fr\]{grid-template-columns:minmax(0,360px) 1fr}.xl\:flex-row{flex-direction:row}.xl\:items-center{align-items:center}.xl\:justify-between{justify-content:space-between}}@media (min-width: 1536px){.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:w-full>svg{width:100%}




/* Rsta Al runtime skin: applied on top of the bundled Sub2API frontend. */
:root {
  --rs-bg: #f6f7f8;
  --rs-surface: #ffffff;
  --rs-surface-2: #f9fafb;
  --rs-text: #111827;
  --rs-muted: #667085;
  --rs-line: #e4e7ec;
  --rs-line-strong: #d0d5dd;
  --rs-teal: #14b8a6;
  --rs-blue: #2563eb;
  --rs-amber: #f59e0b;
  --rs-green: #16a34a;
  --rs-shadow: 0 16px 40px rgba(16, 24, 40, 0.08);
}

/* Rsta Al mobile user live-DOM fix EOF 20260518 */
@media (max-width: 820px) {
  html.relay-user-shell-ready,
  html.relay-user-shell-ready body,
  html.relay-user-shell-ready #app {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.05)), #f8fafc !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: transparent !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .pointer-events-none.fixed.inset-0,
  html.relay-user-shell-ready #app > .min-h-screen > .bg-mesh-gradient {
    display: none !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .relative,
  html.relay-user-shell-ready #app > .min-h-screen > div.relative {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html.relay-user-shell-ready header.glass {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    display: block !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    backdrop-filter: blur(16px) !important;
    box-shadow: none !important;
  }

  html.relay-user-shell-ready header.glass > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 12px 0 60px !important;
    gap: 10px !important;
  }

  html.relay-user-shell-ready header.glass > div > div:first-child,
  html.relay-user-shell-ready header.glass > div > div:first-child > div:last-child {
    display: none !important;
  }

  html.relay-user-shell-ready header.glass > div > div:last-child {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    gap: 10px !important;
  }

  html.relay-user-shell-ready header.glass .relay-force-hide-locale,
  html.relay-user-shell-ready header.glass .locale-switcher,
  html.relay-user-shell-ready header.glass > div > div:last-child > .relative:not(:last-of-type) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .sidebar,
  html.relay-user-shell-ready #app > .min-h-screen > aside.sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 120 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(82vw, 300px) !important;
    min-width: 0 !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 14px 14px 18px !important;
    border-right: 1px solid rgba(228, 231, 236, 0.92) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 44px rgba(16, 24, 40, 0.18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-105%) !important;
    transition: transform 0.22s ease !important;
  }

  html.relay-mobile-drawer-open #app > .min-h-screen > .sidebar,
  html.relay-mobile-drawer-open #app > .min-h-screen > aside.sidebar {
    transform: translateX(0) !important;
  }

  html.relay-user-shell-ready .sidebar-nav,
  html.relay-user-shell-ready .sidebar-section,
  html.relay-user-shell-ready .sidebar-nav > * {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  html.relay-user-shell-ready .sidebar-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    gap: 12px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  html.relay-user-shell-ready main.p-4,
  html.relay-user-shell-ready main.relay-main,
  html.relay-user-shell-ready main {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    padding: 16px 12px 96px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    transform: none !important;
  }

  html.relay-user-shell-ready main.p-4 > *,
  html.relay-user-shell-ready main.relay-main > *,
  html.relay-user-shell-ready main > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.relay-user-shell-ready .relay-user-hero {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    padding: 22px 16px !important;
    margin: 0 0 14px !important;
    border-radius: 8px !important;
  }

  html.relay-user-shell-ready .relay-user-hero h2,
  html.relay-user-shell-ready .welcome-copy h1 {
    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    word-break: break-word !important;
  }

  html.relay-user-shell-ready .relay-user-hero p,
  html.relay-user-shell-ready .welcome-copy p:not(.welcome-badge) {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  html.relay-user-shell-ready .relay-user-actions,
  html.relay-user-shell-ready .welcome-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab {
    position: fixed !important;
    top: 9px !important;
    left: 10px !important;
    z-index: 130 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(228, 231, 236, 0.96) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #111827 !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.12) !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab svg {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
  }

  html.relay-user-shell-ready .relay-mobile-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 110 !important;
    display: none !important;
    border: 0 !important;
    background: rgba(15, 23, 42, 0.28) !important;
  }

  html.relay-mobile-drawer-open .relay-mobile-backdrop {
    display: block !important;
  }

  html.relay-user-shell-ready .relay-support-trigger,
  html.relay-user-shell-ready .support-chat-widget .chat-toggle {
    right: 12px !important;
    bottom: 14px !important;
    min-width: 112px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  html.relay-user-shell-ready .relay-support-trigger span,
  html.relay-user-shell-ready .support-chat-widget .chat-toggle span {
    display: inline !important;
    visibility: visible !important;
    white-space: nowrap !important;
  }

  html.relay-user-shell-ready .relay-runtime-support-trigger span {
    display: inline !important;
  }
}

/* Rsta Al mobile user live-DOM final override EOF 20260518 */
@media (max-width: 820px) {
  html.relay-user-shell-ready,
  html.relay-user-shell-ready body,
  html.relay-user-shell-ready #app {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.05)), #f8fafc !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .pointer-events-none.fixed.inset-0,
  html.relay-user-shell-ready #app > .min-h-screen > .bg-mesh-gradient {
    display: none !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .relative,
  html.relay-user-shell-ready #app > .min-h-screen > div.relative {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html.relay-user-shell-ready header.glass {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    display: block !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: none !important;
  }

  html.relay-user-shell-ready header.glass > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 12px 0 60px !important;
    gap: 10px !important;
  }

  html.relay-user-shell-ready header.glass > div > div:first-child,
  html.relay-user-shell-ready header.glass > div > div:first-child > div:last-child {
    display: none !important;
  }

  html.relay-user-shell-ready header.glass > div > div:last-child {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  html.relay-user-shell-ready header.glass .relay-force-hide-locale,
  html.relay-user-shell-ready header.glass .locale-switcher,
  html.relay-user-shell-ready header.glass > div > div:last-child > .relative:not(:last-of-type) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .sidebar,
  html.relay-user-shell-ready #app > .min-h-screen > aside.sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 120 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(82vw, 300px) !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 14px 14px 18px !important;
    border-right: 1px solid rgba(228, 231, 236, 0.92) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 44px rgba(16, 24, 40, 0.18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-105%) !important;
    transition: transform 0.22s ease !important;
  }

  html.relay-mobile-drawer-open #app > .min-h-screen > .sidebar,
  html.relay-mobile-drawer-open #app > .min-h-screen > aside.sidebar {
    transform: translateX(0) !important;
  }

  html.relay-user-shell-ready .sidebar-nav,
  html.relay-user-shell-ready .sidebar-section,
  html.relay-user-shell-ready .sidebar-nav > * {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  html.relay-user-shell-ready .sidebar-link {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    gap: 12px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  html.relay-user-shell-ready main.p-4,
  html.relay-user-shell-ready main.relay-main,
  html.relay-user-shell-ready main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 12px 96px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    transform: none !important;
  }

  html.relay-user-shell-ready main.p-4 > *,
  html.relay-user-shell-ready main.relay-main > *,
  html.relay-user-shell-ready main > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.relay-user-shell-ready .relay-user-hero {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    padding: 22px 16px !important;
    margin: 0 0 14px !important;
    border-radius: 8px !important;
  }

  html.relay-user-shell-ready .relay-user-hero h2,
  html.relay-user-shell-ready .welcome-copy h1 {
    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  html.relay-user-shell-ready .relay-user-hero p,
  html.relay-user-shell-ready .welcome-copy p:not(.welcome-badge) {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  html.relay-user-shell-ready .relay-user-actions,
  html.relay-user-shell-ready .welcome-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab {
    position: fixed !important;
    top: 9px !important;
    left: 10px !important;
    z-index: 130 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(228, 231, 236, 0.96) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #111827 !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.12) !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab svg {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
  }

  html.relay-user-shell-ready .relay-mobile-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 110 !important;
    display: none !important;
    border: 0 !important;
    background: rgba(15, 23, 42, 0.28) !important;
  }

  html.relay-mobile-drawer-open .relay-mobile-backdrop {
    display: block !important;
  }

  html.relay-user-shell-ready .relay-support-trigger,
  html.relay-user-shell-ready .support-chat-widget .chat-toggle {
    right: 12px !important;
    bottom: 14px !important;
    min-width: 112px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  html.relay-user-shell-ready .relay-support-trigger span,
  html.relay-user-shell-ready .support-chat-widget .chat-toggle span,
  html.relay-user-shell-ready .relay-runtime-support-trigger span {
    display: inline !important;
    visibility: visible !important;
    white-space: nowrap !important;
  }
}

/* Rsta Al mobile drawer final hard override 20260519 */
@media (max-width: 820px) {
  html.relay-user-shell-ready #app > .min-h-screen > .sidebar,
  html.relay-user-shell-ready #app > .min-h-screen > aside.sidebar,
  html.relay-user-shell-ready body #app > .min-h-screen > .sidebar,
  html.relay-user-shell-ready body #app > .min-h-screen > aside.sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 10000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: min(82vw, 300px) !important;
    min-width: min(82vw, 300px) !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: 100dvh !important;
    padding: 14px 14px 18px !important;
    margin: 0 !important;
    border-top: 0 !important;
    border-right: 1px solid rgba(228, 231, 236, 0.92) !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 44px rgba(16, 24, 40, 0.2) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translate3d(-105%, 0, 0) !important;
    transition: transform 0.22s ease !important;
    pointer-events: auto !important;
  }

  html.relay-mobile-drawer-open #app > .min-h-screen > .sidebar,
  html.relay-mobile-drawer-open #app > .min-h-screen > aside.sidebar,
  html.relay-mobile-drawer-open body #app > .min-h-screen > .sidebar,
  html.relay-mobile-drawer-open body #app > .min-h-screen > aside.sidebar {
    transform: translate3d(0, 0, 0) !important;
  }

  html.relay-user-shell-ready .sidebar-header,
  html.relay-user-shell-ready .sidebar-footer,
  html.relay-user-shell-ready .sidebar-divider {
    flex: 0 0 auto !important;
    width: 100% !important;
  }

  html.relay-user-shell-ready .sidebar-nav,
  html.relay-user-shell-ready .sidebar-section,
  html.relay-user-shell-ready .sidebar-nav > * {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr !important;
    justify-items: stretch !important;
    align-items: stretch !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  html.relay-user-shell-ready .sidebar-link,
  html.relay-user-shell-ready .sidebar a[href] {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    text-align: left !important;
    white-space: nowrap !important;
    pointer-events: auto !important;
  }

  html.relay-user-shell-ready .sidebar-link > span,
  html.relay-user-shell-ready .sidebar-link .truncate,
  html.relay-user-shell-ready .sidebar-link .sidebar-label,
  html.relay-user-shell-ready .sidebar a[href] > span {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transform: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
  }

  html.relay-user-shell-ready .sidebar-link > svg,
  html.relay-user-shell-ready .sidebar-svg-icon,
  html.relay-user-shell-ready .sidebar a[href] > svg {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 6px !important;
    border-radius: 8px !important;
  }

  html.relay-user-shell-ready .relay-mobile-backdrop {
    z-index: 9990 !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab {
    z-index: 10020 !important;
  }
}

.dark {
  --rs-bg: #0f141b;
  --rs-surface: #151b24;
  --rs-surface-2: #111720;
  --rs-text: #eef2f7;
  --rs-muted: #a7b0bf;
  --rs-line: #263140;
  --rs-line-strong: #344054;
  --rs-shadow: 0 16px 40px rgba(0, 0, 0, 0.26);
}

body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), transparent 240px),
    var(--rs-bg) !important;
  color: var(--rs-text);
  letter-spacing: 0 !important;
}

.dark body {
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), transparent 280px),
    var(--rs-bg) !important;
}



/* Rsta Al original home skin from C:/Users/Jason/Documents/Codex/2026-05-10/api/styles.css */
:root {
  --bg: #f6f7f8;
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --text: #111827;
  --muted: #667085;
  --soft: #98a2b3;
  --line: #e4e7ec;
  --line-strong: #d0d5dd;
  --teal: #14b8a6;
  --blue: #2563eb;
  --amber: #f59e0b;
  --rose: #e11d48;
  --green: #16a34a;
  --shadow: 0 16px 40px rgba(16, 24, 40, 0.08);
  --radius: 8px;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Microsoft YaHei", sans-serif;
}

.dark {
  --bg: #0f141b;
  --surface: #151b24;
  --surface-2: #111720;
  --text: #eef2f7;
  --muted: #a7b0bf;
  --soft: #778296;
  --line: #263140;
  --line-strong: #344054;
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.26);
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  color-scheme: light;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.65), transparent 220px),
    var(--bg);
  color: var(--text);
  letter-spacing: 0;
}

.dark {
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), transparent 280px),
    var(--bg);
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

.app-shell {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  min-height: 100vh;
}

.admin-shell {
  display: none;
  grid-template-columns: 320px minmax(0, 1fr);
  min-height: 100vh;
  background:
    radial-gradient(circle at 32% 12%, rgba(20, 184, 166, 0.16), transparent 30%),
    linear-gradient(180deg, #edfafa 0%, #f7f8fa 46%, #f6f7f8 100%);
}

body.admin-active .admin-shell {
  display: grid;
}

body.admin-active .app-shell,
.relaystack-original-home.unused-admin .home-screen,
body.admin-active .auth-screen {
  display: none;
}

body.auth-active {
  overflow: auto;
}

body.auth-active .app-shell,
body.auth-active .admin-shell {
  display: none;
}







.home-screen {
  min-height: 100vh;
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.1), transparent 36%),
    linear-gradient(180deg, #fff 0%, var(--bg) 78%);
}

.home-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 74px;
  padding: 0 44px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.82);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.home-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  text-decoration: none;
}

.home-brand img {
  width: 42px;
  height: 42px;
  border-radius: 8px;
}

.home-brand strong,
.home-brand small {
  display: block;
}

.home-brand strong {
  font-size: 16px;
}

.home-brand small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

.home-links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}

.home-links a {
  color: #344054;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.home-links a:hover {
  color: var(--blue);
}

.home-actions {
  display: flex;
  gap: 10px;
}

.home-actions .primary-button,
.home-actions .ghost-button {
  height: 38px;
}

.home-main {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
  gap: 46px;
  align-items: center;
  min-height: calc(100vh - 74px);
  padding: 54px 0 46px;
}

.hero-content {
  min-width: 0;
}

.home-kicker {
  margin: 0 0 14px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.home-hero h1 {
  max-width: 680px;
  margin: 0 0 20px;
  font-size: 56px;
  line-height: 1.18;
}

.home-lead {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.85;
}

.home-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.home-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  border-color: transparent;
}

.model-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 16px;
  max-width: 760px;
  margin-top: 34px;
  padding: 18px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(20, 184, 166, 0.1), transparent 26%),
    radial-gradient(circle at 90% 14%, rgba(37, 99, 235, 0.11), transparent 28%),
    rgba(255, 255, 255, 0.42);
}

.model-pills span {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0 24px;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #111827;
  box-shadow:
    0 12px 24px rgba(16, 24, 40, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}

.model-pills span:nth-child(1) {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.16), rgba(255, 255, 255, 0.9));
  border-color: rgba(20, 184, 166, 0.22);
}

.model-pills span:nth-child(2) {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(37, 99, 235, 0.2);
}

.model-pills span:nth-child(3) {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(99, 102, 241, 0.18);
}

.model-pills span:nth-child(4) {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(14, 165, 233, 0.18);
}

.model-pills span:nth-child(5) {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(16, 185, 129, 0.18);
}

.model-pills span:nth-child(6) {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.92));
  border-color: rgba(59, 130, 246, 0.18);
}

.model-pills span:nth-child(7) {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), rgba(37, 99, 235, 0.1));
  border-color: rgba(15, 23, 42, 0.1);
}

.model-pills i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #111827;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
}

.home-console {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.home-console::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 15%, rgba(20, 184, 166, 0.13), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(37, 99, 235, 0.12), transparent 24%);
}

.home-console > * {
  position: relative;
  z-index: 1;
}

.pricing-preview {
  padding: 0;
  border-color: rgba(20, 184, 166, 0.28);
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0.92) 36%),
    var(--surface);
  box-shadow: 0 22px 50px rgba(16, 24, 40, 0.11);
}

.pricing-preview::before {
  display: none;
}

.pricing-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 70px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(20, 184, 166, 0.18);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.1)),
    rgba(255, 255, 255, 0.82);
}

.pricing-preview-header strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
}

.pricing-preview-header strong::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 6px rgba(20, 184, 166, 0.13);
}

.pricing-preview-header span,
.pricing-preview p {
  color: var(--muted);
  font-size: 13px;
}

.pricing-preview-header > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--blue);
  font-weight: 800;
}

.pricing-preview-table {
  display: grid;
}

.pricing-preview-table > div {
  display: grid;
  grid-template-columns: minmax(180px, 1.3fr) minmax(96px, 0.85fr) minmax(96px, 0.85fr);
  align-items: center;
  gap: 16px;
  min-height: 58px;
  padding: 0 22px;
  border-bottom: 1px solid var(--line);
}

.pricing-preview-table > div:not(.pricing-preview-head):hover {
  background: rgba(20, 184, 166, 0.045);
}

.pricing-preview-head {
  min-height: 48px !important;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.pricing-preview-table strong {
  color: #1d2939;
  font-size: 15px;
  font-weight: 800;
}

.pricing-preview-table span {
  width: fit-content;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.09);
  color: #0f766e;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
  font-weight: 900;
}

.pricing-preview-table > div span:last-child {
  background: rgba(37, 99, 235, 0.09);
  color: var(--blue);
}

.pricing-preview-head span,
.pricing-preview-head span:last-child {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
}

.pricing-preview p {
  margin: 0;
  padding: 13px 22px 16px;
  background: rgba(249, 250, 251, 0.72);
}

.home-section {
  padding: 34px 0;
}

.section-heading {
  max-width: 660px;
  margin-bottom: 22px;
}

.section-heading h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.2;
}

.pricing-band,
.status-band {
  display: grid;
  align-items: center;
  gap: 24px;
  margin-bottom: 34px;
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background: var(--surface);
}

.compare-table {
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.72);
  border-radius: 8px;
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.1), transparent 34%),
    linear-gradient(90deg, rgba(20, 184, 166, 0.08), rgba(37, 99, 235, 0.04) 46%, rgba(248, 250, 252, 0.52) 46%),
    rgba(255, 255, 255, 0.74);
  box-shadow: 0 24px 58px rgba(16, 24, 40, 0.09);
  backdrop-filter: blur(18px);
}

.compare-head,
.compare-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 56px minmax(0, 1fr);
}

.compare-head {
  min-height: 64px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
}

.compare-side {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.compare-side.relay {
  grid-column: 1 / span 2;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.compare-side.sub {
  background: linear-gradient(135deg, #64748b, #475569);
}

.compare-vs {
  display: grid;
  place-items: center;
  align-self: center;
  justify-self: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);
}

.compare-head .compare-vs {
  position: relative;
  z-index: 1;
  margin-left: -19px;
  margin-right: -19px;
}

.compare-row {
  min-height: 92px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.74);
}

.compare-row:last-child {
  border-bottom: 0;
}

.compare-topic {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  background: rgba(240, 253, 250, 0.62);
  border-right: 1px solid rgba(20, 184, 166, 0.14);
}

.compare-topic span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, 0.1);
  color: var(--blue);
  font-size: 19px;
}

.compare-topic strong {
  color: #1d2939;
  font-size: 16px;
}

.compare-cell {
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 18px 22px;
}

.compare-cell strong {
  font-size: 18px;
  line-height: 1.25;
}

.compare-cell p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.relay-cell {
  position: relative;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.035)),
    rgba(255, 255, 255, 0.42);
  border-right: 1px solid rgba(20, 184, 166, 0.14);
}

.relay-cell strong {
  color: #075985;
}

.sub-cell {
  background:
    linear-gradient(90deg, rgba(71, 85, 105, 0.045), rgba(255, 255, 255, 0)),
    rgba(255, 255, 255, 0.38);
}

.sub-cell strong {
  color: #475569;
}

.pricing-band {
  display: block;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 22px 54px rgba(16, 24, 40, 0.08);
}

.status-band {
  grid-template-columns: 1fr auto;
  margin-top: 0;
  padding: 26px;
}

.pricing-table-card {
  background:
    radial-gradient(circle at 4% 0%, rgba(20, 184, 166, 0.16), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
    rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
}

.pricing-table-title {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(37, 99, 235, 0.06)),
    rgba(255, 255, 255, 0.62);
}

.pricing-table-title strong {
  font-size: 18px;
}

.pricing-table-title span,
.pricing-note {
  color: var(--muted);
  font-size: 13px;
}

.pricing-table {
  display: grid;
  overflow-x: auto;
}

.pricing-table > div {
  min-width: 860px;
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(130px, 0.75fr) minmax(130px, 0.75fr) minmax(160px, 0.85fr) minmax(150px, 0.7fr);
  align-items: center;
  gap: 16px;
  min-height: 56px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
}

.pricing-table > div:nth-child(2) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.065), rgba(255, 255, 255, 0.8));
}

.pricing-table > div:nth-child(3) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.052), rgba(255, 255, 255, 0.82));
}

.pricing-table > div:nth-child(4) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.04), rgba(37, 99, 235, 0.022));
}

.pricing-table > div:nth-child(5) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.028), rgba(37, 99, 235, 0.032));
}

.pricing-table > div:nth-child(6) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.018), rgba(37, 99, 235, 0.042));
}

.pricing-table > div:nth-child(7) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.012), rgba(37, 99, 235, 0.052));
}

.pricing-table > div:nth-child(8) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.006), rgba(37, 99, 235, 0.065));
}

.pricing-table > div:not(.pricing-table-head) {
  position: relative;
}

.pricing-table > div:not(.pricing-table-head)::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
  opacity: 0.45;
}

.pricing-table > div:not(.pricing-table-head):hover {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.085), rgba(37, 99, 235, 0.05));
}

.pricing-table-head {
  min-height: 50px !important;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.54) !important;
}

.pricing-table-head span:nth-child(2),
.pricing-table-head span:nth-child(3),
.pricing-table-head span:nth-child(4) {
  text-align: left;
}

.pricing-table-head span:last-child {
  text-align: center;
}

.pricing-table strong {
  color: #1d2939;
  font-size: 17px;
  font-weight: 500;
}

.pricing-table span {
  color: #1f2937;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
}

.pricing-table .official-price {
  color: #9a907f;
  font-weight: 800;
}

.pricing-table em {
  font-style: normal;
}

.saving-meter {
  width: 142px;
  display: grid;
  grid-template-columns: 1fr 46px;
  gap: 9px;
  align-items: center;
  justify-self: center;
}

.saving-meter span {
  position: relative;
  width: 100%;
  height: 10px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: #e6ede3;
}

.saving-meter span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--save) * 1%);
  border-radius: inherit;
  background: linear-gradient(90deg, #86c46c, #3f8f45);
}

.saving-meter strong {
  color: #3f7f3d;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  font-weight: 900;
  text-align: right;
}

.pricing-note {
  margin: 0;
  padding: 16px 24px 20px;
  line-height: 1.8;
  background: rgba(249, 250, 251, 0.75);
}

.status-band div {
  display: grid;
  grid-template-columns: 10px auto;
  gap: 8px;
  align-items: center;
}

.status-band small {
  grid-column: 2;
  color: var(--muted);
}

.auth-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(520px, 1.16fr) minmax(360px, 0.84fr);
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.12), transparent 35%),
    linear-gradient(180deg, #fff, var(--bg));
}

.dark .auth-screen {
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.14), transparent 35%),
    linear-gradient(180deg, #0b1118, var(--bg));
}

.auth-showcase {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  min-height: 100vh;
  padding: 42px;
  border-right: 1px solid var(--line);
}

.auth-showcase::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 75%);
  opacity: 0.6;
}

.auth-brand,
.showcase-copy,
.showcase-benefits {
  position: relative;
  z-index: 1;
}

.auth-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.auth-brand-card {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 8px;
  background: transparent;
}

.auth-brand strong,
.auth-brand small {
  display: block;
}

.auth-brand strong {
  font-size: 20px;
  letter-spacing: 0;
}

.auth-brand small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.showcase-copy {
  max-width: 560px;
  margin-top: 48px;
}

.showcase-copy h1 {
  margin-bottom: 0;
  font-size: 42px;
  line-height: 1.18;
}

.showcase-copy p:last-child {
  max-width: 500px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.showcase-benefits {
  width: min(100%, 560px);
  display: grid;
  gap: 16px;
}

.benefit-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 100px;
  padding: 18px 20px;
  border: 1px solid rgba(20, 184, 166, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.1), transparent 48%),
    rgba(255, 255, 255, 0.8);
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(16px);
}

.dark .benefit-card {
  border-color: rgba(20, 184, 166, 0.2);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), transparent 46%),
    rgba(21, 27, 36, 0.86);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.benefit-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(37, 99, 235, 0.16));
  color: var(--teal);
}

.benefit-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.benefit-card h2 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 22px;
  line-height: 1.15;
}

.benefit-card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.auth-panel {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 34px 44px 34px 20px;
  background:
    radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(249, 250, 251, 0.9));
}

.dark .auth-panel {
  background:
    radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(21, 27, 36, 0.82), rgba(17, 23, 32, 0.92));
}

.auth-card {
  width: min(100%, 390px);
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.dark .auth-card {
  background: rgba(21, 27, 36, 0.9);
}

.auth-card-header {
  margin: 30px 0 24px;
}

.auth-card-header h2 {
  margin: 0 0 10px;
  color: var(--text);
  font-size: 27px;
  line-height: 1.15;
}

.auth-card-header p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-bottom: 0;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.auth-tabs button {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 16px;
  font-weight: 700;
}

.auth-tabs button.active {
  background: linear-gradient(135deg, var(--teal), var(--blue));
  color: #fff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18);
}

.auth-mode {
  display: none;
}

.auth-mode.active {
  display: block;
}

.auth-form {
  gap: 0;
}

.auth-form.active {
  display: grid;
}

.input-field {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  height: 50px;
  margin-bottom: 16px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.field-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--soft);
}

.field-icon svg,
.password-toggle svg,
.auth-submit svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-form input {
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 15px;
}

.auth-form input::placeholder {
  color: var(--soft);
}

.input-field:focus-within {
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11);
}

.form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.check-field {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  margin: 0 0 16px;
  color: var(--muted) !important;
  font-weight: 500 !important;
  font-size: 13px;
}

.check-field input {
  width: 15px;
  height: 15px;
  accent-color: #111827;
}

.dark .check-field input {
  accent-color: #eef2f7;
}

.link-button {
  border: 0;
  background: transparent;
  color: var(--blue);
  font-weight: 700;
}

.password-toggle {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--soft);
}

.code-field {
  display: grid;
  grid-template-columns: 1fr 108px;
  gap: 8px;
}

.code-field button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  color: var(--text);
  font-weight: 700;
}

.form-message {
  min-height: 22px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.form-message.error {
  color: var(--rose);
}

.form-message.success {
  color: var(--green);
}

.auth-submit {
  width: 100%;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 2px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
}

.auth-submit svg {
  width: 19px;
  height: 19px;
}

.terms-field {
  align-items: flex-start;
  line-height: 1.5;
}

.auth-footer {
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
  color: var(--muted);
}

.login-helper {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.demo-entry {
  font-size: 13px;
  opacity: 0.8;
}

.back-login {
  display: none;
}

.auth-card.is-secondary .auth-tabs,
.auth-card.is-secondary .login-helper,
.auth-card.is-secondary .demo-entry {
  display: none;
}

.auth-card.is-secondary .back-login {
  display: inline-block;
}

.auth-inline-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 2px 18px;
}

.auth-inline-actions span {
  flex: 1;
}

.auth-inline-actions .link-button {
  font-size: 14px;
  font-weight: 600;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 22px 16px;
  border-right: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(228, 231, 236, 0.92);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 0 0 rgba(16, 24, 40, 0.02);
  backdrop-filter: blur(18px);
}

.admin-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 15px 28px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
}

.admin-brand img {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
}

.admin-brand strong,
.admin-brand span {
  display: block;
}

.admin-brand strong {
  font-size: 25px;
  line-height: 1;
}

.admin-brand span {
  width: fit-content;
  margin-top: 7px;
  padding: 4px 10px;
  border-radius: 8px;
  background: #fff1b8;
  color: #bc6b00;
  font-size: 14px;
  font-weight: 800;
}

.admin-nav {
  display: grid;
  gap: 5px;
  padding: 20px 15px 16px;
}

.admin-nav-item {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 0;
  border-radius: 12px;
  padding: 0 20px;
  background: transparent;
  color: #475467;
  font-size: 17px;
  font-weight: 650;
  text-align: left;
}

.admin-nav-item:hover {
  background: #f2f4f7;
  color: #111827;
}

.admin-nav-item.active {
  background: rgba(20, 184, 166, 0.1);
  color: #0f9488;
}

.admin-nav-item span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: currentColor;
}

.admin-nav-item svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-account-tools {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 14px 28px 22px;
  border-top: 1px solid rgba(228, 231, 236, 0.72);
}

.admin-account-tools small {
  color: var(--soft);
  font-size: 14px;
  font-weight: 800;
}

.admin-tool-button {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #475467;
  font-size: 16px;
  text-align: left;
}

.admin-tool-button span {
  width: 22px;
  display: inline-grid;
  place-items: center;
}

.dark .sidebar {
  background: rgba(21, 27, 36, 0.88);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 8px 16px;
}

.brand-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 12px;
  background: #111827;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
}

.dark .brand-mark {
  border-color: #344054;
  background: #0b1118;
}

.brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.brand strong,
.brand small {
  display: block;
}

.brand strong {
  font-size: 15px;
}

.brand small,
.metric-card span,
.metric-card small,
.panel p,
.channel-row small,
.table-row span,
.invoice-strip span {
  color: var(--muted);
}

.brand small {
  margin-top: 2px;
  font-size: 12px;
}

.nav-list {
  display: grid;
  gap: 7px;
}

.nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 8px;
  padding: 10px 12px;
  background: transparent;
  color: #344054;
  text-align: left;
  font-weight: 650;
  transition:
    background 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.dark .nav-item {
  color: #cbd5e1;
}

.nav-item:hover {
  background: #f2f4f7;
  transform: translateX(2px);
}

.dark .nav-item:hover {
  background: #1d2633;
}

.nav-item.active {
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.98));
  color: #fff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
}

.dark .nav-item.active {
  background: #eef2f7;
  color: #111827;
}

.nav-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 8px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.76), transparent 36%),
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.1));
  color: #344054;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.dark .nav-icon {
  background: rgba(255, 255, 255, 0.08);
  color: #d7deea;
}

.nav-item.active .nav-icon {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
}

.nav-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.meter {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}

.dark .meter {
  background: #263140;
}

.meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.meter.warn span {
  background: linear-gradient(90deg, var(--amber), #fb7185);
}

.meter.danger span {
  background: linear-gradient(90deg, var(--rose), #fb7185);
}

.workspace {
  min-width: 0;
  padding: 18px 26px 38px;
}

.admin-workspace {
  min-width: 0;
}

.admin-topbar {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 38px 0 30px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.82);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.admin-topbar h1 {
  margin: 0 0 4px;
  font-size: 24px;
  line-height: 1.1;
}

.admin-topbar p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.admin-topbar-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.admin-icon-button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #475467;
}

.admin-icon-button svg,
.admin-profile svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-lang-button {
  border: 0;
  background: transparent;
  color: #475467;
  font-weight: 700;
}

.admin-balance {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border-radius: 12px;
  background: rgba(20, 184, 166, 0.1);
  color: #0f766e;
  font-size: 18px;
  font-weight: 900;
}

.admin-profile {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: #344054;
}

.admin-profile > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #14b8a6, #0f9488);
  color: #fff;
  font-weight: 900;
}

.admin-profile strong,
.admin-profile small {
  display: block;
  text-align: left;
}

.admin-profile strong {
  font-size: 18px;
}

.admin-profile small {
  color: var(--muted);
  font-size: 14px;
}

.admin-profile i {
  color: var(--muted);
  font-style: normal;
}

.admin-content {
  padding: 28px 30px 48px;
}

.admin-view {
  display: none;
}

.admin-view.active {
  display: block;
}

.admin-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.admin-stat-card,
.admin-filter-bar,
.admin-panel {
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 14px 32px rgba(16, 24, 40, 0.06);
}

.admin-stat-card {
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
}

.admin-stat-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 16%, #fff);
}

.admin-stat-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-stat-card small,
.admin-stat-card span {
  color: var(--muted);
}

.admin-stat-card small {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}

.admin-stat-card strong {
  display: block;
  color: #111827;
  font-size: 23px;
  line-height: 1.08;
}

.admin-stat-card strong span {
  display: inline;
  font-size: 12px;
  font-weight: 700;
}

.admin-stat-card em {
  display: block;
  margin-top: 3px;
  color: #16a34a;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.admin-stat-card > div {
  min-width: 0;
}

.admin-stat-card > div > span {
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-stat-card b {
  color: #16a34a;
}

.admin-stat-card.accent-blue { --accent: #3b6ff6; }
.admin-stat-card.accent-purple { --accent: #a855f7; }
.admin-stat-card.accent-green { --accent: #22c55e; }
.admin-stat-card.accent-teal { --accent: #14b8a6; }
.admin-stat-card.accent-amber { --accent: #f59e0b; }
.admin-stat-card.accent-indigo { --accent: #6366f1; }
.admin-stat-card.accent-violet { --accent: #8b5cf6; }
.admin-stat-card.accent-rose { --accent: #fb7185; }

.admin-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  margin: 22px 0;
  padding: 14px 18px;
}

.admin-filter-group {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #344054;
  font-size: 14px;
}

.admin-filter-group button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 14px;
  background: #fff;
  color: #475467;
  font-weight: 650;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.04);
}

.admin-chart-grid {
  display: grid;
  grid-template-columns: minmax(560px, 1.08fr) minmax(420px, 0.92fr);
  gap: 18px;
}

.admin-panel {
  min-width: 0;
  padding: 18px;
}

.admin-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.admin-panel-header h2 {
  margin: 0;
  font-size: 18px;
}

.admin-panel-header button {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0 12px;
  background: #fff;
  color: #475467;
}

.admin-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #f2f4f7;
  color: #667085;
  font-size: 12px;
  font-weight: 750;
}

.admin-tabs span {
  padding: 6px 10px;
  border-radius: 8px;
}

.admin-tabs .active {
  background: #fff;
  color: #111827;
}

.model-distribution {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 226px;
  min-width: 0;
  overflow: hidden;
}

.admin-donut {
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 0 31%, transparent 32%),
    conic-gradient(#4f7df3 0 92%, #8ab6ff 92% 100%);
  box-shadow: inset 0 0 0 1px rgba(79, 125, 243, 0.08);
}

.admin-model-table {
  display: grid;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.admin-model-table > div,
.admin-recent-table > div {
  display: grid;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
  color: #667085;
  font-size: 12px;
}

.admin-model-table > div {
  grid-template-columns: minmax(96px, 1.28fr) minmax(38px, 0.55fr) minmax(58px, 0.72fr) minmax(58px, 0.72fr) minmax(58px, 0.72fr) minmax(58px, 0.72fr);
  min-width: 430px;
}

.admin-model-table strong,
.admin-model-table span,
.admin-model-table em,
.admin-model-table b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-model-table strong {
  color: #2563eb;
}

.admin-model-table em,
.admin-recent-table em {
  color: #16a34a;
  font-style: normal;
}

.admin-model-table b {
  color: #f97316;
}

.trend-legend {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 8px;
  color: #344054;
  font-size: 12px;
}

.trend-legend span::before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 5px;
  border: 2px solid currentColor;
  border-radius: 50%;
  vertical-align: -1px;
}

.trend-legend .input { color: #4f7df3; }
.trend-legend .output { color: #10b981; }
.trend-legend .cache { color: #f59e0b; }
.trend-legend .read { color: #06b6d4; }
.trend-legend .hit { color: #8b5cf6; }

.trend-chart {
  min-height: 226px;
  overflow: hidden;
}

.trend-chart svg {
  width: 100%;
  height: 226px;
}

.grid-lines path {
  fill: none;
  stroke: #e4e7ec;
  stroke-width: 1;
}

.trend-line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trend-line.cyan { stroke: #2db7d8; }
.trend-line.blue { stroke: #4f7df3; }
.trend-line.green { stroke: #10b981; }
.trend-line.purple { stroke: #8b5cf6; }
.trend-line.dashed {
  stroke-dasharray: 9 9;
}

.admin-recent-panel {
  margin-top: 22px;
}

.admin-recent-table > div {
  grid-template-columns: 1fr 1.4fr 0.8fr 1fr 0.8fr 1fr;
  min-height: 46px;
}

.admin-recent-table strong {
  color: #111827;
}

.admin-page-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.admin-page-heading h2 {
  margin: 0 0 7px;
  font-size: 28px;
  line-height: 1.1;
}

.admin-page-heading p {
  margin: 0;
  color: var(--muted);
}

.admin-primary-action {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  padding: 0 17px;
  background: linear-gradient(135deg, #14b8a6, #0f9488);
  color: #fff;
  font-weight: 850;
  box-shadow: 0 14px 28px rgba(20, 184, 166, 0.18);
}

.admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.admin-toolbar input,
.admin-toolbar button {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.admin-toolbar input {
  min-width: min(360px, 100%);
  padding: 0 14px;
  outline: 0;
}

.admin-toolbar button {
  padding: 0 14px;
  color: #475467;
  font-weight: 700;
}

.admin-metric-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.admin-metric-row > div,
.admin-config-card {
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.055);
}

.admin-metric-row > div {
  padding: 18px;
}

.admin-metric-row span,
.admin-metric-row small,
.admin-config-card span,
.admin-config-card p {
  color: var(--muted);
}

.admin-metric-row strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 28px;
}

.admin-table {
  overflow-x: auto;
}

.admin-table > div {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 0.8fr 0.8fr 0.8fr;
  gap: 14px;
  align-items: center;
  min-width: 780px;
  min-height: 58px;
  padding: 0 8px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
  color: #667085;
}

.admin-table > div:first-child {
  min-height: 44px;
  color: #475467;
  font-size: 13px;
  font-weight: 850;
}

.admin-table strong {
  color: #111827;
}

.admin-table button,
.admin-config-card button,
.admin-form-actions button {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 0 12px;
  background: #fff;
  color: #2563eb;
  font-weight: 750;
}

.admin-pill {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.admin-pill.success {
  background: #dcfce7;
  color: #15803d;
}

.admin-pill.warn {
  background: #fef3c7;
  color: #b45309;
}

.admin-pill.muted {
  background: #eef2ff;
  color: #4f46e5;
}

.admin-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.admin-config-card {
  display: grid;
  gap: 10px;
  padding: 20px;
}

.admin-config-card span {
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

.admin-config-card strong {
  font-size: 24px;
}

.admin-config-card p {
  min-height: 52px;
  margin: 0;
  line-height: 1.65;
}

.admin-form-panel {
  max-width: 920px;
  display: grid;
  gap: 16px;
}

.admin-form-panel label {
  display: grid;
  gap: 8px;
  color: #344054;
  font-weight: 750;
}

.admin-form-panel input,
.admin-form-panel textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  outline: 0;
  background: #fff;
  color: var(--text);
}

.admin-form-actions {
  display: flex;
  gap: 10px;
}

.admin-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.admin-support-console {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
}

.support-thread-list,
.support-message-panel {
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 32px rgba(16, 24, 40, 0.06);
}

.support-thread-list {
  display: grid;
  align-content: start;
  overflow: hidden;
}

.support-thread {
  display: grid;
  gap: 5px;
  min-height: 92px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 16px;
  background: transparent;
  text-align: left;
}

.support-thread.active,
.support-thread:hover {
  background: rgba(20, 184, 166, 0.08);
}

.support-thread strong,
.support-thread span,
.support-thread em {
  display: block;
}

.support-thread strong {
  color: #111827;
}

.support-thread span {
  color: #475467;
  font-size: 13px;
}

.support-thread em {
  color: var(--soft);
  font-size: 12px;
  font-style: normal;
}

.support-message-panel {
  overflow: hidden;
}

.support-message-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
}

.support-message-header strong,
.support-message-header small {
  display: block;
}

.support-message-header small {
  margin-top: 3px;
  color: var(--muted);
}

.support-message-body {
  display: grid;
  gap: 13px;
  min-height: 360px;
  max-height: 460px;
  overflow: auto;
  padding: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.08), transparent 32%),
    #f8fafc;
}

.support-chat-row {
  display: grid;
  gap: 5px;
  max-width: 68%;
}

.support-chat-row.admin {
  justify-self: end;
}

.support-chat-row p {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid rgba(228, 231, 236, 0.9);
  border-radius: 13px;
  background: #fff;
  color: #344054;
  line-height: 1.55;
}

.support-chat-row.admin p {
  border-color: rgba(20, 184, 166, 0.18);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.14), rgba(37, 99, 235, 0.08));
}

.support-chat-row time {
  color: var(--soft);
  font-size: 11px;
}

.support-chat-row.admin time {
  text-align: right;
}

.support-reply-box {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid var(--line);
  background: #fff;
}

.support-reply-box input {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 12px;
  outline: 0;
}

.support-reply-box button {
  min-height: 42px;
  border: 0;
  border-radius: 11px;
  padding: 0 16px;
  background: #111827;
  color: #fff;
  font-weight: 850;
}

.admin-pricing-layout {
  display: grid;
  gap: 22px;
}

.admin-pricing-preview,
.admin-price-advantage {
  width: 100%;
  margin: 0;
}

.admin-editable-pricing [contenteditable="true"] {
  outline: 0;
  cursor: text;
}

.admin-editable-pricing [contenteditable="true"]:focus {
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.16);
}

.admin-editable-pricing strong[contenteditable="true"]:focus {
  border-radius: 7px;
  background: rgba(20, 184, 166, 0.08);
}

.admin-switch-list {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}

.admin-switch-list label {
  display: flex;
  grid-template-columns: none;
  align-items: center;
  gap: 10px;
  font-weight: 650;
}

.admin-switch-list input {
  width: 18px;
  height: 18px;
}

.admin-toast {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 90;
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 16px;
  border: 1px solid rgba(20, 184, 166, 0.24);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  color: #0f766e;
  font-weight: 800;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14);
  transform: translateY(12px);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.admin-toast.show {
  transform: translateY(0);
  opacity: 1;
}

.admin-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.28);
  backdrop-filter: blur(8px);
}

.admin-modal-backdrop.open {
  display: grid;
}

.admin-modal {
  width: min(560px, 100%);
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 28px 70px rgba(16, 24, 40, 0.22);
}

.admin-modal-header,
.admin-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
}

.admin-modal-header {
  border-bottom: 1px solid var(--line);
}

.admin-modal-header h3 {
  margin: 0 0 4px;
  font-size: 20px;
}

.admin-modal-header p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.admin-modal-close {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--muted);
}

.admin-modal-body {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.admin-modal-body label {
  display: grid;
  gap: 7px;
  color: #344054;
  font-weight: 750;
}

.admin-modal-body input,
.admin-modal-body select,
.admin-modal-body textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 12px;
  background: #fff;
  outline: 0;
}

.admin-modal-body textarea {
  min-height: 92px;
  padding: 11px 12px;
  resize: vertical;
}

.admin-modal-actions {
  border-top: 1px solid var(--line);
  justify-content: flex-end;
}

.admin-modal-actions button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 15px;
  background: #fff;
  color: #475467;
  font-weight: 800;
}

.admin-modal-actions button:last-child {
  border-color: transparent;
  background: linear-gradient(135deg, #14b8a6, #0f9488);
  color: #fff;
}

.topbar {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 46px;
}

.mobile-menu {
  display: none;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.search-box {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 580px;
  height: 42px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.search-box span {
  color: var(--soft);
}

.search-box input,
.toolbar input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.ghost-button,
.icon-button,
.avatar-button,
.secondary-button,
.toolbar button,
.segmented button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: #344054;
}

.dark .ghost-button,
.dark .icon-button,
.dark .avatar-button,
.dark .secondary-button,
.dark .toolbar button,
.dark .segmented button {
  color: #d7deea;
}

.ghost-button {
  height: 38px;
  padding: 0 13px;
}

.icon-button {
  position: relative;
  width: 38px;
  height: 38px;
}

.notification-dot {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--rose);
}

.dark .notification-dot {
  border-color: var(--surface);
}

.avatar-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 10px 0 6px;
}

.avatar-button span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.page-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  margin: 34px 0 22px;
}

.eyebrow {
  margin: 0 0 9px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 1.08;
  letter-spacing: 0;
}

.hero-copy {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.primary-button,
.secondary-button {
  height: 40px;
  padding: 0 15px;
  border-radius: 8px;
  font-weight: 700;
}

.primary-button {
  border: 1px solid #111827;
  background: #111827;
  color: #fff;
}

.dark .primary-button {
  border-color: #eef2f7;
  background: #eef2f7;
  color: #111827;
}

.secondary-button {
  background: var(--surface);
}

.views {
  position: relative;
}

.view {
  display: none;
}

.view.active {
  display: block;
}

.dashboard-welcome {
  margin: 30px 0 18px;
}

.welcome-glass {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding: 32px;
  border: 1px solid rgba(228, 231, 236, 0.74);
  border-radius: 8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.18), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(37, 99, 235, 0.14), transparent 34%),
    rgba(255, 255, 255, 0.78);
  box-shadow: 0 22px 54px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(18px);
}

.welcome-badge {
  width: fit-content;
  margin: 0 0 12px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.12);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.welcome-copy h1 {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.16;
}

.welcome-copy h1 span {
  color: var(--blue);
}

.welcome-copy p:not(.welcome-badge) {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.welcome-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.welcome-tags span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
  color: #344054;
  font-size: 13px;
  font-weight: 800;
}

.welcome-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dashboard-section {
  margin-bottom: 22px;
}

.local-section-title {
  margin-bottom: 14px;
}

.local-section-title h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #111827;
  font-size: 18px;
}

.local-section-title h2::before {
  content: "";
  width: 5px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
}

.local-section-title h2 span {
  color: var(--soft);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.user-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.user-stat-card,
.glass-feature-card,
.support-card,
.quick-links-stack button {
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.055);
  backdrop-filter: blur(14px);
}

.user-stat-card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 116px;
  padding: 18px;
}

.user-stat-card::after {
  content: "";
  position: absolute;
  inset: auto -30px -50px auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(20, 184, 166, 0.08);
}

.stat-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 14px 28px rgba(15, 23, 42, 0.12);
}

.stat-icon svg,
.feature-chip svg,
.support-icon svg,
.quick-links-stack button > span svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stat-icon svg {
  width: 28px;
  height: 28px;
}

.stat-icon.balance {
  background: linear-gradient(135deg, #14b8a6, #0f766e);
}

.stat-icon.request {
  background:
    radial-gradient(circle at 26% 18%, rgba(255, 255, 255, 0.36), transparent 24%),
    linear-gradient(135deg, #2563eb, #06b6d4);
}

.stat-icon.token {
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.32), transparent 24%),
    linear-gradient(135deg, #0f766e, #2563eb);
}

.stat-icon.key {
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.28), transparent 24%),
    linear-gradient(135deg, #111827, #334155 46%, #2563eb);
}

.user-stat-card span,
.glass-feature-card p,
.support-item small,
.quick-links-stack small {
  color: var(--muted);
}

.user-stat-card span {
  display: block;
  font-size: 13px;
  font-weight: 800;
}

.user-stat-card strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 24px;
}

.user-stat-card small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.user-dashboard-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 18px;
}

.privilege-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.privilege-grid-single {
  grid-template-columns: 1fr;
}

.glass-feature-card {
  display: flex;
  gap: 14px;
  min-height: 168px;
  padding: 18px;
}

.feature-chip {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #0f766e;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 14px 28px rgba(20, 184, 166, 0.14);
}

.feature-chip.gift {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(236, 253, 245, 0.82)),
    radial-gradient(circle at 28% 20%, rgba(45, 212, 191, 0.34), transparent 36%);
  border: 1px solid rgba(20, 184, 166, 0.18);
}

.feature-chip.plan {
  background: rgba(37, 99, 235, 0.11);
}

.glass-feature-card h3 {
  margin: 4px 0 8px;
  font-size: 18px;
}

.glass-feature-card p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.7;
}

.redeem-line {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.redeem-line input {
  min-width: 0;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  outline: 0;
}

.redeem-line button {
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  background: #111827;
  color: #fff;
  font-weight: 800;
}

.redeem-line-large {
  max-width: 560px;
  margin-top: 18px;
}

.redeem-line-large input,
.redeem-line-large button {
  height: 46px;
}

.redeem-panel {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  max-width: 760px;
  padding: 24px;
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.16), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 44px rgba(16, 24, 40, 0.07);
  backdrop-filter: blur(16px);
}

.redeem-panel h3 {
  margin: 2px 0 8px;
  font-size: 22px;
}

.redeem-panel p {
  max-width: 560px;
  line-height: 1.7;
}

.redeem-hero-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, 0.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.9), transparent 35%),
    linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(37, 99, 235, 0.13));
  color: #0f766e;
}

.redeem-hero-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.plan-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}

.plan-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.glass-feature-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.support-card {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  padding: 16px;
}

.support-card-three {
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
}

.support-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.support-button {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.support-button:hover strong {
  color: var(--blue);
}

.support-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 28px rgba(15, 23, 42, 0.1);
}

.support-icon svg {
  width: 27px;
  height: 27px;
}

.support-icon.wx {
  background:
    radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.36), transparent 24%),
    linear-gradient(135deg, #09bb72, #07c160);
}

.support-icon.chat {
  background:
    radial-gradient(circle at 26% 20%, rgba(255, 255, 255, 0.42), transparent 24%),
    linear-gradient(135deg, #ef4444, #dc2626);
}

.support-icon.wx svg {
  fill: currentColor;
  stroke: none;
}

.support-icon.wx circle {
  fill: #07c160;
}

.support-icon.qq {
  border: 1px solid rgba(228, 231, 236, 0.92);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9));
  color: #111827;
}

.support-icon.qq svg {
  fill: currentColor;
  stroke: none;
}

.support-icon.qq .qq-face {
  fill: none;
  stroke: #fff;
  stroke-width: 1.35;
  stroke-linecap: round;
}

.support-icon.qq .qq-eye {
  fill: none;
  stroke: #fff;
  stroke-width: 1.25;
  stroke-linecap: round;
}

.support-icon.qq .qq-beak {
  fill: #f59e0b;
}

.support-icon.qq .qq-scarf {
  fill: none;
  stroke: #ef4444;
  stroke-width: 1.9;
  stroke-linecap: round;
}

.support-item strong,
.support-item small {
  display: block;
}

.support-divider {
  width: 1px;
  height: 44px;
  background: var(--line);
}

.support-chat-widget {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 60;
  display: grid;
  justify-items: end;
  gap: 14px;
  pointer-events: none;
}

.relaystack-original-home .support-chat-widget,
body.auth-active .support-chat-widget {
  display: none;
}

.chat-launcher,
.chat-panel,
.chat-close,
.chat-compose button {
  pointer-events: auto;
}

.chat-launcher {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.34), transparent 24%),
    linear-gradient(135deg, #ef3124, #dc2626);
  color: #fff;
  box-shadow:
    0 22px 44px rgba(220, 38, 38, 0.28),
    0 8px 18px rgba(15, 23, 42, 0.14);
}

.chat-launcher svg {
  width: 34px;
  height: 34px;
  fill: #fff;
  stroke: none;
}

.chat-launcher svg path:nth-child(n + 2) {
  stroke: #ef3124;
  stroke-width: 1.6;
  stroke-linecap: round;
}

.chat-panel {
  width: min(380px, calc(100vw - 36px));
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.88)),
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.12), transparent 34%);
  box-shadow: 0 28px 70px rgba(16, 24, 40, 0.18);
  backdrop-filter: blur(18px);
  transform: translateY(12px) scale(0.96);
  transform-origin: right bottom;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.support-chat-widget.open .chat-panel {
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: auto;
}

.chat-panel-header {
  display: grid;
  grid-template-columns: 44px 1fr 34px;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.76);
  background:
    radial-gradient(circle at 10% 0%, rgba(239, 68, 68, 0.12), transparent 38%),
    rgba(255, 255, 255, 0.72);
}

.chat-admin-avatar {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
}

.chat-admin-avatar svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.chat-panel-header strong,
.chat-panel-header small {
  display: block;
}

.chat-panel-header small {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.chat-panel-header small span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.12);
}

.chat-close {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--muted);
}

.chat-close svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.chat-messages {
  display: grid;
  gap: 12px;
  max-height: 340px;
  min-height: 280px;
  overflow: auto;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.86), rgba(255, 255, 255, 0.8));
}

.message-row {
  display: flex;
}

.user-message {
  justify-content: flex-end;
}

.message-bubble {
  max-width: 82%;
  padding: 11px 12px;
  border: 1px solid rgba(228, 231, 236, 0.8);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.055);
}

.user-message .message-bubble {
  border-color: rgba(20, 184, 166, 0.22);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.13), rgba(37, 99, 235, 0.1));
}

.message-bubble p {
  margin: 0;
  color: #344054;
  font-size: 13px;
  line-height: 1.6;
}

.message-bubble time {
  display: block;
  margin-top: 6px;
  color: var(--soft);
  font-size: 11px;
}

.chat-compose {
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(228, 231, 236, 0.76);
  background: rgba(255, 255, 255, 0.86);
}

.chat-compose input {
  min-width: 0;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  outline: 0;
  background: #fff;
}

.chat-compose button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: #111827;
  color: #fff;
}

.chat-compose button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quick-links-stack {
  display: grid;
  gap: 10px;
}

.quick-links-stack button {
  width: 100%;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px;
  text-align: left;
}

.quick-links-stack button > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, 0.13);
  border-radius: 12px;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 35%),
    linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(37, 99, 235, 0.13));
  color: var(--blue);
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.quick-links-stack strong,
.quick-links-stack small {
  display: block;
}

.quick-links-stack strong {
  margin-bottom: 4px;
}

.quick-links-stack i {
  color: var(--soft);
  font-style: normal;
  font-weight: 900;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.metric-card,
.panel,
.status-card,
.account-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.metric-card {
  position: relative;
  overflow: hidden;
  padding: 17px;
}

.metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--accent);
}

.accent-teal {
  --accent: var(--teal);
}

.accent-blue {
  --accent: var(--blue);
}

.accent-amber {
  --accent: var(--amber);
}

.accent-rose {
  --accent: var(--rose);
}

.metric-card span,
.metric-card small {
  display: block;
  font-size: 13px;
}

.metric-card strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 28px;
  letter-spacing: 0;
}

.content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
  gap: 14px;
}

.content-grid.bottom {
  grid-template-columns: minmax(300px, 0.55fr) minmax(0, 1.45fr);
  margin-top: 14px;
}

.panel {
  padding: 18px;
}

.panel.full {
  min-height: 580px;
}

.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.panel-header.compact {
  margin-bottom: 13px;
}

.panel h2 {
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 1.3;
}

.panel p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5;
}

.segmented {
  display: flex;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.segmented button {
  height: 28px;
  min-width: 45px;
  border: 0;
  background: transparent;
  color: var(--muted);
}

.segmented button.active {
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

.chart-shell {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), transparent 58%),
    #fcfcfd;
}

.dark .chart-shell,
.dark .channel-row,
.dark .bar-chart,
.dark .risk-feed div {
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.06), transparent 58%),
    var(--surface-2);
}

.chart-grid {
  position: absolute;
  inset: 18px 18px 50px;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 100% 52px, 76px 100%;
  opacity: 0.74;
}

.line-chart {
  position: absolute;
  inset: 24px 22px 52px;
  width: calc(100% - 44px);
  height: calc(100% - 76px);
}

.line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.line-main {
  stroke: var(--teal);
}

.line-alt {
  stroke: var(--blue);
  opacity: 0.88;
}

.line-warn {
  stroke: var(--amber);
  opacity: 0.78;
}

.chart-legend {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
}

.legend-dot,
.status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.legend-dot {
  margin-right: 6px;
}

.teal,
.status.ok,
.node.ok {
  background: var(--green);
}

.blue {
  background: var(--blue);
}

.amber,
.status.warn,
.node.warn {
  background: var(--amber);
}

.status.danger,
.node.danger {
  background: var(--rose);
}

.health-ring {
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 16px;
  align-items: center;
  margin: 12px 0 18px;
}

.ring {
  width: 132px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--surface) 58%, transparent 59%),
    conic-gradient(var(--green) 0 72%, var(--amber) 72% 88%, var(--rose) 88% 100%);
}

.ring span {
  font-size: 25px;
  font-weight: 800;
}

.health-list {
  display: grid;
  gap: 9px;
  color: #344054;
  font-size: 13px;
}

.health-list .status {
  margin-right: 8px;
}

.node-map {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}

.node {
  aspect-ratio: 1;
  border-radius: 6px;
  opacity: 0.9;
}

.channel-list,
.risk-feed {
  display: grid;
  gap: 10px;
}

.channel-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fcfcfd;
}

.provider-badge {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.openai {
  background: #0f766e;
}

.anthropic {
  background: #475569;
}

.google {
  background: #2563eb;
}

.channel-row strong,
.channel-row small {
  display: block;
}

.channel-row small {
  margin-top: 3px;
  font-size: 12px;
}

.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.pill.success {
  background: #dcfce7;
  color: #166534;
}

.dark .pill.success {
  background: rgba(22, 163, 74, 0.18);
  color: #86efac;
}

.pill.warning {
  background: #fef3c7;
  color: #92400e;
}

.dark .pill.warning {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

.pill.danger {
  background: #ffe4e6;
  color: #be123c;
}

.dark .pill.danger {
  background: rgba(225, 29, 72, 0.18);
  color: #fda4af;
}

.pill.muted {
  background: #eef2ff;
  color: #4338ca;
}

.dark .pill.muted {
  background: rgba(99, 102, 241, 0.2);
  color: #c4b5fd;
}

.event-table,
.data-table {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.table-head,
.table-row {
  display: grid;
  align-items: center;
  column-gap: 12px;
  padding: 12px 14px;
}

.event-table .table-head,
.event-table .table-row {
  grid-template-columns: 0.7fr 1.2fr 1fr auto;
}

.key-table .table-head,
.key-table .table-row {
  grid-template-columns: 1.25fr 1fr 1fr 1fr 0.6fr 0.8fr;
}

.table-head {
  background: var(--surface-2);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.table-row {
  min-height: 54px;
  border-top: 1px solid var(--line);
  font-size: 13px;
}

.table-row strong {
  color: #1d2939;
}

.dark .table-row strong {
  color: #eef2f7;
}

.toolbar {
  display: flex;
  gap: 9px;
  margin-bottom: 14px;
}

.toolbar input,
.toolbar button {
  height: 38px;
  padding: 0 12px;
}

.toolbar input {
  max-width: 360px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.bar-chart {
  height: 320px;
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 64px,
    #fcfcfd;
}

.bar-chart span {
  flex: 1;
  min-width: 18px;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, var(--blue), var(--teal));
}

.donut-list {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.donut-list div {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.donut-list i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.status-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.status-card {
  padding: 16px;
}

.status-card div:first-child {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}

.spark-row {
  height: 46px;
  margin-top: 16px;
  border-radius: 8px;
  background-size: 18px 100%;
}

.spark-row.good {
  background-image: linear-gradient(90deg, rgba(22, 163, 74, 0.18) 12px, transparent 12px);
}

.spark-row.warn {
  background-image: linear-gradient(90deg, rgba(245, 158, 11, 0.24) 12px, transparent 12px);
}

.spark-row.bad {
  background-image: linear-gradient(90deg, rgba(225, 29, 72, 0.22) 12px, transparent 12px);
}

.account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.account-card {
  padding: 16px;
}

.account-card h3 {
  margin: 14px 0 8px;
  font-size: 17px;
}

.account-card p {
  margin-bottom: 16px;
}

.invoice-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.invoice-strip div {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.invoice-strip span,
.invoice-strip strong {
  display: block;
}

.invoice-strip strong {
  margin-top: 10px;
  font-size: 26px;
}

.risk-feed div {
  position: relative;
  padding: 16px 16px 16px 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fcfcfd;
}

.risk-feed .status {
  position: absolute;
  top: 22px;
  left: 17px;
}

.risk-feed strong {
  display: block;
  margin-bottom: 6px;
}

.risk-feed p {
  margin: 0;
}

@media (max-width: 1120px) {
  .home-nav {
    padding: 0 24px;
  }

  .home-links {
    display: none;
  }

  .home-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 44px;
  }

  .home-console {
    max-width: 720px;
  }

  .pricing-band {
    grid-template-columns: 1fr;
  }

  .compare-head,
  .compare-row {
    grid-template-columns: 128px minmax(0, 1fr) 48px minmax(0, 1fr);
  }

  .compare-side {
    font-size: 20px;
  }

  .compare-cell {
    padding: 16px;
  }

  .auth-screen {
    grid-template-columns: 1fr;
  }

  .auth-showcase {
    min-height: auto;
    padding: 34px 34px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .showcase-copy h1 {
    font-size: 36px;
  }

  .auth-panel {
    min-height: auto;
  }

  .metric-grid,
  .status-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-shell {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .admin-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-card-grid,
  .admin-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-chart-grid {
    grid-template-columns: 1fr;
  }

  .user-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .user-dashboard-layout {
    grid-template-columns: 1fr;
  }

  .content-grid,
  .content-grid.bottom {
    grid-template-columns: 1fr;
  }
}

/* Rsta Al user mobile panel polish 20260518 */
@media (max-width: 820px) {
  body:has(.sidebar a[href="/dashboard"]) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
      radial-gradient(circle at 28% 8%, rgba(20, 184, 166, 0.14), transparent 30%),
      linear-gradient(180deg, #eefafa 0%, #f8fafb 46%, #f6f7f8 100%) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) *,
  body:has(.sidebar a[href="/dashboard"]) *::before,
  body:has(.sidebar a[href="/dashboard"]) *::after {
    box-sizing: border-box !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    padding-bottom: 74px !important;
    background:
      radial-gradient(circle at 28% 8%, rgba(20, 184, 166, 0.14), transparent 30%),
      linear-gradient(180deg, #eefafa 0%, #f8fafb 46%, #f6f7f8 100%) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .sidebar,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > aside.sidebar {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 90 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border-right: 0 !important;
    border-top: 1px solid rgba(228, 231, 236, 0.9) !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -16px 34px rgba(16, 24, 40, 0.08) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    backdrop-filter: blur(18px) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .sidebar::-webkit-scrollbar,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > aside.sidebar::-webkit-scrollbar,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav::-webkit-scrollbar {
    display: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-header,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-footer,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-divider {
    display: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav {
    display: flex !important;
    flex: 1 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-section,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav > * {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link {
    flex: 0 0 58px !important;
    display: grid !important;
    grid-template-rows: 26px 16px !important;
    place-items: center !important;
    justify-content: center !important;
    align-content: center !important;
    gap: 2px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 3px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link > svg,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    padding: 5px !important;
    border-radius: 8px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link > span,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-link .truncate {
    display: block !important;
    width: 100% !important;
    max-width: 52px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .relative.min-h-screen,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > div.relative {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 0 74px !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    min-height: 56px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass > div {
    min-width: 0 !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass > div > div:first-child,
  body:has(.sidebar a[href="/dashboard"]) header.glass > div > div:first-child > div:last-child,
  body:has(.sidebar a[href="/dashboard"]) .relay-native-route-title-hidden {
    display: none !important;
    visibility: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass > div > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass button,
  body:has(.sidebar a[href="/dashboard"]) header.glass a {
    min-width: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) main.p-4,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding: 12px 10px 18px !important;
    overflow-x: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) main.p-4 > *,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main > * {
    max-width: 100% !important;
    min-width: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 18px 14px !important;
    border-radius: 8px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero .relay-user-kicker {
    margin-bottom: 8px !important;
    font-size: 10px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero h2 {
    margin-bottom: 8px !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero p {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-tags {
    gap: 6px !important;
    margin-top: 12px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-tags span {
    min-height: 24px !important;
    padding: 0 8px !important;
    font-size: 10px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side {
    align-items: stretch !important;
    justify-items: stretch !important;
    padding: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-action {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .dashboard-welcome {
    margin: 0 0 12px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .welcome-glass {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    padding: 18px 14px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .welcome-copy h1 {
    font-size: 24px !important;
    line-height: 1.2 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .welcome-copy p:not(.welcome-badge) {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .welcome-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    justify-content: stretch !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .user-stats-grid,
  body:has(.sidebar a[href="/dashboard"]) .user-dashboard-layout,
  body:has(.sidebar a[href="/dashboard"]) .privilege-grid,
  body:has(.sidebar a[href="/dashboard"]) .grid {
    grid-template-columns: 1fr !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .user-stat-card {
    min-height: 92px !important;
    padding: 14px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .stat-icon,
  body:has(.sidebar a[href="/dashboard"]) .feature-chip {
    width: 42px !important;
    height: 42px !important;
    border-radius: 10px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .user-stat-card strong {
    margin: 3px 0 !important;
    font-size: 20px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .glass-feature-card,
  body:has(.sidebar a[href="/dashboard"]) .support-card,
  body:has(.sidebar a[href="/dashboard"]) .card,
  body:has(.sidebar a[href="/dashboard"]) .rounded-xl.bg-white,
  body:has(.sidebar a[href="/dashboard"]) .rounded-2xl.bg-white,
  body:has(.sidebar a[href="/dashboard"]) [class*="rounded-"][class*="bg-white"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .glass-feature-card {
    min-height: 0 !important;
    padding: 14px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .redeem-line,
  body:has(.sidebar a[href="/dashboard"]) .redeem-panel {
    grid-template-columns: 1fr !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .overflow-x-auto,
  body:has(.sidebar a[href="/dashboard"]) [class*="overflow-x-auto"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:has(.sidebar a[href="/dashboard"]) table {
    width: max-content !important;
    min-width: 620px !important;
    max-width: none !important;
    font-size: 12px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) th,
  body:has(.sidebar a[href="/dashboard"]) td {
    padding: 9px 10px !important;
    white-space: nowrap !important;
  }

  body:has(.sidebar a[href="/dashboard"]) input,
  body:has(.sidebar a[href="/dashboard"]) select,
  body:has(.sidebar a[href="/dashboard"]) textarea {
    max-width: 100% !important;
    font-size: 16px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger,
  body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-toggle {
    right: 10px !important;
    bottom: 82px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-support-panel,
  body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-panel {
    left: 10px !important;
    right: 10px !important;
    bottom: 130px !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(70vh, 520px) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }
}

@media (max-width: 430px) {
  body:has(.sidebar a[href="/dashboard"]) main.p-4,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link {
    flex-basis: 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link > span,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-link .truncate {
    max-width: 48px !important;
    font-size: 9px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-actions,
  body:has(.sidebar a[href="/dashboard"]) .welcome-actions {
    grid-template-columns: 1fr !important;
  }

  body:has(.sidebar a[href="/dashboard"]) table {
    min-width: 560px !important;
  }
}

@media (max-width: 820px) {
  .home-main {
    width: min(100% - 32px, 1180px);
  }

  .home-nav {
    min-height: auto;
    flex-wrap: wrap;
    padding: 14px 16px;
  }

  .home-actions {
    width: 100%;
  }

  .home-actions .ghost-button,
  .home-actions .primary-button {
    flex: 1;
  }

  .home-hero h1 {
    font-size: 38px;
  }

  .home-lead {
    font-size: 15px;
  }

  .model-pills {
    justify-content: flex-start;
    gap: 10px;
    padding: 12px;
  }

  .model-pills span {
    min-height: 46px;
    padding: 0 15px;
    font-size: 14px;
  }

  .model-pills i {
    width: 19px;
    height: 19px;
    font-size: 16px;
  }

  .status-band {
    grid-template-columns: 1fr;
  }

  .compare-head {
    display: none;
  }

  .compare-row {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 14px;
    gap: 10px;
  }

  .compare-topic {
    border: 0;
    border-radius: 8px;
    padding: 12px;
  }

  .compare-cell {
    border: 1px solid var(--line);
    border-radius: 8px;
  }

  .compare-row .compare-vs {
    width: 34px;
    height: 34px;
  }


  .pricing-preview-table > div {
    grid-template-columns: minmax(130px, 1fr) auto auto;
    gap: 10px;
    padding: 0 14px;
  }

  .pricing-table-title {
    padding: 0 18px;
  }

  .pricing-table > div {
    min-width: 840px;
    padding: 0 18px;
  }

  .auth-showcase {
    padding: 24px 16px 18px;
  }

  .showcase-copy {
    margin-top: 18px;
  }

  .showcase-copy h1 {
    font-size: 30px;
  }

  .showcase-benefits {
    gap: 10px;
  }

  .benefit-card {
    min-height: auto;
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 14px;
  }

  .benefit-icon {
    width: 40px;
    height: 40px;
  }

  .benefit-card h2 {
    font-size: 18px;
  }

  .benefit-card p {
    font-size: 13px;
  }

  .auth-panel {
    padding: 18px 16px 28px;
  }

  .auth-card {
    padding: 20px;
    width: min(100%, 390px);
  }

  .auth-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  .app-shell {
    grid-template-columns: 1fr;
  }

  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: relative;
    height: auto;
  }

  .admin-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-account-tools {
    display: none;
  }

  .admin-topbar {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px;
  }

  .admin-topbar-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .admin-content {
    padding: 22px 16px 36px;
  }

  .admin-filter-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-page-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-support-console {
    grid-template-columns: 1fr;
  }

  .model-distribution {
    grid-template-columns: 1fr;
  }

  .admin-donut {
    width: min(240px, 76vw);
    margin: 0 auto;
  }

  .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 10;
    width: 264px;
    transform: translateX(-100%);
    transition: transform 160ms ease;
  }

  .sidebar.open {
    transform: translateX(0);
    box-shadow: var(--shadow);
  }

  .workspace {
    padding: 14px 16px 30px;
  }

  .mobile-menu {
    display: block;
  }

  .topbar {
    flex-wrap: wrap;
  }

  .search-box {
    order: 3;
    max-width: none;
    flex-basis: 100%;
  }

  .page-hero {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 24px;
  }

  .welcome-glass {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px;
  }

  .welcome-actions {
    justify-content: flex-start;
  }

  .privilege-grid,
  .support-card {
    grid-template-columns: 1fr;
  }

  .support-divider {
    width: 100%;
    height: 1px;
  }

  h1 {
    font-size: 31px;
  }

  .metric-grid,
  .account-grid,
  .invoice-strip,
  .status-board,
  .user-stats-grid {
    grid-template-columns: 1fr;
  }

  .panel {
    padding: 15px;
  }

  .table-head {
    display: none;
  }

  .event-table .table-row,
  .key-table .table-row {
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
  }

  .toolbar {
    flex-wrap: wrap;
  }

  .toolbar input {
    max-width: none;
    flex-basis: 100%;
  }
}

@media (max-width: 520px) {
  .home-brand small {
    display: none;
  }

  .home-hero h1 {
    font-size: 32px;
  }

  .model-pills {
    margin-top: 24px;
  }

  .home-cta {
    flex-direction: column;
  }

  .home-cta .primary-button,
  .home-cta .secondary-button {
    width: 100%;
  }

  .pricing-preview-header {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 12px 14px;
  }

  .pricing-table-title {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 72px;
    padding: 12px 14px;
  }

  .pricing-table > div {
    min-width: 820px;
    padding: 0 14px;
  }

  .pricing-note {
    padding: 14px;
  }

  .pricing-preview-table > div {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 5px;
    padding: 12px 14px;
  }

  .pricing-preview-head {
    display: none !important;
  }

  .auth-card-header h2 {
    font-size: 24px;
  }

  .welcome-copy h1 {
    font-size: 27px;
  }

  .glass-feature-card,
  .user-stat-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .redeem-line {
    grid-template-columns: 1fr;
  }

  .code-field {
    grid-template-columns: 1fr;
  }

  .auth-footer {
    flex-wrap: wrap;
  }

  .topbar-actions {
    width: 100%;
    margin-left: 0;
  }

  .ghost-button {
    flex: 1;
  }

  .avatar-button strong {
    display: none;
  }

  .metric-card strong {
    font-size: 24px;
  }

  .admin-brand {
    padding: 14px 16px;
  }

  .admin-nav {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .admin-stat-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .admin-card-grid,
  .admin-metric-row,
  .admin-settings-grid {
    grid-template-columns: 1fr;
  }

  .admin-toolbar input {
    min-width: 100%;
  }

  .admin-stat-card {
    min-height: 88px;
  }

  .admin-chart-grid {
    gap: 14px;
  }

  .admin-model-table,
  .admin-recent-table {
    overflow-x: auto;
  }

  .admin-model-table > div {
    min-width: 430px;
  }

  .admin-recent-table > div {
    min-width: 720px;
  }

  .health-ring {
    grid-template-columns: 1fr;
  }

  .ring {
    width: 118px;
  }
}

/* Runtime host adaptations for Sub2API home_content. */
.relaystack-original-home { min-height: 100vh; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
.relaystack-original-home a.primary-button, .relaystack-original-home a.secondary-button, .relaystack-original-home a.ghost-button { text-decoration: none; }
.relaystack-original-home .home-screen { display: block; }
.relaystack-original-home .home-actions a, .relaystack-original-home .home-cta a { display: inline-flex; align-items: center; justify-content: center; }

/* Rsta Al user brand true-last override 202605142153 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:116px!important;padding:26px 12px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:150px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{display:block!important;width:auto!important;min-width:118px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:18px!important;line-height:1.08!important}
body:has(.sidebar a[href="/dashboard"]) .relay-sidebar-subtitle{display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title+.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand>.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand span.text-xs{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;flex:0 0 50px!important;aspect-ratio:1/1!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;transform:none!important}

/* Rsta Al logo reference proportion and user nav no-flash true-end 20260514 */
body:has(.sidebar a[href="/dashboard"]) header.glass>div>div:first-child>div:last-child{visibility:hidden!important;pointer-events:none!important}
body:has(.sidebar a[href="/dashboard"]) .relay-native-route-title-hidden{visibility:hidden!important;pointer-events:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;flex:0 0 54px!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{display:block!important;width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;transform:none!important}

/* Rsta Al user route cover, prevents old Sub2API panels from flashing during SPA swaps. */
html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.p-4,html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.relay-main{position:relative!important}
html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.p-4::after,html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.relay-main::after{content:""!important;position:fixed!important;z-index:60!important;inset:74px 0 0 264px!important;pointer-events:none!important;background:linear-gradient(135deg,rgba(20,184,166,.10),rgba(37,99,235,.04)),#f8fafc!important;opacity:1!important}
html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.p-4::before,html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.relay-main::before{visibility:hidden!important}

/* Rsta Al logo reference proportion and user nav no-flash 20260514 */
body:has(.sidebar a[href="/dashboard"]) header.glass>div>div:first-child>div:last-child{visibility:hidden!important;pointer-events:none!important}
body:has(.sidebar a[href="/dashboard"]) .relay-native-route-title-hidden{visibility:hidden!important;pointer-events:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;flex:0 0 54px!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{display:block!important;width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;transform:none!important}

/* Rsta Al sidebar final proportion pass 202605141950 */
body:has(.sidebar a[href="/dashboard"]) .sidebar{width:264px!important;min-width:264px!important;padding-left:16px!important;padding-right:16px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-nav{width:100%!important;padding:34px 0 20px!important;gap:7px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link{width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 12px!important;gap:12px!important;border-radius:8px!important;font-size:15px!important;font-weight:750!important;line-height:1!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link>svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon{width:28px!important;height:28px!important;min-width:28px!important;padding:6px!important;border-radius:8px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link,body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"]{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.18)!important}

/* Rsta Al hero action final end override 202605142035 */
body:has(.sidebar a[href="/dashboard"]) .relay-user-hero{grid-template-columns:minmax(0,1fr) 310px!important;align-items:stretch!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-end!important;padding:0 0 34px!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-orb{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-action{min-height:42px!important;padding:0 18px!important;border-radius:8px!important}
@media (max-width:1023px){body:has(.sidebar a[href="/dashboard"]) .relay-user-hero{grid-template-columns:1fr!important}body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side{align-items:flex-start!important;padding:18px 0 0!important}}

/* Rsta Al user brand true-final override 202605142148 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:116px!important;padding:26px 12px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:150px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{display:block!important;width:auto!important;min-width:118px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:18px!important;line-height:1.08!important}
body:has(.sidebar a[href="/dashboard"]) .relay-sidebar-subtitle{display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title+.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand>.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand span.text-xs{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;flex:0 0 50px!important;aspect-ratio:1/1!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;transform:none!important}

/* Rsta Al user brand final square-logo override 202605142140 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:116px!important;padding:26px 12px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:150px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{display:block!important;width:auto!important;min-width:118px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:18px!important;line-height:1.08!important}
body:has(.sidebar a[href="/dashboard"]) .relay-sidebar-subtitle{display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title+.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand>.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand span.text-xs{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;flex:0 0 50px!important;aspect-ratio:1/1!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;transform:none!important}

/* Rsta Al user brand proportion true-end override 202605142105 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:112px!important;padding:28px 28px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-header>a,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:44px!important;height:44px!important;min-width:44px!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;background:#111827!important;overflow:hidden!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{width:28px!important;height:28px!important;max-width:28px!important;max-height:28px!important;object-fit:contain!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{display:block!important;margin:0!important;color:#111827!important;font-size:18px!important;font-weight:850!important;line-height:1.08!important;letter-spacing:0!important;white-space:nowrap!important}
body:has(.sidebar a[href="/dashboard"]) .relay-sidebar-subtitle{display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-version,body:has(.sidebar a[href="/dashboard"]) [class*="version"]{display:none!important}

/* Rsta Al user brand alignment true-end override 202605142112 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{padding:28px 12px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{transform:scale(1.18)!important;transform-origin:center!important}

/* Rsta Al user brand no-version/scale true-end override 202605142132 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:116px!important;padding:26px 12px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:150px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{display:block!important;width:auto!important;min-width:118px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:18px!important;line-height:1.08!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title+.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand>.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand span.text-xs{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:50px!important;height:50px!important;min-width:50px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;transform:none!important}

/* Rsta Al hero action cleanup 202605142026 */
body:has(.sidebar a[href="/dashboard"]) .relay-user-hero{grid-template-columns:minmax(0,1fr) 310px!important;align-items:stretch!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-end!important;padding:0 0 34px!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-orb{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-action{min-height:42px!important;padding:0 18px!important;border-radius:8px!important}
@media (max-width:1023px){body:has(.sidebar a[href="/dashboard"]) .relay-user-hero{grid-template-columns:1fr!important}body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side{align-items:flex-start!important;padding:18px 0 0!important}}

/* Rsta Al sidebar final proportion pass 202605141945 */
body:has(.sidebar a[href="/dashboard"]) .sidebar{width:264px!important;min-width:264px!important;padding-left:16px!important;padding-right:16px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-nav{width:100%!important;padding:34px 0 20px!important;gap:7px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link{width:100%!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 12px!important;gap:12px!important;border-radius:8px!important;font-size:15px!important;font-weight:750!important;line-height:1!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link>svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon{width:28px!important;height:28px!important;min-width:28px!important;padding:6px!important;border-radius:8px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link,body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"]{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.18)!important}

/* Rsta Al user panel refinements 202605141910 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-nav{padding:26px 14px 20px!important;gap:8px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link{width:100%!important;min-height:52px!important;display:flex!important;align-items:center!important;gap:12px!important;padding:0 14px!important;border:1px solid transparent!important;border-radius:8px!important;background:transparent!important;color:#344054!important;font-size:16px!important;font-weight:800!important;letter-spacing:0!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link:hover{background:#f2f6f8!important;color:#111827!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link>svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon{width:32px!important;height:32px!important;min-width:32px!important;padding:7px!important;border:1px solid #dbe7ef!important;border-radius:8px!important;background:linear-gradient(145deg,#f8fbfc,#e9f3f8)!important;color:#344054!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.85)!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link,body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"]{background:#1b2535!important;color:#fff!important;box-shadow:0 18px 38px rgba(16,24,40,.15)!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active>svg,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link>svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"]>svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active .sidebar-svg-icon,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link .sidebar-svg-icon{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.1)!important;color:#fff!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{line-height:1.1!important}
.relay-sidebar-subtitle{display:block;margin-top:3px;color:#667085;font-size:12px;font-weight:700;line-height:1.2}
.relay-user-hero{grid-template-columns:minmax(0,1fr) 330px!important}
.relay-user-hero-side{display:grid;align-items:center;justify-items:end;gap:28px}
.relay-user-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.relay-user-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:8px;font-size:16px;font-weight:900;text-decoration:none!important;white-space:nowrap;box-shadow:0 16px 32px rgba(16,24,40,.08)}
.relay-user-action-secondary{border:1px solid #d0d5dd;background:#fff;color:#344054!important}
.relay-user-action-primary{border:1px solid #111827;background:#111827;color:#fff!important}
.relay-user-orb{width:178px!important;height:142px!important}
@media(max-width:1023px){.relay-user-hero{grid-template-columns:1fr!important}.relay-user-hero-side{justify-items:start}.relay-user-actions{justify-content:flex-start;flex-wrap:wrap}.relay-user-orb{display:none!important}}

/* Rsta Al user console skin runtime 202605141805 */
body:has(.sidebar a[href="/dashboard"]){--orbit-bg:#f6f7f8;--orbit-surface:#fff;--orbit-surface-2:#f9fafb;--orbit-text:#111827;--orbit-muted:#667085;--orbit-line:#e4e7ec;--orbit-teal:#14b8a6;--orbit-blue:#2563eb;--orbit-shadow:0 16px 40px rgba(16,24,40,.08);background:linear-gradient(180deg,rgba(255,255,255,.68),transparent 220px),var(--orbit-bg)!important;color:var(--orbit-text)}
body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen{background:radial-gradient(circle at 32% 12%,rgba(20,184,166,.14),transparent 30%),linear-gradient(180deg,#eefafa 0%,#f8fafb 46%,var(--orbit-bg) 100%)!important}
body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen>.sidebar,body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen>aside.sidebar{width:264px!important;border-right:1px solid var(--orbit-line)!important;background:rgba(255,255,255,.82)!important;box-shadow:none!important;backdrop-filter:blur(18px)}
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:108px!important;padding:28px 30px 18px!important;border-bottom:1px solid rgba(228,231,236,.82)}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:44px!important;height:44px!important;border-radius:8px!important;background:#111827!important;box-shadow:var(--orbit-shadow)!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{font-size:18px!important;font-weight:800!important;color:var(--orbit-text)!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-nav{padding:46px 34px 20px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link{min-height:50px!important;margin-bottom:3px!important;padding:0 22px!important;border:1px solid transparent!important;border-radius:8px!important;color:#475467!important;font-size:15px!important;font-weight:700!important;background:transparent!important;box-shadow:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link:hover{border-color:rgba(20,184,166,.18)!important;background:rgba(20,184,166,.06)!important;color:#0f766e!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link{border-color:transparent!important;background:#1b2535!important;color:#fff!important;box-shadow:0 18px 38px rgba(16,24,40,.15)!important}
body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen>.relative.min-h-screen,body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen>div.relative{margin-left:264px!important;min-height:100vh!important}
body:has(.sidebar a[href="/dashboard"]) header.glass{min-height:74px!important;border-bottom:1px solid rgba(228,231,236,.82)!important;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px)!important;box-shadow:none!important}
body:has(.sidebar a[href="/dashboard"]) header.glass h1{font-size:20px!important;font-weight:800!important;color:var(--orbit-text)!important}
body:has(.sidebar a[href="/dashboard"]) header.glass p,body:has(.sidebar a[href="/dashboard"]) header.glass .text-xs{color:var(--orbit-muted)!important}
body:has(.sidebar a[href="/dashboard"]) main.p-4,body:has(.sidebar a[href="/dashboard"]) main.relay-main{padding:30px 38px 46px!important}
.relay-user-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;min-height:218px;margin:0 0 24px;padding:42px 46px;border:1px solid rgba(20,184,166,.2);border-radius:8px;background:linear-gradient(135deg,rgba(20,184,166,.14),rgba(37,99,235,.08)),var(--orbit-surface);box-shadow:var(--orbit-shadow)}
.relay-user-hero p{margin:0;color:var(--orbit-muted);font-size:16px;line-height:1.8}.relay-user-hero .relay-user-kicker{margin:0 0 10px;color:var(--orbit-blue);font-size:12px;font-weight:800;letter-spacing:.02em;text-transform:uppercase}.relay-user-hero h2{margin:0 0 12px;color:var(--orbit-text);font-size:34px;line-height:1.2;font-weight:900}.relay-user-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.relay-user-tags span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border:1px solid rgba(20,184,166,.18);border-radius:999px;background:rgba(255,255,255,.72);color:#344054;font-size:12px;font-weight:800}.relay-user-orb{width:142px;height:142px;border-radius:8px;background:radial-gradient(circle at 30% 25%,rgba(20,184,166,.42),transparent 32%),linear-gradient(135deg,rgba(20,184,166,.16),rgba(37,99,235,.16));border:1px solid rgba(37,99,235,.14)}
body:has(.sidebar a[href="/dashboard"]) .card,body:has(.sidebar a[href="/dashboard"]) .rounded-xl.bg-white,body:has(.sidebar a[href="/dashboard"]) .rounded-2xl.bg-white{border:1px solid var(--orbit-line)!important;border-radius:8px!important;background:rgba(255,255,255,.92)!important;box-shadow:var(--orbit-shadow)!important}
body:has(.sidebar a[href="/dashboard"]) .card .rounded-lg,body:has(.sidebar a[href="/dashboard"]) .card .rounded-xl,body:has(.sidebar a[href="/dashboard"]) header.glass .rounded-xl,body:has(.sidebar a[href="/dashboard"]) header.glass button{border-radius:8px!important}
body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger{min-height:46px!important;border-color:rgba(20,184,166,.24)!important;border-radius:8px!important;background:#111827!important;color:#fff!important;box-shadow:0 16px 34px rgba(16,24,40,.18)!important}
body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger span{font-size:0!important}body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger span:before{content:"在线客服";font-size:14px}
body:has(.sidebar a[href="/dashboard"]) .relay-support-panel{border:1px solid var(--orbit-line)!important;border-radius:8px!important;background:#fff!important;box-shadow:0 22px 56px rgba(16,24,40,.18)!important}
body:has(.sidebar a[href="/dashboard"]) .relay-support-panel header{background:linear-gradient(135deg,rgba(20,184,166,.12),rgba(37,99,235,.08))!important}
body:has(.sidebar a[href="/dashboard"]) .relay-support-panel h2,body:has(.sidebar a[href="/dashboard"]) .relay-support-panel header p{font-size:0!important}body:has(.sidebar a[href="/dashboard"]) .relay-support-panel h2:before{content:"在线客服";font-size:17px}body:has(.sidebar a[href="/dashboard"]) .relay-support-panel header p:before{content:"SUPPORT";color:var(--orbit-blue);font-size:11px;font-weight:800}
@media(max-width:1023px){body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen>.relative.min-h-screen,body:has(.sidebar a[href="/dashboard"]) #app>.min-h-screen>div.relative{margin-left:0!important}body:has(.sidebar a[href="/dashboard"]) main.p-4,body:has(.sidebar a[href="/dashboard"]) main.relay-main{padding:18px!important}.relay-user-hero{grid-template-columns:1fr;min-height:180px;padding:28px 24px}.relay-user-hero h2{font-size:25px}.relay-user-orb{display:none}}

/* Final Rsta Al admin shell correction: keep admin pages at the top of the viewport. */
html:has(.relay-admin-shell),
body:has(.relay-admin-shell),
#app:has(.relay-admin-shell) {
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

.relay-app-shell.relay-admin-shell {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  overflow: auto !important;
  background: #f8fafc !important;
}

.relay-app-shell.relay-admin-shell > .relay-app-backdrop,
.relay-app-shell.relay-admin-shell > .pointer-events-none.fixed.inset-0.relay-app-backdrop {
  display: none !important;
  position: absolute !important;
  inset: auto !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.relay-app-shell.relay-admin-shell > div.relative,
.relay-app-shell.relay-admin-shell > div:nth-of-type(2),
.relay-app-shell.relay-admin-shell > aside + div {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 100vh !important;
}

.relay-app-shell.relay-admin-shell header.glass,
.relay-app-shell.relay-admin-shell .relay-main {
  position: relative !important;
  top: 0 !important;
  transform: none !important;
  margin-top: 0 !important;
}

.relay-app-shell.relay-admin-shell .relay-main {
  padding-top: 1.5rem !important;
}

/* Runtime AppLayout correction for the current bundled Sub2API shell. */
body:has(.sidebar) {
  overflow: hidden !important;
}

#app > .min-h-screen.bg-gray-50,
#app > .min-h-screen.dark\:bg-dark-950 {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  overflow: auto !important;
  background: #f8fafc !important;
}

#app > .min-h-screen > .pointer-events-none.fixed.inset-0.bg-mesh-gradient {
  display: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

#app > .min-h-screen > .sidebar,
#app > .min-h-screen > aside.sidebar {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
  z-index: 40 !important;
  margin: 0 !important;
}

#app > .min-h-screen > .relative.min-h-screen,
#app > .min-h-screen > div.relative {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  min-height: 100vh !important;
}

#app > .min-h-screen > .relative.min-h-screen > header.glass,
#app > .min-h-screen > .relative.min-h-screen > main {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
}

@media (min-width: 1024px) {
  #app > .min-h-screen > .relative.min-h-screen.lg\:ml-64 {
    margin-left: 16rem !important;
  }

  #app > .min-h-screen > .relative.min-h-screen.lg\:ml-\[72px\] {
    margin-left: 72px !important;
  }
}

/* FINAL admin gap fix. This must stay at the end of the runtime CSS because
   the Rsta Al prototype stylesheet is duplicated earlier in this file. */
html:has(.relay-admin-shell),
body:has(.relay-admin-shell),
#app:has(.relay-admin-shell) {
  height: 100% !important;
  min-height: 100% !important;
  overflow: hidden !important;
}

.relay-app-shell.relay-admin-shell {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  height: 100dvh !important;
  min-height: 0 !important;
  overflow: auto !important;
  transform: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background:
    radial-gradient(circle at 32% 12%, rgba(20, 184, 166, 0.16), transparent 30%),
    linear-gradient(180deg, #edfafa 0%, #f7f8fa 46%, #f6f7f8 100%) !important;
}

.relay-app-shell.relay-admin-shell > .pointer-events-none.fixed.inset-0.relay-app-backdrop {
  position: fixed !important;
  inset: 0 !important;
  height: 100vh !important;
  height: 100dvh !important;
}

.relay-app-shell.relay-admin-shell > .relative,
.relay-app-shell.relay-admin-shell > div.relative,
.relay-app-shell.relay-admin-shell > div[class*="transition-all"] {
  position: relative !important;
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: translateY(0) !important;
  min-height: 100vh !important;
}

.relay-app-shell.relay-admin-shell header.glass {
  position: sticky !important;
  top: 0 !important;
  margin-top: 0 !important;
  transform: translateY(0) !important;
}

.relay-app-shell.relay-admin-shell main.relay-main,
.relay-app-shell.relay-admin-shell .relay-main {
  margin-top: 0 !important;
  padding-top: 1.5rem !important;
  transform: translateY(0) !important;
}

.relay-app-shell.relay-admin-shell .sidebar {
  position: fixed !important;
  top: 0 !important;
  bottom: 0 !important;
}

@media (min-width: 1024px) {
  .relay-app-shell.relay-admin-shell > .lg\:ml-64,
  .relay-app-shell.relay-admin-shell > div[class*="lg:ml-64"] {
    margin-left: 16rem !important;
  }

  .relay-app-shell.relay-admin-shell > .lg\:ml-\[72px\],
  .relay-app-shell.relay-admin-shell > div[class*="lg:ml-[72px]"] {
    margin-left: 72px !important;
  }
}

/* Admin route guard: keep the real Vue admin shell pinned to the viewport.
   The imported Rsta Al prototype styles can leave a tall empty lead-in before
   the AppLayout after sidebar navigation. Scope this to Sub2API's admin shell. */
.relay-app-shell.relay-admin-shell {
  position: fixed !important;
  inset: 0 !important;
  min-height: 100vh !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  background:
    radial-gradient(circle at 32% 12%, rgba(20, 184, 166, 0.16), transparent 30%),
    linear-gradient(180deg, #edfafa 0%, #f7f8fa 46%, #f6f7f8 100%) !important;
}

.dark .relay-app-shell.relay-admin-shell {
  background:
    radial-gradient(circle at 32% 12%, rgba(20, 184, 166, 0.14), transparent 30%),
    linear-gradient(180deg, #0f1720 0%, #101720 48%, #0f141b 100%) !important;
}

.relay-app-shell.relay-admin-shell > .relative,
.relay-app-shell.relay-admin-shell > div.relative {
  margin-top: 0 !important;
  padding-top: 0 !important;
  transform: none !important;
  min-height: 100vh !important;
}

.relay-app-shell.relay-admin-shell header.glass {
  top: 0 !important;
  margin-top: 0 !important;
  transform: none !important;
}

.relay-app-shell.relay-admin-shell .relay-main {
  margin-top: 0 !important;
  padding-top: 1.5rem !important;
  transform: none !important;
}

.relay-app-shell.relay-admin-shell .sidebar {
  top: 0 !important;
  bottom: 0 !important;
}

@media (min-width: 1024px) {
  .relay-app-shell.relay-admin-shell > .lg\:ml-64 {
    margin-left: 16rem !important;
  }

  .relay-app-shell.relay-admin-shell > .lg\:ml-\[72px\] {
    margin-left: 72px !important;
  }
}

/* Sub2API mounts custom home_content inside a Vue page, so <body> does not carry
   the original home-active class. Override the source rule
   body:not(.home-active) .home-screen { display: none; }. */
body:not(.home-active) .relaystack-original-home,
body:not(.home-active) .relaystack-original-home .home-screen,
body .relaystack-original-home,
body .relaystack-original-home .home-screen {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Runtime auth override for the Rsta Al login chunk. The original prototype
   hides .auth-screen unless <body> has auth-active; the Vue route renders inside
   #app, so keep the login section visible regardless of body state. */
.relaystack-login-page,
.relaystack-login-page .auth-screen,
body:not(.auth-active) .relaystack-login-page .auth-screen,
body.home-active .relaystack-login-page .auth-screen {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.relaystack-login-page .auth-mode {
  display: none !important;
}

.relaystack-login-page .auth-mode.active {
  display: block !important;
}

.relaystack-login-page .auth-form.active {
  display: flex !important;
  flex-direction: column !important;
}

.relaystack-login-page .auth-card-header {
  display: block !important;
  text-align: left !important;
}

.relaystack-login-page .input-field {
  display: flex !important;
  width: 100% !important;
}

.relaystack-login-page .auth-submit {
  display: inline-flex !important;
  width: 100% !important;
}

.relaystack-login-page .form-message.is-error {
  color: #e11d48;
}

.relaystack-login-page .form-message.is-success {
  color: #0f766e;
}


/* Rsta Al runtime skin: applied on top of the bundled Sub2API frontend. */
:root {
  --rs-bg: #f6f7f8;
  --rs-surface: #ffffff;
  --rs-surface-2: #f9fafb;
  --rs-text: #111827;
  --rs-muted: #667085;
  --rs-line: #e4e7ec;
  --rs-line-strong: #d0d5dd;
  --rs-teal: #14b8a6;
  --rs-blue: #2563eb;
  --rs-amber: #f59e0b;
  --rs-green: #16a34a;
  --rs-shadow: 0 16px 40px rgba(16, 24, 40, 0.08);
}

.dark {
  --rs-bg: #0f141b;
  --rs-surface: #151b24;
  --rs-surface-2: #111720;
  --rs-text: #eef2f7;
  --rs-muted: #a7b0bf;
  --rs-line: #263140;
  --rs-line-strong: #344054;
  --rs-shadow: 0 16px 40px rgba(0, 0, 0, 0.26);
}

body {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.68), transparent 240px),
    var(--rs-bg) !important;
  color: var(--rs-text);
  letter-spacing: 0 !important;
}

.dark body {
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), transparent 280px),
    var(--rs-bg) !important;
}



/* Rsta Al original auth skin extracted from 2026-05-10/api/styles.css */
.auth-screen {
  display: none;
}

body.auth-active {
  overflow: auto;
}

body.auth-active .app-shell,
body.auth-active .admin-shell {
  display: none;
}

body.home-active .app-shell,
body.home-active .auth-screen,
body.home-active .admin-shell {
  display: none;
}

body:not(.home-active) .home-screen {
  display: none;
}

body:not(.auth-active) .auth-screen {
  display: none;
}

.home-screen {
  min-height: 100vh;
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.1), transparent 36%),
    linear-gradient(180deg, #fff 0%, var(--bg) 78%);
}

.home-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 74px;
  padding: 0 44px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.82);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.home-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  text-decoration: none;
}

.home-brand img {
  width: 42px;
  height: 42px;
  border-radius: 8px;
}

.home-brand strong,
.home-brand small {
  display: block;
}

.home-brand strong {
  font-size: 16px;
}

.home-brand small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

.home-links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}

.home-links a {
  color: #344054;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.home-links a:hover {
  color: var(--blue);
}

.home-actions {
  display: flex;
  gap: 10px;
}

.home-actions .primary-button,
.home-actions .ghost-button {
  height: 38px;
}

.home-main {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
  gap: 46px;
  align-items: center;
  min-height: calc(100vh - 74px);
  padding: 54px 0 46px;
}

.hero-content {
  min-width: 0;
}

.home-kicker {
  margin: 0 0 14px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.home-hero h1 {
  max-width: 680px;
  margin: 0 0 20px;
  font-size: 56px;
  line-height: 1.18;
}

.home-lead {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.85;
}

.home-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.home-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  border-color: transparent;
}

.model-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 16px;
  max-width: 760px;
  margin-top: 34px;
  padding: 18px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(20, 184, 166, 0.1), transparent 26%),
    radial-gradient(circle at 90% 14%, rgba(37, 99, 235, 0.11), transparent 28%),
    rgba(255, 255, 255, 0.42);
}

.model-pills span {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0 24px;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #111827;
  box-shadow:
    0 12px 24px rgba(16, 24, 40, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}

.model-pills span:nth-child(1) {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.16), rgba(255, 255, 255, 0.9));
  border-color: rgba(20, 184, 166, 0.22);
}

.model-pills span:nth-child(2) {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(37, 99, 235, 0.2);
}

.model-pills span:nth-child(3) {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(99, 102, 241, 0.18);
}

.model-pills span:nth-child(4) {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(14, 165, 233, 0.18);
}

.model-pills span:nth-child(5) {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(16, 185, 129, 0.18);
}

.model-pills span:nth-child(6) {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.92));
  border-color: rgba(59, 130, 246, 0.18);
}

.model-pills span:nth-child(7) {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), rgba(37, 99, 235, 0.1));
  border-color: rgba(15, 23, 42, 0.1);
}

.model-pills i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #111827;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
}

.home-console {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.home-console::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 15%, rgba(20, 184, 166, 0.13), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(37, 99, 235, 0.12), transparent 24%);
}

.home-console > * {
  position: relative;
  z-index: 1;
}

.pricing-preview {
  padding: 0;
  border-color: rgba(20, 184, 166, 0.28);
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0.92) 36%),
    var(--surface);
  box-shadow: 0 22px 50px rgba(16, 24, 40, 0.11);
}

.pricing-preview::before {
  display: none;
}

.pricing-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 70px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(20, 184, 166, 0.18);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.1)),
    rgba(255, 255, 255, 0.82);
}

.pricing-preview-header strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
}

.pricing-preview-header strong::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 6px rgba(20, 184, 166, 0.13);
}

.pricing-preview-header span,
.pricing-preview p {
  color: var(--muted);
  font-size: 13px;
}

.pricing-preview-header > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--blue);
  font-weight: 800;
}

.pricing-preview-table {
  display: grid;
}

.pricing-preview-table > div {
  display: grid;
  grid-template-columns: minmax(180px, 1.3fr) minmax(96px, 0.85fr) minmax(96px, 0.85fr);
  align-items: center;
  gap: 16px;
  min-height: 58px;
  padding: 0 22px;
  border-bottom: 1px solid var(--line);
}

.pricing-preview-table > div:not(.pricing-preview-head):hover {
  background: rgba(20, 184, 166, 0.045);
}

.pricing-preview-head {
  min-height: 48px !important;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.pricing-preview-table strong {
  color: #1d2939;
  font-size: 15px;
  font-weight: 800;
}

.pricing-preview-table span {
  width: fit-content;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.09);
  color: #0f766e;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
  font-weight: 900;
}

.pricing-preview-table > div span:last-child {
  background: rgba(37, 99, 235, 0.09);
  color: var(--blue);
}

.pricing-preview-head span,
.pricing-preview-head span:last-child {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
}

.pricing-preview p {
  margin: 0;
  padding: 13px 22px 16px;
  background: rgba(249, 250, 251, 0.72);
}

.home-section {
  padding: 34px 0;
}

.section-heading {
  max-width: 660px;
  margin-bottom: 22px;
}

.section-heading h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.2;
}

.pricing-band,
.status-band {
  display: grid;
  align-items: center;
  gap: 24px;
  margin-bottom: 34px;
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background: var(--surface);
}

.compare-table {
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.72);
  border-radius: 8px;
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.1), transparent 34%),
    linear-gradient(90deg, rgba(20, 184, 166, 0.08), rgba(37, 99, 235, 0.04) 46%, rgba(248, 250, 252, 0.52) 46%),
    rgba(255, 255, 255, 0.74);
  box-shadow: 0 24px 58px rgba(16, 24, 40, 0.09);
  backdrop-filter: blur(18px);
}

.compare-head,
.compare-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 56px minmax(0, 1fr);
}

.compare-head {
  min-height: 64px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
}

.compare-side {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.compare-side.relay {
  grid-column: 1 / span 2;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.compare-side.sub {
  background: linear-gradient(135deg, #64748b, #475569);
}

.compare-vs {
  display: grid;
  place-items: center;
  align-self: center;
  justify-self: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);
}

.compare-head .compare-vs {
  position: relative;
  z-index: 1;
  margin-left: -19px;
  margin-right: -19px;
}

.compare-row {
  min-height: 92px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.74);
}

.compare-row:last-child {
  border-bottom: 0;
}

.compare-topic {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  background: rgba(240, 253, 250, 0.62);
  border-right: 1px solid rgba(20, 184, 166, 0.14);
}

.compare-topic span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, 0.1);
  color: var(--blue);
  font-size: 19px;
}

.compare-topic strong {
  color: #1d2939;
  font-size: 16px;
}

.compare-cell {
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 18px 22px;
}

.compare-cell strong {
  font-size: 18px;
  line-height: 1.25;
}

.compare-cell p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.relay-cell {
  position: relative;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.035)),
    rgba(255, 255, 255, 0.42);
  border-right: 1px solid rgba(20, 184, 166, 0.14);
}

.relay-cell strong {
  color: #075985;
}

.sub-cell {
  background:
    linear-gradient(90deg, rgba(71, 85, 105, 0.045), rgba(255, 255, 255, 0)),
    rgba(255, 255, 255, 0.38);
}

.sub-cell strong {
  color: #475569;
}

.pricing-band {
  display: block;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 22px 54px rgba(16, 24, 40, 0.08);
}

.status-band {
  grid-template-columns: 1fr auto;
  margin-top: 0;
  padding: 26px;
}

.pricing-table-card {
  background:
    radial-gradient(circle at 4% 0%, rgba(20, 184, 166, 0.16), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
    rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
}

.pricing-table-title {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(37, 99, 235, 0.06)),
    rgba(255, 255, 255, 0.62);
}

.pricing-table-title strong {
  font-size: 18px;
}

.pricing-table-title span,
.pricing-note {
  color: var(--muted);
  font-size: 13px;
}

.pricing-table {
  display: grid;
  overflow-x: auto;
}

.pricing-table > div {
  min-width: 860px;
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(130px, 0.75fr) minmax(130px, 0.75fr) minmax(160px, 0.85fr) minmax(150px, 0.7fr);
  align-items: center;
  gap: 16px;
  min-height: 56px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
}

.pricing-table > div:nth-child(2) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.065), rgba(255, 255, 255, 0.8));
}

.pricing-table > div:nth-child(3) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.052), rgba(255, 255, 255, 0.82));
}

.pricing-table > div:nth-child(4) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.04), rgba(37, 99, 235, 0.022));
}

.pricing-table > div:nth-child(5) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.028), rgba(37, 99, 235, 0.032));
}

.pricing-table > div:nth-child(6) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.018), rgba(37, 99, 235, 0.042));
}

.pricing-table > div:nth-child(7) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.012), rgba(37, 99, 235, 0.052));
}

.pricing-table > div:nth-child(8) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.006), rgba(37, 99, 235, 0.065));
}

.pricing-table > div:not(.pricing-table-head) {
  position: relative;
}

.pricing-table > div:not(.pricing-table-head)::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
  opacity: 0.45;
}

.pricing-table > div:not(.pricing-table-head):hover {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.085), rgba(37, 99, 235, 0.05));
}

.pricing-table-head {
  min-height: 50px !important;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.54) !important;
}

.pricing-table-head span:nth-child(2),
.pricing-table-head span:nth-child(3),
.pricing-table-head span:nth-child(4) {
  text-align: left;
}

.pricing-table-head span:last-child {
  text-align: center;
}

.pricing-table strong {
  color: #1d2939;
  font-size: 17px;
  font-weight: 500;
}

.pricing-table span {
  color: #1f2937;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
}

.pricing-table .official-price {
  color: #9a907f;
  font-weight: 800;
}

.pricing-table em {
  font-style: normal;
}

.saving-meter {
  width: 142px;
  display: grid;
  grid-template-columns: 1fr 46px;
  gap: 9px;
  align-items: center;
  justify-self: center;
}

.saving-meter span {
  position: relative;
  width: 100%;
  height: 10px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: #e6ede3;
}

.saving-meter span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--save) * 1%);
  border-radius: inherit;
  background: linear-gradient(90deg, #86c46c, #3f8f45);
}

.saving-meter strong {
  color: #3f7f3d;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  font-weight: 900;
  text-align: right;
}

.pricing-note {
  margin: 0;
  padding: 16px 24px 20px;
  line-height: 1.8;
  background: rgba(249, 250, 251, 0.75);
}

.status-band div {
  display: grid;
  grid-template-columns: 10px auto;
  gap: 8px;
  align-items: center;
}

.status-band small {
  grid-column: 2;
  color: var(--muted);
}

.auth-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(520px, 1.16fr) minmax(360px, 0.84fr);
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.12), transparent 35%),
    linear-gradient(180deg, #fff, var(--bg));
}

.dark .auth-screen {
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.14), transparent 35%),
    linear-gradient(180deg, #0b1118, var(--bg));
}

.auth-showcase {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  min-height: 100vh;
  padding: 42px;
  border-right: 1px solid var(--line);
}

.auth-showcase::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 75%);
  opacity: 0.6;
}

.auth-brand,
.showcase-copy,
.showcase-benefits {
  position: relative;
  z-index: 1;
}

.auth-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.auth-brand-card {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 8px;
  background: transparent;
}

.auth-brand strong,
.auth-brand small {
  display: block;
}

.auth-brand strong {
  font-size: 20px;
  letter-spacing: 0;
}

.auth-brand small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.showcase-copy {
  max-width: 560px;
  margin-top: 48px;
}

.showcase-copy h1 {
  margin-bottom: 0;
  font-size: 42px;
  line-height: 1.18;
}

.showcase-copy p:last-child {
  max-width: 500px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.showcase-benefits {
  width: min(100%, 560px);
  display: grid;
  gap: 16px;
}

.benefit-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 100px;
  padding: 18px 20px;
  border: 1px solid rgba(20, 184, 166, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.1), transparent 48%),
    rgba(255, 255, 255, 0.8);
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(16px);
}

.dark .benefit-card {
  border-color: rgba(20, 184, 166, 0.2);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), transparent 46%),
    rgba(21, 27, 36, 0.86);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.benefit-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(37, 99, 235, 0.16));
  color: var(--teal);
}

.benefit-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.benefit-card h2 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 22px;
  line-height: 1.15;
}

.benefit-card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.auth-panel {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 34px 44px 34px 20px;
  background:
    radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(249, 250, 251, 0.9));
}

.dark .auth-panel {
  background:
    radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(21, 27, 36, 0.82), rgba(17, 23, 32, 0.92));
}

.auth-card {
  width: min(100%, 390px);
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.dark .auth-card {
  background: rgba(21, 27, 36, 0.9);
}

.auth-card-header {
  margin: 30px 0 24px;
}

.auth-card-header h2 {
  margin: 0 0 10px;
  color: var(--text);
  font-size: 27px;
  line-height: 1.15;
}

.auth-card-header p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-bottom: 0;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.auth-tabs button {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 16px;
  font-weight: 700;
}

.auth-tabs button.active {
  background: linear-gradient(135deg, var(--teal), var(--blue));
  color: #fff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18);
}

.auth-mode {
  display: none;
}

.auth-mode.active {
  display: block;
}

.auth-form {
  gap: 0;
}

.auth-form.active {
  display: grid;
}

.input-field {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  height: 50px;
  margin-bottom: 16px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.field-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--soft);
}

.field-icon svg,
.password-toggle svg,
.auth-submit svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-form input {
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 15px;
}

.auth-form input::placeholder {
  color: var(--soft);
}

.input-field:focus-within {
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11);
}

.form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.check-field {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  margin: 0 0 16px;
  color: var(--muted) !important;
  font-weight: 500 !important;
  font-size: 13px;
}

.check-field input {
  width: 15px;
  height: 15px;
  accent-color: #111827;
}

.dark .check-field input {
  accent-color: #eef2f7;
}

.link-button {
  border: 0;
  background: transparent;
  color: var(--blue);
  font-weight: 700;
}

.password-toggle {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--soft);
}

.code-field {
  display: grid;
  grid-template-columns: 1fr 108px;
  gap: 8px;
}

.code-field button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  color: var(--text);
  font-weight: 700;
}

.form-message {
  min-height: 22px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.form-message.error {
  color: var(--rose);
}

.form-message.success {
  color: var(--green);
}

.auth-submit {
  width: 100%;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 2px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
}

.auth-submit svg {
  width: 19px;
  height: 19px;
}

.terms-field {
  align-items: flex-start;
  line-height: 1.5;
}

.auth-footer {
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
  color: var(--muted);
}

.login-helper {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.demo-entry {
  font-size: 13px;
  opacity: 0.8;
}

.back-login {
  display: none;
}

.auth-card.is-secondary .auth-tabs,
.auth-card.is-secondary .login-helper,
.auth-card.is-secondary .demo-entry {
  display: none;
}

.auth-card.is-secondary .back-login {
  display: inline-block;
}

.auth-inline-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 2px 18px;
}

.auth-inline-actions span {
  flex: 1;
}

.auth-inline-actions .link-button {
  font-size: 14px;
  font-weight: 600;
}


/* Runtime adaptation for the real Vue login form. */
body.rs-login-active { overflow: auto; }
body.rs-login-active #app { min-height: 100vh; }
body.rs-login-active .rs-login-screen { min-height: 100vh; display: grid; grid-template-columns: minmax(520px, 1.16fr) minmax(360px, 0.84fr); background: linear-gradient(120deg, rgba(20, 184, 166, 0.12), transparent 35%), linear-gradient(180deg, #fff, var(--bg)); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
.dark body.rs-login-active .rs-login-screen { background: linear-gradient(120deg, rgba(20, 184, 166, 0.14), transparent 35%), linear-gradient(180deg, #0b1118, var(--bg)); }
body.rs-login-active .rs-login-showcase { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; min-height: 100vh; padding: 42px; border-right: 1px solid var(--line); overflow: hidden; }
body.rs-login-active .rs-login-showcase::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 48px 48px; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 75%); opacity: 0.6; }
body.rs-login-active .rs-login-showcase > * { position: relative; z-index: 1; }
body.rs-login-active .rs-login-panel { min-height: 100vh; display: grid; place-items: center; padding: 34px 44px 34px 20px; background: radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.12), transparent 28%), linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(249, 250, 251, 0.9)); }
.dark body.rs-login-active .rs-login-panel { background: radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.1), transparent 30%), linear-gradient(180deg, rgba(21, 27, 36, 0.82), rgba(17, 23, 32, 0.92)); }
body.rs-login-active .rs-login-card { width: min(100%, 390px); padding: 22px; border: 1px solid var(--line); border-radius: 8px; background: rgba(255, 255, 255, 0.92); color: var(--text); box-shadow: var(--shadow); backdrop-filter: blur(18px); }
.dark body.rs-login-active .rs-login-card { background: rgba(21, 27, 36, 0.9); }
body.rs-login-active .rs-login-tabs { display: grid; grid-template-columns: repeat(2, 1fr); padding: 4px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-2); }
body.rs-login-active .rs-login-tabs a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; border-radius: 8px; color: var(--muted); font-size: 16px; font-weight: 700; text-decoration: none; }
body.rs-login-active .rs-login-tabs a.active { background: linear-gradient(135deg, var(--teal), var(--blue)); color: #fff; box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18); }
body.rs-login-active .rs-login-card form { margin-top: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
body.rs-login-active .rs-login-card form > div:first-child { margin: 30px 0 24px; text-align: left !important; }
body.rs-login-active .rs-login-card h1, body.rs-login-active .rs-login-card h2 { margin: 0 0 10px !important; color: var(--text) !important; font-size: 27px !important; line-height: 1.15 !important; }
body.rs-login-active .rs-login-card label { color: var(--muted) !important; font-size: 13px !important; font-weight: 700 !important; }
body.rs-login-active .rs-login-card input { height: 50px !important; border: 1px solid var(--line) !important; border-radius: 8px !important; background: var(--surface) !important; color: var(--text) !important; }
body.rs-login-active .rs-login-card input:focus { border-color: rgba(37, 99, 235, 0.55) !important; box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11) !important; }
body.rs-login-active .rs-login-card button[type=submit] { width: 100%; height: 50px; border: 0 !important; border-radius: 8px !important; background: linear-gradient(135deg, var(--teal), var(--blue)) !important; color: #fff !important; font-size: 16px !important; font-weight: 800 !important; box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16) !important; }
body.rs-login-active .rs-login-footer { margin-top: 16px; text-align: center; color: var(--muted); font-size: 14px; }
@media (max-width: 1120px) { body.rs-login-active .rs-login-screen { grid-template-columns: 1fr; } body.rs-login-active .rs-login-showcase { min-height: auto; padding: 34px 34px 20px; border-right: 0; border-bottom: 1px solid var(--line); } body.rs-login-active .rs-login-panel { min-height: auto; } }
@media (max-width: 820px) { body.rs-login-active .rs-login-showcase { padding: 24px 16px 18px; } body.rs-login-active .showcase-copy { margin-top: 18px; } body.rs-login-active .showcase-copy h1 { font-size: 30px; } body.rs-login-active .showcase-benefits { gap: 10px; } body.rs-login-active .benefit-card { min-height: auto; grid-template-columns: 46px minmax(0, 1fr); padding: 14px; } body.rs-login-active .benefit-icon { width: 40px; height: 40px; } body.rs-login-active .rs-login-panel { padding: 18px 16px 28px; } body.rs-login-active .rs-login-card { width: min(100%, 390px); padding: 20px; } }


/* Rsta Al original home skin from C:/Users/Jason/Documents/Codex/2026-05-10/api/styles.css */
:root {
  --bg: #f6f7f8;
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --text: #111827;
  --muted: #667085;
  --soft: #98a2b3;
  --line: #e4e7ec;
  --line-strong: #d0d5dd;
  --teal: #14b8a6;
  --blue: #2563eb;
  --amber: #f59e0b;
  --rose: #e11d48;
  --green: #16a34a;
  --shadow: 0 16px 40px rgba(16, 24, 40, 0.08);
  --radius: 8px;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Microsoft YaHei", sans-serif;
}

.dark {
  --bg: #0f141b;
  --surface: #151b24;
  --surface-2: #111720;
  --text: #eef2f7;
  --muted: #a7b0bf;
  --soft: #778296;
  --line: #263140;
  --line-strong: #344054;
  --shadow: 0 16px 40px rgba(0, 0, 0, 0.26);
  color-scheme: dark;
}

* {
  box-sizing: border-box;
}

html {
  color-scheme: light;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.65), transparent 220px),
    var(--bg);
  color: var(--text);
  letter-spacing: 0;
}

.dark {
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), transparent 280px),
    var(--bg);
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}

.app-shell {
  display: grid;
  grid-template-columns: 264px minmax(0, 1fr);
  min-height: 100vh;
}

.admin-shell {
  display: none;
  grid-template-columns: 320px minmax(0, 1fr);
  min-height: 100vh;
  background:
    radial-gradient(circle at 32% 12%, rgba(20, 184, 166, 0.16), transparent 30%),
    linear-gradient(180deg, #edfafa 0%, #f7f8fa 46%, #f6f7f8 100%);
}

body.admin-active .admin-shell {
  display: grid;
}

body.admin-active .app-shell,
.relaystack-original-home.unused-admin .home-screen,
body.admin-active .auth-screen {
  display: none;
}

body.auth-active {
  overflow: auto;
}

body.auth-active .app-shell,
body.auth-active .admin-shell {
  display: none;
}







.home-screen {
  min-height: 100vh;
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.1), transparent 36%),
    linear-gradient(180deg, #fff 0%, var(--bg) 78%);
}

.home-nav {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  gap: 28px;
  min-height: 74px;
  padding: 0 44px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.82);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.home-brand {
  display: inline-flex;
  align-items: center;
  gap: 11px;
  color: var(--text);
  text-decoration: none;
}

.home-brand img {
  width: 42px;
  height: 42px;
  border-radius: 8px;
}

.home-brand strong,
.home-brand small {
  display: block;
}

.home-brand strong {
  font-size: 16px;
}

.home-brand small {
  margin-top: 2px;
  color: var(--muted);
  font-size: 12px;
}

.home-links {
  display: flex;
  align-items: center;
  gap: 22px;
  margin-left: auto;
}

.home-links a {
  color: #344054;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.home-links a:hover {
  color: var(--blue);
}

.home-actions {
  display: flex;
  gap: 10px;
}

.home-actions .primary-button,
.home-actions .ghost-button {
  height: 38px;
}

.home-main {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
}

.home-hero {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(420px, 0.98fr);
  gap: 46px;
  align-items: center;
  min-height: calc(100vh - 74px);
  padding: 54px 0 46px;
}

.hero-content {
  min-width: 0;
}

.home-kicker {
  margin: 0 0 14px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.home-hero h1 {
  max-width: 680px;
  margin: 0 0 20px;
  font-size: 56px;
  line-height: 1.18;
}

.home-lead {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 17px;
  line-height: 1.85;
}

.home-cta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.home-primary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  border-color: transparent;
}

.model-pills {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 18px 16px;
  max-width: 760px;
  margin-top: 34px;
  padding: 18px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 10% 0%, rgba(20, 184, 166, 0.1), transparent 26%),
    radial-gradient(circle at 90% 14%, rgba(37, 99, 235, 0.11), transparent 28%),
    rgba(255, 255, 255, 0.42);
}

.model-pills span {
  min-height: 58px;
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 0 24px;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.9);
  color: #111827;
  box-shadow:
    0 12px 24px rgba(16, 24, 40, 0.06),
    inset 0 1px 0 rgba(255, 255, 255, 0.9);
  font-size: 18px;
  font-weight: 800;
  white-space: nowrap;
}

.model-pills span:nth-child(1) {
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.16), rgba(255, 255, 255, 0.9));
  border-color: rgba(20, 184, 166, 0.22);
}

.model-pills span:nth-child(2) {
  background: linear-gradient(135deg, rgba(37, 99, 235, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(37, 99, 235, 0.2);
}

.model-pills span:nth-child(3) {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(99, 102, 241, 0.18);
}

.model-pills span:nth-child(4) {
  background: linear-gradient(135deg, rgba(14, 165, 233, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(14, 165, 233, 0.18);
}

.model-pills span:nth-child(5) {
  background: linear-gradient(135deg, rgba(16, 185, 129, 0.13), rgba(255, 255, 255, 0.92));
  border-color: rgba(16, 185, 129, 0.18);
}

.model-pills span:nth-child(6) {
  background: linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(255, 255, 255, 0.92));
  border-color: rgba(59, 130, 246, 0.18);
}

.model-pills span:nth-child(7) {
  background: linear-gradient(135deg, rgba(15, 23, 42, 0.08), rgba(37, 99, 235, 0.1));
  border-color: rgba(15, 23, 42, 0.1);
}

.model-pills i {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: #111827;
  font-size: 20px;
  font-style: normal;
  line-height: 1;
}

.home-console {
  position: relative;
  overflow: hidden;
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: var(--shadow);
}

.home-console::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 15% 15%, rgba(20, 184, 166, 0.13), transparent 28%),
    radial-gradient(circle at 88% 20%, rgba(37, 99, 235, 0.12), transparent 24%);
}

.home-console > * {
  position: relative;
  z-index: 1;
}

.pricing-preview {
  padding: 0;
  border-color: rgba(20, 184, 166, 0.28);
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), rgba(255, 255, 255, 0.92) 36%),
    var(--surface);
  box-shadow: 0 22px 50px rgba(16, 24, 40, 0.11);
}

.pricing-preview::before {
  display: none;
}

.pricing-preview-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 70px;
  padding: 0 22px;
  border-bottom: 1px solid rgba(20, 184, 166, 0.18);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.1)),
    rgba(255, 255, 255, 0.82);
}

.pricing-preview-header strong {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-size: 20px;
}

.pricing-preview-header strong::before {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--teal);
  box-shadow: 0 0 0 6px rgba(20, 184, 166, 0.13);
}

.pricing-preview-header span,
.pricing-preview p {
  color: var(--muted);
  font-size: 13px;
}

.pricing-preview-header > span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border: 1px solid rgba(37, 99, 235, 0.16);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--blue);
  font-weight: 800;
}

.pricing-preview-table {
  display: grid;
}

.pricing-preview-table > div {
  display: grid;
  grid-template-columns: minmax(180px, 1.3fr) minmax(96px, 0.85fr) minmax(96px, 0.85fr);
  align-items: center;
  gap: 16px;
  min-height: 58px;
  padding: 0 22px;
  border-bottom: 1px solid var(--line);
}

.pricing-preview-table > div:not(.pricing-preview-head):hover {
  background: rgba(20, 184, 166, 0.045);
}

.pricing-preview-head {
  min-height: 48px !important;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
}

.pricing-preview-table strong {
  color: #1d2939;
  font-size: 15px;
  font-weight: 800;
}

.pricing-preview-table span {
  width: fit-content;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.09);
  color: #0f766e;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
  font-weight: 900;
}

.pricing-preview-table > div span:last-child {
  background: rgba(37, 99, 235, 0.09);
  color: var(--blue);
}

.pricing-preview-head span,
.pricing-preview-head span:last-child {
  min-height: auto;
  padding: 0;
  border-radius: 0;
  background: transparent;
  color: var(--muted);
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
}

.pricing-preview p {
  margin: 0;
  padding: 13px 22px 16px;
  background: rgba(249, 250, 251, 0.72);
}

.home-section {
  padding: 34px 0;
}

.section-heading {
  max-width: 660px;
  margin-bottom: 22px;
}

.section-heading h2 {
  margin: 0;
  font-size: 34px;
  line-height: 1.2;
}

.pricing-band,
.status-band {
  display: grid;
  align-items: center;
  gap: 24px;
  margin-bottom: 34px;
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background: var(--surface);
}

.compare-table {
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.72);
  border-radius: 8px;
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.1), transparent 34%),
    linear-gradient(90deg, rgba(20, 184, 166, 0.08), rgba(37, 99, 235, 0.04) 46%, rgba(248, 250, 252, 0.52) 46%),
    rgba(255, 255, 255, 0.74);
  box-shadow: 0 24px 58px rgba(16, 24, 40, 0.09);
  backdrop-filter: blur(18px);
}

.compare-head,
.compare-row {
  display: grid;
  grid-template-columns: 150px minmax(0, 1fr) 56px minmax(0, 1fr);
}

.compare-head {
  min-height: 64px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
}

.compare-side {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
}

.compare-side.relay {
  grid-column: 1 / span 2;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.2);
}

.compare-side.sub {
  background: linear-gradient(135deg, #64748b, #475569);
}

.compare-vs {
  display: grid;
  place-items: center;
  align-self: center;
  justify-self: center;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 50%;
  background: var(--surface);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);
}

.compare-head .compare-vs {
  position: relative;
  z-index: 1;
  margin-left: -19px;
  margin-right: -19px;
}

.compare-row {
  min-height: 92px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.74);
}

.compare-row:last-child {
  border-bottom: 0;
}

.compare-topic {
  display: grid;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 10px;
  padding: 0 18px;
  background: rgba(240, 253, 250, 0.62);
  border-right: 1px solid rgba(20, 184, 166, 0.14);
}

.compare-topic span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(20, 184, 166, 0.1);
  color: var(--blue);
  font-size: 19px;
}

.compare-topic strong {
  color: #1d2939;
  font-size: 16px;
}

.compare-cell {
  display: grid;
  align-content: center;
  gap: 6px;
  padding: 18px 22px;
}

.compare-cell strong {
  font-size: 18px;
  line-height: 1.25;
}

.compare-cell p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.relay-cell {
  position: relative;
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.035)),
    rgba(255, 255, 255, 0.42);
  border-right: 1px solid rgba(20, 184, 166, 0.14);
}

.relay-cell strong {
  color: #075985;
}

.sub-cell {
  background:
    linear-gradient(90deg, rgba(71, 85, 105, 0.045), rgba(255, 255, 255, 0)),
    rgba(255, 255, 255, 0.38);
}

.sub-cell strong {
  color: #475569;
}

.pricing-band {
  display: block;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 22px 54px rgba(16, 24, 40, 0.08);
}

.status-band {
  grid-template-columns: 1fr auto;
  margin-top: 0;
  padding: 26px;
}

.pricing-table-card {
  background:
    radial-gradient(circle at 4% 0%, rgba(20, 184, 166, 0.16), transparent 28%),
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.12), transparent 30%),
    rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(18px);
}

.pricing-table-title {
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(90deg, rgba(20, 184, 166, 0.11), rgba(37, 99, 235, 0.06)),
    rgba(255, 255, 255, 0.62);
}

.pricing-table-title strong {
  font-size: 18px;
}

.pricing-table-title span,
.pricing-note {
  color: var(--muted);
  font-size: 13px;
}

.pricing-table {
  display: grid;
  overflow-x: auto;
}

.pricing-table > div {
  min-width: 860px;
  display: grid;
  grid-template-columns: minmax(260px, 1.35fr) minmax(130px, 0.75fr) minmax(130px, 0.75fr) minmax(160px, 0.85fr) minmax(150px, 0.7fr);
  align-items: center;
  gap: 16px;
  min-height: 56px;
  padding: 0 24px;
  border-bottom: 1px solid var(--line);
}

.pricing-table > div:nth-child(2) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.065), rgba(255, 255, 255, 0.8));
}

.pricing-table > div:nth-child(3) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.052), rgba(255, 255, 255, 0.82));
}

.pricing-table > div:nth-child(4) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.04), rgba(37, 99, 235, 0.022));
}

.pricing-table > div:nth-child(5) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.028), rgba(37, 99, 235, 0.032));
}

.pricing-table > div:nth-child(6) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.018), rgba(37, 99, 235, 0.042));
}

.pricing-table > div:nth-child(7) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.012), rgba(37, 99, 235, 0.052));
}

.pricing-table > div:nth-child(8) {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.006), rgba(37, 99, 235, 0.065));
}

.pricing-table > div:not(.pricing-table-head) {
  position: relative;
}

.pricing-table > div:not(.pricing-table-head)::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
  opacity: 0.45;
}

.pricing-table > div:not(.pricing-table-head):hover {
  background: linear-gradient(90deg, rgba(20, 184, 166, 0.085), rgba(37, 99, 235, 0.05));
}

.pricing-table-head {
  min-height: 50px !important;
  color: var(--muted);
  font-size: 13px;
  font-weight: 800;
  background: rgba(255, 255, 255, 0.54) !important;
}

.pricing-table-head span:nth-child(2),
.pricing-table-head span:nth-child(3),
.pricing-table-head span:nth-child(4) {
  text-align: left;
}

.pricing-table-head span:last-child {
  text-align: center;
}

.pricing-table strong {
  color: #1d2939;
  font-size: 17px;
  font-weight: 500;
}

.pricing-table span {
  color: #1f2937;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 16px;
}

.pricing-table .official-price {
  color: #9a907f;
  font-weight: 800;
}

.pricing-table em {
  font-style: normal;
}

.saving-meter {
  width: 142px;
  display: grid;
  grid-template-columns: 1fr 46px;
  gap: 9px;
  align-items: center;
  justify-self: center;
}

.saving-meter span {
  position: relative;
  width: 100%;
  height: 10px;
  display: block;
  overflow: hidden;
  border-radius: 999px;
  background: #e6ede3;
}

.saving-meter span::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(var(--save) * 1%);
  border-radius: inherit;
  background: linear-gradient(90deg, #86c46c, #3f8f45);
}

.saving-meter strong {
  color: #3f7f3d;
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 14px;
  font-weight: 900;
  text-align: right;
}

.pricing-note {
  margin: 0;
  padding: 16px 24px 20px;
  line-height: 1.8;
  background: rgba(249, 250, 251, 0.75);
}

.status-band div {
  display: grid;
  grid-template-columns: 10px auto;
  gap: 8px;
  align-items: center;
}

.status-band small {
  grid-column: 2;
  color: var(--muted);
}

.auth-screen {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(520px, 1.16fr) minmax(360px, 0.84fr);
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.12), transparent 35%),
    linear-gradient(180deg, #fff, var(--bg));
}

.dark .auth-screen {
  background:
    linear-gradient(120deg, rgba(20, 184, 166, 0.14), transparent 35%),
    linear-gradient(180deg, #0b1118, var(--bg));
}

.auth-showcase {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  min-height: 100vh;
  padding: 42px;
  border-right: 1px solid var(--line);
}

.auth-showcase::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 48px 48px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.22), transparent 75%);
  opacity: 0.6;
}

.auth-brand,
.showcase-copy,
.showcase-benefits {
  position: relative;
  z-index: 1;
}

.auth-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.auth-brand-card {
  width: 58px;
  height: 58px;
  object-fit: contain;
  border-radius: 8px;
  background: transparent;
}

.auth-brand strong,
.auth-brand small {
  display: block;
}

.auth-brand strong {
  font-size: 20px;
  letter-spacing: 0;
}

.auth-brand small {
  margin-top: 4px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 700;
}

.showcase-copy {
  max-width: 560px;
  margin-top: 48px;
}

.showcase-copy h1 {
  margin-bottom: 0;
  font-size: 42px;
  line-height: 1.18;
}

.showcase-copy p:last-child {
  max-width: 500px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.showcase-benefits {
  width: min(100%, 560px);
  display: grid;
  gap: 16px;
}

.benefit-card {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: 16px;
  min-height: 100px;
  padding: 18px 20px;
  border: 1px solid rgba(20, 184, 166, 0.18);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.1), transparent 48%),
    rgba(255, 255, 255, 0.8);
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(16px);
}

.dark .benefit-card {
  border-color: rgba(20, 184, 166, 0.2);
  background:
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), transparent 46%),
    rgba(21, 27, 36, 0.86);
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.22);
}

.benefit-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(37, 99, 235, 0.16));
  color: var(--teal);
}

.benefit-icon svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.benefit-card h2 {
  margin: 0 0 8px;
  color: var(--text);
  font-size: 22px;
  line-height: 1.15;
}

.benefit-card p {
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

.auth-panel {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 34px 44px 34px 20px;
  background:
    radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.12), transparent 28%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(249, 250, 251, 0.9));
}

.dark .auth-panel {
  background:
    radial-gradient(circle at 48% 30%, rgba(20, 184, 166, 0.1), transparent 30%),
    linear-gradient(180deg, rgba(21, 27, 36, 0.82), rgba(17, 23, 32, 0.92));
}

.auth-card {
  width: min(100%, 390px);
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  color: var(--text);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

.dark .auth-card {
  background: rgba(21, 27, 36, 0.9);
}

.auth-card-header {
  margin: 30px 0 24px;
}

.auth-card-header h2 {
  margin: 0 0 10px;
  color: var(--text);
  font-size: 27px;
  line-height: 1.15;
}

.auth-card-header p:last-child {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.auth-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0;
  margin-bottom: 0;
  padding: 4px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.45);
}

.auth-tabs button {
  min-height: 44px;
  border: 0;
  border-radius: 8px;
  background: transparent;
  color: var(--muted);
  font-size: 16px;
  font-weight: 700;
}

.auth-tabs button.active {
  background: linear-gradient(135deg, var(--teal), var(--blue));
  color: #fff;
  box-shadow: 0 10px 24px rgba(37, 99, 235, 0.18);
}

.auth-mode {
  display: none;
}

.auth-mode.active {
  display: block;
}

.auth-form {
  gap: 0;
}

.auth-form.active {
  display: grid;
}

.input-field {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 10px !important;
  height: 50px;
  margin-bottom: 16px;
  padding: 0 13px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.field-icon {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  color: var(--soft);
}

.field-icon svg,
.password-toggle svg,
.auth-submit svg {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.auth-form input {
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 15px;
}

.auth-form input::placeholder {
  color: var(--soft);
}

.input-field:focus-within {
  border-color: rgba(37, 99, 235, 0.55);
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.11);
}

.form-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.check-field {
  display: flex !important;
  align-items: center;
  gap: 8px !important;
  margin: 0 0 16px;
  color: var(--muted) !important;
  font-weight: 500 !important;
  font-size: 13px;
}

.check-field input {
  width: 15px;
  height: 15px;
  accent-color: #111827;
}

.dark .check-field input {
  accent-color: #eef2f7;
}

.link-button {
  border: 0;
  background: transparent;
  color: var(--blue);
  font-weight: 700;
}

.password-toggle {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--soft);
}

.code-field {
  display: grid;
  grid-template-columns: 1fr 108px;
  gap: 8px;
}

.code-field button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
  color: var(--text);
  font-weight: 700;
}

.form-message {
  min-height: 22px;
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.form-message.error {
  color: var(--rose);
}

.form-message.success {
  color: var(--green);
}

.auth-submit {
  width: 100%;
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-top: 2px;
  border: 0;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--teal), var(--blue));
  color: #fff;
  font-size: 16px;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(37, 99, 235, 0.16);
}

.auth-submit svg {
  width: 19px;
  height: 19px;
}

.terms-field {
  align-items: flex-start;
  line-height: 1.5;
}

.auth-footer {
  display: grid;
  justify-items: center;
  align-items: center;
  gap: 12px;
  margin-top: 16px;
  padding-top: 0;
  border-top: 0;
  color: var(--muted);
}

.login-helper {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.demo-entry {
  font-size: 13px;
  opacity: 0.8;
}

.back-login {
  display: none;
}

.auth-card.is-secondary .auth-tabs,
.auth-card.is-secondary .login-helper,
.auth-card.is-secondary .demo-entry {
  display: none;
}

.auth-card.is-secondary .back-login {
  display: inline-block;
}

.auth-inline-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 2px 18px;
}

.auth-inline-actions span {
  flex: 1;
}

.auth-inline-actions .link-button {
  font-size: 14px;
  font-weight: 600;
}

.sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 22px;
  padding: 22px 16px;
  border-right: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.admin-sidebar {
  position: sticky;
  top: 0;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid rgba(228, 231, 236, 0.92);
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 1px 0 0 rgba(16, 24, 40, 0.02);
  backdrop-filter: blur(18px);
}

.admin-brand {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 82px;
  padding: 15px 28px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
}

.admin-brand img {
  width: 46px;
  height: 46px;
  border-radius: 12px;
  box-shadow: 0 14px 28px rgba(15, 23, 42, 0.14);
}

.admin-brand strong,
.admin-brand span {
  display: block;
}

.admin-brand strong {
  font-size: 25px;
  line-height: 1;
}

.admin-brand span {
  width: fit-content;
  margin-top: 7px;
  padding: 4px 10px;
  border-radius: 8px;
  background: #fff1b8;
  color: #bc6b00;
  font-size: 14px;
  font-weight: 800;
}

.admin-nav {
  display: grid;
  gap: 5px;
  padding: 20px 15px 16px;
}

.admin-nav-item {
  width: 100%;
  min-height: 50px;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 0;
  border-radius: 12px;
  padding: 0 20px;
  background: transparent;
  color: #475467;
  font-size: 17px;
  font-weight: 650;
  text-align: left;
}

.admin-nav-item:hover {
  background: #f2f4f7;
  color: #111827;
}

.admin-nav-item.active {
  background: rgba(20, 184, 166, 0.1);
  color: #0f9488;
}

.admin-nav-item span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  color: currentColor;
}

.admin-nav-item svg {
  width: 23px;
  height: 23px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-account-tools {
  display: grid;
  gap: 8px;
  margin-top: auto;
  padding: 14px 28px 22px;
  border-top: 1px solid rgba(228, 231, 236, 0.72);
}

.admin-account-tools small {
  color: var(--soft);
  font-size: 14px;
  font-weight: 800;
}

.admin-tool-button {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 14px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #475467;
  font-size: 16px;
  text-align: left;
}

.admin-tool-button span {
  width: 22px;
  display: inline-grid;
  place-items: center;
}

.dark .sidebar {
  background: rgba(21, 27, 36, 0.88);
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 6px 8px 16px;
}

.brand-mark {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid rgba(15, 23, 42, 0.1);
  border-radius: 12px;
  background: #111827;
  box-shadow: 0 16px 32px rgba(15, 23, 42, 0.14);
}

.dark .brand-mark {
  border-color: #344054;
  background: #0b1118;
}

.brand-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.brand strong,
.brand small {
  display: block;
}

.brand strong {
  font-size: 15px;
}

.brand small,
.metric-card span,
.metric-card small,
.panel p,
.channel-row small,
.table-row span,
.invoice-strip span {
  color: var(--muted);
}

.brand small {
  margin-top: 2px;
  font-size: 12px;
}

.nav-list {
  display: grid;
  gap: 7px;
}

.nav-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 12px;
  border: 0;
  border-radius: 8px;
  padding: 10px 12px;
  background: transparent;
  color: #344054;
  text-align: left;
  font-weight: 650;
  transition:
    background 160ms ease,
    color 160ms ease,
    transform 160ms ease;
}

.dark .nav-item {
  color: #cbd5e1;
}

.nav-item:hover {
  background: #f2f4f7;
  transform: translateX(2px);
}

.dark .nav-item:hover {
  background: #1d2633;
}

.nav-item.active {
  background:
    linear-gradient(135deg, rgba(17, 24, 39, 0.98), rgba(30, 41, 59, 0.98));
  color: #fff;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.18);
}

.dark .nav-item.active {
  background: #eef2f7;
  color: #111827;
}

.nav-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(15, 23, 42, 0.06);
  border-radius: 8px;
  background:
    radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.76), transparent 36%),
    linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.1));
  color: #344054;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.62);
}

.dark .nav-icon {
  background: rgba(255, 255, 255, 0.08);
  color: #d7deea;
}

.nav-item.active .nav-icon {
  border-color: rgba(255, 255, 255, 0.16);
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
}

.nav-icon svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.meter {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}

.dark .meter {
  background: #263140;
}

.meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.meter.warn span {
  background: linear-gradient(90deg, var(--amber), #fb7185);
}

.meter.danger span {
  background: linear-gradient(90deg, var(--rose), #fb7185);
}

.workspace {
  min-width: 0;
  padding: 18px 26px 38px;
}

.admin-workspace {
  min-width: 0;
}

.admin-topbar {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 38px 0 30px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.82);
  background: rgba(255, 255, 255, 0.82);
  backdrop-filter: blur(18px);
}

.admin-topbar h1 {
  margin: 0 0 4px;
  font-size: 24px;
  line-height: 1.1;
}

.admin-topbar p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
}

.admin-topbar-actions {
  display: flex;
  align-items: center;
  gap: 18px;
}

.admin-icon-button {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #475467;
}

.admin-icon-button svg,
.admin-profile svg {
  width: 21px;
  height: 21px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-lang-button {
  border: 0;
  background: transparent;
  color: #475467;
  font-weight: 700;
}

.admin-balance {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 0 15px;
  border-radius: 12px;
  background: rgba(20, 184, 166, 0.1);
  color: #0f766e;
  font-size: 18px;
  font-weight: 900;
}

.admin-profile {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border: 0;
  background: transparent;
  color: #344054;
}

.admin-profile > span {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border-radius: 14px;
  background: linear-gradient(135deg, #14b8a6, #0f9488);
  color: #fff;
  font-weight: 900;
}

.admin-profile strong,
.admin-profile small {
  display: block;
  text-align: left;
}

.admin-profile strong {
  font-size: 18px;
}

.admin-profile small {
  color: var(--muted);
  font-size: 14px;
}

.admin-profile i {
  color: var(--muted);
  font-style: normal;
}

.admin-content {
  padding: 28px 30px 48px;
}

.admin-view {
  display: none;
}

.admin-view.active {
  display: block;
}

.admin-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.admin-stat-card,
.admin-filter-bar,
.admin-panel {
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow:
    0 1px 2px rgba(16, 24, 40, 0.04),
    0 14px 32px rgba(16, 24, 40, 0.06);
}

.admin-stat-card {
  min-height: 88px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
}

.admin-stat-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: var(--accent);
  background: color-mix(in srgb, var(--accent) 16%, #fff);
}

.admin-stat-icon svg {
  width: 22px;
  height: 22px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.admin-stat-card small,
.admin-stat-card span {
  color: var(--muted);
}

.admin-stat-card small {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}

.admin-stat-card strong {
  display: block;
  color: #111827;
  font-size: 23px;
  line-height: 1.08;
}

.admin-stat-card strong span {
  display: inline;
  font-size: 12px;
  font-weight: 700;
}

.admin-stat-card em {
  display: block;
  margin-top: 3px;
  color: #16a34a;
  font-size: 12px;
  font-style: normal;
  font-weight: 750;
}

.admin-stat-card > div {
  min-width: 0;
}

.admin-stat-card > div > span {
  display: block;
  overflow: hidden;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-stat-card b {
  color: #16a34a;
}

.admin-stat-card.accent-blue { --accent: #3b6ff6; }
.admin-stat-card.accent-purple { --accent: #a855f7; }
.admin-stat-card.accent-green { --accent: #22c55e; }
.admin-stat-card.accent-teal { --accent: #14b8a6; }
.admin-stat-card.accent-amber { --accent: #f59e0b; }
.admin-stat-card.accent-indigo { --accent: #6366f1; }
.admin-stat-card.accent-violet { --accent: #8b5cf6; }
.admin-stat-card.accent-rose { --accent: #fb7185; }

.admin-filter-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 72px;
  margin: 22px 0;
  padding: 14px 18px;
}

.admin-filter-group {
  display: flex;
  align-items: center;
  gap: 10px;
  color: #344054;
  font-size: 14px;
}

.admin-filter-group button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 14px;
  background: #fff;
  color: #475467;
  font-weight: 650;
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.04);
}

.admin-chart-grid {
  display: grid;
  grid-template-columns: minmax(560px, 1.08fr) minmax(420px, 0.92fr);
  gap: 18px;
}

.admin-panel {
  min-width: 0;
  padding: 18px;
}

.admin-panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

.admin-panel-header h2 {
  margin: 0;
  font-size: 18px;
}

.admin-panel-header button {
  min-height: 36px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 0 12px;
  background: #fff;
  color: #475467;
}

.admin-tabs {
  display: flex;
  gap: 4px;
  padding: 4px;
  border-radius: 12px;
  background: #f2f4f7;
  color: #667085;
  font-size: 12px;
  font-weight: 750;
}

.admin-tabs span {
  padding: 6px 10px;
  border-radius: 8px;
}

.admin-tabs .active {
  background: #fff;
  color: #111827;
}

.model-distribution {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  min-height: 226px;
  min-width: 0;
  overflow: hidden;
}

.admin-donut {
  width: 180px;
  aspect-ratio: 1;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, #fff 0 31%, transparent 32%),
    conic-gradient(#4f7df3 0 92%, #8ab6ff 92% 100%);
  box-shadow: inset 0 0 0 1px rgba(79, 125, 243, 0.08);
}

.admin-model-table {
  display: grid;
  min-width: 0;
  overflow-x: auto;
  padding-bottom: 2px;
}

.admin-model-table > div,
.admin-recent-table > div {
  display: grid;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
  color: #667085;
  font-size: 12px;
}

.admin-model-table > div {
  grid-template-columns: minmax(96px, 1.28fr) minmax(38px, 0.55fr) minmax(58px, 0.72fr) minmax(58px, 0.72fr) minmax(58px, 0.72fr) minmax(58px, 0.72fr);
  min-width: 430px;
}

.admin-model-table strong,
.admin-model-table span,
.admin-model-table em,
.admin-model-table b {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.admin-model-table strong {
  color: #2563eb;
}

.admin-model-table em,
.admin-recent-table em {
  color: #16a34a;
  font-style: normal;
}

.admin-model-table b {
  color: #f97316;
}

.trend-legend {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin-bottom: 8px;
  color: #344054;
  font-size: 12px;
}

.trend-legend span::before {
  content: "";
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 5px;
  border: 2px solid currentColor;
  border-radius: 50%;
  vertical-align: -1px;
}

.trend-legend .input { color: #4f7df3; }
.trend-legend .output { color: #10b981; }
.trend-legend .cache { color: #f59e0b; }
.trend-legend .read { color: #06b6d4; }
.trend-legend .hit { color: #8b5cf6; }

.trend-chart {
  min-height: 226px;
  overflow: hidden;
}

.trend-chart svg {
  width: 100%;
  height: 226px;
}

.grid-lines path {
  fill: none;
  stroke: #e4e7ec;
  stroke-width: 1;
}

.trend-line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trend-line.cyan { stroke: #2db7d8; }
.trend-line.blue { stroke: #4f7df3; }
.trend-line.green { stroke: #10b981; }
.trend-line.purple { stroke: #8b5cf6; }
.trend-line.dashed {
  stroke-dasharray: 9 9;
}

.admin-recent-panel {
  margin-top: 22px;
}

.admin-recent-table > div {
  grid-template-columns: 1fr 1.4fr 0.8fr 1fr 0.8fr 1fr;
  min-height: 46px;
}

.admin-recent-table strong {
  color: #111827;
}

.admin-page-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  margin-bottom: 22px;
}

.admin-page-heading h2 {
  margin: 0 0 7px;
  font-size: 28px;
  line-height: 1.1;
}

.admin-page-heading p {
  margin: 0;
  color: var(--muted);
}

.admin-primary-action {
  min-height: 42px;
  border: 0;
  border-radius: 12px;
  padding: 0 17px;
  background: linear-gradient(135deg, #14b8a6, #0f9488);
  color: #fff;
  font-weight: 850;
  box-shadow: 0 14px 28px rgba(20, 184, 166, 0.18);
}

.admin-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}

.admin-toolbar input,
.admin-toolbar button {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
}

.admin-toolbar input {
  min-width: min(360px, 100%);
  padding: 0 14px;
  outline: 0;
}

.admin-toolbar button {
  padding: 0 14px;
  color: #475467;
  font-weight: 700;
}

.admin-metric-row {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 20px;
}

.admin-metric-row > div,
.admin-config-card {
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 12px 28px rgba(16, 24, 40, 0.055);
}

.admin-metric-row > div {
  padding: 18px;
}

.admin-metric-row span,
.admin-metric-row small,
.admin-config-card span,
.admin-config-card p {
  color: var(--muted);
}

.admin-metric-row strong {
  display: block;
  margin: 8px 0 4px;
  font-size: 28px;
}

.admin-table {
  overflow-x: auto;
}

.admin-table > div {
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 0.8fr 0.8fr 0.8fr;
  gap: 14px;
  align-items: center;
  min-width: 780px;
  min-height: 58px;
  padding: 0 8px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.72);
  color: #667085;
}

.admin-table > div:first-child {
  min-height: 44px;
  color: #475467;
  font-size: 13px;
  font-weight: 850;
}

.admin-table strong {
  color: #111827;
}

.admin-table button,
.admin-config-card button,
.admin-form-actions button {
  min-height: 34px;
  border: 1px solid var(--line);
  border-radius: 9px;
  padding: 0 12px;
  background: #fff;
  color: #2563eb;
  font-weight: 750;
}

.admin-pill {
  width: fit-content;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 26px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 850;
}

.admin-pill.success {
  background: #dcfce7;
  color: #15803d;
}

.admin-pill.warn {
  background: #fef3c7;
  color: #b45309;
}

.admin-pill.muted {
  background: #eef2ff;
  color: #4f46e5;
}

.admin-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.admin-config-card {
  display: grid;
  gap: 10px;
  padding: 20px;
}

.admin-config-card span {
  font-size: 13px;
  font-weight: 850;
  text-transform: uppercase;
}

.admin-config-card strong {
  font-size: 24px;
}

.admin-config-card p {
  min-height: 52px;
  margin: 0;
  line-height: 1.65;
}

.admin-form-panel {
  max-width: 920px;
  display: grid;
  gap: 16px;
}

.admin-form-panel label {
  display: grid;
  gap: 8px;
  color: #344054;
  font-weight: 750;
}

.admin-form-panel input,
.admin-form-panel textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 14px;
  outline: 0;
  background: #fff;
  color: var(--text);
}

.admin-form-actions {
  display: flex;
  gap: 10px;
}

.admin-settings-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.admin-support-console {
  display: grid;
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 18px;
}

.support-thread-list,
.support-message-panel {
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 14px 32px rgba(16, 24, 40, 0.06);
}

.support-thread-list {
  display: grid;
  align-content: start;
  overflow: hidden;
}

.support-thread {
  display: grid;
  gap: 5px;
  min-height: 92px;
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 16px;
  background: transparent;
  text-align: left;
}

.support-thread.active,
.support-thread:hover {
  background: rgba(20, 184, 166, 0.08);
}

.support-thread strong,
.support-thread span,
.support-thread em {
  display: block;
}

.support-thread strong {
  color: #111827;
}

.support-thread span {
  color: #475467;
  font-size: 13px;
}

.support-thread em {
  color: var(--soft);
  font-size: 12px;
  font-style: normal;
}

.support-message-panel {
  overflow: hidden;
}

.support-message-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 72px;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
}

.support-message-header strong,
.support-message-header small {
  display: block;
}

.support-message-header small {
  margin-top: 3px;
  color: var(--muted);
}

.support-message-body {
  display: grid;
  gap: 13px;
  min-height: 360px;
  max-height: 460px;
  overflow: auto;
  padding: 18px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.08), transparent 32%),
    #f8fafc;
}

.support-chat-row {
  display: grid;
  gap: 5px;
  max-width: 68%;
}

.support-chat-row.admin {
  justify-self: end;
}

.support-chat-row p {
  margin: 0;
  padding: 11px 13px;
  border: 1px solid rgba(228, 231, 236, 0.9);
  border-radius: 13px;
  background: #fff;
  color: #344054;
  line-height: 1.55;
}

.support-chat-row.admin p {
  border-color: rgba(20, 184, 166, 0.18);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.14), rgba(37, 99, 235, 0.08));
}

.support-chat-row time {
  color: var(--soft);
  font-size: 11px;
}

.support-chat-row.admin time {
  text-align: right;
}

.support-reply-box {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid var(--line);
  background: #fff;
}

.support-reply-box input {
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 12px;
  outline: 0;
}

.support-reply-box button {
  min-height: 42px;
  border: 0;
  border-radius: 11px;
  padding: 0 16px;
  background: #111827;
  color: #fff;
  font-weight: 850;
}

.admin-pricing-layout {
  display: grid;
  gap: 22px;
}

.admin-pricing-preview,
.admin-price-advantage {
  width: 100%;
  margin: 0;
}

.admin-editable-pricing [contenteditable="true"] {
  outline: 0;
  cursor: text;
}

.admin-editable-pricing [contenteditable="true"]:focus {
  box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.16);
}

.admin-editable-pricing strong[contenteditable="true"]:focus {
  border-radius: 7px;
  background: rgba(20, 184, 166, 0.08);
}

.admin-switch-list {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}

.admin-switch-list label {
  display: flex;
  grid-template-columns: none;
  align-items: center;
  gap: 10px;
  font-weight: 650;
}

.admin-switch-list input {
  width: 18px;
  height: 18px;
}

.admin-toast {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 90;
  max-width: min(360px, calc(100vw - 32px));
  padding: 12px 16px;
  border: 1px solid rgba(20, 184, 166, 0.24);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.94);
  color: #0f766e;
  font-weight: 800;
  box-shadow: 0 18px 40px rgba(16, 24, 40, 0.14);
  transform: translateY(12px);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.admin-toast.show {
  transform: translateY(0);
  opacity: 1;
}

.admin-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: none;
  place-items: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.28);
  backdrop-filter: blur(8px);
}

.admin-modal-backdrop.open {
  display: grid;
}

.admin-modal {
  width: min(560px, 100%);
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.84);
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.96);
  box-shadow: 0 28px 70px rgba(16, 24, 40, 0.22);
}

.admin-modal-header,
.admin-modal-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 18px;
}

.admin-modal-header {
  border-bottom: 1px solid var(--line);
}

.admin-modal-header h3 {
  margin: 0 0 4px;
  font-size: 20px;
}

.admin-modal-header p {
  margin: 0;
  color: var(--muted);
  font-size: 13px;
}

.admin-modal-close {
  width: 34px;
  height: 34px;
  border: 1px solid var(--line);
  border-radius: 9px;
  background: #fff;
  color: var(--muted);
}

.admin-modal-body {
  display: grid;
  gap: 14px;
  padding: 18px;
}

.admin-modal-body label {
  display: grid;
  gap: 7px;
  color: #344054;
  font-weight: 750;
}

.admin-modal-body input,
.admin-modal-body select,
.admin-modal-body textarea {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 12px;
  background: #fff;
  outline: 0;
}

.admin-modal-body textarea {
  min-height: 92px;
  padding: 11px 12px;
  resize: vertical;
}

.admin-modal-actions {
  border-top: 1px solid var(--line);
  justify-content: flex-end;
}

.admin-modal-actions button {
  min-height: 40px;
  border: 1px solid var(--line);
  border-radius: 11px;
  padding: 0 15px;
  background: #fff;
  color: #475467;
  font-weight: 800;
}

.admin-modal-actions button:last-child {
  border-color: transparent;
  background: linear-gradient(135deg, #14b8a6, #0f9488);
  color: #fff;
}

.topbar {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 46px;
}

.mobile-menu {
  display: none;
  width: 38px;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.search-box {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 580px;
  height: 42px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.search-box span {
  color: var(--soft);
}

.search-box input,
.toolbar input {
  width: 100%;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
}

.topbar-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: auto;
}

.ghost-button,
.icon-button,
.avatar-button,
.secondary-button,
.toolbar button,
.segmented button {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
  color: #344054;
}

.dark .ghost-button,
.dark .icon-button,
.dark .avatar-button,
.dark .secondary-button,
.dark .toolbar button,
.dark .segmented button {
  color: #d7deea;
}

.ghost-button {
  height: 38px;
  padding: 0 13px;
}

.icon-button {
  position: relative;
  width: 38px;
  height: 38px;
}

.notification-dot {
  position: absolute;
  top: 9px;
  right: 10px;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--rose);
}

.dark .notification-dot {
  border-color: var(--surface);
}

.avatar-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 38px;
  padding: 0 10px 0 6px;
}

.avatar-button span {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #111827;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.page-hero {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  align-items: flex-end;
  margin: 34px 0 22px;
}

.eyebrow {
  margin: 0 0 9px;
  color: var(--blue);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

h1,
h2,
h3,
p {
  margin-top: 0;
}

h1 {
  margin-bottom: 10px;
  font-size: 38px;
  line-height: 1.08;
  letter-spacing: 0;
}

.hero-copy {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.hero-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.primary-button,
.secondary-button {
  height: 40px;
  padding: 0 15px;
  border-radius: 8px;
  font-weight: 700;
}

.primary-button {
  border: 1px solid #111827;
  background: #111827;
  color: #fff;
}

.dark .primary-button {
  border-color: #eef2f7;
  background: #eef2f7;
  color: #111827;
}

.secondary-button {
  background: var(--surface);
}

.views {
  position: relative;
}

.view {
  display: none;
}

.view.active {
  display: block;
}

.dashboard-welcome {
  margin: 30px 0 18px;
}

.welcome-glass {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding: 32px;
  border: 1px solid rgba(228, 231, 236, 0.74);
  border-radius: 8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.18), transparent 32%),
    radial-gradient(circle at 100% 10%, rgba(37, 99, 235, 0.14), transparent 34%),
    rgba(255, 255, 255, 0.78);
  box-shadow: 0 22px 54px rgba(16, 24, 40, 0.08);
  backdrop-filter: blur(18px);
}

.welcome-badge {
  width: fit-content;
  margin: 0 0 12px;
  padding: 4px 12px;
  border-radius: 999px;
  background: rgba(20, 184, 166, 0.12);
  color: var(--blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.welcome-copy h1 {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.16;
}

.welcome-copy h1 span {
  color: var(--blue);
}

.welcome-copy p:not(.welcome-badge) {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.7;
}

.welcome-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.welcome-tags span {
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  padding: 0 11px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.62);
  color: #344054;
  font-size: 13px;
  font-weight: 800;
}

.welcome-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.dashboard-section {
  margin-bottom: 22px;
}

.local-section-title {
  margin-bottom: 14px;
}

.local-section-title h2 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  color: #111827;
  font-size: 18px;
}

.local-section-title h2::before {
  content: "";
  width: 5px;
  height: 18px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--teal), var(--blue));
}

.local-section-title h2 span {
  color: var(--soft);
  font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}

.user-stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.user-stat-card,
.glass-feature-card,
.support-card,
.quick-links-stack button {
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.055);
  backdrop-filter: blur(14px);
}

.user-stat-card {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 116px;
  padding: 18px;
}

.user-stat-card::after {
  content: "";
  position: absolute;
  inset: auto -30px -50px auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: rgba(20, 184, 166, 0.08);
}

.stat-icon {
  width: 52px;
  height: 52px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.32),
    0 14px 28px rgba(15, 23, 42, 0.12);
}

.stat-icon svg,
.feature-chip svg,
.support-icon svg,
.quick-links-stack button > span svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.stat-icon svg {
  width: 28px;
  height: 28px;
}

.stat-icon.balance {
  background: linear-gradient(135deg, #14b8a6, #0f766e);
}

.stat-icon.request {
  background:
    radial-gradient(circle at 26% 18%, rgba(255, 255, 255, 0.36), transparent 24%),
    linear-gradient(135deg, #2563eb, #06b6d4);
}

.stat-icon.token {
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.32), transparent 24%),
    linear-gradient(135deg, #0f766e, #2563eb);
}

.stat-icon.key {
  background:
    radial-gradient(circle at 28% 18%, rgba(255, 255, 255, 0.28), transparent 24%),
    linear-gradient(135deg, #111827, #334155 46%, #2563eb);
}

.user-stat-card span,
.glass-feature-card p,
.support-item small,
.quick-links-stack small {
  color: var(--muted);
}

.user-stat-card span {
  display: block;
  font-size: 13px;
  font-weight: 800;
}

.user-stat-card strong {
  display: block;
  margin: 6px 0 4px;
  font-size: 24px;
}

.user-stat-card small {
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}

.user-dashboard-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
  gap: 18px;
}

.privilege-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.privilege-grid-single {
  grid-template-columns: 1fr;
}

.glass-feature-card {
  display: flex;
  gap: 14px;
  min-height: 168px;
  padding: 18px;
}

.feature-chip {
  width: 48px;
  height: 48px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #0f766e;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.62),
    0 14px 28px rgba(20, 184, 166, 0.14);
}

.feature-chip.gift {
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(236, 253, 245, 0.82)),
    radial-gradient(circle at 28% 20%, rgba(45, 212, 191, 0.34), transparent 36%);
  border: 1px solid rgba(20, 184, 166, 0.18);
}

.feature-chip.plan {
  background: rgba(37, 99, 235, 0.11);
}

.glass-feature-card h3 {
  margin: 4px 0 8px;
  font-size: 18px;
}

.glass-feature-card p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.7;
}

.redeem-line {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 8px;
}

.redeem-line input {
  min-width: 0;
  height: 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  outline: 0;
}

.redeem-line button {
  border: 0;
  border-radius: 8px;
  padding: 0 14px;
  background: #111827;
  color: #fff;
  font-weight: 800;
}

.redeem-line-large {
  max-width: 560px;
  margin-top: 18px;
}

.redeem-line-large input,
.redeem-line-large button {
  height: 46px;
}

.redeem-panel {
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr);
  gap: 18px;
  align-items: start;
  max-width: 760px;
  padding: 24px;
  border: 1px solid rgba(228, 231, 236, 0.78);
  border-radius: 8px;
  background:
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.16), transparent 32%),
    radial-gradient(circle at 100% 0%, rgba(37, 99, 235, 0.1), transparent 34%),
    rgba(255, 255, 255, 0.84);
  box-shadow: 0 18px 44px rgba(16, 24, 40, 0.07);
  backdrop-filter: blur(16px);
}

.redeem-panel h3 {
  margin: 2px 0 8px;
  font-size: 22px;
}

.redeem-panel p {
  max-width: 560px;
  line-height: 1.7;
}

.redeem-hero-icon {
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, 0.16);
  border-radius: 14px;
  background:
    radial-gradient(circle at 28% 20%, rgba(255, 255, 255, 0.9), transparent 35%),
    linear-gradient(135deg, rgba(20, 184, 166, 0.2), rgba(37, 99, 235, 0.13));
  color: #0f766e;
}

.redeem-hero-icon svg {
  width: 34px;
  height: 34px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.9;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.plan-meter {
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: #e5e7eb;
}

.plan-meter span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, var(--teal), var(--blue));
}

.glass-feature-card small {
  display: block;
  margin-top: 10px;
  color: var(--muted);
  font-size: 12px;
}

.support-card {
  display: grid;
  grid-template-columns: 1fr 1px 1fr;
  align-items: center;
  padding: 16px;
}

.support-card-three {
  grid-template-columns: 1fr 1px 1fr 1px 1fr;
}

.support-item {
  display: flex;
  align-items: center;
  gap: 12px;
}

.support-button {
  width: 100%;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}

.support-button:hover strong {
  color: var(--blue);
}

.support-icon {
  width: 46px;
  height: 46px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #fff;
  font-weight: 900;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.28),
    0 14px 28px rgba(15, 23, 42, 0.1);
}

.support-icon svg {
  width: 27px;
  height: 27px;
}

.support-icon.wx {
  background:
    radial-gradient(circle at 24% 20%, rgba(255, 255, 255, 0.36), transparent 24%),
    linear-gradient(135deg, #09bb72, #07c160);
}

.support-icon.chat {
  background:
    radial-gradient(circle at 26% 20%, rgba(255, 255, 255, 0.42), transparent 24%),
    linear-gradient(135deg, #ef4444, #dc2626);
}

.support-icon.wx svg {
  fill: currentColor;
  stroke: none;
}

.support-icon.wx circle {
  fill: #07c160;
}

.support-icon.qq {
  border: 1px solid rgba(228, 231, 236, 0.92);
  background:
    linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.9));
  color: #111827;
}

.support-icon.qq svg {
  fill: currentColor;
  stroke: none;
}

.support-icon.qq .qq-face {
  fill: none;
  stroke: #fff;
  stroke-width: 1.35;
  stroke-linecap: round;
}

.support-icon.qq .qq-eye {
  fill: none;
  stroke: #fff;
  stroke-width: 1.25;
  stroke-linecap: round;
}

.support-icon.qq .qq-beak {
  fill: #f59e0b;
}

.support-icon.qq .qq-scarf {
  fill: none;
  stroke: #ef4444;
  stroke-width: 1.9;
  stroke-linecap: round;
}

.support-item strong,
.support-item small {
  display: block;
}

.support-divider {
  width: 1px;
  height: 44px;
  background: var(--line);
}

.support-chat-widget {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 60;
  display: grid;
  justify-items: end;
  gap: 14px;
  pointer-events: none;
}

.relaystack-original-home .support-chat-widget,
body.auth-active .support-chat-widget {
  display: none;
}

.chat-launcher,
.chat-panel,
.chat-close,
.chat-compose button {
  pointer-events: auto;
}

.chat-launcher {
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 22%, rgba(255, 255, 255, 0.34), transparent 24%),
    linear-gradient(135deg, #ef3124, #dc2626);
  color: #fff;
  box-shadow:
    0 22px 44px rgba(220, 38, 38, 0.28),
    0 8px 18px rgba(15, 23, 42, 0.14);
}

.chat-launcher svg {
  width: 34px;
  height: 34px;
  fill: #fff;
  stroke: none;
}

.chat-launcher svg path:nth-child(n + 2) {
  stroke: #ef3124;
  stroke-width: 1.6;
  stroke-linecap: round;
}

.chat-panel {
  width: min(380px, calc(100vw - 36px));
  overflow: hidden;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 12px;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.88)),
    radial-gradient(circle at 0% 0%, rgba(20, 184, 166, 0.12), transparent 34%);
  box-shadow: 0 28px 70px rgba(16, 24, 40, 0.18);
  backdrop-filter: blur(18px);
  transform: translateY(12px) scale(0.96);
  transform-origin: right bottom;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 160ms ease;
}

.support-chat-widget.open .chat-panel {
  transform: translateY(0) scale(1);
  opacity: 1;
  pointer-events: auto;
}

.chat-panel-header {
  display: grid;
  grid-template-columns: 44px 1fr 34px;
  align-items: center;
  gap: 12px;
  padding: 15px;
  border-bottom: 1px solid rgba(228, 231, 236, 0.76);
  background:
    radial-gradient(circle at 10% 0%, rgba(239, 68, 68, 0.12), transparent 38%),
    rgba(255, 255, 255, 0.72);
}

.chat-admin-avatar {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  color: #fff;
}

.chat-admin-avatar svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.chat-panel-header strong,
.chat-panel-header small {
  display: block;
}

.chat-panel-header small {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 3px;
  color: var(--muted);
  font-size: 12px;
}

.chat-panel-header small span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.12);
}

.chat-close {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(228, 231, 236, 0.86);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.74);
  color: var(--muted);
}

.chat-close svg {
  width: 17px;
  height: 17px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
}

.chat-messages {
  display: grid;
  gap: 12px;
  max-height: 340px;
  min-height: 280px;
  overflow: auto;
  padding: 16px;
  background:
    linear-gradient(180deg, rgba(248, 250, 252, 0.86), rgba(255, 255, 255, 0.8));
}

.message-row {
  display: flex;
}

.user-message {
  justify-content: flex-end;
}

.message-bubble {
  max-width: 82%;
  padding: 11px 12px;
  border: 1px solid rgba(228, 231, 236, 0.8);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 8px 18px rgba(16, 24, 40, 0.055);
}

.user-message .message-bubble {
  border-color: rgba(20, 184, 166, 0.22);
  background: linear-gradient(135deg, rgba(20, 184, 166, 0.13), rgba(37, 99, 235, 0.1));
}

.message-bubble p {
  margin: 0;
  color: #344054;
  font-size: 13px;
  line-height: 1.6;
}

.message-bubble time {
  display: block;
  margin-top: 6px;
  color: var(--soft);
  font-size: 11px;
}

.chat-compose {
  display: grid;
  grid-template-columns: 1fr 42px;
  gap: 10px;
  padding: 14px;
  border-top: 1px solid rgba(228, 231, 236, 0.76);
  background: rgba(255, 255, 255, 0.86);
}

.chat-compose input {
  min-width: 0;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 8px;
  padding: 0 12px;
  outline: 0;
  background: #fff;
}

.chat-compose button {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 8px;
  background: #111827;
  color: #fff;
}

.chat-compose button svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.quick-links-stack {
  display: grid;
  gap: 10px;
}

.quick-links-stack button {
  width: 100%;
  display: grid;
  grid-template-columns: 42px 1fr auto;
  align-items: center;
  gap: 12px;
  min-height: 78px;
  padding: 12px;
  text-align: left;
}

.quick-links-stack button > span {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(20, 184, 166, 0.13);
  border-radius: 12px;
  background:
    radial-gradient(circle at 28% 22%, rgba(255, 255, 255, 0.88), transparent 35%),
    linear-gradient(135deg, rgba(20, 184, 166, 0.18), rgba(37, 99, 235, 0.13));
  color: var(--blue);
  font-weight: 900;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

.quick-links-stack strong,
.quick-links-stack small {
  display: block;
}

.quick-links-stack strong {
  margin-bottom: 4px;
}

.quick-links-stack i {
  color: var(--soft);
  font-style: normal;
  font-weight: 900;
}

.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 14px;
}

.metric-card,
.panel,
.status-card,
.account-card {
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
}

.metric-card {
  position: relative;
  overflow: hidden;
  padding: 17px;
}

.metric-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: var(--accent);
}

.accent-teal {
  --accent: var(--teal);
}

.accent-blue {
  --accent: var(--blue);
}

.accent-amber {
  --accent: var(--amber);
}

.accent-rose {
  --accent: var(--rose);
}

.metric-card span,
.metric-card small {
  display: block;
  font-size: 13px;
}

.metric-card strong {
  display: block;
  margin: 10px 0 8px;
  font-size: 28px;
  letter-spacing: 0;
}

.content-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.55fr);
  gap: 14px;
}

.content-grid.bottom {
  grid-template-columns: minmax(300px, 0.55fr) minmax(0, 1.45fr);
  margin-top: 14px;
}

.panel {
  padding: 18px;
}

.panel.full {
  min-height: 580px;
}

.panel-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

.panel-header.compact {
  margin-bottom: 13px;
}

.panel h2 {
  margin-bottom: 5px;
  font-size: 17px;
  line-height: 1.3;
}

.panel p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.5;
}

.segmented {
  display: flex;
  padding: 3px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.segmented button {
  height: 28px;
  min-width: 45px;
  border: 0;
  background: transparent;
  color: var(--muted);
}

.segmented button.active {
  background: var(--surface);
  color: var(--text);
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
}

.chart-shell {
  position: relative;
  min-height: 310px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.08), transparent 58%),
    #fcfcfd;
}

.dark .chart-shell,
.dark .channel-row,
.dark .bar-chart,
.dark .risk-feed div {
  background:
    linear-gradient(180deg, rgba(20, 184, 166, 0.06), transparent 58%),
    var(--surface-2);
}

.chart-grid {
  position: absolute;
  inset: 18px 18px 50px;
  background-image:
    linear-gradient(var(--line) 1px, transparent 1px),
    linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 100% 52px, 76px 100%;
  opacity: 0.74;
}

.line-chart {
  position: absolute;
  inset: 24px 22px 52px;
  width: calc(100% - 44px);
  height: calc(100% - 76px);
}

.line {
  fill: none;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.line-main {
  stroke: var(--teal);
}

.line-alt {
  stroke: var(--blue);
  opacity: 0.88;
}

.line-warn {
  stroke: var(--amber);
  opacity: 0.78;
}

.chart-legend {
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 16px;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  color: var(--muted);
  font-size: 12px;
}

.legend-dot,
.status {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.legend-dot {
  margin-right: 6px;
}

.teal,
.status.ok,
.node.ok {
  background: var(--green);
}

.blue {
  background: var(--blue);
}

.amber,
.status.warn,
.node.warn {
  background: var(--amber);
}

.status.danger,
.node.danger {
  background: var(--rose);
}

.health-ring {
  display: grid;
  grid-template-columns: 132px 1fr;
  gap: 16px;
  align-items: center;
  margin: 12px 0 18px;
}

.ring {
  width: 132px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, var(--surface) 58%, transparent 59%),
    conic-gradient(var(--green) 0 72%, var(--amber) 72% 88%, var(--rose) 88% 100%);
}

.ring span {
  font-size: 25px;
  font-weight: 800;
}

.health-list {
  display: grid;
  gap: 9px;
  color: #344054;
  font-size: 13px;
}

.health-list .status {
  margin-right: 8px;
}

.node-map {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
}

.node {
  aspect-ratio: 1;
  border-radius: 6px;
  opacity: 0.9;
}

.channel-list,
.risk-feed {
  display: grid;
  gap: 10px;
}

.channel-row {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  gap: 11px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fcfcfd;
}

.provider-badge {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  font-size: 12px;
  font-weight: 800;
}

.openai {
  background: #0f766e;
}

.anthropic {
  background: #475569;
}

.google {
  background: #2563eb;
}

.channel-row strong,
.channel-row small {
  display: block;
}

.channel-row small {
  margin-top: 3px;
  font-size: 12px;
}

.pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  white-space: nowrap;
}

.pill.success {
  background: #dcfce7;
  color: #166534;
}

.dark .pill.success {
  background: rgba(22, 163, 74, 0.18);
  color: #86efac;
}

.pill.warning {
  background: #fef3c7;
  color: #92400e;
}

.dark .pill.warning {
  background: rgba(245, 158, 11, 0.18);
  color: #fcd34d;
}

.pill.danger {
  background: #ffe4e6;
  color: #be123c;
}

.dark .pill.danger {
  background: rgba(225, 29, 72, 0.18);
  color: #fda4af;
}

.pill.muted {
  background: #eef2ff;
  color: #4338ca;
}

.dark .pill.muted {
  background: rgba(99, 102, 241, 0.2);
  color: #c4b5fd;
}

.event-table,
.data-table {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.table-head,
.table-row {
  display: grid;
  align-items: center;
  column-gap: 12px;
  padding: 12px 14px;
}

.event-table .table-head,
.event-table .table-row {
  grid-template-columns: 0.7fr 1.2fr 1fr auto;
}

.key-table .table-head,
.key-table .table-row {
  grid-template-columns: 1.25fr 1fr 1fr 1fr 0.6fr 0.8fr;
}

.table-head {
  background: var(--surface-2);
  color: var(--muted);
  font-size: 12px;
  font-weight: 700;
}

.table-row {
  min-height: 54px;
  border-top: 1px solid var(--line);
  font-size: 13px;
}

.table-row strong {
  color: #1d2939;
}

.dark .table-row strong {
  color: #eef2f7;
}

.toolbar {
  display: flex;
  gap: 9px;
  margin-bottom: 14px;
}

.toolbar input,
.toolbar button {
  height: 38px;
  padding: 0 12px;
}

.toolbar input {
  max-width: 360px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface);
}

.bar-chart {
  height: 320px;
  display: flex;
  align-items: end;
  gap: 12px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(var(--line) 1px, transparent 1px) 0 0 / 100% 64px,
    #fcfcfd;
}

.bar-chart span {
  flex: 1;
  min-width: 18px;
  border-radius: 6px 6px 0 0;
  background: linear-gradient(180deg, var(--blue), var(--teal));
}

.donut-list {
  display: grid;
  gap: 12px;
  padding-top: 4px;
}

.donut-list div {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line);
}

.donut-list i {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.status-board {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.status-card {
  padding: 16px;
}

.status-card div:first-child {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 8px;
}

.spark-row {
  height: 46px;
  margin-top: 16px;
  border-radius: 8px;
  background-size: 18px 100%;
}

.spark-row.good {
  background-image: linear-gradient(90deg, rgba(22, 163, 74, 0.18) 12px, transparent 12px);
}

.spark-row.warn {
  background-image: linear-gradient(90deg, rgba(245, 158, 11, 0.24) 12px, transparent 12px);
}

.spark-row.bad {
  background-image: linear-gradient(90deg, rgba(225, 29, 72, 0.22) 12px, transparent 12px);
}

.account-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.account-card {
  padding: 16px;
}

.account-card h3 {
  margin: 14px 0 8px;
  font-size: 17px;
}

.account-card p {
  margin-bottom: 16px;
}

.invoice-strip {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.invoice-strip div {
  padding: 18px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--surface-2);
}

.invoice-strip span,
.invoice-strip strong {
  display: block;
}

.invoice-strip strong {
  margin-top: 10px;
  font-size: 26px;
}

.risk-feed div {
  position: relative;
  padding: 16px 16px 16px 38px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fcfcfd;
}

.risk-feed .status {
  position: absolute;
  top: 22px;
  left: 17px;
}

.risk-feed strong {
  display: block;
  margin-bottom: 6px;
}

.risk-feed p {
  margin: 0;
}

@media (max-width: 1120px) {
  .home-nav {
    padding: 0 24px;
  }

  .home-links {
    display: none;
  }

  .home-hero {
    grid-template-columns: 1fr;
    min-height: auto;
    padding-top: 44px;
  }

  .home-console {
    max-width: 720px;
  }

  .pricing-band {
    grid-template-columns: 1fr;
  }

  .compare-head,
  .compare-row {
    grid-template-columns: 128px minmax(0, 1fr) 48px minmax(0, 1fr);
  }

  .compare-side {
    font-size: 20px;
  }

  .compare-cell {
    padding: 16px;
  }

  .auth-screen {
    grid-template-columns: 1fr;
  }

  .auth-showcase {
    min-height: auto;
    padding: 34px 34px 20px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .showcase-copy h1 {
    font-size: 36px;
  }

  .auth-panel {
    min-height: auto;
  }

  .metric-grid,
  .status-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-shell {
    grid-template-columns: 280px minmax(0, 1fr);
  }

  .admin-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-card-grid,
  .admin-metric-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-chart-grid {
    grid-template-columns: 1fr;
  }

  .user-stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .user-dashboard-layout {
    grid-template-columns: 1fr;
  }

  .content-grid,
  .content-grid.bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 820px) {
  .home-main {
    width: min(100% - 32px, 1180px);
  }

  .home-nav {
    min-height: auto;
    flex-wrap: wrap;
    padding: 14px 16px;
  }

  .home-actions {
    width: 100%;
  }

  .home-actions .ghost-button,
  .home-actions .primary-button {
    flex: 1;
  }

  .home-hero h1 {
    font-size: 38px;
  }

  .home-lead {
    font-size: 15px;
  }

  .model-pills {
    justify-content: flex-start;
    gap: 10px;
    padding: 12px;
  }

  .model-pills span {
    min-height: 46px;
    padding: 0 15px;
    font-size: 14px;
  }

  .model-pills i {
    width: 19px;
    height: 19px;
    font-size: 16px;
  }

  .status-band {
    grid-template-columns: 1fr;
  }

  .compare-head {
    display: none;
  }

  .compare-row {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 14px;
    gap: 10px;
  }

  .compare-topic {
    border: 0;
    border-radius: 8px;
    padding: 12px;
  }

  .compare-cell {
    border: 1px solid var(--line);
    border-radius: 8px;
  }

  .compare-row .compare-vs {
    width: 34px;
    height: 34px;
  }


  .pricing-preview-table > div {
    grid-template-columns: minmax(130px, 1fr) auto auto;
    gap: 10px;
    padding: 0 14px;
  }

  .pricing-table-title {
    padding: 0 18px;
  }

  .pricing-table > div {
    min-width: 840px;
    padding: 0 18px;
  }

  .auth-showcase {
    padding: 24px 16px 18px;
  }

  .showcase-copy {
    margin-top: 18px;
  }

  .showcase-copy h1 {
    font-size: 30px;
  }

  .showcase-benefits {
    gap: 10px;
  }

  .benefit-card {
    min-height: auto;
    grid-template-columns: 46px minmax(0, 1fr);
    padding: 14px;
  }

  .benefit-icon {
    width: 40px;
    height: 40px;
  }

  .benefit-card h2 {
    font-size: 18px;
  }

  .benefit-card p {
    font-size: 13px;
  }

  .auth-panel {
    padding: 18px 16px 28px;
  }

  .auth-card {
    padding: 20px;
    width: min(100%, 390px);
  }

  .auth-tabs {
    grid-template-columns: repeat(2, 1fr);
  }

  .app-shell {
    grid-template-columns: 1fr;
  }

  .admin-shell {
    grid-template-columns: 1fr;
  }

  .admin-sidebar {
    position: relative;
    height: auto;
  }

  .admin-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .admin-account-tools {
    display: none;
  }

  .admin-topbar {
    align-items: flex-start;
    flex-direction: column;
    padding: 18px;
  }

  .admin-topbar-actions {
    width: 100%;
    flex-wrap: wrap;
  }

  .admin-content {
    padding: 22px 16px 36px;
  }

  .admin-filter-bar {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-page-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .admin-support-console {
    grid-template-columns: 1fr;
  }

  .model-distribution {
    grid-template-columns: 1fr;
  }

  .admin-donut {
    width: min(240px, 76vw);
    margin: 0 auto;
  }

  .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    z-index: 10;
    width: 264px;
    transform: translateX(-100%);
    transition: transform 160ms ease;
  }

  .sidebar.open {
    transform: translateX(0);
    box-shadow: var(--shadow);
  }

  .workspace {
    padding: 14px 16px 30px;
  }

  .mobile-menu {
    display: block;
  }

  .topbar {
    flex-wrap: wrap;
  }

  .search-box {
    order: 3;
    max-width: none;
    flex-basis: 100%;
  }

  .page-hero {
    align-items: flex-start;
    flex-direction: column;
    margin-top: 24px;
  }

  .welcome-glass {
    align-items: flex-start;
    flex-direction: column;
    padding: 22px;
  }

  .welcome-actions {
    justify-content: flex-start;
  }

  .privilege-grid,
  .support-card {
    grid-template-columns: 1fr;
  }

  .support-divider {
    width: 100%;
    height: 1px;
  }

  h1 {
    font-size: 31px;
  }

  .metric-grid,
  .account-grid,
  .invoice-strip,
  .status-board,
  .user-stats-grid {
    grid-template-columns: 1fr;
  }

  .panel {
    padding: 15px;
  }

  .table-head {
    display: none;
  }

  .event-table .table-row,
  .key-table .table-row {
    grid-template-columns: 1fr;
    gap: 6px;
    align-items: start;
  }

  .toolbar {
    flex-wrap: wrap;
  }

  .toolbar input {
    max-width: none;
    flex-basis: 100%;
  }
}

@media (max-width: 520px) {
  .home-brand small {
    display: none;
  }

  .home-hero h1 {
    font-size: 32px;
  }

  .model-pills {
    margin-top: 24px;
  }

  .home-cta {
    flex-direction: column;
  }

  .home-cta .primary-button,
  .home-cta .secondary-button {
    width: 100%;
  }

  .pricing-preview-header {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    padding: 12px 14px;
  }

  .pricing-table-title {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 72px;
    padding: 12px 14px;
  }

  .pricing-table > div {
    min-width: 820px;
    padding: 0 14px;
  }

  .pricing-note {
    padding: 14px;
  }

  .pricing-preview-table > div {
    grid-template-columns: 1fr;
    align-items: start;
    gap: 5px;
    padding: 12px 14px;
  }

  .pricing-preview-head {
    display: none !important;
  }

  .auth-card-header h2 {
    font-size: 24px;
  }

  .welcome-copy h1 {
    font-size: 27px;
  }

  .glass-feature-card,
  .user-stat-card {
    align-items: flex-start;
    flex-direction: column;
  }

  .redeem-line {
    grid-template-columns: 1fr;
  }

  .code-field {
    grid-template-columns: 1fr;
  }

  .auth-footer {
    flex-wrap: wrap;
  }

  .topbar-actions {
    width: 100%;
    margin-left: 0;
  }

  .ghost-button {
    flex: 1;
  }

  .avatar-button strong {
    display: none;
  }

  .metric-card strong {
    font-size: 24px;
  }

  .admin-brand {
    padding: 14px 16px;
  }

  .admin-nav {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .admin-stat-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .admin-card-grid,
  .admin-metric-row,
  .admin-settings-grid {
    grid-template-columns: 1fr;
  }

  .admin-toolbar input {
    min-width: 100%;
  }

  .admin-stat-card {
    min-height: 88px;
  }

  .admin-chart-grid {
    gap: 14px;
  }

  .admin-model-table,
  .admin-recent-table {
    overflow-x: auto;
  }

  .admin-model-table > div {
    min-width: 430px;
  }

  .admin-recent-table > div {
    min-width: 720px;
  }

  .health-ring {
    grid-template-columns: 1fr;
  }

  .ring {
    width: 118px;
  }
}

/* Runtime host adaptations for Sub2API home_content. */
.relaystack-original-home { min-height: 100vh; color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
.relaystack-original-home a.primary-button, .relaystack-original-home a.secondary-button, .relaystack-original-home a.ghost-button { text-decoration: none; }
.relaystack-original-home .home-screen { display: block; }
.relaystack-original-home .home-actions a, .relaystack-original-home .home-cta a { display: inline-flex; align-items: center; justify-content: center; }


/* Rsta Al sidebar final end override 202605141958 */
body:has(.sidebar a[href="/dashboard"]) .sidebar{width:264px!important;min-width:264px!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-nav{width:100%!important;max-width:none!important;align-self:stretch!important;justify-items:stretch!important;padding:34px 0 20px!important;gap:7px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-nav>*{width:100%!important;max-width:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link{width:100%!important;max-width:none!important;min-height:44px!important;height:44px!important;margin:0!important;padding:0 12px!important;gap:12px!important;border-radius:8px!important;font-size:15px!important;font-weight:750!important;line-height:1!important;justify-content:flex-start!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link>svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon{width:28px!important;height:28px!important;min-width:28px!important;padding:6px!important;border-radius:8px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-link-active,body:has(.sidebar a[href="/dashboard"]) .router-link-active.sidebar-link,body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"]{background:linear-gradient(135deg,#111827,#1f2937)!important;color:#fff!important;box-shadow:0 14px 32px rgba(15,23,42,.18)!important}

/* Rsta Al hero action true-end override 202605142040 */
body:has(.sidebar a[href="/dashboard"]) .relay-user-hero{grid-template-columns:minmax(0,1fr) 310px!important;align-items:stretch!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side{align-self:stretch!important;display:flex!important;flex-direction:column!important;justify-content:flex-end!important;align-items:flex-end!important;padding:0 0 34px!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-orb{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:12px!important;margin:0!important}
body:has(.sidebar a[href="/dashboard"]) .relay-user-action{min-height:42px!important;padding:0 18px!important;border-radius:8px!important}
@media (max-width:1023px){body:has(.sidebar a[href="/dashboard"]) .relay-user-hero{grid-template-columns:1fr!important}body:has(.sidebar a[href="/dashboard"]) .relay-user-hero-side{align-items:flex-start!important;padding:18px 0 0!important}}

/* Rsta Al user brand absolute-last override 202605142158 */
body:has(.sidebar a[href="/dashboard"]) .sidebar-header{min-height:116px!important;padding:26px 12px 18px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand{display:block!important;flex:1 1 auto!important;min-width:0!important;max-width:150px!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title{display:block!important;width:auto!important;min-width:118px!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important;white-space:nowrap!important;font-size:18px!important;line-height:1.08!important}
body:has(.sidebar a[href="/dashboard"]) .relay-sidebar-subtitle{display:block!important;margin-top:4px!important;color:#667085!important;font-size:12px!important;font-weight:700!important;line-height:1.15!important;white-space:nowrap!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title+.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand>.text-xs,body:has(.sidebar a[href="/dashboard"]) .sidebar-brand span.text-xs{display:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:50px!important;height:50px!important;min-width:50px!important;max-width:50px!important;min-height:50px!important;max-height:50px!important;flex:0 0 50px!important;aspect-ratio:1/1!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important;transform:none!important}

/* Rsta Al logo reference proportion and user nav no-flash final EOF 20260514 */
body:has(.sidebar a[href="/dashboard"]) header.glass>div>div:first-child>div:last-child{visibility:hidden!important;pointer-events:none!important}
body:has(.sidebar a[href="/dashboard"]) .relay-native-route-title-hidden{visibility:hidden!important;pointer-events:none!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo{width:54px!important;height:54px!important;min-width:54px!important;max-width:54px!important;min-height:54px!important;max-height:54px!important;flex:0 0 54px!important;aspect-ratio:1/1!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important;padding:0!important}
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg,body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img{display:block!important;width:54px!important;height:54px!important;max-width:54px!important;max-height:54px!important;object-fit:contain!important;border-radius:0!important;box-shadow:none!important;transform:none!important}

/* Rsta Al user route cover final EOF 20260514 */
html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.p-4,html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.relay-main{position:relative!important}
html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.p-4::after,html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.relay-main::after{content:""!important;position:fixed!important;z-index:60!important;inset:74px 0 0 264px!important;pointer-events:none!important;background:linear-gradient(135deg,rgba(20,184,166,.10),rgba(37,99,235,.04)),#f8fafc!important;opacity:1!important}
html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.p-4::before,html.relay-user-route-covering body:has(.sidebar a[href="/dashboard"]) main.relay-main::before{visibility:hidden!important}
/* Rsta Al home boot guard: prevent the bundled Sub2API home from painting
   during the short SPA handoff before configured home_content is mounted. */
.relay-home-page {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Rsta Al mobile shell final override 20260518 */
.home-entry {
  font-size: 13px;
  opacity: .92;
}

.auth-card.is-secondary .home-entry {
  display: none;
}

@media (max-width: 820px) {
  html,
  body,
  #app {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.auth-active,
  .relaystack-login-page,
  .auth-screen {
    min-height: 100dvh !important;
    overflow-x: hidden !important;
  }

  .auth-screen {
    display: block !important;
    grid-template-columns: 1fr !important;
    align-items: start !important;
    gap: 16px !important;
    padding: 16px 14px 28px !important;
  }

  .auth-showcase {
    min-height: 0 !important;
    padding: 0 !important;
    border-right: 0 !important;
  }

  .auth-brand {
    min-height: 48px !important;
  }

  .auth-brand-card {
    width: 48px !important;
    height: 48px !important;
  }

  .showcase-copy {
    margin-top: 18px !important;
  }

  .showcase-copy h1 {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
    font-size: clamp(25px, 7.4vw, 34px) !important;
    line-height: 1.16 !important;
  }

  .showcase-benefits {
    display: none !important;
  }

  .auth-panel {
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }

  .auth-card {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 auto !important;
    padding: 18px !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  .auth-tabs {
    grid-template-columns: 1fr 1fr !important;
    min-height: 52px !important;
  }

  .input-field {
    width: 100% !important;
    min-width: 0 !important;
  }

  .auth-footer {
    gap: 10px !important;
  }

  .auth-inline-actions {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 8px !important;
    min-width: 0 !important;
  }

  .relaystack-original-home,
  .home-screen {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  .relaystack-original-home .home-nav,
  .home-nav {
    align-items: flex-start !important;
    flex-wrap: wrap !important;
    gap: 12px !important;
    padding: 14px 16px !important;
  }

  .relaystack-original-home .home-actions,
  .home-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .relaystack-original-home .home-hero,
  .home-hero {
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    padding: 28px 16px 24px !important;
  }

  .relaystack-original-home .home-hero h1,
  .home-hero h1 {
    max-width: 100% !important;
    font-size: clamp(32px, 10vw, 46px) !important;
    line-height: 1.08 !important;
  }

  .model-pills {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 10px !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 6px !important;
  }

  .model-pill {
    flex: 0 0 auto !important;
  }

  .pricing-preview-table,
  .pricing-table,
  .relay-pricing-preview-table,
  .relay-pricing-table {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pricing-table > div,
  .relay-pricing-table > div {
    min-width: 720px !important;
  }

  .pricing-preview-table > div,
  .relay-pricing-preview-table > div {
    min-width: 520px !important;
  }

  body:has(.sidebar) #app > .min-h-screen,
  .relay-app-shell.relay-admin-shell {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  body:has(.sidebar) #app > .min-h-screen > .sidebar,
  body:has(.sidebar) #app > .min-h-screen > aside.sidebar,
  .relay-app-shell.relay-admin-shell .sidebar {
    position: sticky !important;
    top: 0 !important;
    left: auto !important;
    z-index: 70 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: 10px 12px 12px !important;
    border-right: 0 !important;
    border-bottom: 1px solid var(--orbit-line, #e4e7ec) !important;
    background: rgba(255, 255, 255, .94) !important;
    overflow: hidden !important;
    backdrop-filter: blur(18px) !important;
  }

  body:has(.sidebar) .sidebar-header {
    display: flex !important;
    align-items: center !important;
    min-height: 0 !important;
    padding: 0 2px 10px !important;
    border-bottom: 0 !important;
  }

  body:has(.sidebar) .sidebar-brand {
    display: block !important;
    max-width: none !important;
    min-width: 0 !important;
  }

  body:has(.sidebar) .sidebar-brand-title {
    min-width: 0 !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 16px !important;
  }

  body:has(.sidebar) .relay-sidebar-subtitle,
  body:has(.sidebar) .sidebar-brand .text-xs,
  body:has(.sidebar) .sidebar-brand span.text-xs {
    display: none !important;
  }

  body:has(.sidebar) .sidebar-logo {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    flex: 0 0 42px !important;
  }

  body:has(.sidebar) .sidebar-logo svg,
  body:has(.sidebar) .sidebar-logo img {
    width: 42px !important;
    height: 42px !important;
    max-width: 42px !important;
    max-height: 42px !important;
    object-fit: contain !important;
  }

  body:has(.sidebar) .sidebar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:has(.sidebar) .sidebar-section,
  body:has(.sidebar) .sidebar-nav > * {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    gap: 8px !important;
    width: auto !important;
    min-width: max-content !important;
  }

  body:has(.sidebar) .sidebar-link {
    flex: 0 0 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 48px !important;
    min-height: 40px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 11px !important;
    gap: 7px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body:has(.sidebar) .sidebar-link > svg,
  body:has(.sidebar) .sidebar-svg-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    padding: 5px !important;
  }

  body:has(.sidebar) #app > .min-h-screen > .relative.min-h-screen,
  body:has(.sidebar) #app > .min-h-screen > div.relative,
  .relay-app-shell.relay-admin-shell > .relative,
  .relay-app-shell.relay-admin-shell > div.relative,
  .relay-app-shell.relay-admin-shell > div[class*="transition-all"],
  .relay-app-shell.relay-admin-shell > .lg\:ml-64,
  .relay-app-shell.relay-admin-shell > div[class*="lg:ml-64"] {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    transform: none !important;
  }

  body:has(.sidebar) header.glass,
  .relay-app-shell.relay-admin-shell header.glass {
    position: relative !important;
    top: auto !important;
    min-height: 66px !important;
    padding: 10px 12px !important;
  }

  body:has(.sidebar) header.glass > div,
  .relay-app-shell.relay-admin-shell header.glass > div {
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  body:has(.sidebar) main.p-4,
  body:has(.sidebar) main.relay-main,
  .relay-app-shell.relay-admin-shell main.relay-main,
  .relay-app-shell.relay-admin-shell .relay-main {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 16px 12px 28px !important;
    overflow-x: hidden !important;
  }

  .relay-user-hero {
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
    gap: 18px !important;
    padding: 24px 18px !important;
  }

  .relay-user-hero h2 {
    font-size: clamp(24px, 8vw, 32px) !important;
  }

  body:has(.sidebar) .relay-user-hero-side {
    align-items: flex-start !important;
    padding: 0 !important;
  }

  .relay-user-actions {
    width: 100% !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }

  .relay-user-action {
    flex: 1 1 138px !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  .relay-support-panel {
    right: 12px !important;
    bottom: 84px !important;
    left: 12px !important;
    width: auto !important;
    max-width: none !important;
  }

  .relay-support-trigger {
    right: 12px !important;
    bottom: 16px !important;
  }

  .relay-admin-runtime,
  .relay-admin-pricing,
  .relay-admin-support {
    max-width: 100% !important;
    padding: 16px 12px 28px !important;
  }

  .relay-admin-runtime-head,
  .relay-admin-pricing-head,
  .relay-admin-support-head {
    align-items: flex-start !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  .relay-admin-grid,
  .relay-price-row,
  .relay-price-row.preview,
  .relay-admin-support-grid {
    grid-template-columns: 1fr !important;
  }

  .relay-chat-panel {
    min-height: 520px !important;
  }
}

@media (max-width: 520px) {
  .auth-card {
    padding: 16px !important;
  }

  .auth-card-header h2 {
    font-size: 25px !important;
  }

  .auth-tabs {
    min-height: 48px !important;
  }

  .home-cta,
  .welcome-actions {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .home-cta .primary-button,
  .home-cta .secondary-button,
  .welcome-actions .primary-button,
  .welcome-actions .secondary-button {
    width: 100% !important;
  }

  body:has(.sidebar) .sidebar-link {
    font-size: 0 !important;
    padding: 0 9px !important;
  }

  body:has(.sidebar) .sidebar-link > span,
  body:has(.sidebar) .sidebar-link .truncate {
    font-size: 13px !important;
  }
}

/* Rsta Al mobile home fit 20260518 */
@media (max-width: 820px) {
  html,
  body,
  #app,
  .relaystack-original-home,
  .relaystack-original-home .home-screen {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .relaystack-original-home *,
  .relaystack-original-home *::before,
  .relaystack-original-home *::after {
    box-sizing: border-box !important;
    max-width: 100%;
  }

  .relaystack-original-home .home-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    padding: 14px 14px !important;
  }

  .relaystack-original-home .home-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: 10px !important;
  }

  .relaystack-original-home .home-brand img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    border-radius: 12px !important;
  }

  .relaystack-original-home .home-brand span {
    display: grid !important;
    min-width: 0 !important;
    gap: 2px !important;
  }

  .relaystack-original-home .home-brand strong {
    overflow: hidden !important;
    font-size: 18px !important;
    line-height: 1.08 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .home-brand small {
    display: block !important;
    overflow: hidden !important;
    font-size: 11px !important;
    line-height: 1.15 !important;
    color: #64748b !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .home-links {
    display: none !important;
  }

  .relaystack-original-home .home-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .relaystack-original-home .home-actions .ghost-button,
  .relaystack-original-home .home-actions .primary-button {
    width: auto !important;
    min-width: 72px !important;
    min-height: 38px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .home-main {
    width: 100% !important;
    max-width: 100vw !important;
    padding: 0 14px 28px !important;
    overflow-x: hidden !important;
  }

  .relaystack-original-home .home-hero {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    margin: 0 -14px !important;
    padding: 28px 20px 26px !important;
    border-radius: 0 !important;
    gap: 20px !important;
    overflow: hidden !important;
  }

  .relaystack-original-home .home-kicker {
    font-size: 13px !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
  }

  .relaystack-original-home .home-hero h1 {
    max-width: 100% !important;
    font-size: clamp(31px, 8.6vw, 42px) !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    overflow-wrap: break-word !important;
  }

  .relaystack-original-home .home-lead {
    max-width: 100% !important;
    font-size: 16px !important;
    line-height: 1.78 !important;
  }

  .relaystack-original-home .home-cta {
    width: 100% !important;
    align-items: stretch !important;
  }

  .relaystack-original-home .home-cta .primary-button,
  .relaystack-original-home .home-cta .secondary-button {
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 18px !important;
    font-size: 18px !important;
    border-radius: 10px !important;
  }

  .relaystack-original-home .model-pills {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    width: 100% !important;
    padding: 12px !important;
    gap: 10px !important;
    overflow: visible !important;
  }

  .relaystack-original-home .model-pills span {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    gap: 8px !important;
    justify-content: center !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .model-pills i {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    flex: 0 0 24px !important;
    font-size: 13px !important;
  }

  .relaystack-original-home .home-section,
  .relaystack-original-home .pricing-preview,
  .relaystack-original-home .pricing-table-card,
  .relaystack-original-home .compare-table {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    overflow: hidden !important;
    border-radius: 8px !important;
  }

  .relaystack-original-home .pricing-preview-header,
  .relaystack-original-home .pricing-table-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 18px !important;
    gap: 10px !important;
  }

  .relaystack-original-home .pricing-preview-header strong,
  .relaystack-original-home .pricing-table-title strong {
    font-size: 22px !important;
    line-height: 1.2 !important;
  }

  .relaystack-original-home .pricing-preview-header > span,
  .relaystack-original-home .pricing-table-title span {
    width: fit-content !important;
    max-width: 100% !important;
    padding: 8px 12px !important;
    font-size: 14px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
  }

  .relaystack-original-home .pricing-preview-table,
  .relaystack-original-home .pricing-table,
  .relaystack-original-home .relay-pricing-preview-table,
  .relaystack-original-home .relay-pricing-table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
  }

  .relaystack-original-home .pricing-preview-head,
  .relaystack-original-home .pricing-table-head {
    display: none !important;
  }

  .relaystack-original-home .pricing-preview-table > div,
  .relaystack-original-home .pricing-table > div,
  .relaystack-original-home .relay-pricing-preview-table > div,
  .relaystack-original-home .relay-pricing-table > div {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 18px !important;
    gap: 10px !important;
  }

  .relaystack-original-home .pricing-preview-table strong,
  .relaystack-original-home .pricing-table strong {
    min-width: 0 !important;
    font-size: 20px !important;
    line-height: 1.25 !important;
    overflow-wrap: anywhere !important;
  }

  .relaystack-original-home .pricing-preview-table span,
  .relaystack-original-home .pricing-table span {
    width: max-content !important;
    max-width: 100% !important;
    padding: 7px 13px !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .compare-head,
  .relaystack-original-home .compare-row {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
    gap: 10px !important;
    padding: 16px !important;
  }

  .relaystack-original-home .compare-vs {
    display: none !important;
  }

  .relaystack-original-home .compare-cell {
    min-width: 0 !important;
    width: 100% !important;
  }
}

@media (max-width: 520px) {
  .relaystack-original-home .home-nav {
    padding: 12px 12px !important;
  }

  .relaystack-original-home .home-brand img {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
  }

  .relaystack-original-home .home-brand strong {
    font-size: 17px !important;
  }

  .relaystack-original-home .home-actions .ghost-button,
  .relaystack-original-home .home-actions .primary-button {
    min-width: 66px !important;
    min-height: 36px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  .relaystack-original-home .home-main {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .relaystack-original-home .home-hero {
    margin-left: -12px !important;
    margin-right: -12px !important;
    padding: 24px 18px 24px !important;
  }

  .relaystack-original-home .home-hero h1 {
    font-size: clamp(29px, 8.2vw, 36px) !important;
  }

  .relaystack-original-home .home-lead {
    font-size: 15px !important;
    line-height: 1.72 !important;
  }

  .relaystack-original-home .model-pills {
    gap: 8px !important;
    padding: 10px !important;
  }

  .relaystack-original-home .model-pills span {
    min-height: 40px !important;
    padding: 0 8px !important;
    gap: 6px !important;
    font-size: 12px !important;
  }

  .relaystack-original-home .model-pills i {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    flex-basis: 20px !important;
    font-size: 12px !important;
  }

  .relaystack-original-home .pricing-preview-table strong,
  .relaystack-original-home .pricing-table strong {
    font-size: 18px !important;
  }

  .relaystack-original-home .pricing-preview-table span,
  .relaystack-original-home .pricing-table span {
    font-size: 18px !important;
  }
}

/* Rsta Al mobile overflow lock 20260518 */
@media (max-width: 820px) {
  body.home-active,
  body:has(.relaystack-original-home) {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  .relaystack-original-home,
  .relaystack-original-home .home-screen,
  .relaystack-original-home .home-main,
  .relaystack-original-home .home-hero,
  .relaystack-original-home .home-hero > *,
  .relaystack-original-home .home-hero div,
  .relaystack-original-home .home-section,
  .relaystack-original-home .pricing-preview,
  .relaystack-original-home .pricing-preview-table,
  .relaystack-original-home .pricing-table-card,
  .relaystack-original-home .pricing-table,
  .relaystack-original-home .compare-table {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .relaystack-original-home .home-nav {
    max-width: 100vw !important;
    overflow: hidden !important;
  }

  .relaystack-original-home .home-brand {
    max-width: calc(100% - 82px) !important;
  }

  .relaystack-original-home .home-actions {
    max-width: 78px !important;
  }

  .relaystack-original-home .home-actions .ghost-button,
  .relaystack-original-home .home-actions .primary-button {
    max-width: 78px !important;
  }

  .relaystack-original-home .home-hero h1,
  .relaystack-original-home .home-hero p,
  .relaystack-original-home .home-lead,
  .relaystack-original-home .home-kicker {
    white-space: normal !important;
    word-break: break-word !important;
    overflow-wrap: anywhere !important;
  }

  .relaystack-original-home .home-hero h1 {
    width: 100% !important;
    font-size: clamp(28px, 7.6vw, 36px) !important;
  }

  .relaystack-original-home .home-cta .primary-button,
  .relaystack-original-home .home-cta .secondary-button,
  .relaystack-original-home .model-pills,
  .relaystack-original-home .model-pills span {
    max-width: 100% !important;
  }

  .relaystack-original-home .pricing-preview-head,
  .relaystack-original-home .pricing-table-head,
  .relaystack-original-home .pricing-preview-table > .pricing-preview-head,
  .relaystack-original-home .pricing-table > .pricing-table-head,
  .relaystack-original-home .relay-pricing-preview-head,
  .relaystack-original-home .relay-pricing-table-head {
    display: none !important;
  }

  .relaystack-original-home .pricing-preview-table > div,
  .relaystack-original-home .pricing-table > div {
    overflow: hidden !important;
  }
}

@media (max-width: 520px) {
  .relaystack-original-home .home-hero h1 {
    font-size: clamp(27px, 7.2vw, 32px) !important;
  }

  .relaystack-original-home .home-kicker {
    font-size: 12px !important;
  }

  .relaystack-original-home .home-lead {
    font-size: 14px !important;
  }
}

/* Rsta Al mobile pricing cards 20260518 */
@media (max-width: 820px) {
  .relaystack-original-home .pricing-preview,
  .relaystack-original-home .pricing-table-card {
    background: rgba(255, 255, 255, 0.78) !important;
  }

  .relaystack-original-home .pricing-preview-header,
  .relaystack-original-home .pricing-table-title {
    padding: 18px 16px 16px !important;
  }

  .relaystack-original-home .pricing-preview-table,
  .relaystack-original-home .pricing-table {
    padding: 0 !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head),
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 10px !important;
    padding: 16px !important;
    border-top: 1px solid rgba(15, 23, 42, 0.08) !important;
    background: rgba(255, 255, 255, 0.7) !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) strong,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) strong {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    margin: 0 0 2px !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 9px 12px !important;
    border-radius: 8px !important;
    font-size: 20px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span::before,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span::before {
    margin-bottom: 5px !important;
    color: #64748b !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span:nth-of-type(1)::before,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span:nth-of-type(1)::before {
    content: "输入价格";
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span:nth-of-type(2)::before,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span:nth-of-type(2)::before {
    content: "输出价格";
  }
}

@media (max-width: 520px) {
  .relaystack-original-home .pricing-preview-header strong,
  .relaystack-original-home .pricing-table-title strong {
    font-size: 21px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head),
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    gap: 8px !important;
    padding: 14px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) strong,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) strong {
    font-size: 17px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span {
    min-height: 54px !important;
    padding: 8px 10px !important;
    font-size: 18px !important;
  }
}

/* Rsta Al pricing stays card-based on narrow tablets and mobile browsers */
@media (max-width: 1024px) {
  .relaystack-original-home .pricing-preview-table > .pricing-preview-head,
  .relaystack-original-home .pricing-table > .pricing-table-head {
    display: none !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head),
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) strong,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) strong {
    grid-column: 1 / -1 !important;
  }
}

/* Rsta Al final mobile polish 20260518 */
@media (max-width: 1024px) {
  html,
  body,
  #app,
  .relaystack-original-home,
  .relaystack-original-home .home-screen {
    overflow-x: hidden !important;
  }

  .relaystack-original-home .home-main {
    width: 100% !important;
    max-width: 100vw !important;
    margin: 0 auto !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .relaystack-original-home .home-console,
  .relaystack-original-home .home-section,
  .relaystack-original-home .pricing-preview,
  .relaystack-original-home .pricing-table-card,
  .relaystack-original-home .compare-table {
    width: 100% !important;
    max-width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .relaystack-original-home .model-pills {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 10px !important;
  }

  .relaystack-original-home .model-pills span {
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 0 6px !important;
    gap: 5px !important;
    font-size: 11px !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .model-pills i {
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    flex: 0 0 18px !important;
    font-size: 11px !important;
  }

  .relaystack-original-home .pricing-preview-header {
    padding: 16px 14px 14px !important;
    gap: 8px !important;
  }

  .relaystack-original-home .pricing-preview-header strong {
    font-size: 19px !important;
    line-height: 1.18 !important;
  }

  .relaystack-original-home .pricing-preview-header strong::before {
    width: 26px !important;
    height: 26px !important;
    margin-right: 8px !important;
  }

  .relaystack-original-home .pricing-preview-header > span {
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head),
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    gap: 8px !important;
    padding: 12px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) strong,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) strong {
    font-size: 15px !important;
    line-height: 1.25 !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span {
    min-height: 46px !important;
    padding: 7px 9px !important;
    font-size: 15px !important;
    border-radius: 8px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span::before,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span::before {
    margin-bottom: 4px !important;
    font-size: 10px !important;
  }

  .relaystack-original-home .section-heading {
    margin-bottom: 16px !important;
  }

  .relaystack-original-home .section-heading h2 {
    font-size: 30px !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
  }

  .relaystack-original-home .compare-table {
    border-radius: 8px !important;
  }

  .relaystack-original-home .compare-head {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    min-height: 44px !important;
    padding: 10px !important;
    gap: 8px !important;
  }

  .relaystack-original-home .compare-side {
    grid-column: auto !important;
    min-width: 0 !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .compare-head .compare-vs,
  .relaystack-original-home .compare-row .compare-vs,
  .relaystack-original-home .compare-vs {
    display: none !important;
  }

  .relaystack-original-home .compare-row {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    min-height: 0 !important;
    padding: 10px !important;
  }

  .relaystack-original-home .compare-topic {
    grid-column: 1 / -1 !important;
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    min-height: 42px !important;
    padding: 6px 8px !important;
    border: 0 !important;
    border-radius: 8px !important;
  }

  .relaystack-original-home .compare-topic span {
    width: 30px !important;
    height: 30px !important;
    font-size: 15px !important;
  }

  .relaystack-original-home .compare-topic strong {
    font-size: 16px !important;
    line-height: 1.2 !important;
  }

  .relaystack-original-home .compare-cell {
    min-width: 0 !important;
    padding: 10px !important;
    border-radius: 8px !important;
    border: 1px solid rgba(228, 231, 236, 0.8) !important;
    background: rgba(255, 255, 255, 0.68) !important;
  }

  .relaystack-original-home .compare-cell strong {
    font-size: 14px !important;
    line-height: 1.25 !important;
  }

  .relaystack-original-home .compare-cell p {
    font-size: 11px !important;
    line-height: 1.45 !important;
  }

  .relaystack-original-home .trend-chart {
    display: none !important;
  }

  .relaystack-original-home .trend-legend {
    display: none !important;
  }

  .relaystack-original-home .pricing-table-title {
    padding: 14px !important;
    gap: 8px !important;
  }

  .relaystack-original-home .pricing-table-title strong {
    font-size: 19px !important;
    line-height: 1.2 !important;
  }

  .relaystack-original-home .pricing-table-title span {
    padding: 7px 10px !important;
    font-size: 12px !important;
  }

  .relaystack-original-home .pricing-table em,
  .relaystack-original-home .pricing-table .official-price {
    font-size: 12px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head)::before {
    display: none !important;
    content: none !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) .official-price {
    grid-column: 1 / 2 !important;
    align-self: center !important;
    width: 100% !important;
    min-height: 36px !important;
    color: #8a8174 !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) .official-price::before {
    content: "官方价格" !important;
    display: block !important;
    margin-bottom: 3px !important;
    color: #64748b !important;
    font-size: 10px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em {
    grid-column: 2 / 3 !important;
    align-self: center !important;
    justify-self: stretch !important;
    display: flex !important;
    min-height: 36px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    color: #15803d !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }
}

@media (max-width: 430px) {
  .relaystack-original-home .model-pills span {
    font-size: 10px !important;
  }

  .relaystack-original-home .model-pills i {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    flex-basis: 16px !important;
    font-size: 10px !important;
  }

  .relaystack-original-home .pricing-preview-header strong,
  .relaystack-original-home .pricing-table-title strong {
    font-size: 18px !important;
  }

  .relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head) span,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span {
    font-size: 14px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) .official-price,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em {
    font-size: 12px !important;
  }

  .relaystack-original-home .section-heading h2 {
    font-size: 28px !important;
  }
}

/* Rsta Al mobile model centering and savings row 20260518 */
@media (max-width: 1024px) {
  .relaystack-original-home .model-pills span:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: calc((100% - 8px) / 2) !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 8px !important;
    padding: 12px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head)::before {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    content: none !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) strong {
    grid-column: 1 / -1 !important;
    margin-bottom: 2px !important;
    font-size: 15px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span {
    min-height: 48px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span::before {
    margin-bottom: 4px !important;
    font-size: 9px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span:nth-of-type(1) {
    grid-column: 1 !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span:nth-of-type(2) {
    grid-column: 2 !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span.official-price,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) .official-price {
    grid-column: 3 !important;
    grid-row: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    min-height: 48px !important;
    padding: 7px 8px !important;
    border-radius: 8px !important;
    background: #f7f8fb !important;
    color: #665f54 !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span.official-price::before,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) .official-price::before {
    content: "官方" !important;
    display: block !important;
    margin-bottom: 4px !important;
    color: #64748b !important;
    font-size: 9px !important;
    font-weight: 900 !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em {
    grid-column: 1 / -1 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    min-height: 28px !important;
    margin-top: 2px !important;
    padding-left: 42px !important;
    padding-right: 0 !important;
    color: #15803d !important;
    font-size: 13px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em::before {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    content: "节省" !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em::after {
    position: absolute !important;
    left: 42px !important;
    right: 48px !important;
    top: 50% !important;
    height: 6px !important;
    transform: translateY(-50%) !important;
    border-radius: 999px !important;
    background:
      linear-gradient(90deg, #22c55e 0%, #16a34a 72%, transparent 72%),
      rgba(21, 128, 61, 0.12) !important;
    content: "" !important;
  }
}

@media (max-width: 430px) {
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    gap: 7px !important;
    padding: 11px !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span.official-price,
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) .official-price {
    min-height: 44px !important;
    padding: 6px 7px !important;
    font-size: 12px !important;
  }
}

/* Rsta Al mobile exact width and progress cleanup 20260518 */
@media (max-width: 1024px) {
  .relaystack-original-home .home-main {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .relaystack-original-home .home-console,
  .relaystack-original-home .model-pills,
  .relaystack-original-home .pricing-preview,
  .relaystack-original-home .pricing-table-card {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .relaystack-original-home .home-console {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .relaystack-original-home .model-pills {
    justify-content: center !important;
    justify-items: stretch !important;
  }

  .relaystack-original-home .model-pills span:last-child:nth-child(odd) {
    justify-self: center !important;
    width: calc((100% - 8px) / 2) !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span:nth-of-type(4),
  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) span:empty:not(.official-price) {
    display: none !important;
    width: 0 !important;
    min-width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    overflow: hidden !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) 48px !important;
    align-items: center !important;
    column-gap: 8px !important;
    min-height: 26px !important;
    padding: 0 !important;
    color: #15803d !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-align: right !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em::before {
    position: static !important;
    transform: none !important;
    content: "节省" !important;
    grid-column: 1 !important;
    color: #475569 !important;
    font-size: 11px !important;
    text-align: left !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) em::after {
    position: static !important;
    transform: none !important;
    content: "" !important;
    grid-column: 2 !important;
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    border-radius: 999px !important;
    background:
      linear-gradient(90deg, #22c55e 0%, #16a34a 72%, transparent 72%),
      rgba(21, 128, 61, 0.12) !important;
  }
}

/* Rsta Al user mobile panel final override EOF 20260518 */
@media (max-width: 820px) {
  body:has(.sidebar a[href="/dashboard"]),
  body:has(.sidebar a[href="/dashboard"]) #app,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    height: auto !important;
    min-height: 100dvh !important;
    padding-bottom: 76px !important;
    overflow-y: visible !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .sidebar,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > aside.sidebar {
    position: fixed !important;
    inset: auto 0 0 0 !important;
    z-index: 90 !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 68px !important;
    min-height: 68px !important;
    max-height: 68px !important;
    padding: 7px 8px calc(7px + env(safe-area-inset-bottom, 0px)) !important;
    border: 0 !important;
    border-top: 1px solid rgba(228, 231, 236, 0.9) !important;
    background: rgba(255, 255, 255, 0.96) !important;
    box-shadow: 0 -16px 34px rgba(16, 24, 40, 0.08) !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    backdrop-filter: blur(18px) !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .sidebar::-webkit-scrollbar,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav::-webkit-scrollbar {
    display: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-header,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-footer,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-divider {
    display: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: max-content !important;
    min-width: 100% !important;
    max-width: none !important;
    height: 54px !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-section,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav > * {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    min-width: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link {
    flex: 0 0 58px !important;
    display: grid !important;
    grid-template-rows: 26px 16px !important;
    place-items: center !important;
    gap: 2px !important;
    width: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    height: 54px !important;
    min-height: 54px !important;
    padding: 4px 3px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link > svg,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    padding: 5px !important;
    border-radius: 8px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link > span,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-link .truncate {
    display: block !important;
    width: 100% !important;
    max-width: 52px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .relative.min-h-screen,
  body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > div.relative {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 0 76px !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass {
    position: sticky !important;
    top: 0 !important;
    z-index: 50 !important;
    min-height: 56px !important;
    padding: 8px 10px !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass > div {
    gap: 8px !important;
    flex-wrap: nowrap !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass > div > div:first-child,
  body:has(.sidebar a[href="/dashboard"]) .relay-native-route-title-hidden {
    display: none !important;
    visibility: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) header.glass > div > div:last-child {
    width: 100% !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: 6px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) main.p-4,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main {
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    padding: 12px 10px 18px !important;
    overflow-x: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) main.p-4 > *,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main > *,
  body:has(.sidebar a[href="/dashboard"]) .card,
  body:has(.sidebar a[href="/dashboard"]) .rounded-xl.bg-white,
  body:has(.sidebar a[href="/dashboard"]) .rounded-2xl.bg-white,
  body:has(.sidebar a[href="/dashboard"]) [class*="rounded-"][class*="bg-white"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero,
  body:has(.sidebar a[href="/dashboard"]) .welcome-glass {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 0 12px !important;
    padding: 18px 14px !important;
    border-radius: 8px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero h2,
  body:has(.sidebar a[href="/dashboard"]) .welcome-copy h1 {
    margin-bottom: 8px !important;
    font-size: 22px !important;
    line-height: 1.18 !important;
    overflow-wrap: anywhere !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero p,
  body:has(.sidebar a[href="/dashboard"]) .welcome-copy p:not(.welcome-badge) {
    font-size: 13px !important;
    line-height: 1.6 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-actions,
  body:has(.sidebar a[href="/dashboard"]) .welcome-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    width: 100% !important;
    gap: 8px !important;
    margin: 0 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-action,
  body:has(.sidebar a[href="/dashboard"]) .primary-button,
  body:has(.sidebar a[href="/dashboard"]) .secondary-button {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 8px !important;
    font-size: 13px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .user-stats-grid,
  body:has(.sidebar a[href="/dashboard"]) .user-dashboard-layout,
  body:has(.sidebar a[href="/dashboard"]) .privilege-grid {
    grid-template-columns: 1fr !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .user-stat-card {
    min-height: 92px !important;
    padding: 14px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .glass-feature-card,
  body:has(.sidebar a[href="/dashboard"]) .support-card {
    min-height: 0 !important;
    padding: 14px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .redeem-line,
  body:has(.sidebar a[href="/dashboard"]) .redeem-panel {
    grid-template-columns: 1fr !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .overflow-x-auto,
  body:has(.sidebar a[href="/dashboard"]) [class*="overflow-x-auto"] {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body:has(.sidebar a[href="/dashboard"]) table {
    width: max-content !important;
    min-width: 560px !important;
    max-width: none !important;
    font-size: 12px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) th,
  body:has(.sidebar a[href="/dashboard"]) td {
    padding: 9px 10px !important;
    white-space: nowrap !important;
  }

  body:has(.sidebar a[href="/dashboard"]) input,
  body:has(.sidebar a[href="/dashboard"]) select,
  body:has(.sidebar a[href="/dashboard"]) textarea {
    max-width: 100% !important;
    font-size: 16px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger,
  body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-toggle {
    right: 10px !important;
    bottom: 82px !important;
    min-height: 40px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-support-panel,
  body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-panel {
    left: 10px !important;
    right: 10px !important;
    bottom: 130px !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(70vh, 520px) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
  }
}

@media (max-width: 430px) {
  body:has(.sidebar a[href="/dashboard"]) main.p-4,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link {
    flex-basis: 54px !important;
    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar-link > span,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-link .truncate {
    max-width: 48px !important;
    font-size: 9px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-actions,
  body:has(.sidebar a[href="/dashboard"]) .welcome-actions {
    grid-template-columns: 1fr !important;
  }
}

/* Rsta Al user mobile overflow trim EOF 20260518 */
@media (max-width: 820px) {
  body:has(.sidebar a[href="/dashboard"]) *,
  body:has(.sidebar a[href="/dashboard"]) *::before,
  body:has(.sidebar a[href="/dashboard"]) *::after {
    box-sizing: border-box !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .sidebar,
  body:has(.sidebar a[href="/dashboard"]) .sidebar-nav {
    z-index: 120 !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero p,
  body:has(.sidebar a[href="/dashboard"]) .welcome-copy p,
  body:has(.sidebar a[href="/dashboard"]) .card p,
  body:has(.sidebar a[href="/dashboard"]) .card span,
  body:has(.sidebar a[href="/dashboard"]) .card small {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-actions,
  body:has(.sidebar a[href="/dashboard"]) .welcome-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-action,
  body:has(.sidebar a[href="/dashboard"]) .welcome-actions a,
  body:has(.sidebar a[href="/dashboard"]) .welcome-actions button {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 4px !important;
    padding-right: 4px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    font-size: 12px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger,
  body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-toggle {
    z-index: 110 !important;
  }
}

/* Rsta Al user mobile drawer/header fix EOF 20260518 */
@media (max-width: 820px) {
  html:has(.relay-user-shell),
  body:has(.relay-user-shell),
  #app:has(.relay-user-shell) {
    height: auto !important;
    min-height: 100% !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }

  .relay-app-shell.relay-user-shell {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100vw !important;
    height: auto !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    overflow: visible !important;
    background: linear-gradient(180deg, #eefafa 0%, #f8fafb 48%, #f6f7f8 100%) !important;
  }

  .relay-app-shell.relay-user-shell > .relay-app-backdrop,
  .relay-app-shell.relay-user-shell > .pointer-events-none.fixed.inset-0 {
    display: none !important;
  }

  .relay-app-shell.relay-user-shell > .relative,
  .relay-app-shell.relay-user-shell > div.relative,
  .relay-app-shell.relay-user-shell > div[class*="transition-all"] {
    position: relative !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    overflow-x: hidden !important;
  }

  .relay-app-shell.relay-user-shell > .sidebar,
  .relay-app-shell.relay-user-shell > aside.sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(82vw, 300px) !important;
    min-width: 0 !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    padding: 14px 14px 18px !important;
    border-right: 1px solid rgba(228, 231, 236, 0.9) !important;
    border-top: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 42px rgba(16, 24, 40, 0.18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-104%) !important;
    transition: transform 0.22s ease !important;
    backdrop-filter: blur(18px) !important;
  }

  .relay-app-shell.relay-user-shell > .sidebar:not(.\-translate-x-full),
  .relay-app-shell.relay-user-shell > aside.sidebar:not(.\-translate-x-full) {
    transform: translateX(0) !important;
  }

  .relay-app-shell.relay-user-shell > .fixed.inset-0 {
    z-index: 90 !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    min-height: 78px !important;
    padding: 10px 6px 16px !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-brand,
  .relay-app-shell.relay-user-shell .sidebar-brand-title {
    display: block !important;
    max-width: 180px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-logo {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    max-width: 46px !important;
    flex: 0 0 46px !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-nav,
  .relay-app-shell.relay-user-shell .sidebar-section,
  .relay-app-shell.relay-user-shell .sidebar-nav > * {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 18px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-link {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    padding: 0 12px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-align: left !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-link > span,
  .relay-app-shell.relay-user-shell .sidebar-link .sidebar-label {
    display: block !important;
    max-width: none !important;
    opacity: 1 !important;
    transform: none !important;
    pointer-events: auto !important;
    font-size: 14px !important;
  }

  .relay-app-shell.relay-user-shell .sidebar-link > svg,
  .relay-app-shell.relay-user-shell .sidebar-svg-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    padding: 6px !important;
  }

  .relay-app-shell.relay-user-shell header.glass {
    position: sticky !important;
    top: 0 !important;
    z-index: 40 !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
    background: rgba(255, 255, 255, 0.92) !important;
    box-shadow: none !important;
    backdrop-filter: blur(16px) !important;
  }

  .relay-app-shell.relay-user-shell header.glass > div {
    width: 100% !important;
    height: 62px !important;
    min-height: 62px !important;
    padding: 0 12px !important;
    gap: 8px !important;
  }

  .relay-app-shell.relay-user-shell header.glass .locale-switcher,
  .relay-app-shell.relay-user-shell header.glass > div > div:last-child > .relative:not(:last-child) {
    display: none !important;
  }

  .relay-app-shell.relay-user-shell header.glass > div > div:first-child {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 8px !important;
  }

  .relay-app-shell.relay-user-shell header.glass > div > div:first-child > div:last-child {
    display: none !important;
  }

  .relay-app-shell.relay-user-shell header.glass > div > div:last-child {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    justify-content: flex-end !important;
    gap: 10px !important;
  }

  .relay-app-shell.relay-user-shell main.relay-main,
  .relay-app-shell.relay-user-shell main.p-4 {
    width: 100% !important;
    max-width: 100vw !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px 10px 94px !important;
    overflow-x: hidden !important;
  }

  .relay-app-shell.relay-user-shell .relay-user-hero {
    margin-top: 0 !important;
  }

  .relay-app-shell.relay-user-shell .relay-support-trigger {
    right: 10px !important;
    bottom: 16px !important;
    z-index: 70 !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 92px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  .relay-app-shell.relay-user-shell .relay-support-trigger span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  .relay-app-shell.relay-user-shell .relay-support-trigger span::before {
    content: "在线客服" !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  .relay-app-shell.relay-user-shell .relay-support-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 68px !important;
    width: auto !important;
    max-width: none !important;
    max-height: min(72vh, 540px) !important;
    z-index: 80 !important;
  }
}

/* Rsta Al user mobile final visible controls EOF 20260518 */
@media (max-width: 820px) {
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell header.glass > div > div:first-child {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell header.glass .btn-ghost.btn-icon,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell header.glass button[aria-label="Toggle Menu"] {
    display: inline-grid !important;
    place-items: center !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell header.glass .locale-switcher,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell header.glass > div > div:last-child > .relative:not(:last-child) {
    display: none !important;
    visibility: hidden !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .relay-support-widget {
    position: fixed !important;
    right: 10px !important;
    bottom: 16px !important;
    z-index: 70 !important;
    width: auto !important;
    height: auto !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .relay-support-trigger {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    display: inline-flex !important;
    width: auto !important;
    min-width: 92px !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    transform: none !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .relay-support-trigger span {
    display: inline-block !important;
    width: auto !important;
    max-width: none !important;
    overflow: visible !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .relay-support-trigger span::before {
    content: "在线客服" !important;
    font-size: 13px !important;
    font-weight: 900 !important;
  }

  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .relay-support-panel {
    position: fixed !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 68px !important;
  }
}

/* Rsta Al user mobile force drawer over legacy bottom nav EOF 20260518 */
@media (max-width: 820px) {
  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell > .sidebar,
  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell > aside.sidebar,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell > .sidebar,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell > aside.sidebar {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(82vw, 300px) !important;
    min-width: 0 !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    padding: 14px 14px 18px !important;
    border-right: 1px solid rgba(228, 231, 236, 0.9) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 42px rgba(16, 24, 40, 0.18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-104%) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell > .sidebar:not(.\-translate-x-full),
  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell > aside.sidebar:not(.\-translate-x-full),
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell > .sidebar:not(.\-translate-x-full),
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell > aside.sidebar:not(.\-translate-x-full) {
    transform: translateX(0) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell .sidebar-nav,
  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell .sidebar-section,
  body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell .sidebar-nav > *,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .sidebar-nav,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .sidebar-section,
  body:has(.relay-user-shell) .relay-app-shell.relay-user-shell .sidebar-nav > * {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 18px 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
}

/* Rsta Al user mobile #app priority drawer EOF 20260518 */
@media (max-width: 820px) {
  body:has(.sidebar a[href="/dashboard"]) #app > .relay-app-shell.relay-user-shell.min-h-screen > .sidebar,
  body:has(.sidebar a[href="/dashboard"]) #app > .relay-app-shell.relay-user-shell.min-h-screen > aside.sidebar,
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell.min-h-screen > .sidebar,
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell.min-h-screen > aside.sidebar {
    position: fixed !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 100 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(82vw, 300px) !important;
    min-width: 0 !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    max-height: none !important;
    padding: 14px 14px 18px !important;
    border-right: 1px solid rgba(228, 231, 236, 0.9) !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 42px rgba(16, 24, 40, 0.18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-104%) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) #app > .relay-app-shell.relay-user-shell.min-h-screen > .sidebar:not(.\-translate-x-full),
  body:has(.sidebar a[href="/dashboard"]) #app > .relay-app-shell.relay-user-shell.min-h-screen > aside.sidebar:not(.\-translate-x-full),
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell.min-h-screen > .sidebar:not(.\-translate-x-full),
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell.min-h-screen > aside.sidebar:not(.\-translate-x-full) {
    transform: translateX(0) !important;
  }
}

/* Rsta Al user mobile menu/language hard fix EOF 20260518 */
@media (max-width: 820px) {
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass {
    display: block !important;
    min-height: 58px !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass > div {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 10px !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass > div > div:first-child {
    display: flex !important;
    flex: 0 0 46px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 46px !important;
    min-width: 46px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass button[aria-label="Toggle Menu"],
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass .btn-ghost.btn-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #475467 !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass button[aria-label="Toggle Menu"] svg,
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass .btn-ghost.btn-icon svg {
    display: block !important;
    width: 25px !important;
    height: 25px !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass > div > div:first-child > div:last-child {
    display: none !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass > div > div:last-child {
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass > div > div:last-child > .relative:not(:last-of-type),
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass > div > div:last-child > div.relative:not(:last-of-type),
  body:has(.relay-user-shell) #app > .relay-app-shell.relay-user-shell header.glass .locale-switcher {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }
}

/* Rsta Al mobile user live-DOM final override EOF 20260518 */
@media (max-width: 820px) {
  html.relay-user-shell-ready,
  html.relay-user-shell-ready body,
  html.relay-user-shell-ready #app {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 100dvh !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12), rgba(37, 99, 235, 0.05)), #f8fafc !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .pointer-events-none.fixed.inset-0,
  html.relay-user-shell-ready #app > .min-h-screen > .bg-mesh-gradient {
    display: none !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .relative,
  html.relay-user-shell-ready #app > .min-h-screen > div.relative {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    transform: none !important;
  }

  html.relay-user-shell-ready header.glass {
    position: sticky !important;
    top: 0 !important;
    z-index: 70 !important;
    display: block !important;
    width: 100% !important;
    min-height: 58px !important;
    padding: 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid rgba(228, 231, 236, 0.86) !important;
    background: rgba(255, 255, 255, 0.94) !important;
    box-shadow: none !important;
  }

  html.relay-user-shell-ready header.glass > div {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    padding: 0 12px 0 60px !important;
    gap: 10px !important;
  }

  html.relay-user-shell-ready header.glass > div > div:first-child,
  html.relay-user-shell-ready header.glass > div > div:first-child > div:last-child {
    display: none !important;
  }

  html.relay-user-shell-ready header.glass > div > div:last-child {
    display: flex !important;
    flex: 1 1 auto !important;
    justify-content: flex-end !important;
    align-items: center !important;
    gap: 10px !important;
    min-width: 0 !important;
  }

  html.relay-user-shell-ready header.glass .relay-force-hide-locale,
  html.relay-user-shell-ready header.glass .locale-switcher,
  html.relay-user-shell-ready header.glass > div > div:last-child > .relative:not(:last-of-type) {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    min-width: 0 !important;
    max-width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .sidebar,
  html.relay-user-shell-ready #app > .min-h-screen > aside.sidebar {
    position: fixed !important;
    inset: 0 auto 0 0 !important;
    z-index: 120 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: min(82vw, 300px) !important;
    max-width: 300px !important;
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding: 14px 14px 18px !important;
    border-right: 1px solid rgba(228, 231, 236, 0.92) !important;
    background: rgba(255, 255, 255, 0.98) !important;
    box-shadow: 18px 0 44px rgba(16, 24, 40, 0.18) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    transform: translateX(-105%) !important;
    transition: transform 0.22s ease !important;
  }

  html.relay-mobile-drawer-open #app > .min-h-screen > .sidebar,
  html.relay-mobile-drawer-open #app > .min-h-screen > aside.sidebar {
    transform: translateX(0) !important;
  }

  html.relay-user-shell-ready .sidebar-nav,
  html.relay-user-shell-ready .sidebar-section,
  html.relay-user-shell-ready .sidebar-nav > * {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
  }

  html.relay-user-shell-ready .sidebar-link {
    display: flex !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 12px !important;
    gap: 12px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
  }

  html.relay-user-shell-ready main.p-4,
  html.relay-user-shell-ready main.relay-main,
  html.relay-user-shell-ready main {
    width: 100% !important;
    max-width: 100% !important;
    padding: 16px 12px 96px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    transform: none !important;
  }

  html.relay-user-shell-ready main.p-4 > *,
  html.relay-user-shell-ready main.relay-main > *,
  html.relay-user-shell-ready main > * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.relay-user-shell-ready .relay-user-hero {
    width: 100% !important;
    grid-template-columns: 1fr !important;
    padding: 22px 16px !important;
    margin: 0 0 14px !important;
    border-radius: 8px !important;
  }

  html.relay-user-shell-ready .relay-user-hero h2,
  html.relay-user-shell-ready .welcome-copy h1 {
    font-size: clamp(26px, 8vw, 36px) !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
  }

  html.relay-user-shell-ready .relay-user-hero p,
  html.relay-user-shell-ready .welcome-copy p:not(.welcome-badge) {
    font-size: 15px !important;
    line-height: 1.7 !important;
  }

  html.relay-user-shell-ready .relay-user-actions,
  html.relay-user-shell-ready .welcome-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 10px !important;
    width: 100% !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab {
    position: fixed !important;
    top: 9px !important;
    left: 10px !important;
    z-index: 130 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border: 1px solid rgba(228, 231, 236, 0.96) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, 0.96) !important;
    color: #111827 !important;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.12) !important;
  }

  html.relay-user-shell-ready .relay-mobile-menu-fab svg {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
  }

  html.relay-user-shell-ready .relay-mobile-backdrop {
    position: fixed !important;
    inset: 0 !important;
    z-index: 110 !important;
    display: none !important;
    border: 0 !important;
    background: rgba(15, 23, 42, 0.28) !important;
  }

  html.relay-mobile-drawer-open .relay-mobile-backdrop {
    display: block !important;
  }

  html.relay-user-shell-ready .relay-support-trigger,
  html.relay-user-shell-ready .support-chat-widget .chat-toggle {
    right: 12px !important;
    bottom: 14px !important;
    min-width: 112px !important;
    height: 46px !important;
    padding: 0 14px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
  }

  html.relay-user-shell-ready .relay-support-trigger span,
  html.relay-user-shell-ready .support-chat-widget .chat-toggle span,
  html.relay-user-shell-ready .relay-runtime-support-trigger span {
    display: inline !important;
    visibility: visible !important;
    white-space: nowrap !important;
  }
}

/* Rsta Al home refresh inspired by derouter.ai. */
.relaystack-original-home {
  --bg: #faf8f5;
  --surface: #ffffff;
  --surface-2: #f5f3ef;
  --text: #2c2c2c;
  --muted: #6b6358;
  --soft: #9a9080;
  --line: #ece8e1;
  --line-strong: #ded7cc;
  --teal: #6b8f5e;
  --blue: #c4956a;
  --green: #6b8f5e;
  --shadow: 0 20px 55px rgba(64, 48, 30, 0.08);
  background: linear-gradient(180deg, #faf8f5 0%, #f7f4ef 42%, #f5f1eb 100%);
  color: var(--text);
}

.relaystack-original-home .home-screen {
  min-height: 100vh;
  background:
    radial-gradient(circle at 18% 12%, rgba(196, 149, 106, 0.11), transparent 28%),
    radial-gradient(circle at 78% 4%, rgba(107, 143, 94, 0.09), transparent 26%),
    linear-gradient(180deg, #faf8f5 0%, #f7f4ef 44%, #f5f1eb 100%);
}

.relaystack-original-home .home-nav {
  width: min(1120px, calc(100% - 32px));
  min-height: 62px;
  margin: 14px auto 0;
  padding: 0 18px;
  gap: 24px;
  border: 1px solid rgba(236, 232, 225, 0.86);
  border-radius: 999px;
  background: rgba(250, 248, 245, 0.78);
  box-shadow: 0 16px 40px rgba(64, 48, 30, 0.06);
  backdrop-filter: blur(18px);
}

.relaystack-original-home .home-brand img {
  width: 38px;
  height: 38px;
  border-radius: 8px;
}

.relaystack-original-home .home-brand strong {
  color: #2c2c2c;
  font-size: 15px;
  letter-spacing: 0;
}

.relaystack-original-home .home-brand small,
.relaystack-original-home .home-links a {
  color: #7c7165;
}

.relaystack-original-home .home-links {
  gap: 20px;
}

.relaystack-original-home .home-links a {
  font-size: 13px;
  font-weight: 600;
}

.relaystack-original-home .home-links a:hover {
  color: #a87d5a;
}

.relaystack-original-home .home-actions .ghost-button {
  min-width: 76px;
  border-color: rgba(196, 149, 106, 0.22);
  color: #2c2c2c;
  background: rgba(255, 255, 255, 0.72);
}

.relaystack-original-home .home-main {
  width: min(1080px, calc(100% - 48px));
  margin: 0 auto;
}

.relaystack-original-home .home-hero {
  display: block !important;
  grid-template-columns: none !important;
  min-height: auto;
  padding: 96px 0 34px;
  gap: 56px;
}

.relaystack-original-home .hero-content {
  max-width: 760px;
}

.relaystack-original-home .home-kicker {
  color: #a87d5a;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0;
  text-transform: none;
}

.relaystack-original-home .home-kicker-pill {
  width: fit-content;
  min-height: 32px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 18px;
  padding: 0 14px;
  border: 1px solid rgba(37, 99, 235, 0.12);
  border-radius: 999px;
  background: #eaf2ff;
  color: #2563eb;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.76);
}

.relaystack-original-home .home-kicker-pill span {
  font-size: 13px;
}

.relaystack-original-home .home-hero h1 {
  max-width: 760px;
  color: #2c2c2c;
  font-size: clamp(48px, 6vw, 76px);
  line-height: 1.04;
  letter-spacing: 0;
}

.relaystack-original-home .home-lead {
  max-width: 620px;
  color: #6b6358;
  font-size: 17px;
  line-height: 1.85;
}

.relaystack-original-home .home-primary {
  height: 46px;
  min-width: 148px;
  border-color: #2c2c2c;
  background: #2c2c2c;
  color: #fff;
  box-shadow: 0 16px 34px rgba(44, 44, 44, 0.15);
}

.relaystack-original-home .home-primary:hover {
  background: #1f1f1f;
}

.relaystack-original-home .model-pills,
.relaystack-original-home .status-band {
  display: none !important;
}

.relaystack-original-home .home-console,
.relaystack-original-home .pricing-preview,
.relaystack-original-home .compare-table,
.relaystack-original-home .pricing-band,
.relaystack-original-home .pricing-table-card,
.relaystack-original-home .footer-page-card {
  border-color: var(--line);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 20px 50px rgba(64, 48, 30, 0.07);
  backdrop-filter: none;
}

.relaystack-original-home .home-console::before {
  display: none;
}

.relaystack-original-home .pricing-preview {
  width: min(100%, 820px) !important;
  margin: 46px 0 0 !important;
  overflow: hidden;
  background: #fff;
}

.relaystack-original-home .pricing-preview-header,
.relaystack-original-home .pricing-table-title {
  border-bottom: 1px solid var(--line);
  background: #fff;
}

.relaystack-original-home .pricing-preview-header strong,
.relaystack-original-home .pricing-table-title strong {
  color: #2c2c2c;
}

.relaystack-original-home .pricing-preview-header strong::before {
  background: #c4956a;
  box-shadow: 0 0 0 6px rgba(196, 149, 106, 0.14);
}

.relaystack-original-home .pricing-preview-header > span {
  border-color: rgba(196, 149, 106, 0.22);
  background: #faf8f5;
  color: #a87d5a;
}

.relaystack-original-home .pricing-preview-table > div,
.relaystack-original-home .pricing-table > div {
  border-bottom-color: var(--line);
  background: #fff !important;
}

.relaystack-original-home .pricing-preview-table > div:not(.pricing-preview-head):hover {
  background: #faf8f5 !important;
}

.relaystack-original-home .pricing-preview-table strong,
.relaystack-original-home .pricing-table strong,
.relaystack-original-home .compare-topic strong,
.relaystack-original-home .compare-cell strong {
  color: #2c2c2c;
}

.relaystack-original-home .pricing-preview-table span {
  background: #f5f3ef;
  color: #6b8f5e;
}

.relaystack-original-home .pricing-preview-table > div span:last-child {
  background: #f7f1eb;
  color: #a87d5a;
}

.relaystack-original-home .pricing-preview-head span,
.relaystack-original-home .pricing-preview-head span:last-child {
  background: transparent;
  color: #9a9080;
}

.relaystack-original-home .pricing-preview p,
.relaystack-original-home .pricing-note {
  background: #fff;
  color: #8a8174;
}

.relaystack-original-home .section-heading {
  margin-bottom: 18px;
}

.relaystack-original-home .section-heading h2 {
  color: #2c2c2c;
}

.relaystack-original-home .compare-table {
  background: #fff;
}

.relaystack-original-home .compare-head,
.relaystack-original-home .compare-row {
  border-bottom-color: var(--line);
}

.relaystack-original-home .compare-side.relay {
  background: #c4956a;
}

.relaystack-original-home .compare-side.sub {
  background: #6b6358;
}

.relaystack-original-home .compare-vs {
  border-color: var(--line);
  color: #a87d5a;
  background: #fff;
}

.relaystack-original-home .compare-topic,
.relaystack-original-home .relay-cell,
.relaystack-original-home .sub-cell {
  background: #fff;
  border-color: var(--line);
}

.relaystack-original-home .compare-topic span {
  background: #f5f3ef;
  color: #a87d5a;
}

.relaystack-original-home .pricing-band {
  overflow: hidden;
  border: 1px solid var(--line);
}

.relaystack-original-home .pricing-table > div:not(.pricing-table-head)::before {
  display: none;
}

.relaystack-original-home .saving-meter {
  display: grid;
  grid-template-columns: minmax(72px, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-width: 0;
  font-style: normal;
}

.relaystack-original-home .saving-meter span {
  width: 100%;
  height: 7px;
  border-radius: 999px;
  background: #e9eee4;
  overflow: hidden;
}

.relaystack-original-home .saving-meter span::before {
  content: "";
  display: block;
  width: calc(var(--save) * 1%);
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #8baa73, #6b8f5e);
}

.relaystack-original-home .saving-meter strong {
  color: #527946;
  font-size: 15px;
  font-weight: 800;
}

.relaystack-original-home .footer-pages {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  padding: 34px 0 10px;
}

.relaystack-original-home .footer-page-card {
  padding: 26px;
}

.relaystack-original-home .footer-page-card h2 {
  margin: 0 0 12px;
  color: #2c2c2c;
  font-size: 24px;
  line-height: 1.2;
}

.relaystack-original-home .footer-page-card p {
  margin: 0;
  color: #6b6358;
  font-size: 14px;
  line-height: 1.8;
}

.relaystack-original-home .blog-list {
  display: grid;
  gap: 9px;
}

.relaystack-original-home .blog-list a {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #faf8f5;
  color: #2c2c2c;
  font-weight: 700;
  text-decoration: none;
}

.relaystack-original-home .blog-list a:hover {
  color: #a87d5a;
}

.relaystack-original-home .home-footer {
  display: grid;
  place-items: center;
  gap: 14px;
  padding: 54px 0 60px;
  color: #9a9080;
  text-align: center;
}

.relaystack-original-home .home-footer nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
}

.relaystack-original-home .home-footer a {
  color: #8a8174;
  font-size: 14px;
  text-decoration: none;
}

.relaystack-original-home .home-footer a:hover {
  color: #a87d5a;
}

.relaystack-original-home .home-footer .footer-mail {
  color: #b29a85;
  font-weight: 700;
}

.relaystack-original-home .home-footer p {
  margin: 0;
  color: #b0a898;
  font-size: 13px;
}

@media (max-width: 860px) {
  .relaystack-original-home .home-nav {
    width: calc(100% - 24px);
    min-height: 58px;
    margin-top: 10px;
    padding: 0 12px;
    gap: 10px;
    border-radius: 18px;
  }

  .relaystack-original-home .home-links {
    display: none;
  }

  .relaystack-original-home .home-brand {
    gap: 9px;
    min-width: 0;
  }

  .relaystack-original-home .home-brand img {
    width: 34px;
    height: 34px;
  }

  .relaystack-original-home .home-brand strong {
    font-size: 15px;
  }

  .relaystack-original-home .home-brand small {
    display: block;
    font-size: 11px;
  }

  .relaystack-original-home .home-actions {
    margin-left: auto;
  }

  .relaystack-original-home .home-actions .ghost-button {
    width: auto;
    min-width: 70px;
    height: 38px;
    padding: 0 16px;
    flex: 0 0 auto;
  }

  .relaystack-original-home .home-main {
    width: min(100% - 28px, 520px);
  }

  .relaystack-original-home .home-hero {
    display: block;
    padding: 52px 0 20px;
    text-align: left;
  }

  .relaystack-original-home .home-kicker-pill {
    margin-bottom: 16px;
  }

  .relaystack-original-home .home-hero h1 {
    font-size: clamp(36px, 11vw, 50px);
    line-height: 1.12;
  }

  .relaystack-original-home .home-lead {
    font-size: 15px;
    line-height: 1.78;
  }

  .relaystack-original-home .home-cta {
    margin-top: 24px;
  }

  .relaystack-original-home .home-primary {
    width: 100%;
  }

  .relaystack-original-home .pricing-preview {
    margin-top: 28px;
  }

  .relaystack-original-home .pricing-preview-header,
  .relaystack-original-home .pricing-table-title {
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 16px;
  }

  .relaystack-original-home .pricing-preview-header strong,
  .relaystack-original-home .pricing-table-title strong {
    font-size: 22px;
  }

  .relaystack-original-home .pricing-preview-table > div {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    min-height: auto;
    padding: 14px 16px;
  }

  .relaystack-original-home .pricing-preview-table strong {
    min-width: 0;
    overflow: hidden;
    font-size: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .relaystack-original-home .pricing-preview-table span {
    min-height: 28px;
    padding: 0 9px;
    font-size: 14px;
  }

  .relaystack-original-home .pricing-preview-head {
    display: none !important;
  }

  .relaystack-original-home .compare-head {
    grid-template-columns: minmax(0, 1fr) 38px minmax(0, 1fr);
  }

  .relaystack-original-home .compare-head .compare-side.relay {
    grid-column: 1;
  }

  .relaystack-original-home .compare-head .compare-vs {
    margin: 0;
  }

  .relaystack-original-home .compare-side {
    min-height: 48px;
    font-size: 15px;
  }

  .relaystack-original-home .compare-row {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .relaystack-original-home .compare-row .compare-vs {
    width: auto;
    height: auto;
    margin: 2px 16px;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .relaystack-original-home .compare-topic {
    grid-template-columns: 34px 1fr;
    gap: 10px;
    min-height: 58px;
    padding: 0 16px;
  }

  .relaystack-original-home .compare-topic span {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    font-size: 15px;
  }

  .relaystack-original-home .compare-cell {
    padding: 14px 16px;
  }

  .relaystack-original-home .pricing-table {
    overflow: visible;
  }

  .relaystack-original-home .pricing-table-head {
    display: none !important;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-areas:
      "model model model"
      "input output official"
      "save save save";
    gap: 12px;
    min-height: 0;
    padding: 18px 16px;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) > strong {
    grid-area: model;
    font-size: 20px;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) > span {
    min-width: 0;
    color: #2c2c2c;
    font-size: 15px;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) > span:nth-of-type(1)::before {
    content: "输入";
    display: block;
    color: #6b6358;
    font-size: 12px;
    font-weight: 800;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) > span:nth-of-type(2)::before {
    content: "输出";
    display: block;
    color: #6b6358;
    font-size: 12px;
    font-weight: 800;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) > .official-price {
    padding: 9px 10px;
    border-radius: 8px;
    background: #faf8f5;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) > .official-price::before {
    content: "官方";
    display: block;
    color: #6b6358;
    font-size: 12px;
    font-weight: 800;
  }

  .relaystack-original-home .saving-meter {
    grid-area: save;
    grid-template-columns: auto minmax(0, 1fr) auto;
  }

  .relaystack-original-home .saving-meter::before {
    content: "节省";
    color: #6b6358;
    font-size: 13px;
    font-weight: 900;
  }

  .relaystack-original-home .footer-pages {
    grid-template-columns: 1fr;
    padding-top: 26px;
  }

  .relaystack-original-home .footer-page-card {
    padding: 20px;
  }
}

@media (max-width: 520px) {
  .relaystack-original-home .home-main {
    width: min(100% - 24px, 460px);
  }

  .relaystack-original-home .home-hero h1 {
    font-size: clamp(34px, 10.2vw, 44px);
  }

  .relaystack-original-home .pricing-preview-header strong,
  .relaystack-original-home .pricing-table-title strong {
    font-size: 20px;
  }

  .relaystack-original-home .pricing-preview-table > div {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .relaystack-original-home .pricing-preview-table > div span:last-child {
    grid-column: 2;
  }

  .relaystack-original-home .pricing-table > div:not(.pricing-table-head) {
    padding: 17px 14px;
  }

  .relaystack-original-home .home-footer {
    padding: 42px 0 48px;
  }
}



/* Rsta Al auth page skin 20260523 */
html.rsta-auth-route,html.rsta-auth-route body{min-height:100%;background:#faf8f5!important;overflow-x:hidden!important}
body.rsta-auth-body{margin:0!important;background:#faf8f5!important;color:#2c2c2c!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important}
body.rsta-auth-body #app{min-height:100vh!important;background:radial-gradient(circle at 14% 6%,rgba(196,149,106,.14),transparent 30%),radial-gradient(circle at 86% 8%,rgba(107,143,94,.10),transparent 26%),linear-gradient(180deg,#faf8f5 0%,#f7f4ef 48%,#f5f1eb 100%)!important}
.rsta-auth-page{min-height:100vh;padding:20px 24px 56px;box-sizing:border-box;color:#2c2c2c}
.rsta-auth-nav{width:min(1120px,100%);min-height:62px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 18px;border:1px solid rgba(236,232,225,.92);border-radius:999px;background:rgba(250,248,245,.74);box-shadow:0 16px 44px rgba(64,48,30,.08);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.rsta-auth-brand{display:inline-flex;align-items:center;gap:10px;color:#2c2c2c;text-decoration:none;font-weight:900;font-size:18px;white-space:nowrap}.rsta-auth-brand img{width:36px;height:36px;border-radius:10px;display:block}.rsta-auth-actions{display:flex;align-items:center;gap:8px}.rsta-auth-actions a{height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border-radius:10px;color:#6b6358;text-decoration:none;font-size:14px;font-weight:800}.rsta-auth-actions a.active,.rsta-auth-actions a:hover{background:#2c2c2c;color:#fff;box-shadow:0 12px 28px rgba(44,44,44,.14)}
.rsta-auth-main{width:min(1040px,100%);margin:78px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:64px;align-items:center}.rsta-auth-copy{min-width:0}.rsta-auth-pill{width:fit-content;margin:0 0 18px;padding:7px 14px;border:1px solid rgba(196,149,106,.24);border-radius:999px;background:#f1e7dc;color:#a87d5a;font-size:14px;font-weight:800}.rsta-auth-copy h1{max-width:680px;margin:0;color:#2c2c2c;font-size:clamp(46px,5.4vw,70px);line-height:1.06;letter-spacing:0;font-weight:950}.rsta-auth-copy>p:not(.rsta-auth-pill){max-width:650px;margin:24px 0 0;color:#6b6358;font-size:17px;line-height:1.85}.rsta-auth-steps{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.rsta-auth-steps span{min-height:34px;display:inline-flex;align-items:center;padding:0 13px;border:1px solid #ece8e1;border-radius:999px;background:#fff;color:#6b6358;font-size:13px;font-weight:800;box-shadow:0 10px 24px rgba(64,48,30,.05)}
.rsta-auth-card{position:relative;overflow:hidden;padding:28px;border:1px solid rgba(236,232,225,.92);border-radius:18px;background:rgba(255,255,255,.70);box-shadow:0 28px 70px rgba(64,48,30,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.rsta-auth-card:before{content:"";position:absolute;inset:0 0 auto;height:90px;background:linear-gradient(120deg,rgba(196,149,106,.12),rgba(107,143,94,.08));pointer-events:none}.rsta-auth-card>*{position:relative;z-index:1}.rsta-auth-card-head p{margin:0 0 10px;color:#a87d5a;font-size:12px;font-weight:900;text-transform:uppercase}.rsta-auth-card-head h2{margin:0;color:#2c2c2c;font-size:34px;line-height:1.1;font-weight:950}.rsta-auth-card-head span{display:block;margin-top:10px;color:#6b6358;font-size:14px;line-height:1.65}.rsta-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:24px 0 18px;padding:5px;border:1px solid #ece8e1;border-radius:12px;background:rgba(250,248,245,.78)}.rsta-auth-tabs a{height:42px;display:flex;align-items:center;justify-content:center;border-radius:9px;color:#6b6358;text-decoration:none;font-weight:900}.rsta-auth-tabs a.active{background:#2c2c2c;color:#fff;box-shadow:0 12px 26px rgba(44,44,44,.13)}
.rsta-auth-form{display:grid;gap:14px}.rsta-auth-field{height:52px;display:flex;align-items:center;gap:11px;padding:0 14px;border:1px solid #e4ddd4;border-radius:12px;background:rgba(255,255,255,.82);box-sizing:border-box}.rsta-auth-field:focus-within{border-color:rgba(196,149,106,.55);box-shadow:0 0 0 4px rgba(196,149,106,.12)}.rsta-auth-field span{width:20px;height:20px;display:grid;place-items:center;color:#9a9080;flex:0 0 auto}.rsta-auth-field svg,.rsta-auth-primary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.rsta-auth-field input{min-width:0;width:100%;height:100%;border:0!important;outline:0!important;background:transparent!important;color:#2c2c2c!important;font-size:15px!important;box-shadow:none!important}.rsta-auth-field input::placeholder{color:#aaa197}.rsta-auth-check{display:flex;align-items:flex-start;gap:9px;color:#6b6358;font-size:13px;line-height:1.55}.rsta-auth-check input{width:16px;height:16px;margin-top:2px;accent-color:#2c2c2c}.rsta-auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.rsta-auth-row a,.rsta-auth-footer a{color:#a87d5a;text-decoration:none;font-weight:900}.rsta-auth-row a:hover,.rsta-auth-footer a:hover{text-decoration:underline}.rsta-auth-primary{height:52px;display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:12px;background:#2c2c2c;color:#fff;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 18px 38px rgba(44,44,44,.16)}.rsta-auth-primary:disabled{opacity:.62;cursor:not-allowed}.rsta-auth-msg{min-height:20px;margin:2px 0 0;color:#b42318;font-size:13px;line-height:1.45}.rsta-auth-msg[data-type="success"]{color:#3f7f3d}.rsta-auth-footer{margin-top:8px;text-align:center;color:#6b6358;font-size:14px}
body.rsta-auth-body .auth-screen,body.rsta-auth-body .relaystack-login-page>div:not(.rsta-auth-page),body.rsta-auth-body .min-h-screen:not(.rsta-auth-page){display:none!important}
@media(max-width:920px){.rsta-auth-page{padding:14px 14px 34px}.rsta-auth-main{margin-top:44px;grid-template-columns:1fr;gap:28px}.rsta-auth-copy{text-align:center}.rsta-auth-pill,.rsta-auth-copy>p:not(.rsta-auth-pill){margin-left:auto;margin-right:auto}.rsta-auth-steps{justify-content:center}.rsta-auth-card{width:min(100%,440px);margin:0 auto;box-sizing:border-box}.rsta-auth-copy h1{font-size:clamp(36px,9vw,52px)}}
@media(max-width:560px){.rsta-auth-nav{min-height:58px;padding:0 10px;border-radius:18px}.rsta-auth-brand{font-size:16px}.rsta-auth-brand img{width:32px;height:32px}.rsta-auth-actions{gap:4px}.rsta-auth-actions a{height:36px;padding:0 10px;font-size:13px}.rsta-auth-main{margin-top:30px}.rsta-auth-copy h1{font-size:34px;line-height:1.12}.rsta-auth-copy>p:not(.rsta-auth-pill){font-size:14px;line-height:1.75}.rsta-auth-card{padding:20px;border-radius:16px}.rsta-auth-card-head h2{font-size:28px}.rsta-auth-tabs a{height:40px}.rsta-auth-field,.rsta-auth-primary{height:50px}}


/* Rsta Al auth mobile overflow fix 20260523 */
.rsta-auth-page,.rsta-auth-nav,.rsta-auth-main,.rsta-auth-card{box-sizing:border-box}
@media(max-width:560px){
  .rsta-auth-page{width:100%;max-width:100vw;overflow-x:hidden;padding:14px 12px 34px!important}
  .rsta-auth-nav{width:100%!important;max-width:100%!important;gap:8px!important;padding:8px 10px!important;border-radius:18px!important;overflow:hidden!important}
  .rsta-auth-actions{margin-left:auto;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px!important;min-width:164px;max-width:210px;flex:1 1 auto}
  .rsta-auth-actions a{min-width:0!important;padding:0 5px!important;font-size:12px!important;white-space:nowrap!important}
  .rsta-auth-brand{min-width:0;flex:0 1 auto;gap:8px!important}.rsta-auth-brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rsta-auth-brand img{flex:0 0 auto}
  .rsta-auth-main{width:100%!important;max-width:100%!important;margin-top:26px!important;overflow:hidden!important}
  .rsta-auth-copy{width:100%;max-width:100%;overflow:hidden}.rsta-auth-copy h1{max-width:100%!important;font-size:clamp(28px,8.1vw,34px)!important;line-height:1.14!important;word-break:keep-all!important;overflow-wrap:normal!important}.rsta-auth-copy>p:not(.rsta-auth-pill){max-width:100%!important;font-size:14px!important;line-height:1.7!important}.rsta-auth-pill{font-size:13px!important;padding:7px 13px!important}
  .rsta-auth-steps{gap:8px!important}.rsta-auth-steps span{font-size:12px!important;min-height:30px!important;padding:0 10px!important}
  .rsta-auth-card{width:100%!important;max-width:100%!important;padding:20px!important;overflow:hidden!important}.rsta-auth-card-head h2{font-size:28px!important}.rsta-auth-field input{font-size:14px!important}.rsta-auth-tabs a{font-size:14px!important}
}


/* Rsta Al auth narrow viewport hard lock 20260523 */
@media(max-width:560px){
  html.rsta-auth-route,body.rsta-auth-body,body.rsta-auth-body #app{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}
  .rsta-auth-page{width:100vw!important;max-width:100vw!important;margin:0!important}
  .rsta-auth-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:0!important;margin-right:0!important}
  .rsta-auth-actions{display:flex!important;flex:0 0 auto!important;min-width:0!important;max-width:none!important;width:auto!important}
  .rsta-auth-actions a:first-child{display:none!important}
  .rsta-auth-actions a{width:54px!important;padding:0!important}
  .rsta-auth-main{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;margin-left:0!important;margin-right:0!important;justify-items:stretch!important}
  .rsta-auth-copy h1{font-size:31px!important;line-height:1.12!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important;text-wrap:balance!important}
  .rsta-auth-copy>p:not(.rsta-auth-pill){white-space:normal!important;overflow-wrap:anywhere!important}
  .rsta-auth-steps{width:100%!important;overflow:hidden!important}.rsta-auth-steps span{flex:1 1 0!important;justify-content:center!important;min-width:0!important}
  .rsta-auth-card{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}
}


/* Rsta Al auth mobile centered column 20260523 */
@media(max-width:760px){
  html.rsta-auth-route,body.rsta-auth-body,body.rsta-auth-body #app{overflow-x:hidden!important}
  .rsta-auth-page{width:100%!important;max-width:100%!important;padding:14px 12px 34px!important;overflow-x:hidden!important}
  .rsta-auth-nav,.rsta-auth-main{width:min(100%,360px)!important;max-width:360px!important;margin-left:auto!important;margin-right:auto!important}
  .rsta-auth-nav{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;padding:8px 10px!important;border-radius:18px!important;gap:8px!important}
  .rsta-auth-actions{display:flex!important;min-width:0!important;width:auto!important;gap:4px!important}.rsta-auth-actions a:first-child{display:none!important}.rsta-auth-actions a{width:54px!important;min-width:54px!important;padding:0!important;font-size:12px!important}
  .rsta-auth-brand{min-width:0!important;overflow:hidden!important}.rsta-auth-brand strong{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .rsta-auth-copy,.rsta-auth-card{width:100%!important;max-width:360px!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.rsta-auth-copy h1{font-size:31px!important;line-height:1.13!important;max-width:100%!important}.rsta-auth-copy>p:not(.rsta-auth-pill){max-width:100%!important}.rsta-auth-card{padding:20px!important}.rsta-auth-steps span{min-width:0!important;flex:1 1 0!important;justify-content:center!important}
}


/* Rsta Al auth phone compact final 20260523 */
@media(max-width:760px){
  .rsta-auth-nav,.rsta-auth-main{width:min(100%,320px)!important;max-width:320px!important}
  .rsta-auth-copy,.rsta-auth-card{width:100%!important;max-width:320px!important}
  .rsta-auth-copy h1{font-size:28px!important}.rsta-auth-copy>p:not(.rsta-auth-pill){font-size:13px!important}.rsta-auth-pill{font-size:12px!important}.rsta-auth-steps span{font-size:11px!important;padding:0 7px!important}.rsta-auth-actions a{width:48px!important;min-width:48px!important}.rsta-auth-card{padding:18px!important}.rsta-auth-card-head h2{font-size:26px!important}.rsta-auth-card-head span{font-size:13px!important}.rsta-auth-field{height:48px!important}.rsta-auth-primary{height:50px!important}
}


/* Rsta Al user dashboard warm skin final 20260524 */
html:has(body .sidebar a[href="/dashboard"]),
body:has(.sidebar a[href="/dashboard"]) {
  background: #faf8f5 !important;
  color: #2c2c2c !important;
}

body:has(.sidebar a[href="/dashboard"]) {
  --orbit-bg: #faf8f5 !important;
  --orbit-surface: #ffffff !important;
  --orbit-surface-2: #f7f4ef !important;
  --orbit-text: #2c2c2c !important;
  --orbit-muted: #6b6358 !important;
  --orbit-line: #ece8e1 !important;
  --orbit-teal: #6b8f5e !important;
  --orbit-blue: #c4956a !important;
  --orbit-shadow: 0 22px 60px rgba(64,48,30,.08) !important;
}

body:has(.sidebar a[href="/dashboard"]) #app,
body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen,
body:has(.sidebar a[href="/dashboard"]) .relay-app-shell.relay-user-shell {
  background:
    radial-gradient(circle at 16% 4%, rgba(196,149,106,.14), transparent 30%),
    radial-gradient(circle at 88% 2%, rgba(107,143,94,.10), transparent 28%),
    linear-gradient(180deg, #faf8f5 0%, #f7f4ef 48%, #f5f1eb 100%) !important;
}

body:has(.sidebar a[href="/dashboard"]) #app > .min-h-screen > .pointer-events-none,
body:has(.sidebar a[href="/dashboard"]) .bg-mesh-gradient {
  display: none !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar {
  border-right: 1px solid rgba(236,232,225,.92) !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 18px 0 54px rgba(64,48,30,.07) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-header {
  border-bottom-color: rgba(236,232,225,.94) !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-brand {
  gap: 12px !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-logo,
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo img,
body:has(.sidebar a[href="/dashboard"]) .sidebar-logo svg {
  width: 46px !important;
  height: 46px !important;
  min-width: 46px !important;
  max-width: 46px !important;
  border-radius: 12px !important;
  object-fit: contain !important;
  box-shadow: 0 12px 24px rgba(64,48,30,.10) !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-brand-title {
  color: #2c2c2c !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-sidebar-subtitle,
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand small,
body:has(.sidebar a[href="/dashboard"]) .sidebar-brand .text-xs {
  display: none !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-nav {
  gap: 8px !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-link {
  min-height: 48px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  color: #5f584f !important;
  font-weight: 820 !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, box-shadow .18s ease !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-link > svg,
body:has(.sidebar a[href="/dashboard"]) .sidebar-svg-icon {
  border: 1px solid #e9dfd4 !important;
  border-radius: 9px !important;
  background: #faf8f5 !important;
  color: #7f7468 !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-link:hover {
  border-color: rgba(196,149,106,.28) !important;
  background: rgba(196,149,106,.10) !important;
  color: #2c2c2c !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-link:hover > svg,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link:hover .sidebar-svg-icon {
  border-color: rgba(196,149,106,.34) !important;
  background: #f1e7dc !important;
  color: #a87d5a !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-link.router-link-active,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link.active,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"],
body:has(.sidebar a[href="/dashboard"]) .sidebar-link[class*="bg-primary"],
body:has(.sidebar a[href="/dashboard"]) .sidebar-link[class*="text-primary"] {
  border-color: #2c2c2c !important;
  background: #2c2c2c !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(44,44,44,.14) !important;
}

body:has(.sidebar a[href="/dashboard"]) .sidebar-link.router-link-active > svg,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link.active > svg,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link[aria-current="page"] > svg,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link[class*="bg-primary"] > svg,
body:has(.sidebar a[href="/dashboard"]) .sidebar-link[class*="text-primary"] > svg {
  border-color: rgba(255,255,255,.20) !important;
  background: rgba(255,255,255,.10) !important;
  color: #fff !important;
}

body:has(.sidebar a[href="/dashboard"]) header.glass {
  border-bottom: 1px solid rgba(236,232,225,.94) !important;
  background: rgba(255,255,255,.64) !important;
  box-shadow: 0 16px 42px rgba(64,48,30,.05) !important;
  backdrop-filter: blur(22px) !important;
  -webkit-backdrop-filter: blur(22px) !important;
}

body:has(.sidebar a[href="/dashboard"]) header.glass .locale-switcher,
body:has(.sidebar a[href="/dashboard"]) header.glass .relay-force-hide-locale {
  display: none !important;
}

body:has(.sidebar a[href="/dashboard"]) header.glass .btn,
body:has(.sidebar a[href="/dashboard"]) header.glass button,
body:has(.sidebar a[href="/dashboard"]) header.glass a {
  border-radius: 10px !important;
}

body:has(.sidebar a[href="/dashboard"]) main.p-4,
body:has(.sidebar a[href="/dashboard"]) main.relay-main {
  padding: 28px !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-user-hero,
body:has(.sidebar a[href="/dashboard"]) .welcome-glass {
  border: 1px solid rgba(226,211,195,.90) !important;
  border-radius: 16px !important;
  background:
    radial-gradient(circle at 92% 10%, rgba(107,143,94,.13), transparent 24%),
    linear-gradient(135deg, rgba(255,255,255,.82), rgba(247,244,239,.76)) !important;
  box-shadow: 0 24px 68px rgba(64,48,30,.10) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-user-kicker,
body:has(.sidebar a[href="/dashboard"]) .welcome-badge,
body:has(.sidebar a[href="/dashboard"]) .text-primary-600 {
  color: #a87d5a !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-user-hero h2,
body:has(.sidebar a[href="/dashboard"]) .welcome-copy h1,
body:has(.sidebar a[href="/dashboard"]) h1,
body:has(.sidebar a[href="/dashboard"]) h2 {
  color: #2c2c2c !important;
  letter-spacing: 0 !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-user-hero p,
body:has(.sidebar a[href="/dashboard"]) .welcome-copy p,
body:has(.sidebar a[href="/dashboard"]) .text-gray-500,
body:has(.sidebar a[href="/dashboard"]) .text-gray-600,
body:has(.sidebar a[href="/dashboard"]) .text-slate-500,
body:has(.sidebar a[href="/dashboard"]) .text-slate-600 {
  color: #6b6358 !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-user-tags span,
body:has(.sidebar a[href="/dashboard"]) .badge,
body:has(.sidebar a[href="/dashboard"]) [class*="badge"] {
  border-color: rgba(196,149,106,.24) !important;
  background: #f7eee4 !important;
  color: #8b6849 !important;
}

body:has(.sidebar a[href="/dashboard"]) .card,
body:has(.sidebar a[href="/dashboard"]) .card-glass,
body:has(.sidebar a[href="/dashboard"]) .stat-card,
body:has(.sidebar a[href="/dashboard"]) .user-stat-card,
body:has(.sidebar a[href="/dashboard"]) .glass-feature-card,
body:has(.sidebar a[href="/dashboard"]) .support-card,
body:has(.sidebar a[href="/dashboard"]) .rounded-xl.bg-white,
body:has(.sidebar a[href="/dashboard"]) .rounded-2xl.bg-white,
body:has(.sidebar a[href="/dashboard"]) [class*="rounded-"][class*="bg-white"] {
  border: 1px solid rgba(236,232,225,.96) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.84) !important;
  box-shadow: 0 18px 48px rgba(64,48,30,.07) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
}

body:has(.sidebar a[href="/dashboard"]) .stat-icon,
body:has(.sidebar a[href="/dashboard"]) [class*="stat-icon"],
body:has(.sidebar a[href="/dashboard"]) .bg-primary-50,
body:has(.sidebar a[href="/dashboard"]) .bg-teal-50,
body:has(.sidebar a[href="/dashboard"]) .bg-blue-50,
body:has(.sidebar a[href="/dashboard"]) .bg-emerald-50 {
  background: #f1e7dc !important;
  color: #a87d5a !important;
}

body:has(.sidebar a[href="/dashboard"]) .btn-primary,
body:has(.sidebar a[href="/dashboard"]) button[class*="bg-primary"],
body:has(.sidebar a[href="/dashboard"]) a[class*="bg-primary"],
body:has(.sidebar a[href="/dashboard"]) .relay-user-action-primary,
body:has(.sidebar a[href="/dashboard"]) .primary-button {
  border-color: #2c2c2c !important;
  background: #2c2c2c !important;
  color: #fff !important;
  box-shadow: 0 16px 34px rgba(44,44,44,.14) !important;
}

body:has(.sidebar a[href="/dashboard"]) .btn-secondary,
body:has(.sidebar a[href="/dashboard"]) .relay-user-action-secondary,
body:has(.sidebar a[href="/dashboard"]) .secondary-button {
  border: 1px solid #e6d9cb !important;
  background: rgba(255,255,255,.84) !important;
  color: #2c2c2c !important;
}

body:has(.sidebar a[href="/dashboard"]) input,
body:has(.sidebar a[href="/dashboard"]) select,
body:has(.sidebar a[href="/dashboard"]) textarea,
body:has(.sidebar a[href="/dashboard"]) .input {
  border-color: #e6d9cb !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.88) !important;
  color: #2c2c2c !important;
}

body:has(.sidebar a[href="/dashboard"]) input:focus,
body:has(.sidebar a[href="/dashboard"]) select:focus,
body:has(.sidebar a[href="/dashboard"]) textarea:focus,
body:has(.sidebar a[href="/dashboard"]) .input:focus {
  border-color: rgba(196,149,106,.62) !important;
  box-shadow: 0 0 0 4px rgba(196,149,106,.12) !important;
}

body:has(.sidebar a[href="/dashboard"]) .table th,
body:has(.sidebar a[href="/dashboard"]) table th {
  background: #faf8f5 !important;
  color: #7f7468 !important;
}

body:has(.sidebar a[href="/dashboard"]) .table td,
body:has(.sidebar a[href="/dashboard"]) table td {
  border-color: #ece8e1 !important;
  color: #3b362f !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-runtime-support-trigger,
body:has(.sidebar a[href="/dashboard"]) .relay-support-trigger,
body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-toggle {
  border: 1px solid rgba(44,44,44,.08) !important;
  border-radius: 10px !important;
  background: #2c2c2c !important;
  color: #fff !important;
  box-shadow: 0 18px 42px rgba(44,44,44,.16) !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-runtime-support-panel,
body:has(.sidebar a[href="/dashboard"]) .relay-support-panel,
body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-panel {
  overflow: hidden !important;
  border: 1px solid rgba(226,211,195,.94) !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: 0 28px 70px rgba(64,48,30,.16) !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-runtime-support-panel header,
body:has(.sidebar a[href="/dashboard"]) .relay-support-panel header,
body:has(.sidebar a[href="/dashboard"]) .support-chat-widget .chat-panel header {
  background: linear-gradient(135deg, rgba(196,149,106,.12), rgba(107,143,94,.08)) !important;
  border-bottom-color: #ece8e1 !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-runtime-support-panel header p,
body:has(.sidebar a[href="/dashboard"]) .relay-support-panel header p {
  color: #a87d5a !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-runtime-user,
body:has(.sidebar a[href="/dashboard"]) .support-chat-row.user p {
  border-color: rgba(196,149,106,.22) !important;
  background: #2c2c2c !important;
  color: #fff !important;
}

body:has(.sidebar a[href="/dashboard"]) .relay-mobile-menu-fab {
  border-color: rgba(226,211,195,.96) !important;
  border-radius: 10px !important;
  background: rgba(255,255,255,.94) !important;
  color: #2c2c2c !important;
  box-shadow: 0 14px 32px rgba(64,48,30,.14) !important;
}

@media (max-width: 820px) {
  body:has(.sidebar a[href="/dashboard"]) main.p-4,
  body:has(.sidebar a[href="/dashboard"]) main.relay-main,
  html.relay-user-shell-ready main {
    padding: 14px 12px 94px !important;
  }

  html.relay-user-shell-ready #app > .min-h-screen > .sidebar,
  html.relay-user-shell-ready #app > .min-h-screen > aside.sidebar {
    background: rgba(255,255,255,.96) !important;
    border-right-color: rgba(226,211,195,.96) !important;
    box-shadow: 18px 0 50px rgba(64,48,30,.18) !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero,
  body:has(.sidebar a[href="/dashboard"]) .welcome-glass {
    padding: 22px 16px !important;
    border-radius: 14px !important;
  }

  body:has(.sidebar a[href="/dashboard"]) .relay-user-hero h2,
  body:has(.sidebar a[href="/dashboard"]) .welcome-copy h1 {
    font-size: clamp(26px, 8vw, 34px) !important;
  }
}