@charset "UTF-8";/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-800:oklch(47% .157 37.304);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-100:oklch(93% .034 272.788);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-wider:.05em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-aiPurple:#6f42c1;--color-aiPurpleHover:#8b67cd;--color-darkModeAiPurple:#9a74d3;--color-primaryBlue:#deebf7;--color-secondaryBlue:#bdd7ee;--color-proBlue:#2e75b6;--color-maxBlue:#1f4e79;--color-maxBlueHover:#1d4062;--color-tripBirdyBlack:#262626;--color-tripBirdyGray:#6b7280;--color-tripBirdyGrayHover:#545b62;--color-tripBirdyGreen:#22c55d;--color-tripBirdyGreenHover:#1b9d4a;--color-tripBirdyRed:#f14444;--color-tripBirdyRedHover:#c03636;--color-bitcoinOrange:#f6931b;--color-bitcoinOrangeHover:#c47515;--color-aiTurquoise:#12a3b8;--color-aiTurquoiseHover:#0f8799}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing)*2)}.top-4{top:calc(var(--spacing)*4)}.top-12{top:calc(var(--spacing)*12)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-6{right:calc(var(--spacing)*6)}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[60\]{z-index:60}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.\!m-0{margin:calc(var(--spacing)*0)!important}.m-0{margin:calc(var(--spacing)*0)}.mx-0{margin-inline:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-5{margin-inline:calc(var(--spacing)*5)}.mx-auto{margin-inline:auto}.\!my-0{margin-block:calc(var(--spacing)*0)!important}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-16{margin-top:calc(var(--spacing)*16)}.mt-\[32px\]{margin-top:32px}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mr-4{margin-right:calc(var(--spacing)*4)}.\!mb-0{margin-bottom:calc(var(--spacing)*0)!important}.mb-0{margin-bottom:calc(var(--spacing)*0)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-16{margin-bottom:calc(var(--spacing)*16)}.mb-\[32px\]{margin-bottom:32px}.mb-\[64px\]{margin-bottom:64px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-25{height:calc(var(--spacing)*25)}.h-32{height:calc(var(--spacing)*32)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-full{height:100%}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[90vh\]{max-height:90vh}.min-h-\[110px\]{min-height:110px}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-50{width:calc(var(--spacing)*50)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-60{width:calc(var(--spacing)*60)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-96{width:calc(var(--spacing)*96)}.w-\[896px\]{width:896px}.w-auto{width:auto}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[275px\]{max-width:275px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-\[275px\]{min-width:275px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.\!cursor-not-allowed{cursor:not-allowed!important}.\!cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[min-content_1fr\]{grid-template-columns:min-content 1fr}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.\!gap-2{gap:calc(var(--spacing)*2)!important}.gap-0{gap:calc(var(--spacing)*0)}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*8)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.\!rounded-sm{border-radius:var(--radius-sm)!important}.rounded{border-radius:.25rem}.rounded-\[12px\]{border-radius:12px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.\!border-2{border-style:var(--tw-border-style)!important;border-width:2px!important}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-\[8px\]{border-style:var(--tw-border-style);border-width:8px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.\!border-blue-700{border-color:var(--color-blue-700)!important}.\!border-proBlue{border-color:var(--color-proBlue)!important}.\!border-tripBirdyRed{border-color:var(--color-tripBirdyRed)!important}.border-\[\#F6931B\]{border-color:#f6931b}.border-aiPurple{border-color:var(--color-aiPurple)}.border-bitcoinOrange{border-color:var(--color-bitcoinOrange)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-400{border-color:var(--color-blue-400)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-400{border-color:var(--color-green-400)}.border-green-500{border-color:var(--color-green-500)}.border-maxBlue{border-color:var(--color-maxBlue)}.border-orange-200{border-color:var(--color-orange-200)}.border-primaryBlue{border-color:var(--color-primaryBlue)}.border-proBlue{border-color:var(--color-proBlue)}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-tripBirdyBlack{border-color:var(--color-tripBirdyBlack)}.border-tripBirdyGray{border-color:var(--color-tripBirdyGray)}.border-tripBirdyGreen{border-color:var(--color-tripBirdyGreen)}.border-tripBirdyRed{border-color:var(--color-tripBirdyRed)}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-300{border-color:var(--color-yellow-300)}.\!bg-blue-700{background-color:var(--color-blue-700)!important}.\!bg-primaryBlue{background-color:var(--color-primaryBlue)!important}.\!bg-white{background-color:var(--color-white)!important}.bg-aiPurple{background-color:var(--color-aiPurple)}.bg-aiTurquoise{background-color:var(--color-aiTurquoise)}.bg-bitcoinOrange{background-color:var(--color-bitcoinOrange)}.bg-black{background-color:var(--color-black)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-maxBlue{background-color:var(--color-maxBlue)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-primaryBlue{background-color:var(--color-primaryBlue)}.bg-proBlue{background-color:var(--color-proBlue)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-secondaryBlue{background-color:var(--color-secondaryBlue)}.bg-transparent{background-color:#0000}.bg-tripBirdyGray{background-color:var(--color-tripBirdyGray)}.bg-tripBirdyGreen{background-color:var(--color-tripBirdyGreen)}.bg-tripBirdyRed{background-color:var(--color-tripBirdyRed)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-orange-50{--tw-gradient-from:var(--color-orange-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-indigo-100{--tw-gradient-to:var(--color-indigo-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-50{--tw-gradient-to:var(--color-red-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{-o-object-fit:cover;object-fit:cover}.\!p-0{padding:calc(var(--spacing)*0)!important}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.\!px-4{padding-inline:calc(var(--spacing)*4)!important}.px-0{padding-inline:calc(var(--spacing)*0)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.\!py-2{padding-block:calc(var(--spacing)*2)!important}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-12{padding-top:calc(var(--spacing)*12)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-10{padding-right:calc(var(--spacing)*10)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.\!text-center{text-align:center!important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.\!text-2xl{font-size:var(--text-2xl)!important;line-height:var(--tw-leading,var(--text-2xl--line-height))!important}.\!text-4xl{font-size:var(--text-4xl)!important;line-height:var(--tw-leading,var(--text-4xl--line-height))!important}.\!text-xl{font-size:var(--text-xl)!important;line-height:var(--tw-leading,var(--text-xl--line-height))!important}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-6{--tw-leading:calc(var(--spacing)*6);line-height:calc(var(--spacing)*6)}.leading-8{--tw-leading:calc(var(--spacing)*8);line-height:calc(var(--spacing)*8)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\!font-bold{--tw-font-weight:var(--font-weight-bold)!important;font-weight:var(--font-weight-bold)!important}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.\!text-bitcoinOrange{color:var(--color-bitcoinOrange)!important}.\!text-blue-700{color:var(--color-blue-700)!important}.\!text-tripBirdyRed{color:var(--color-tripBirdyRed)!important}.\!text-white{color:var(--color-white)!important}.text-aiPurple{color:var(--color-aiPurple)}.text-bitcoinOrange{color:var(--color-bitcoinOrange)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-orange-600{color:var(--color-orange-600)}.text-orange-800{color:var(--color-orange-800)}.text-proBlue{color:var(--color-proBlue)}.text-purple-600{color:var(--color-purple-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-tripBirdyBlack{color:var(--color-tripBirdyBlack)}.text-tripBirdyGray{color:var(--color-tripBirdyGray)}.text-tripBirdyGreen{color:var(--color-tripBirdyGreen)}.text-tripBirdyRed{color:var(--color-tripBirdyRed)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.\!italic{font-style:italic!important}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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(var(--blur-sm));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-all{transition-property:all!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.\!duration-300{--tw-duration:.3s!important;transition-duration:.3s!important}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.\!ease-in-out{--tw-ease:var(--ease-in-out)!important;transition-timing-function:var(--ease-in-out)!important}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:\!bg-blue-50:hover{background-color:var(--color-blue-50)!important}.hover\:\!bg-blue-800:hover{background-color:var(--color-blue-800)!important}.hover\:bg-aiPurpleHover:hover{background-color:var(--color-aiPurpleHover)}.hover\:bg-aiTurquoiseHover:hover{background-color:var(--color-aiTurquoiseHover)}.hover\:bg-bitcoinOrangeHover:hover{background-color:var(--color-bitcoinOrangeHover)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-maxBlue:hover{background-color:var(--color-maxBlue)}.hover\:bg-orange-600:hover{background-color:var(--color-orange-600)}.hover\:bg-primaryBlue:hover{background-color:var(--color-primaryBlue)}.hover\:bg-proBlue:hover{background-color:var(--color-proBlue)}.hover\:bg-purple-600:hover{background-color:var(--color-purple-600)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-secondaryBlue:hover{background-color:var(--color-secondaryBlue)}.hover\:bg-tripBirdyBlack:hover{background-color:var(--color-tripBirdyBlack)}.hover\:bg-tripBirdyGrayHover:hover{background-color:var(--color-tripBirdyGrayHover)}.hover\:bg-tripBirdyGreenHover:hover{background-color:var(--color-tripBirdyGreenHover)}.hover\:bg-tripBirdyRedHover:hover{background-color:var(--color-tripBirdyRedHover)}.hover\:text-aiPurpleHover:hover{color:var(--color-aiPurpleHover)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-800:hover{color:var(--color-gray-800)}.hover\:text-maxBlue:hover{color:var(--color-maxBlue)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-tripBirdyBlack:hover{color:var(--color-tripBirdyBlack)}.hover\:text-tripBirdyRedHover:hover{color:var(--color-tripBirdyRedHover)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-transparent:focus{border-color:#0000}.focus\:border-tripBirdyGreen:focus{border-color:var(--color-tripBirdyGreen)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-bitcoinOrange:focus{--tw-ring-color:var(--color-bitcoinOrange)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-maxBlue:focus{--tw-ring-color:var(--color-maxBlue)}.focus\:ring-proBlue:focus{--tw-ring-color:var(--color-proBlue)}.focus\:ring-tripBirdyGray:focus{--tw-ring-color:var(--color-tripBirdyGray)}.focus\:ring-tripBirdyGreen:focus{--tw-ring-color:var(--color-tripBirdyGreen)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-blue-400:disabled{background-color:var(--color-blue-400)}.disabled\:bg-maxBlue\/50:disabled{background-color:#1f4e7980}@supports (color:color-mix(in lab, red, red)){.disabled\:bg-maxBlue\/50:disabled{background-color:color-mix(in oklab,var(--color-maxBlue)50%,transparent)}}.disabled\:bg-red-400:disabled{background-color:var(--color-red-400)}.disabled\:bg-tripBirdyGray:disabled{background-color:var(--color-tripBirdyGray)}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing)*6)}}@media (min-width:48rem){.md\:col-span-2{grid-column:span 2/span 2}.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))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}}@media (prefers-color-scheme:dark){.dark\:hidden{display:none}.dark\:inline{display:inline}.dark\:border-2{border-style:var(--tw-border-style);border-width:2px}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-gray-700{border-color:var(--color-gray-700)}.dark\:border-red-800{border-color:var(--color-red-800)}.dark\:border-white{border-color:var(--color-white)}.dark\:bg-black{background-color:var(--color-black)}.dark\:bg-blue-900\/20{background-color:#1c398e33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-900\/20{background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:bg-gray-900{background-color:var(--color-gray-900)}.dark\:bg-green-900\/20{background-color:#0d542b33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-900\/20{background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-maxBlue{background-color:var(--color-maxBlue)}.dark\:bg-red-900\/20{background-color:#82181a33}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/20{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-darkModeAiPurple{color:var(--color-darkModeAiPurple)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-200{color:var(--color-green-200)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-proBlue{color:var(--color-proBlue)}.dark\:text-red-200{color:var(--color-red-200)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-white{color:var(--color-white)}.dark\:text-yellow-400{color:var(--color-yellow-400)}@media (hover:hover){.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:bg-maxBlueHover:hover{background-color:var(--color-maxBlueHover)}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:text-tripBirdyBlack:hover{color:var(--color-tripBirdyBlack)}.dark\:hover\:text-white:hover{color:var(--color-white)}}}}:root{color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryBlue:#deebf7;--secondaryBlue:#bdd7ee;--secondaryBlueHover:#8caece;--proBlue:#2e75b6;--maxBlue:#1f4e79;--tripBirdyBlack:#262626;--tripBirdyGray:#6b7280;--tripBirdyGrayHover:#545b62;--tripBirdyGreen:#22c55d;--tripBirdyGreenHover:#1b9d4a;--tripBirdyRed:#f14444;--tripBirdyRedHover:#c03636;--bitcoinOrange:#f6931b;--bitcoinOrangeHover:#c47515;--aiPurple:#6f42c1;--aiPurpleHover:#8b67cd;--darkModeAiPurple:#9a74d3;--aiTurquoise:#12a3b8;--aiTurquoiseHover:#41b5c6;--primaryPeachFuzz:#fbe4d5;--secondaryPeachFuzz:#f4b183;--warmTerracotta:#e07a5f;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5}a{color:#f6931b;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:700}a:hover{color:#c47515;text-decoration:none}@media (prefers-color-scheme:dark){header,body{color:#fff;background-color:#000}}body{min-width:320px;min-height:100vh;margin:0;font-weight:400}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;border:1px solid #0000;border-radius:4px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}

