*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}body{background-color:#eef2f7;color:#333;display:flex;align-items:center;justify-content:center;min-height:100vh}.login-container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a4370,#1d0249)}.login-box{width:400px;background:#fff;padding:35px;border-radius:12px;box-shadow:0 5px 20px #0003;text-align:center}h2{margin-bottom:10px;font-size:20px;color:#444;font-weight:600}input{width:100%;padding:14px;margin-bottom:18px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:.3s ease}input:focus{border-color:#007bff;outline:none}button{width:100%;padding:14px;background:#0e335a;border:none;color:#fff;font-size:16px;border-radius:8px;cursor:pointer;transition:.3s ease}button:hover{background:#0056b3}.users-container{max-width:100vw;width:100vw;height:100vh;background:#fff;padding:30px;border-radius:12px;box-shadow:0 5px 20px #00000026;text-align:center;transition:transform .3s ease}h2{font-size:28px;color:#1a4370;font-weight:700;margin-bottom:20px}.download-btn{width:15vw;background:#2f95df;margin:15px 0;padding:10px;font-size:14px;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:.3s ease;font-weight:600;box-shadow:0 4px 10px #0000001a}.download-btn:hover{background:#1a447e;transform:scale(1.05)}.table-container{max-height:85%;overflow-y:auto;overflow-x:hidden;border-radius:10px;box-shadow:0 3px 10px #0000001a}table{width:100%;border-collapse:collapse}th,td{padding:15px;text-align:left;font-size:15px;border-bottom:1px solid #ddd}th{background:#053568;color:#fff;font-weight:700;text-transform:uppercase;position:sticky;top:0;z-index:2}tr{transition:background .3s ease}tr:nth-child(2n){background:#f8f9fa}tr:hover{background:#dfe8f2}@media screen and (max-width: 768px){.users-container{width:100%;padding:20px}.table-container{max-height:300px;overflow-x:auto}th,td{padding:12px}.download-btn{width:100%;padding:14px}.login-box{width:90%;padding:25px}}