*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}.flex{display:flex}.block{display:block}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.hidden{display:none}.grid{display:grid}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.p-4{padding:1rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.m-0{margin:0}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.h-auto{height:auto}.max-w-7xl{max-width:80rem}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-blue-700{background-color:#1d4ed8}.bg-green-500{background-color:#10b981}.bg-red-500{background-color:#ef4444}.text-white{color:#ffffff}.text-gray-300{color:#d1d5db}.text-blue-400{color:#60a5fa}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.font-bold{font-weight:700}.text-center{text-align:center}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.hover\:bg-gray-700:hover{background-color:#374151}.hover\:bg-gray-800:hover{background-color:#1f2937}.bottom-0{bottom:0}.overflow-hidden{overflow:hidden}.space-x-3 > :not([hidden]) ~ :not([hidden]){margin-left:0.75rem}.space-x-4 > :not([hidden]) ~ :not([hidden]){margin-left:1rem}.space-y-2 > :not([hidden]) ~ :not([hidden]){margin-top:0.5rem}.gap-4{gap:1rem}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width: 640px){.sm\:flex-row{flex-direction:row}}@media (min-width: 768px){.md\:block{display:block};.md\:hidden{display:none};.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))};.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:text-right{text-align:right}}