td,th{padding:.5rem 1rem}.min-h-screen{min-height:100vh}.from-blue-50{--tw-gradient-from:#eff6ff}.to-indigo-100{--tw-gradient-to:#e0e7ff}.bg-white{background-color:#fff}.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0 / .05)}.shadow-xl{box-shadow:0 20px 25px -5px rgb(0 0 0 / .1),0 8px 10px -6px rgb(0 0 0 / .1)}.shadow-2xl{box-shadow:0 25px 50px -12px rgb(0 0 0 / .25)}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:1rem}.p-8{padding:2rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-6,.space-y-6>*+*{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.ml-4{margin-left:1rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-semibold,th{font-weight:600}.text-center{text-align:center}.text-left{text-align:left}.text-indigo-600{color:#4f46e5}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-white{color:#fff}.text-blue-400{color:#60a5fa}.text-green-400{color:#4ade80}.text-yellow-400{color:#facc15}.text-orange-400{color:#fb923c}.text-red-400{color:#f87171}.text-purple-400{color:#c084fc}.text-gray-500{color:#6b7280}.bg-indigo-600{background-color:#4f46e5}.bg-gray-200{background-color:#e5e7eb}.bg-red-500{background-color:#ef4444}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-indigo-500{--tw-gradient-from:#6366f1}.to-indigo-700{--tw-gradient-to:#4338ca}.from-green-400{--tw-gradient-from:#4ade80}.to-green-600{--tw-gradient-to:#16a34a}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.rounded-2xl{border-radius:1rem}.w-64{width:16rem}.w-full,table{width:100%}.h-64{height:16rem}.flex{display:flex}.justify-center{justify-content:center}.items-center{align-items:center}.flex-wrap{flex-wrap:wrap}.gap-2{gap:.5rem}.overflow-x-auto{overflow-x:auto}.list-decimal{list-style-type:decimal}.list-inside{list-style-position:inside}.space-y-2>*+*{margin-top:.5rem}.space-y-4>*+*{margin-top:1rem}.border-4{border-width:4px}.border-indigo-500{border-color:#6366f1}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-gray-200{border-color:#e5e7eb}.border-gray-100{border-color:#f3f4f6}.hover\:bg-gray-300:hover{background-color:#d1d5db}.hover\:bg-red-600:hover{background-color:#dc2626}#click-button:hover,.hover\:scale-105:hover{transform:scale(1.05)}#click-button:active,.active\:scale-95:active{transform:scale(.95)}.hover\:bg-gray-50:hover,tr:hover{background-color:#f9fafb}.transition,.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-duration:150ms}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hidden{display:none}table{border-collapse:collapse}th{border-bottom:2px solid #e5e7eb}td{border-bottom:1px solid #f3f4f6}@media (max-width:768px){.h-64,.w-64{width:12rem;height:12rem}.text-6xl{font-size:2.5rem}.text-5xl{font-size:2rem}.text-3xl{font-size:1.5rem}}