body{font-family: Arial, Helvetica, sans-serif; background:#f5f6fa; color:#111; margin:0; padding:0;}
header{background:#222;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}
.login-box{width:320px;margin:80px auto;background:#fff;padding:20px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
label{display:block;margin-top:8px}
input[type=text],input[type=password],input[type=number]{width:100%;padding:8px;margin-top:4px;border:1px solid #ccc;border-radius:4px}
button{margin-top:12px;padding:8px 12px;border:none;background:#2b6cdf;color:#fff;border-radius:4px;cursor:pointer}
.card{background:#fff;margin:20px;padding:16px;border-radius:6px;box-shadow:0 1px 6px rgba(0,0,0,0.06)}
table{width:100%;border-collapse:collapse;margin-top:8px}
table th, table td{border:1px solid #eee;padding:8px;text-align:left}
.error{background:#ffdede;padding:8px;border:1px solid #ffb5b5;color:#900;border-radius:4px}
.info{background:#eef6ff;padding:8px;border:1px solid #cfe3ff;color:#064;border-radius:4px}
a{color:#2b6cdf;text-decoration:none}