.text-xl{font-size:1.25rem}.mb-4{margin-bottom:1rem}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.bg-blue-500{background-color:#3b82f6;color:#fff}.bg-blue-600{background-color:#2563eb;color:#fff}.p-4{padding:1rem}.p-1{padding:.25rem}.mt-2{margin-top:.5rem}.space-y-2>*+*{margin-top:.5rem}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-end{align-items:flex-end}.gap-2{gap:.5rem}.w-full{width:100%}.w-20{width:5rem}.border{border:1px solid #ccc}.p-2{padding:.5rem}.bg-gray-100{background:#f3f4f6}.space-x-4>*+*{margin-left:1rem}.ml-auto{margin-left:auto}body{font-family:system-ui,sans-serif;margin:0;padding:0;background:#f9fafb;color:#333}.container{padding:1rem;max-width:1024px;margin:0 auto}nav{display:flex;flex-wrap:wrap;align-items:center}nav a,nav button{margin-right:1rem;text-decoration:none;color:#007acc}nav button{background:none;border:none;cursor:pointer}input,select,textarea,button{font-family:inherit}.login-container{max-width:400px;margin:2rem auto;padding:2rem;background:#fff;border:1px solid #ddd;border-radius:4px}.login-container h2{margin-bottom:1rem}.login-container input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px}.login-container button{width:100%;padding:.75rem;background:#007acc;color:#fff;border:none;border-radius:4px;cursor:pointer}.login-container button:hover{background:#005fa3}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{border:1px solid #ccc;padding:.5rem;text-align:left}@media (max-width: 640px){nav{flex-direction:column;align-items:flex-start}nav a,nav button{margin:.25rem 0}.container{padding:.5rem}table,thead,tbody,th,td,tr{display:block}th{position:absolute;top:-9999px;left:-9999px}tr{margin:0 0 1rem}td{border:none;position:relative;padding-left:50%}td:before{position:absolute;top:0;left:0;width:45%;padding-right:10px;white-space:nowrap;font-weight:700}}