*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#111827;background:#f1f5f9}a{text-decoration:none}.login-container{display:flex;height:100vh;width:100%;background:#e5e7eb;overflow:hidden}.login-left{flex:1;background-image:url(https://images.unsplash.com/photo-1529070538774-1843cb3265df?auto=format&fit=crop&w=1200&q=80);background-size:cover;background-position:center;filter:brightness(.8)}.login-right{width:45%;max-width:480px;background:#fff;display:flex;justify-content:center;align-items:center;padding:40px;box-shadow:-5px 0 20px #0000001a}.login-box{width:100%;display:flex;flex-direction:column;gap:18px}.login-title{font-size:32px;font-weight:700;color:#0a2342;text-align:center}.login-subtitle{text-align:center;color:#555;font-size:14px;margin-top:-10px;margin-bottom:15px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-size:13px;font-weight:600;color:#333}.login-field input{padding:10px 12px;border-radius:6px;border:1px solid #d1d5db;font-size:14px;transition:.2s}.login-field input:focus{outline:none;border-color:#0a2342;box-shadow:0 0 0 2px #0a234226}.login-button{background:#0a2342;color:#fff;padding:12px;border-radius:6px;border:none;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.login-button:hover{background:#0c2d57}.login-error{color:#b91c1c;font-size:13px;margin-top:-5px}@media (max-width: 900px){.login-left{display:none}.login-right{width:100%;box-shadow:none}}nav a{display:block}.card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px}.card img{max-width:150px;border-radius:6px}table{width:100%;border-collapse:collapse}th,td{padding:8px}main{padding-top:1rem}