:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f5f5}.min-h-screen{min-height:100vh}.bg-gray-100{background-color:#f3f4f6}.container{max-width:1200px;margin:0 auto}.mx-auto{margin-left:auto;margin-right:auto}.py-8{padding-top:2rem;padding-bottom:2rem}.p-6{padding:1.5rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-4{margin-bottom:1rem}.mb-2{margin-bottom:.5rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-gray-900{color:#111827}.text-gray-600{color:#4b5563}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.shadow-md{box-shadow:0 4px 6px -1px #0000001a}.flex{display:flex}.items-center{align-items:center}.gap-2{gap:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.bg-blue-600{background-color:#2563eb}.text-white{color:#fff}.rounded-md{border-radius:.375rem}.border{border:1px solid #d1d5db}.border-gray-300{border-color:#d1d5db}.focus\:outline-none:focus{outline:none}.focus\:ring-2:focus{box-shadow:0 0 0 2px #3b82f680}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.cursor-pointer{cursor:pointer}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-6{gap:1.5rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}