.login-container{display:flex;position:fixed;top:0;left:0;right:0;bottom:0;align-items:center;justify-content:center;background-color:#f5f5f5;padding:20px;overflow-y:auto}.login-card{background-color:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px;margin:auto;position:relative}.login-card h2{text-align:center;margin-bottom:24px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#555}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:4px;font-size:16px}.form-group input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.error-message{color:#dc3545;margin-bottom:16px;font-size:14px}.login-button{width:100%;padding:12px;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.login-button:hover{background-color:#0056b3}.login-button:active{background-color:#004085}.max-w-4xl{max-width:56rem}.mx-auto{margin-left:auto;margin-right:auto}.p-6{padding:1.5rem}.rounded-lg{border-radius:.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.mb-6{margin-bottom:1.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.h-8{height:2rem}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.rounded{border-radius:.25rem}.bg-green-100{background-color:#dcfce7}.text-green-700{color:#15803d}.bg-red-100{background-color:#fee2e2}.text-red-700{color:#b91c1c}.space-y-6>*+*{margin-top:1.5rem}.border{border:1px solid #e5e7eb}.text-xl{font-size:1.25rem}.font-semibold{font-weight:600}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gap-4{gap:1rem}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.block{display:block}.mb-1{margin-bottom:.25rem}.font-medium{font-weight:500}.text-red-500{color:#ef4444}.ml-1{margin-left:.25rem}.w-full{width:100%}.p-2{padding:.5rem}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-blue-500:focus{--tw-ring-color: #3b82f6}.bg-gray-100{background-color:#f3f4f6}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.mt-4{margin-top:1rem}.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}.hover\:bg-blue-700:hover{background-color:#1d4ed8}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.opacity-75{opacity:.75}.cursor-not-allowed{cursor:not-allowed}.mt-6{margin-top:1.5rem}.bg-gray-50{background-color:#f9fafb}.space-y-2>*+*{margin-top:.5rem}.gap-2{gap:.5rem}.flex-1{flex:1 1 0%}.bg-white{background-color:#fff}