@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;
500;600;700;800;900&family=Montserrat+Alternates:wght@600;700;800&display=swap');
:root { --ba-primary: #0D47A1; --ba-primary-hover: #083B8A; --ba-orange: #FF6A00; --ba-orange-hover: #E85B00; --ba-success: #0F9D58; --ba-dark: #333333; --ba-muted: #6B7A90; --ba-bg: #F5F7FA; --ba-surface: #FFFFFF; --ba-border: #DCE5F2; --ba-radius-sm: 8px; --ba-radius-md: 12px; --ba-radius-lg: 20px; --ba-shadow-sm: 0 2px 10px rgba(13,71,161,.08); --ba-shadow-md: 0 8px 28px rgba(13,71,161,.12); --ba-gradient-primary: linear-gradient(135deg,#0D47A1,#1565C0); --ba-gradient-brand: linear-gradient(135deg,#0D47A1,#FF6A00); --ba-gradient-success: linear-gradient(135deg,#0F9D58,#22B573); } 500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
*,::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: Inter,system-ui,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: IBM Plex Mono,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;} * {box-sizing: border-box;} body{-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background:#F5F7FA; color:#475569; font-family:"Inter",system-ui,sans-serif;} h1,h2,h3,h4 {font-family:"Montserrat","Inter",sans-serif;} ::-webkit-scrollbar {width:5px; height:5px;} ::-webkit-scrollbar-track {background:transparent;} ::-webkit-scrollbar-thumb {background:#DCFCE7; border-radius:99px;} .btn{display: inline-flex; height: 2rem; cursor: pointer; align-items: center; gap: .375rem; white-space: nowrap; border-radius: .5rem; border-style: none; padding-left: .75rem; padding-right: .75rem; font-size: .875rem; line-height: 1.25rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s;} .btn-primary{display: inline-flex; height: 2rem; cursor: pointer; align-items: center; gap: .375rem; white-space: nowrap; border-radius: .5rem; border-style: none; padding-left: .75rem; padding-right: .75rem; font-size: .875rem; line-height: 1.25rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); background:#009940;} .btn-primary:hover {background:#15803D;} .btn-ghost{display: inline-flex; height: 2rem; cursor: pointer; align-items: center; gap: .375rem; white-space: nowrap; border-radius: .5rem; border-style: none; padding-left: .75rem; padding-right: .75rem; font-size: .875rem; line-height: 1.25rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1));} .btn-ghost:hover{ --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .btn-danger{display: inline-flex; height: 2rem; cursor: pointer; align-items: center; gap: .375rem; white-space: nowrap; border-radius: .5rem; border-style: none; padding-left: .75rem; padding-right: .75rem; font-size: .875rem; line-height: 1.25rem; font-weight: 500; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(254 226 226 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1));} .btn-danger:hover{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .btn-sm{height: 1.75rem; padding-left: .625rem; padding-right: .625rem; font-size: .75rem; line-height: 1rem;} .card {background:#FFFFFF; border-radius:18px; border:1px solid #E5E7EB; box-shadow:0 8px 24px rgba(15,23,42,.05);} .card-p {background:#FFFFFF; border-radius:18px; border:1px solid #E5E7EB; box-shadow:0 8px 24px rgba(15,23,42,.05); padding:1rem;} .\!input{width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: .75rem; padding-right: .75rem; padding-top: .625rem; padding-bottom: .625rem; font-size: .875rem; line-height: 1.25rem; outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s;} .input{width: 100%; border-radius: .75rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); padding-left: .75rem; padding-right: .75rem; padding-top: .625rem; padding-bottom: .625rem; font-size: .875rem; line-height: 1.25rem; outline: 2px solid transparent; outline-offset: 2px; transition-property: all; transition-timing-function: cubic-bezier(.4,0,.2,1); transition-duration: .15s;} .\!input {color:#1C2B4B !important;} .input {color:#1C2B4B;} .\!input:focus {border-color:#009940 !important; box-shadow:0 0 0 3px rgba(0,153,64,.08) !important;} .input:focus {border-color:#009940; box-shadow:0 0 0 3px rgba(0,153,64,.08);} .label{margin-bottom: .375rem; display: block; font-size: .75rem; line-height: 1rem; font-weight: 500; color:#475569;} .badge{display: inline-flex; align-items: center; gap: .25rem; border-radius: 9999px; padding-left: .5rem; padding-right: .5rem; padding-top: .125rem; padding-bottom: .125rem; font-size: .75rem; line-height: 1rem; font-weight: 500;} .badge-green {background:#DCFCE7; color:#166534;} .badge-red {background:#FEE2E2; color:#B91C1C;} .badge-gray {background:#E5E7EB; color:#475569;} .badge-blue {background:#EFF6FF; color:#2563EB;} .th{padding-left: .75rem; padding-right: .75rem; padding-top: .625rem; padding-bottom: .625rem; text-align: left; font-size: .75rem; line-height: 1rem; font-weight: 600; background:#F5F7FA; color:#475569; border-bottom:2px solid #E5E7EB;} .td{border-bottom-width: 1px; padding-left: .75rem; padding-right: .75rem; padding-top: .625rem; padding-bottom: .625rem; font-size: .875rem; line-height: 1.25rem; border-color:#F1F5F9;} .tr-hover:hover {background:#F0FDF4;} .page-title {font-family:"Montserrat",sans-serif; font-size: 1.25rem; line-height: 1.75rem; font-weight: 600; color:#1C2B4B;} .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;} .visible{visibility: visible;} .collapse{visibility: collapse;} .fixed{position: fixed;} .absolute{position: absolute;} .relative{position: relative;} .sticky{position: sticky;} .inset-0{inset: 0px;} .z-50{z-index: 50;} .mx-2{margin-left: .5rem; margin-right: .5rem;} .mx-auto{margin-left: auto; margin-right: auto;} .mb-0\.5{margin-bottom: .125rem;} .mb-1{margin-bottom: .25rem;} .mb-2{margin-bottom: .5rem;} .mb-3{margin-bottom: .75rem;} .mb-4{margin-bottom: 1rem;} .mb-5{margin-bottom: 1.25rem;} .ml-0\.5{margin-left: .125rem;} .mt-0\.5{margin-top: .125rem;} .mt-1{margin-top: .25rem;} .mt-2{margin-top: .5rem;} .mt-3{margin-top: .75rem;} .mt-4{margin-top: 1rem;} .block{display: block;} .inline-block{display: inline-block;} .flex{display: flex;} .inline-flex{display: inline-flex;} .table{display: table;} .grid{display: grid;} .hidden{display: none;} .h-16{height: 4rem;} .h-4{height: 1rem;} .h-64{height: 16rem;} .h-7{height: 1.75rem;} .h-8{height: 2rem;} .h-9{height: 2.25rem;} .h-full{height: 100%;} .h-screen{height: 100vh;} .w-14{width: 3.5rem;} .w-16{width: 4rem;} .w-20{width: 5rem;} .w-3\.5{width: .875rem;} .w-36{width: 9rem;} .w-4{width: 1rem;} .w-44{width: 11rem;} .w-48{width: 12rem;} .w-52{width: 13rem;} .w-7{width: 1.75rem;} .w-72{width: 18rem;} .w-8{width: 2rem;} .w-80{width: 20rem;} .w-full{width: 100%;} .min-w-0{min-width: 0px;} .max-w-2xl{max-width: 42rem;} .max-w-4xl{max-width: 56rem;} .max-w-lg{max-width: 32rem;} .max-w-md{max-width: 28rem;} .flex-1{flex: 1 1 0%;} .flex-shrink-0{flex-shrink: 0;} .transform{transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));} @keyframes spin{to{transform: rotate(360deg);}} .animate-spin{animation: spin 1s linear infinite;} .cursor-pointer{cursor: pointer;} .resize-none{resize: none;} .resize{resize: both;} .grid-cols-2{grid-template-columns: repeat(2,minmax(0,1fr));} .flex-col{flex-direction: column;} .flex-wrap{flex-wrap: wrap;} .items-start{align-items: flex-start;} .items-end{align-items: flex-end;} .items-center{align-items: center;} .justify-end{justify-content: flex-end;} .justify-center{justify-content: center;} .justify-between{justify-content: space-between;} .gap-1{gap: .25rem;} .gap-2{gap: .5rem;} .gap-2\.5{gap: .625rem;} .gap-3{gap: .75rem;} .gap-4{gap: 1rem;} .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-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)); } .overflow-hidden{overflow: hidden;} .overflow-x-auto{overflow-x: auto;} .overflow-y-auto{overflow-y: auto;} .truncate{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .break-all{word-break: break-all;} .rounded{border-radius: .25rem;} .rounded-2xl{border-radius: 1rem;} .rounded-full{border-radius: 9999px;} .rounded-lg{border-radius: .5rem;} .rounded-md{border-radius: .375rem;} .rounded-xl{border-radius: .75rem;} .rounded-tl-xl{border-top-left-radius: .75rem;} .rounded-tr-xl{border-top-right-radius: .75rem;} .border{border-width: 1px;} .border-b{border-bottom-width: 1px;} .border-t{border-top-width: 1px;} .border-brand-600{ --tw-border-opacity: 1; border-color: rgb(22 163 74 / 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-200{ --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity, 1)); } .border-green-200{ --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .bg-amber-50{ --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-black\/40{background-color: rgb(0 0 0 / .4);} .bg-black\/50{background-color: rgb(0 0 0 / .5);} .bg-blue-50{ --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-brand-600{ --tw-bg-opacity: 1; background-color: rgb(22 163 74 / 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-50{ --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1)); } .bg-green-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-purple-50{ --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .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-teal-50{ --tw-bg-opacity: 1; background-color: rgb(240 253 250 / var(--tw-bg-opacity, 1)); } .bg-transparent{background-color: transparent;} .bg-white{ --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .object-cover{-o-object-fit: cover; object-fit: cover;} .p-2{padding: .5rem;} .p-3{padding: .75rem;} .p-4{padding: 1rem;} .p-5{padding: 1.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;} .py-0{padding-top: 0px; padding-bottom: 0px;} .py-0\.5{padding-top: .125rem; padding-bottom: .125rem;} .py-1\.5{padding-top: .375rem; padding-bottom: .375rem;} .py-12{padding-top: 3rem; padding-bottom: 3rem;} .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-3{padding-top: .75rem; padding-bottom: .75rem;} .py-4{padding-top: 1rem; padding-bottom: 1rem;} .pb-3{padding-bottom: .75rem;} .pt-1{padding-top: .25rem;} .text-center{text-align: center;} .font-mono{font-family: IBM Plex Mono,monospace;} .text-2xl{font-size: 1.5rem; line-height: 2rem;} .text-lg{font-size: 1.125rem; line-height: 1.75rem;} .text-sm{font-size: .875rem; line-height: 1.25rem;} .text-xs{font-size: .75rem; line-height: 1rem;} .font-medium{font-weight: 500;} .font-semibold{font-weight: 600;} .uppercase{text-transform: uppercase;} .capitalize{text-transform: capitalize;} .italic{font-style: italic;} .leading-none{line-height: 1;} .tracking-wider{letter-spacing: .05em;} .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-blue-200{ --tw-text-opacity: 1; color: rgb(191 219 254 / var(--tw-text-opacity, 1)); } .text-blue-300{ --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .text-blue-600{ --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-brand-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / 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-green-600{ --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700{ --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-purple-600{ --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-red-500{ --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-teal-600{ --tw-text-opacity: 1; color: rgb(13 148 136 / var(--tw-text-opacity, 1)); } .text-white{ --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .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)); } .accent-brand-600{accent-color: #16A34A;} .opacity-0{opacity: 0;} .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); } .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); } .drop-shadow{ --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06)); 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-sm{ --tw-backdrop-blur: blur(4px); 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;} .duration-200{transition-duration: .2s;} .ease-in-out{transition-timing-function: cubic-bezier(.4,0,.2,1);} .ease-out{transition-timing-function: cubic-bezier(0,0,.2,1);} .hover\:bg-amber-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-100:hover{ --tw-bg-opacity: 1; background-color: rgb(219 234 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-gray-100:hover{ --tw-bg-opacity: 1; background-color: rgb(243 244 246 / 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-green-100:hover{ --tw-bg-opacity: 1; background-color: rgb(220 252 231 / 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-red-100:hover{ --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-teal-100:hover{ --tw-bg-opacity: 1; background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1)); } .hover\:text-gray-600:hover{ --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-green-800:hover{ --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .hover\:underline:hover{text-decoration-line: underline;} .group:hover .group-hover\:opacity-100{opacity: 1;} @media (min-width: 768px){.md\:block{display: block;} .md\:hidden{display: none;}}));