body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(135deg,#0f4fa8,#3d7be0)}
.login{max-width:380px;margin:90px auto;background:#fff;padding:35px;border-radius:18px;box-shadow:0 15px 35px rgba(0,0,0,.2);text-align:center}
h1{font-size:32px;color:#0f4fa8;margin:0}h3{color:#666;font-weight:400}
input{width:100%;padding:12px;border-radius:10px;border:1px solid #ccc}
button{background:#0f4fa8;color:#fff;border:none;padding:12px 18px;border-radius:10px;cursor:pointer;margin-top:12px}
.topbar{background:#0f4fa8;color:#fff;padding:18px 30px;display:flex;justify-content:space-between}
.brand{font-size:28px;font-weight:bold}
.container{max-width:1100px;margin:25px auto;background:#fff;border-radius:16px;padding:25px;box-shadow:0 10px 25px rgba(0,0,0,.2)}
table{width:100%;border-collapse:collapse;margin-top:20px}th{background:#0f4fa8;color:#fff;padding:10px}td{padding:10px;border-bottom:1px solid #eee}tbody tr:nth-child(even){background:#f8f9fc}tbody tr:hover{background:#eef5ff}td:last-child{text-align:right;font-weight:bold}
@media print{button,input,a{display:none}.container{box-shadow:none}}