.absolute {position: absolute;}
.bg-gradient-to-r {background-image: linear-gradient(to right, var(--tw-gradient-stops));}
.bg-gray-50 {background-color: #f9fafb;}
.bg-primary {background-color: #4F46E5;}
.bg-white {background-color: #ffffff;}
.border {border-width: 1px; border-style: solid;}
.border-b {border-bottom-width: 1px;}
.border-gray-100 {border-color: #f3f4f6;}
.border-gray-200 {border-color: #e5e7eb;}
.border-gray-300 {border-color: #d1d5db;}
.bottom-2 {bottom: 0.5rem;}
.captcha-container {padding: 1rem; border: 1px solid #e5e7eb; border-radius: 0.5rem; background-color: #ffffff;}
.cursor-pointer {cursor: pointer;}
.duration-200 {transition-duration: 200ms;}
.flex {display: flex;}
.flex-1 {flex: 1 1 0%;}
.focus\:border-primary {border-color: #4F46E5;}
.focus\:outline-none {outline: 0;}
.focus\:ring-2 {box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2);}
.focus\:ring-primary\/20 { box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.2); }
.font-medium {font-weight: 500;}
.font-semibold {font-weight: 600;}
.from-blue-50 {background-image: linear-gradient(to right, #eff6ff, transparent);}
.h-11 {height: 2.75rem;}
.h-2 {height: 0.5rem;}
.h-3 {height: 0.75rem;}
.h-4 {height: 1rem;}
.h-5 {height: 1.25rem;}
.h-6 {height: 1.5rem;}
.h-8 {height: 2rem;}
.hover\:bg-primary\/90 { background-color: rgba(79, 70, 229, 0.9); }
.hover\:bg-white { background-color: #ffffff; }
.hover\:opacity-80 { opacity: 0.8; }
.hover\:text-primary { color: #4F46E5; }
.items-center {align-items: center;}
.justify-between {justify-content: space-between;}
.justify-center {justify-content: center;}
.max-w-\[400px\] { max-width: 400px; }
.min-w-\[280px\] { min-width: 280px; }
.ml-2 {margin-left: 0.5rem;}
.mr-0.5 {margin-right: 0.125rem;}
.mr-1.5 {margin-right: 0.375rem;}
.mr-3 {margin-right: 0.75rem;}
.my-2.5 {margin-top: 0.625rem; margin-bottom: 0.625rem;}
.opacity-60 {opacity: 0.6;}
.overflow-hidden {overflow: hidden;}
.p-3 {padding: 0.75rem;}
.p-4 {padding: 1rem;}
.pb-4 {padding-bottom: 1rem;}
.px-4 {padding-left: 1rem; padding-right: 1rem;}
.py-2 {padding-top: 0.5rem; padding-bottom: 0.5rem;}
.relative {position: relative;}
.right-2 {right: 0.5rem;}
.rounded-button {border-radius: 8px;}
.rounded-full {border-radius: 9999px;}
.rounded-lg {border-radius: 0.5rem;}
.shadow-lg {box-shadow: 0 10px 15px rgba(0,0,0,0.1);}
.shadow-sm {box-shadow: 0 1px 2px rgba(0,0,0,0.05);}
.space-x-3 {gap: 0 0.75rem;}
.text-\[10px\] {font-size: 10px;}
.text-gray-400 {color: #9ca3af;}
.text-gray-500 {color: #6b7280;}
.text-gray-700 {color: #374151;}
.text-gray-800 {color: #1f2937;}
.text-primary {color: #4F46E5;}
.text-sm {font-size: 0.875rem;}
.text-white {color: #ffffff;}
.text-xs {font-size: 0.75rem;}
.to-indigo-50 {background-image: linear-gradient(to right, transparent, #eef2ff);}
.transition-all {transition: all 0.2s;}
.transition-opacity {transition: opacity 0.2s;}
.w-11 {width: 2.75rem;}
.w-2 {width: 0.5rem;}
.w-3 {width: 0.75rem;}
.w-4 {width: 1rem;}
.w-5 {width: 1.25rem;}
.w-6 {width: 1.5rem;}
.w-8 {width: 2rem;}
.w-full {width: 100%;}