* { margin: 0; padding: 0; box-sizing: border-box }
body { font-family: Arial,sans-serif;background:#f5f5f5;color:#222; }
.container { max-width: 800px;margin: 30px auto;padding: 20px;background:white;border-radius:8px;box-shadow:0 2px 7px rgba(0,0,0,0.1);}
header { background: #0066cc;color: #fff;padding: 15px 20px;border-radius:5px;margin-bottom:25px;}
main { padding: 0 10px; }
h1, h2 { color:#0066cc;margin-bottom:17px }
.form-group { margin-bottom: 16px;}
label { display:block;margin-bottom:3px;font-weight: bold;}
input[type="text"], input[type="password"], input[type="number"] { width:100%;padding:7px;border:1px solid #ccc;border-radius:4px;}
button { background:#0066cc;color:#fff;padding:9px 18px;border:none;border-radius:4px;cursor:pointer;text-align:center;}
button:hover { background:#004c99;}
.error { color: red;margin: 12px 0;}
table { width:100%;border-collapse:collapse;margin-bottom:15px;}
th,td { padding:8px 13px;border:1px solid #eaeaea;text-align:left;}
th { background: #eef6ff;font-weight:600;}
.user-actions {float:right;}
a {color:#0066cc;text-decoration:none;}
a:hover {text-decoration:underline;}