.auth-menu {
  position: fixed;
  top: 20px;
  right: 20px; /* Position to the left of the demo controls */
  z-index: 99998; /* Just below demo controls */
  font-family: Arial, sans-serif;
}

/* Hamburger button styles moved to Tailwind classes in AuthMenu.tsx */

.auth-menu-header {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
  font-weight: 500;
  color: #333;
}

.auth-icon {
  color: rgb(59 130 246);
}

.auth-menu-options {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.auth-option {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 4px;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  color: #333;
}

.auth-option:hover {
  background-color: #f5f5f5;
}

.auth-option-icon {
  color: rgb(59 130 246);
  width: 16px;
}

/* Current user info styles moved to Tailwind classes in AuthMenu.tsx */

@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.buy-points-option {
  color: #059669;
}

.buy-points-option:hover {
  background-color: #ecfdf5;
}

.buy-points-option .auth-option-icon {
  color: #059669;
}

.sign-out-option {
  color: #dc2626;
}

.sign-out-option:hover {
  background-color: #fef2f2;
}

.sign-out-option .auth-option-icon {
  color: #dc2626;
}
/* Additional styles for Birdy Points Purchase Page */

.package-card {
  transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}

.package-card:hover {
  transform: translateY(-2px);
}

.points-display {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 2px solid #f59e0b;
}

.category-badge {
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.package-header {
  background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);
}

.purchase-button {
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  transition: all 0.2s ease-in-out;
}

.purchase-button:hover:not(:disabled) {
  background: linear-gradient(135deg, #1d4ed8 0%, #1e40af 100%);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.4);
}

.purchase-button:disabled {
  background: linear-gradient(135deg, #9ca3af 0%, #6b7280 100%);
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

.price-highlight {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  border: 1px solid #3b82f6;
}

.points-value {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border: 2px solid #f59e0b;
  color: #92400e;
}

/* Animation for success message */
@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.success-message {
  animation: slideInFromTop 0.3s ease-out;
}

/* Animation for error message */
@keyframes slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.error-message {
  animation: slideInFromTop 0.3s ease-out;
}

/* Loading spinner animation */
@keyframes spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

.spinning {
  animation: spin 1s linear infinite;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .package-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
  
  .package-card {
    margin: 0 0.5rem;
  }
}

/* Category-specific styling */
.category-intro {
  background: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);
  color: #166534;
  border-color: #22c55e;
}

.category-starter {
  background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
  color: #1e40af;
  border-color: #3b82f6;
}

.category-value {
  background: linear-gradient(135deg, #e9d5ff 0%, #ddd6fe 100%);
  color: #7c3aed;
  border-color: #8b5cf6;
}

.category-premium {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  color: #92400e;
  border-color: #f59e0b;
}

.category-limited {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  color: #dc2626;
  border-color: #ef4444;
}

.rbc-btn {
  color: inherit;
  font: inherit;
  margin: 0;
}

button.rbc-btn {
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
     -moz-appearance: button;
          appearance: button;
  cursor: pointer;
}

button[disabled].rbc-btn {
  cursor: not-allowed;
}

button.rbc-input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.rbc-calendar {
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.rbc-m-b-negative-3 {
  margin-bottom: -3px;
}

.rbc-h-full {
  height: 100%;
}

.rbc-calendar *,
.rbc-calendar *:before,
.rbc-calendar *:after {
  box-sizing: inherit;
}

.rbc-abs-full, .rbc-row-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.rbc-ellipsis, .rbc-show-more, .rbc-row-segment .rbc-event-content, .rbc-event-label {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rbc-rtl {
  direction: rtl;
}

.rbc-off-range {
  color: #999999;
}

.rbc-off-range-bg {
  background: #e6e6e6;
}

.rbc-header {
  overflow: hidden;
  flex: 1 0 0%;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 3px;
  text-align: center;
  vertical-align: middle;
  font-weight: bold;
  font-size: 90%;
  min-height: 0;
  border-bottom: 1px solid #ddd;
}
.rbc-header + .rbc-header {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-header + .rbc-header {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-header > a, .rbc-header > a:active, .rbc-header > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-button-link {
  color: inherit;
  background: none;
  margin: 0;
  padding: 0;
  border: none;
  cursor: pointer;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
}

.rbc-row-content {
  position: relative;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  z-index: 4;
}

.rbc-row-content-scrollable {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container {
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.rbc-row-content-scrollable .rbc-row-content-scroll-container::-webkit-scrollbar {
  display: none;
}

.rbc-today {
  background-color: #eaf6ff;
}

.rbc-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 16px;
}
.rbc-toolbar .rbc-toolbar-label {
  flex-grow: 1;
  padding: 0 10px;
  text-align: center;
}
.rbc-toolbar button {
  color: #373a3c;
  display: inline-block;
  margin: 0;
  text-align: center;
  vertical-align: middle;
  background: none;
  background-image: none;
  border: 1px solid #ccc;
  padding: 0.375rem 1rem;
  border-radius: 4px;
  line-height: normal;
  white-space: nowrap;
}
.rbc-toolbar button:active, .rbc-toolbar button.rbc-active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:active:hover, .rbc-toolbar button:active:focus, .rbc-toolbar button.rbc-active:hover, .rbc-toolbar button.rbc-active:focus {
  color: #373a3c;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.rbc-toolbar button:focus {
  color: #373a3c;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.rbc-toolbar button:hover {
  color: #373a3c;
  cursor: pointer;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.rbc-btn-group {
  display: inline-block;
  white-space: nowrap;
}
.rbc-btn-group > button:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:first-child:not(:last-child) {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.rbc-rtl .rbc-btn-group > button:last-child:not(:first-child) {
  border-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.rbc-btn-group > button:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.rbc-btn-group button + button {
  margin-left: -1px;
}
.rbc-rtl .rbc-btn-group button + button {
  margin-left: 0;
  margin-right: -1px;
}
.rbc-btn-group + .rbc-btn-group, .rbc-btn-group + button {
  margin-left: 10px;
}

@media (max-width: 767px) {
  .rbc-toolbar {
    flex-direction: column;
  }
}
.rbc-event, .rbc-day-slot .rbc-background-event {
  border: none;
  box-sizing: border-box;
  box-shadow: none;
  margin: 0;
  padding: 2px 5px;
  background-color: #3174ad;
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.rbc-slot-selecting .rbc-event, .rbc-slot-selecting .rbc-day-slot .rbc-background-event, .rbc-day-slot .rbc-slot-selecting .rbc-background-event {
  cursor: inherit;
  pointer-events: none;
}
.rbc-event.rbc-selected, .rbc-day-slot .rbc-selected.rbc-background-event {
  background-color: #265985;
}
.rbc-event:focus, .rbc-day-slot .rbc-background-event:focus {
  outline: 5px auto #3b99fc;
}

.rbc-event-label {
  font-size: 80%;
}

.rbc-event-overlaps {
  box-shadow: -1px 1px 5px 0px rgba(51, 51, 51, 0.5);
}

.rbc-event-continues-prior {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.rbc-event-continues-after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-event-continues-earlier {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.rbc-event-continues-later {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.rbc-row {
  display: flex;
  flex-direction: row;
}

.rbc-row-segment {
  padding: 0 1px 1px 1px;
}
.rbc-selected-cell {
  background-color: rgba(0, 0, 0, 0.1);
}

.rbc-show-more {
  background-color: rgba(255, 255, 255, 0.3);
  z-index: 4;
  font-weight: bold;
  font-size: 85%;
  height: auto;
  line-height: normal;
  color: #3174ad;
}
.rbc-show-more:hover, .rbc-show-more:focus {
  color: #265985;
}

.rbc-month-view {
  position: relative;
  border: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  width: 100%;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  height: 100%;
}

.rbc-month-header {
  display: flex;
  flex-direction: row;
}

.rbc-month-row {
  display: flex;
  position: relative;
  flex-direction: column;
  flex: 1 0 0;
  flex-basis: 0px;
  overflow: hidden;
  height: 100%;
}
.rbc-month-row + .rbc-month-row {
  border-top: 1px solid #ddd;
}

.rbc-date-cell {
  flex: 1 1 0;
  min-width: 0;
  padding-right: 5px;
  text-align: right;
}
.rbc-date-cell.rbc-now {
  font-weight: bold;
}
.rbc-date-cell > a, .rbc-date-cell > a:active, .rbc-date-cell > a:visited {
  color: inherit;
  text-decoration: none;
}

.rbc-row-bg {
  display: flex;
  flex-direction: row;
  flex: 1 0 0;
  overflow: hidden;
  right: 1px;
}

.rbc-day-bg {
  flex: 1 0 0%;
}
.rbc-day-bg + .rbc-day-bg {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-day-bg + .rbc-day-bg {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}

.rbc-overlay {
  position: absolute;
  z-index: 5;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
  padding: 10px;
}
.rbc-overlay > * + * {
  margin-top: 1px;
}

.rbc-overlay-header {
  border-bottom: 1px solid #e5e5e5;
  margin: -10px -10px 5px -10px;
  padding: 2px 10px;
}

.rbc-agenda-view {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  overflow: auto;
}
.rbc-agenda-view table.rbc-agenda-table {
  width: 100%;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td {
  padding: 5px 10px;
  vertical-align: top;
}
.rbc-agenda-view table.rbc-agenda-table .rbc-agenda-time-cell {
  padding-left: 15px;
  padding-right: 15px;
  text-transform: lowercase;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table tbody > tr > td + td {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table tbody > tr + tr {
  border-top: 1px solid #ddd;
}
.rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  padding: 3px 5px;
  text-align: left;
  border-bottom: 1px solid #ddd;
}
.rbc-rtl .rbc-agenda-view table.rbc-agenda-table thead > tr > th {
  text-align: right;
}

.rbc-agenda-time-cell {
  text-transform: lowercase;
}
.rbc-agenda-time-cell .rbc-continues-after:after {
  content: " »";
}
.rbc-agenda-time-cell .rbc-continues-prior:before {
  content: "« ";
}

.rbc-agenda-date-cell,
.rbc-agenda-time-cell {
  white-space: nowrap;
}

.rbc-agenda-event-cell {
  width: 100%;
}

.rbc-time-column {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}
.rbc-time-column .rbc-timeslot-group {
  flex: 1;
}

.rbc-timeslot-group {
  border-bottom: 1px solid #ddd;
  min-height: 40px;
  display: flex;
  flex-flow: column nowrap;
}

.rbc-time-gutter,
.rbc-header-gutter {
  flex: none;
}

.rbc-label {
  padding: 0 5px;
}

.rbc-day-slot {
  position: relative;
}
.rbc-day-slot .rbc-events-container {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  margin-right: 10px;
  top: 0;
}
.rbc-day-slot .rbc-events-container.rbc-rtl {
  left: 10px;
  right: 0;
}
.rbc-day-slot .rbc-event, .rbc-day-slot .rbc-background-event {
  border: 1px solid #265985;
  display: flex;
  max-height: 100%;
  min-height: 20px;
  flex-flow: column wrap;
  align-items: flex-start;
  overflow: hidden;
  position: absolute;
}
.rbc-day-slot .rbc-background-event {
  opacity: 0.75;
}
.rbc-day-slot .rbc-event-label {
  flex: none;
  padding-right: 5px;
  width: auto;
}
.rbc-day-slot .rbc-event-content {
  width: 100%;
  flex: 1 1 0;
  word-wrap: break-word;
  line-height: 1;
  height: 100%;
  min-height: 1em;
}
.rbc-day-slot .rbc-time-slot {
  border-top: 1px solid #f7f7f7;
}

.rbc-time-view-resources .rbc-time-gutter,
.rbc-time-view-resources .rbc-time-header-gutter {
  position: sticky;
  left: 0;
  background-color: white;
  border-right: 1px solid #ddd;
  z-index: 10;
  margin-right: -1px;
}
.rbc-time-view-resources .rbc-time-header {
  overflow: hidden;
}
.rbc-time-view-resources .rbc-time-header-content {
  min-width: auto;
  flex: 1 0 0;
  flex-basis: 0px;
}
.rbc-time-view-resources .rbc-time-header-cell-single-day {
  display: none;
}
.rbc-time-view-resources .rbc-day-slot {
  min-width: 140px;
}
.rbc-time-view-resources .rbc-header,
.rbc-time-view-resources .rbc-day-bg {
  width: 140px;
  flex: 1 1 0;
  flex-basis: 0 px;
}

.rbc-time-header-content + .rbc-time-header-content {
  margin-left: -1px;
}

.rbc-time-slot {
  flex: 1 0 0;
}
.rbc-time-slot.rbc-now {
  font-weight: bold;
}

.rbc-day-header {
  text-align: center;
}

.rbc-slot-selection {
  z-index: 10;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 75%;
  width: 100%;
  padding: 3px;
}

.rbc-slot-selecting {
  cursor: move;
}

.rbc-time-view {
  display: flex;
  flex-direction: column;
  flex: 1;
  width: 100%;
  border: 1px solid #ddd;
  min-height: 0;
}
.rbc-time-view .rbc-time-gutter {
  white-space: nowrap;
  text-align: right;
}
.rbc-time-view .rbc-allday-cell {
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  position: relative;
}
.rbc-time-view .rbc-allday-cell + .rbc-allday-cell {
  border-left: 1px solid #ddd;
}
.rbc-time-view .rbc-allday-events {
  position: relative;
  z-index: 4;
}
.rbc-time-view .rbc-row {
  box-sizing: border-box;
  min-height: 20px;
}

.rbc-time-header {
  display: flex;
  flex: 0 0 auto;
  flex-direction: row;
}
.rbc-time-header.rbc-overflowing {
  border-right: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header.rbc-overflowing {
  border-right-width: 0;
  border-left: 1px solid #ddd;
}
.rbc-time-header > .rbc-row:first-child {
  border-bottom: 1px solid #ddd;
}
.rbc-time-header > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
}

.rbc-time-header-cell-single-day {
  display: none;
}

.rbc-time-header-content {
  flex: 1;
  display: flex;
  min-width: 0;
  flex-direction: column;
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-header-content {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-header-content > .rbc-row.rbc-row-resource {
  border-bottom: 1px solid #ddd;
  flex-shrink: 0;
}

.rbc-time-content {
  display: flex;
  flex: 1 0 0%;
  align-items: flex-start;
  width: 100%;
  border-top: 2px solid #ddd;
  overflow-y: auto;
  position: relative;
}
.rbc-time-content > .rbc-time-gutter {
  flex: none;
}
.rbc-time-content > * + * > * {
  border-left: 1px solid #ddd;
}
.rbc-rtl .rbc-time-content > * + * > * {
  border-left-width: 0;
  border-right: 1px solid #ddd;
}
.rbc-time-content > .rbc-day-slot {
  width: 100%;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}

.rbc-current-time-indicator {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #74ad31;
  pointer-events: none;
}

.rbc-resource-grouping.rbc-time-header-content {
  display: flex;
  flex-direction: column;
}
.rbc-resource-grouping .rbc-row .rbc-header {
  width: 141px;
}
/*# sourceMappingURL=react-big-calendar.css.map */.rbc-addons-dnd .rbc-addons-dnd-row-body {
  position: relative;
}
.rbc-addons-dnd .rbc-addons-dnd-drag-row {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-over {
  background-color: rgba(0, 0, 0, 0.3);
}
.rbc-addons-dnd .rbc-event {
  transition: opacity 150ms;
}
.rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ns-icon, .rbc-addons-dnd .rbc-event:hover .rbc-addons-dnd-resize-ew-icon {
  display: block;
}
.rbc-addons-dnd .rbc-addons-dnd-dragged-event {
  opacity: 0;
}
.rbc-addons-dnd.rbc-addons-dnd-is-dragging .rbc-event:not(.rbc-addons-dnd-dragged-event):not(.rbc-addons-dnd-drag-preview) {
  opacity: 0.5;
}
.rbc-addons-dnd .rbc-addons-dnd-resizable {
  position: relative;
  width: 100%;
  height: 100%;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor {
  width: 100%;
  text-align: center;
  position: absolute;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:first-child {
  top: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor:last-child {
  bottom: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ns-anchor .rbc-addons-dnd-resize-ns-icon {
  display: none;
  border-top: 3px double;
  margin: 0 auto;
  width: 10px;
  cursor: ns-resize;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor {
  position: absolute;
  top: 4px;
  bottom: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:first-child {
  left: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor:last-child {
  right: 0;
}
.rbc-addons-dnd .rbc-addons-dnd-resize-ew-anchor .rbc-addons-dnd-resize-ew-icon {
  display: none;
  border-left: 3px double;
  margin-top: auto;
  margin-bottom: auto;
  height: 10px;
  cursor: ew-resize;
}

/*# sourceMappingURL=styles.css.map */.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.trip-parameters-modal-content {
  background-color: white;
  padding: 20px;
  border-radius: 12px;
  width: 90%;
  max-width: 600px;
  height: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 0 auto;
}

@media (prefers-color-scheme: dark) {
  .trip-parameters-modal-content {
    background-color: black;
    border: 1px solid white;
  }
}

.modal-header {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}

.modal-header h2 {
  margin: 0;
  color: #333;
  font-size: 1.5rem;
  text-align: center;
}

.close-button {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  background-color: #F14444;
  color: white;
  padding: 0.5rem;
}

.close-button {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  background-color: #F14444;
  color: white;
  padding: 0.5rem;
}

.close-button:hover {
  color: #C03636;
}

.form-section h3,
.trip-parameters-form h3 {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  text-align: center;
}

.trip-parameters-form {
  display: flex;
  justify-content: center;
  width: 100%;
}

.trip-parameters-form form {
  margin-top: 10px;
  width: 100%;
  max-width: 500px;
}

.trip-parameters-form .form-group {
  margin-bottom: 1rem;
}

.form-group label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 500;
}

.form-group input,
.form-group select {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
}

.form-group select[multiple] {
  height: 120px;
}

.form-group small {
  display: block;
  margin-top: 0.25rem;
  color: #666;
  font-size: 0.875rem;
}

.error-message {
  background-color: #fee;
  color: #c00;
  padding: 0.75rem;
  border-radius: 4px;
  margin-bottom: 1rem;
}

.modal-actions {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 2rem;
}

.cancel-button,
.save-button {
  padding: 0.75rem 1.5rem;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: background-color 0.2s;
}

.cancel-button {
  background-color: #F14444;
  border: none;
  color: white;
  font-weight: bold;
}

.cancel-button:hover {
  background-color: #C03636;
}

.save-button {
  background-color: #22C55D;
  border: none;
  color: white;
  font-weight: bold;
}

.save-button:hover {
  background-color: #1B9D4A;
}

/* Responsive adjustments */
@media (max-width: 480px) {
  .modal-content {
    width: 95%;
    padding: 1.5rem;
  }

  .modal-actions {
    flex-direction: column;
  }

  .cancel-button,
  .save-button {
    width: 100%;
  }
} .group-trip-wizard {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1.25rem 2.5rem;
  background: white;
  border-radius: 8px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

@media (max-width: 1024px) {
  .group-trip-wizard {
    max-width: 90%;
    margin: 0 auto;
    padding: 1.25rem 2.5rem;
  }
}

@media (max-width: 768px) {
  .group-trip-wizard {
    margin: 0;
    padding: 1.25rem 2.5rem;
  }
  
  .group-size-inputs {
    flex-direction: column;
    gap: 1rem;
  }
  
  .date-inputs {
    flex-direction: row;
    gap: 0.5rem;
    align-items: center;
  }
  
  .date-inputs input {
    flex: 1;
    min-width: 0;
  }
  
  .date-inputs span {
    text-align: center;
    white-space: nowrap;
    font-size: 0.875rem;
  }
  
  .button-group {
    flex-direction: column;
  }
  
  .btn {
    width: 100%;
  }
}

.wizard-progress {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  position: relative;
}

.wizard-progress::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #e0e0e0;
  z-index: 1;
}

.progress-step {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
}

.step-number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e0e0e0;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.progress-step.active .step-number {
  background: #2E75B6;
  color: white;
}

.progress-step.completed .step-number {
  background: #22C55D !important;
  color: white !important;
}

.step-title {
  font-size: 0.875rem;
  text-align: center;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.group-trip-wizard .progress-step.active .step-title {
  color: #2E75B6 !important;
  font-weight: bold !important;
}

.wizard-content {
  margin-top: 2rem;
}

.wizard-step {
  width: 400px;
  margin: 0 auto;
}

.wizard-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.form-group {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.form-group label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
  margin-bottom: 0.25rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.form-group input,
.form-group select {
  padding: 0.75rem;
  background-color: light-dark(white, var(--tripBirdyBlack));
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}

.form-group select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.75rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.form-group input:focus,
.form-group select:focus {
  outline: none;
  border-color: #2E75B6;
}

.date-inputs {
  display: flex;
  align-items: center;
  flex-direction: row;
  gap: 1rem;
  width: 100%;
  justify-content: space-between;
}

.date-inputs input {
  flex: 1;
  min-width: 0;
  max-width: calc(50% - 0.5rem);
}

.date-inputs span {
  color: #262626;
  font-weight: 500;
  white-space: nowrap;
  padding: 0 0.5rem;
  text-align: center;
}

@media (prefers-color-scheme: dark) {
  .date-inputs span {
    color: white;
  }
}

.group-size-inputs {
  display: flex;
  gap: 1rem;
  width: 100%;
}

.number-input {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  flex: 1;
}

.number-input label {
  font-size: 0.875rem;
  color: #262626;
  font-weight: 500;
  margin-bottom: 0;
}

.number-input input {
  width: 100%;
  box-sizing: border-box;
}

.error {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.button-group {
  display: flex;
  flex-direction: column;
  margin-top: 2rem;
  gap: 1rem;
}

.btn {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  min-width: 100px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  background: #2E75B6;
  color: white;
  font-weight: bold;
}

.btn-primary:hover {
  background: #1F4E79;
}

.btn-secondary {
  background: #6c757d;
  color: white;
  font-weight: bold;
}

.btn-secondary:hover {
  background: #545b62;
}

.btn-share-code {
  background: var(--bitcoinOrange);
  color: var(--tripBirdyBlack);
}

.btn-share-code:hover {
  background: var(--bitcoinOrangeHover);
}

.wizard-success {
  text-align: center;
  padding: 2rem;
  max-width: 600px;
  margin: 0 auto;
}

.invite-codes {
  margin: 2rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.invite-code-item {
  background-color: var(--primaryBlue);
  border-radius: 12px;
  padding: 1rem;
  text-align: left;
}

.code-label {
  font-weight: bold;
  border-radius: 4px;
  margin-bottom: 0.5rem;
  background-color: var(--primaryBlue);
  color: var(--tripBirdyBlack);
}

.code-container {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
}

.code-container code {
  background-color: white;
  padding: 0.5rem 1rem;
  border-radius: 4px;
  font-family: monospace;
  font-size: 1.1rem;
  flex-grow: 1;
  min-width: 200px;
}

.invite-code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 1.5rem 0;
}

.invite-code code {
  padding: 0.75rem 1.5rem;
  background: #f8f9fa;
  border-radius: 4px;
  font-size: 1.25rem;
  font-family: monospace;
}

.review-section {
  margin-bottom: 2rem;
}

.review-section h3 {
  margin-bottom: 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  font-weight: 600;
}

.review-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  padding: 0.75rem;
  background: light-dark(var(--primaryBlue), var(--maxBlue));
  border-radius: 4px;
  margin-bottom: 0.5rem;
}

.review-item svg {
  color: light-dark(var(--proBlue), white);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.review-item span {
  text-transform: capitalize;
}

.review-item.activities-item {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
}

.review-item.activities-item > span:first-child {
  display: flex;
  align-items: center;
  gap: 1rem;
  min-height: 16px;
}

.review-item.activities-item > span:first-child::before {
  content: '';
  width: 16px;
  flex-shrink: 0;
}

/* Clean Multiselect styles */
.multiselect-clean {
  position: relative;
  width: 100%;
}

.multiselect-clean-list {
  display: flex;
  flex-direction: column;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: light-dark(white, var(--tripBirdyBlack));
  max-height: 250px;
  overflow-y: auto;
}

.multiselect-clean-item {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  border: none;
  text-align: left;
}

.multiselect-clean-item:hover {
  background-color: light-dark(var(--primaryBlue), var(--maxBlue));
  color: light-dark(var(--tripBirdyBlack), white);
}

.multiselect-clean-item.selected {
  background-color: light-dark(var(--primaryBlue), var(--maxBlue));
  color: light-dark(var(--tripBirdyBlack), white);
  margin: 0;
  border: none;
  padding: 0.5rem 1rem;
}

.multiselect-clean-item.selected:hover {
  background-color: light-dark(#c5d9f0, #1D4062);
}

.multiselect-clean-item svg {
  color: light-dark(var(--proBlue), white);
  width: 16px;
  flex-shrink: 0;
}

/* Focus state for the container */
.multiselect-clean:focus-within .multiselect-clean-list {
  border-color: #2E75B6;
}

/* Multiselect styles (keeping for backward compatibility) */
.group-trip-wizard .multiselect {
  min-height: 120px;
  padding: 0.75rem;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: #262626;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

.multiselect:focus {
  outline: none;
  border-color: #2E75B6;
}

.multiselect option {
  padding: 0.5rem;
  margin-bottom: 0.25rem;
  border-radius: 4px;
  cursor: pointer;
}

/* Override all browser default styles for multiselect options */
.group-trip-wizard .multiselect option:checked:-moz-any-link {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.group-trip-wizard .multiselect option:checked,
.group-trip-wizard .multiselect option:checked:hover,
.group-trip-wizard .multiselect option:checked:focus,
.group-trip-wizard .multiselect option:checked:active,
.group-trip-wizard .multiselect option:checked:focus-visible,
.group-trip-wizard .multiselect option:checked:focus-within,
.group-trip-wizard .multiselect option:checked:target,
.group-trip-wizard .multiselect option:checked:visited,
.group-trip-wizard .multiselect option:checked:link,
.group-trip-wizard .multiselect option:checked:any-link {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Additional specificity for webkit browsers */
.group-trip-wizard .multiselect option:checked::-webkit-option {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
}

/* Additional specificity for Firefox */
.group-trip-wizard .multiselect option:checked:-moz-focusring {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
}

/* Override any remaining browser styles */
.group-trip-wizard .multiselect option {
  background-color: transparent !important;
  color: #262626 !important;
}

.group-trip-wizard .multiselect option:checked {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
}

/* Force override for all option states */
.group-trip-wizard .multiselect option:checked:-moz-read-only {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.group-trip-wizard .multiselect option:checked:-moz-read-write {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.group-trip-wizard .multiselect option:checked:-moz-any-link {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}
.group-trip-wizard .multiselect option:checked,
.group-trip-wizard .multiselect option:checked:hover,
.group-trip-wizard .multiselect option:checked:focus,
.group-trip-wizard .multiselect option:checked:active,
.group-trip-wizard .multiselect option:checked:focus-visible,
.group-trip-wizard .multiselect option:checked:focus-within,
.group-trip-wizard .multiselect option:checked:target,
.group-trip-wizard .multiselect option:checked:visited,
.group-trip-wizard .multiselect option:checked:link,
.group-trip-wizard .multiselect option:checked:any-link,
.group-trip-wizard .multiselect option:checked:enabled,
.group-trip-wizard .multiselect option:checked:disabled,
.group-trip-wizard .multiselect option:checked:default,
.group-trip-wizard .multiselect option:checked:indeterminate,
.group-trip-wizard .multiselect option:checked:invalid,
.group-trip-wizard .multiselect option:checked:optional,
.group-trip-wizard .multiselect option:checked:out-of-range,
.group-trip-wizard .multiselect option:checked:read-only,
.group-trip-wizard .multiselect option:checked:read-write,
.group-trip-wizard .multiselect option:checked:required,
.group-trip-wizard .multiselect option:checked:valid {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Handle focus state of the select element itself */
.group-trip-wizard .multiselect:focus {
  outline: none;
  border-color: #2E75B6;
}

/* Ensure selected options maintain styling when select loses focus */
.group-trip-wizard .multiselect:not(:focus) option:checked {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Override focus state for selected options */
.group-trip-wizard .multiselect:focus option:checked {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Additional specificity for focused state */
.group-trip-wizard .multiselect:focus option:checked,
.group-trip-wizard .multiselect:focus option:checked:hover,
.group-trip-wizard .multiselect:focus option:checked:active,
.group-trip-wizard .multiselect:focus option:checked:focus,
.group-trip-wizard .multiselect:focus option:checked:focus-visible {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Override browser default focus styles for all options */
.group-trip-wizard .multiselect:focus option {
  background-color: transparent !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
}

/* Force override for focused selected options with maximum specificity */
.group-trip-wizard .multiselect:focus option[selected],
.group-trip-wizard .multiselect:focus option:checked,
.group-trip-wizard .multiselect:focus option[selected]:hover,
.group-trip-wizard .multiselect:focus option:checked:hover,
.group-trip-wizard .multiselect:focus option[selected]:active,
.group-trip-wizard .multiselect:focus option:checked:active,
.group-trip-wizard .multiselect:focus option[selected]:focus,
.group-trip-wizard .multiselect:focus option:checked:focus,
.group-trip-wizard .multiselect:focus option[selected]:focus-visible,
.group-trip-wizard .multiselect:focus option:checked:focus-visible {
  background-color: #DEEBF7 !important;
  color: #262626 !important;
  background-image: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

.help-text {
  color: #262626;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

/* Activity tags in review */
.activities-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.activity-tag {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: light-dark(var(--primaryBlue), var(--maxBlue));
  border-radius: 20px;
  font-size: 1rem;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  color: light-dark(var(--tripBirdyBlack), white);
  text-transform: capitalize;
}

.activity-tag svg {
  color: light-dark(var(--proBlue), white);
  width: 16px;
  height: 16px;
  flex-shrink: 0;
} .join-trip-wizard {
  max-width: 1000px;
  margin: 0 auto;
  padding: 1.25rem 2.5rem;
  background: white;
  border-radius: 8px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

@media (max-width: 1024px) {
  .join-trip-wizard {
    max-width: 90%;
    margin: 0 auto;
    padding: 1.25rem 2.5rem;
  }
}

@media (max-width: 768px) {
  .join-trip-wizard {
    margin: 0;
    padding: 1.25rem 2.5rem;
  }
}

.wizard-progress {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
  position: relative;
}

.progress-step {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.step-number {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e0e0e0;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0.5rem;
  font-weight: bold;
}

.progress-step.active .step-number {
  background: #2E75B6;
  color: white;
}

.step-title {
  font-size: 0.875rem;
  text-align: center;
}

.progress-step.active .step-title {
  color: #2E75B6;
  font-weight: bold;
}

.wizard-content {
  margin-top: 2rem;
}

.wizard-content * {
  color: inherit;
}

.wizard-step {
  width: 400px;
  margin: 0 auto;
}

/* Eliminate gap between wizard-step and review-section in join-trip-wizard */
.join-trip-wizard .wizard-step .review-section:first-child {
  margin-top: 0;
}

.wizard-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.button-group {
  display: flex;
  flex-direction: column;
  margin-top: 0.5rem;
  gap: 1rem;
}

.btn {
  padding: 0.75rem 1.5rem;
  border: none;
  border-radius: 4px;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.2s ease;
  font-weight: 500;
  min-width: 100px;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.btn-primary {
  background: #2E75B6;
  color: white;
  font-weight: bold;
}

.btn-primary:hover {
  background: #1F4E79;
}

.btn-secondary {
  background: #6c757d;
  color: white;
  font-weight: bold;
}

.btn-secondary:hover {
  background: #545b62;
}

.loading {
  text-align: center;
  padding: 2rem;
  font-size: 1.2rem;
  color: #666;
}

.error-container {
  text-align: center;
  padding: 2rem;
  background-color: #fff3f3;
  border-radius: 8px;
  border: 1px solid #ffcdd2;
}

.error-container h2 {
  color: #d32f2f;
  margin-bottom: 1rem;
}

.error-container button {
  margin-top: 1rem;
  padding: 0.75rem 1.5rem;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.error-container button:hover {
  background-color: #e0e0e0;
} .backend-type-toggle {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}

.backend-type-header {
  margin-bottom: 20px;
  text-align: center;
}

.backend-type-header h3 {
  margin: 0 0 8px 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.backend-type-subtitle {
  margin: 0;
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

.backend-type-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}

.backend-type-option {
  display: flex;
  align-items: center;
  padding: 16px;
  border: 2px solid #e8e8e8;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  background: white;
  position: relative;
}

.backend-type-option:hover {
  border-color: #d9d9d9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}

.backend-type-option.active {
  border-color: #1890ff;
  box-shadow: 0 2px 12px rgba(24, 144, 255, 0.2);
  background: #f6ffed;
}

.backend-type-option.active .backend-type-icon {
  transform: scale(1.1);
}

.backend-type-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-right: 16px;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.backend-type-content {
  flex: 1;
  min-width: 0;
}

.backend-type-label {
  font-weight: 600;
  color: #333;
  font-size: 16px;
  margin-bottom: 4px;
}

.backend-type-description {
  color: #666;
  font-size: 14px;
  line-height: 1.4;
}

.backend-type-indicator {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.active-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(24, 144, 255, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(24, 144, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(24, 144, 255, 0);
  }
}

.backend-type-status {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  background: #f8f9fa;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.status-indicator {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
  animation: pulse 2s infinite;
}

.status-text {
  color: #495057;
  font-size: 14px;
}

.status-text strong {
  color: #333;
}

/* Responsive design */
@media (max-width: 768px) {
  .backend-type-toggle {
    padding: 16px;
  }
  
  .backend-type-option {
    padding: 12px;
  }
  
  .backend-type-icon {
    width: 32px;
    height: 32px;
    font-size: 16px;
    margin-right: 12px;
  }
  
  .backend-type-label {
    font-size: 14px;
  }
  
  .backend-type-description {
    font-size: 12px;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .backend-type-toggle {
    background: #1f1f1f;
    color: #fff;
  }
  
  .backend-type-header h3 {
    color: #fff;
  }
  
  .backend-type-subtitle {
    color: #ccc;
  }
  
  .backend-type-option {
    background: #2d2d2d;
    border-color: #404040;
  }
  
  .backend-type-option:hover {
    border-color: #555;
  }
  
  .backend-type-option.active {
    background: #1a3a1a;
    border-color: #52c41a;
  }
  
  .backend-type-label {
    color: #fff;
  }
  
  .backend-type-description {
    color: #ccc;
  }
  
  .backend-type-status {
    background: #2d2d2d;
    border-color: #404040;
  }
  
  .status-text {
    color: #ccc;
  }
  
  .status-text strong {
    color: #fff;
  }
}
.backend-status {
  background: white;
  border-radius: 6px;
  padding: 12px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  border: 1px solid #e8e8e8;
}

.backend-status-header {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}

.backend-status-label {
  font-weight: 600;
  color: #333;
  font-size: 14px;
}

.backend-status-description {
  color: #666;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 8px;
}

.backend-status-details {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.status-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}

.status-label {
  color: #666;
}

.status-value {
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 3px;
  font-size: 10px;
}

.status-value.active {
  background: #f6ffed;
  color: #52c41a;
  border: 1px solid #b7eb8f;
}

.status-value.inactive {
  background: #f5f5f5;
  color: #999;
  border: 1px solid #d9d9d9;
}

.per-endpoint-summary {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #e8e8e8;
}

.summary-header {
  display: flex;
  align-items: center;
  font-size: 11px;
  font-weight: 500;
  color: #666;
  margin-bottom: 8px;
}

.summary-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.summary-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 10px;
  padding: 4px 8px;
  background: #f8f9fa;
  border-radius: 3px;
}

.summary-endpoint {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  color: #333;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.summary-backend-type {
  font-weight: 500;
  font-size: 9px;
}

.summary-more {
  font-size: 9px;
  color: #666;
  text-align: center;
  font-style: italic;
}

/* Responsive design */
@media (max-width: 768px) {
  .backend-status {
    padding: 10px;
  }
  
  .backend-status-label {
    font-size: 13px;
  }
  
  .backend-status-description {
    font-size: 11px;
  }
  
  .status-item {
    font-size: 10px;
  }
  
  .status-value {
    font-size: 9px;
  }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .backend-status {
    background: #1f1f1f;
    border-color: #404040;
  }
  
  .backend-status-label {
    color: #fff;
  }
  
  .backend-status-description {
    color: #ccc;
  }
  
  .status-label {
    color: #ccc;
  }
  
  .status-value.active {
    background: #1a3a1a;
    color: #52c41a;
    border-color: #52c41a;
  }
  
  .status-value.inactive {
    background: #2d2d2d;
    color: #999;
    border-color: #404040;
  }
  
  .per-endpoint-summary {
    border-top-color: #404040;
  }
  
  .summary-header {
    color: #ccc;
  }
  
  .summary-item {
    background: #2d2d2d;
  }
  
  .summary-endpoint {
    color: #e0e0e0;
  }
  
  .summary-more {
    color: #999;
  }
}
.backend-toggle-test {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.backend-toggle-test h3 {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 18px;
  font-weight: 600;
}

.backend-toggle-test p {
  margin: 0 0 20px 0;
  color: #666;
  font-size: 14px;
}

.test-section {
  margin-bottom: 30px;
  padding: 15px;
  background: white;
  border-radius: 6px;
  border: 1px solid #e9ecef;
}

.test-section h4 {
  margin: 0 0 15px 0;
  color: #495057;
  font-size: 16px;
  font-weight: 600;
}

.test-button {
  background: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  transition: background-color 0.2s;
  margin-right: 10px;
  margin-bottom: 10px;
}

.test-button:hover:not(:disabled) {
  background: #0056b3;
}

.test-button:disabled {
  background: #6c757d;
  cursor: not-allowed;
}

.test-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.test-result {
  margin-top: 15px;
  padding: 15px;
  border-radius: 4px;
  border-left: 4px solid;
  background: #f8f9fa;
}

.test-result.success {
  border-left-color: #28a745;
  background: #d4edda;
}

.test-result.error {
  border-left-color: #dc3545;
  background: #f8d7da;
}

.test-result h5 {
  margin: 0 0 10px 0;
  font-size: 14px;
  font-weight: 600;
}

.test-result p {
  margin: 5px 0;
  font-size: 13px;
  line-height: 1.4;
}

.test-result strong {
  color: #495057;
}

.test-results {
  display: grid;
  gap: 15px;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}

@media (max-width: 768px) {
  .backend-toggle-test {
    padding: 15px;
    margin: 15px 0;
  }
  
  .test-section {
    padding: 12px;
  }
  
  .test-buttons {
    flex-direction: column;
  }
  
  .test-button {
    margin-right: 0;
    margin-bottom: 8px;
  }
  
  .test-results {
    grid-template-columns: 1fr;
  }
}
.per-endpoint-backend-config {
  background: var(--background-color, #ffffff);
  border: 1px solid var(--border-color, #e1e5e9);
  border-radius: 8px;
  padding: 16px;
  margin: 16px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.config-header {
  margin-bottom: 16px;
}

.config-header h3 {
  margin: 0 0 8px 0;
  font-size: 18px;
  font-weight: 600;
  color: var(--text-color, #333);
}

.config-description {
  margin: 0 0 12px 0;
  font-size: 14px;
  color: var(--text-secondary, #666);
  line-height: 1.4;
}

.config-actions {
  display: flex;
  gap: 8px;
}

.reset-all-btn {
  background: var(--danger-color, #dc3545);
  color: white;
  border: none;
  border-radius: 4px;
  padding: 6px 12px;
  font-size: 12px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.reset-all-btn:hover {
  background: var(--danger-hover, #c82333);
}

.global-setting-info {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: var(--background-secondary, #f8f9fa);
  border-radius: 4px;
  margin-bottom: 16px;
  font-size: 14px;
}

.global-label {
  font-weight: 500;
  color: var(--text-color, #333);
}

.global-value {
  font-weight: 600;
}

.endpoints-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.endpoint-item {
  border: 1px solid var(--border-color, #e1e5e9);
  border-radius: 6px;
  overflow: hidden;
}

.endpoint-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  background: var(--background-secondary, #f8f9fa);
  cursor: pointer;
  transition: background-color 0.2s;
}

.endpoint-header:hover {
  background: var(--background-hover, #e9ecef);
}

.endpoint-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.endpoint-path {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  font-size: 13px;
  color: var(--text-color, #333);
  font-weight: 500;
}

.endpoint-backend-type {
  font-size: 12px;
  font-weight: 600;
}

.endpoint-backend-type.global .global-indicator {
  color: var(--text-secondary, #666);
  font-weight: 400;
}

.endpoint-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}

.reset-endpoint-btn {
  background: var(--warning-color, #ffc107);
  color: var(--text-dark, #212529);
  border: none;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 11px;
  cursor: pointer;
  transition: background-color 0.2s;
}

.reset-endpoint-btn:hover {
  background: var(--warning-hover, #e0a800);
}

.expand-icon {
  font-size: 12px;
  color: var(--text-secondary, #666);
  transition: transform 0.2s;
}

.expand-icon.expanded {
  transform: rotate(180deg);
}

.endpoint-config {
  padding: 16px;
  background: var(--background-color, #ffffff);
  border-top: 1px solid var(--border-color, #e1e5e9);
}

.backend-options {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.backend-option {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.backend-option:hover {
  background: var(--background-hover, #f8f9fa);
}

.backend-option input[type="radio"] {
  margin: 0;
  margin-top: 2px;
}

.option-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}

.option-label {
  font-weight: 600;
  font-size: 14px;
}

.option-description {
  font-size: 12px;
  color: var(--text-secondary, #666);
  line-height: 1.3;
}

.custom-configs-summary {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid var(--border-color, #e1e5e9);
}

.custom-configs-summary h4 {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--text-color, #333);
}

.custom-configs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.custom-config-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: var(--background-secondary, #f8f9fa);
  border-radius: 4px;
  font-size: 13px;
}

.custom-endpoint {
  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
  color: var(--text-color, #333);
}

.custom-backend-type {
  font-weight: 600;
  font-size: 12px;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
  .per-endpoint-backend-config {
    --background-color: #1a1a1a;
    --background-secondary: #2d2d2d;
    --background-hover: #3a3a3a;
    --text-color: #e0e0e0;
    --text-secondary: #a0a0a0;
    --text-dark: #e0e0e0;
    --border-color: #404040;
    --danger-color: #dc3545;
    --danger-hover: #c82333;
    --warning-color: #ffc107;
    --warning-hover: #e0a800;
  }
}

/* Responsive design */
@media (max-width: 768px) {
  .per-endpoint-backend-config {
    padding: 12px;
    margin: 12px 0;
  }

  .config-header h3 {
    font-size: 16px;
  }

  .endpoint-header {
    padding: 10px 12px;
  }

  .endpoint-path {
    font-size: 12px;
  }

  .endpoint-config {
    padding: 12px;
  }

  .backend-option {
    padding: 6px;
  }

  .option-label {
    font-size: 13px;
  }

  .option-description {
    font-size: 11px;
  }
}

@media (max-width: 480px) {
  .endpoint-info {
    min-width: 0;
  }

  .endpoint-path {
    word-break: break-all;
  }

  .endpoint-actions {
    flex-shrink: 0;
  }

  .custom-config-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}
.demo-controls {
  position: fixed;
  top: 20px;
  right: 80px;
  z-index: 99999;
  font-family: Arial, sans-serif;
}

.hamburger-button {
  background-color: rgb(107 114 128);
  color: white;
  border: none;
  border-radius: 4px;
  width: 40px;
  height: 40px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.2s;
}

.hamburger-button:hover {
  background-color: #2980b9;
}

.user-dropdown {
  position: absolute;
  top: 50px;
  right: 0;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 15px;
  min-width: 250px;
  max-width: 300px;
  max-height: 80vh;
  overflow-y: auto;
}

.current-user-info {
  padding: 8px 12px;
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}

.current-user-info span {
  font-weight: 500;
  color: #333;
}

.user-option {
  padding: 8px 12px;
  cursor: pointer;
  transition: background-color 0.2s;
  border-radius: 4px;
}

.user-option:hover {
  background-color: #f5f5f5;
}

.user-option.active {
  background-color: #e6f7ff;
  color: #1890ff;
  font-weight: 500;
}

.user-option {
  display: flex;
  align-items: center;
  gap: 8px;
}

.user-color-indicator {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: 1px solid #ccc;
  flex-shrink: 0;
}

.service-toggle {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.service-toggle-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.service-toggle-label {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.service-toggle-expand {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: #666;
  transition: background-color 0.2s;
}

.service-toggle-expand:hover {
  background-color: #f5f5f5;
}

.service-toggle-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}

.service-toggle-button {
  flex: 1;
  padding: 6px 12px;
  background-color: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s;
}

.service-toggle-button:hover {
  background-color: #40a9ff;
}

.mock-endpoints-list {
  max-height: 200px;
  overflow-y: auto;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.mock-endpoint-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #f5f5f5;
}

.mock-endpoint-item:last-child {
  border-bottom: none;
}

.mock-endpoint-label {
  font-size: 12px;
  color: #333;
  flex: 1;
  margin-right: 8px;
}

.mock-endpoint-toggle {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mock-endpoint-toggle:hover {
  background-color: #f5f5f5;
}

.mock-endpoint-toggle.active {
  background-color: #e6f7ff;
}

.demo-state-controls {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.demo-state-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.demo-state-label {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.demo-state-actions {
  display: flex;
  gap: 8px;
  margin-bottom: 10px;
}

.demo-state-button {
  flex: 1;
  padding: 6px 12px;
  background-color: #52c41a;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-state-button:hover {
  background-color: #73d13d;
}

.demo-state-button.active {
  background-color: #fa8c16;
}

.demo-state-button.active:hover {
  background-color: #ffa940;
}

.demo-notification-controls {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.demo-notification-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.demo-notification-label {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.demo-notification-actions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-bottom: 10px;
}

.demo-notification-button {
  flex: 1;
  padding: 6px 12px;
  background-color: #722ed1;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.demo-notification-button:hover {
  background-color: #9254de;
}

.demo-notification-button.active {
  background-color: #fa8c16;
}

.demo-notification-button.active:hover {
  background-color: #ffa940;
}

/* Cache Persistence Controls */
.cache-persistence-controls {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #eee;
}

.cache-persistence-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.cache-persistence-label {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #333;
  font-size: 14px;
}

.cache-persistence-expand {
  background: none;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: 4px;
  color: #666;
  transition: background-color 0.2s;
}

.cache-persistence-expand:hover {
  background-color: #f5f5f5;
}

.cache-reset-controls {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

.cache-reset-button {
  width: 100%;
  padding: 8px 12px;
  background-color: #ff4d4f;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 12px;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cache-reset-button:hover {
  background-color: #ff7875;
}

.cache-reset-button:disabled {
  background-color: #d9d9d9;
  color: #999;
  cursor: not-allowed;
}

.cache-slots-container {
  max-height: 600px;
  overflow-y: auto;
  border-top: 1px solid #eee;
  padding-top: 10px;
}

.cache-slots-section {
  margin-bottom: 20px;
}

.cache-slots-section-title {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin-bottom: 10px;
  padding: 8px 12px;
  background-color: #f8f9fa;
  border-radius: 4px;
  border-left: 3px solid #1890ff;
}

.cache-slots-grid {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.cache-slot {
  border: 1px solid #e8e8e8;
  border-radius: 6px;
  padding: 8px;
  background-color: #fafafa;
  transition: border-color 0.2s;
}

.cache-slot:hover {
  border-color: #d9d9d9;
}

.cache-slot.shutdown-backup {
  background-color: #fff7e6;
  border-color: #ffd591;
}

.cache-slot-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}

.cache-slot-name {
  font-size: 12px;
  font-weight: 500;
  color: #333;
}

.cache-slot-status {
  font-size: 14px;
  color: #52c41a;
  font-weight: bold;
}

.cache-slot-info {
  margin: 6px 0;
  padding: 4px 0;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  font-size: 11px;
  color: #666;
}

.cache-slot-trip-id {
  margin-bottom: 2px;
}

.cache-slot-destination {
  margin-bottom: 2px;
  color: #1890ff;
  font-weight: 500;
}

.cache-slot-preferences {
  margin-bottom: 2px;
  color: #722ed1;
}

.cache-slot-activities {
  margin-bottom: 2px;
  color: #13c2c2;
  font-style: italic;
}

.cache-slot-timestamp {
  font-style: italic;
}

.cache-slot-actions {
  display: flex;
  gap: 4px;
}

.cache-slot-button {
  flex: 1;
  padding: 4px 8px;
  background-color: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 11px;
  transition: background-color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cache-slot-button:hover {
  background-color: #40a9ff;
}

.cache-slot-button:disabled {
  background-color: #d9d9d9;
  color: #999;
  cursor: not-allowed;
}

.cache-slot-button.delete-button {
  background-color: #ff4d4f;
  color: white;
}

.cache-slot-button.delete-button:hover {
  background-color: #ff7875;
}

.cache-slot-button.delete-button:disabled {
  background-color: #ffccc7;
  color: #999;
}

.cache-slot-button.delete-button .fa-trash {
  font-size: 0.8em;
}

.cache-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  color: #666;
  font-size: 12px;
  border-top: 1px solid #eee;
  margin-top: 8px;
} /* ManageTrips Page Styles */

/* Line clamp utility for text truncation */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Responsive grid adjustments */
@media (max-width: 768px) {
  .manage-trips-grid {
    grid-template-columns: 1fr;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .manage-trips-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 1025px) {
  .manage-trips-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Trip card hover effects */
.trip-card {
  transition: all 0.2s ease-in-out;
}

.trip-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Loading spinner animation */
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.animate-spin {
  animation: spin 1s linear infinite;
}

/* Button hover effects */
.btn-primary {
  transition: all 0.2s ease-in-out;
}

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Empty state styling */
.empty-state {
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 12px;
  padding: 3rem;
  text-align: center;
}

/* Trip card action buttons */
.trip-actions {
  display: flex;
  gap: 0.5rem;
  padding-top: 1rem;
  border-top: 1px solid #e5e7eb;
}

.trip-actions button {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-size: 0.875rem;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  border: none;
  cursor: pointer;
}

.trip-actions .btn-view {
  background-color: #2563eb;
  color: white;
}

.trip-actions .btn-view:hover {
  background-color: #1d4ed8;
}

.trip-actions .btn-edit {
  background-color: #6b7280;
  color: white;
}

.trip-actions .btn-edit:hover {
  background-color: #4b5563;
}

.trip-actions .btn-delete {
  background-color: #dc2626;
  color: white;
  flex: none;
  min-width: 2.5rem;
}

.trip-actions .btn-delete:hover {
  background-color: #b91c1c;
}

/* Trip details grid */
.trip-details {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin-bottom: 1rem;
}

.trip-detail-item {
  display: flex;
  align-items: center;
  font-size: 0.875rem;
  color: #6b7280;
}

.trip-detail-item svg {
  margin-right: 0.5rem;
}

/* Header section */
.manage-trips-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 2rem;
}

.manage-trips-title {
  font-size: 2rem;
  font-weight: bold;
  color: #111827;
  margin: 0;
}

.manage-trips-subtitle {
  margin-top: 0.5rem;
  color: #6b7280;
}

/* Create trip button */
.create-trip-btn {
  background-color: #2563eb;
  color: white;
  padding: 0.75rem 1.5rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.create-trip-btn:hover {
  background-color: #1d4ed8;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
}

/* Error state */
.error-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 16rem;
  text-align: center;
}

.error-icon {
  font-size: 3rem;
  color: #ef4444;
  margin-bottom: 1rem;
}

.error-title {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 0.5rem;
}

.error-message {
  color: #6b7280;
  margin-bottom: 1rem;
}

.retry-btn {
  background-color: #2563eb;
  color: white;
  padding: 0.5rem 1rem;
  border-radius: 0.375rem;
  font-weight: 500;
  transition: all 0.2s ease-in-out;
  border: none;
  cursor: pointer;
}

.retry-btn:hover {
  background-color: #1d4ed8;
}

/* Loading state */
.loading-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 16rem;
  text-align: center;
}

.loading-spinner {
  animation: spin 1s linear infinite;
  font-size: 2.5rem;
  color: #2563eb;
  margin-bottom: 1rem;
}

.loading-text {
  color: #6b7280;
}

#root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}

.card {
  padding: 2em;
}

.read-the-docs {
  color: #888;
}

.App {
  text-align: center;
  min-height: calc(100vh - 80px);
  display: flex;
  flex-direction: column;
}

.App-header {
  margin-top: 35px;
  margin-bottom: 0px;
}

.header-nav {
  margin-top: 10px;
}

.nav-link {
  color: #61dafb;
  text-decoration: none;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 4px;
  transition: background-color 0.2s;
}

.nav-link:hover {
  background-color: rgba(97, 218, 251, 0.1);
  text-decoration: none;
}

main {
  flex: 1;
  width: 100%;
}

/* Form styles */
form {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 400px;
  margin: 0 auto;
}

form div {
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
}

label {
  font-weight: bold;
}

input, select {
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* Global button styles removed - now using Tailwind classes */

/* Offer display styles */
.offer-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  margin: 20px 0;
}

.flight-details, .hotel-details, .insurance-details, .guide-details {
  padding: 20px;
  border-radius: 12px;
  min-height: 260px;
  background-color: #DEEBF7;
}

.guide-details {
  background-color: #E07A5F;
  color: white;
}

/* Preferences form styles */
.preferences-form {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
}

.preferences-form select[multiple] {
  height: 120px;
}

.preferences-form small {
  color: #666;
  font-size: 0.8em;
  margin-top: 4px;
}

/* Preferences summary styles */
.preferences-summary {
  margin-top: 30px;
  padding: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
}

.preferences-summary h3 {
  margin-top: 0;
  color: #282c34;
}

.preferences-summary p {
  margin: 8px 0;
  color: #666;
}

/* Error message styles */
.error-message {
  color: #dc3545;
  background-color: #f8d7da;
  border: 1px solid #f5c6cb;
  border-radius: 4px;
  padding: 10px;
  margin: 10px 0;
}

/* Calendar view styles */
.calendar-container {
  min-height: 400px;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding: 20px;
  margin-top: 20px;
}

/* Travel preferences page styles */
.travel-preferences-page {
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.progress-indicator {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}

.progress-indicator::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #ccc;
  z-index: 1;
}

.progress-indicator .step {
  position: relative;
  z-index: 2;
  background-color: white;
  padding: 0 15px;
  color: #666;
}

.progress-indicator .step.active {
  color: #61dafb;
  font-weight: bold;
}

/* Date selection form styles */
.date-selection-form {
  max-width: 400px;
  margin: 0 auto;
  padding: 20px;
}

/* Form actions styles */
.form-actions {
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 20px;
}

.form-actions button {
  min-width: 120px;
}

/* Travel dates summary styles */
.travel-dates-summary {
  background-color: #f5f5f5;
  padding: 15px;
  border-radius: 4px;
  margin-bottom: 20px;
}

.travel-dates-summary p {
  margin: 5px 0;
  color: #666;
}

/* Demo Waiting Room Overlay Styles */
.demo-waiting-room-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.demo-waiting-room-container {
  background-color: white;
  border-radius: 12px;
  padding: 20px;
  max-width: 500px;
  width: 90%;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}

/* Global Waiting Room Spinner Styles */
.waiting-room-loading-indicator svg,
.loading-indicator svg {
  color: #F6931B !important;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.waiting-room-loading-indicator,
.loading-indicator {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  padding: 2rem;
}