body { font-family: Arial, sans-serif; margin: 0; background: #f4f5f7; color: #222; }
header { background: #1f2d5c; color: #fff; padding: 16px 24px; display: flex; align-items: center; gap: 24px; }
header nav a { color: #fff; margin-right: 16px; text-decoration: none; }
header nav a:hover { text-decoration: underline; }
main { padding: 24px; max-width: 960px; margin: 0 auto; }
footer { text-align: center; padding: 16px; color: #777; font-size: 0.9em; }

table { width: 100%; border-collapse: collapse; background: #fff; margin-top: 16px; }
table th, table td { border: 1px solid #ddd; padding: 8px 12px; text-align: left; }
table th { background: #eef0f5; }

form { background: #fff; padding: 16px; margin-top: 16px; max-width: 480px; border-radius: 6px; }
form label { display: block; margin-top: 12px; font-weight: bold; }
form input, form select, form textarea { width: 100%; padding: 8px; margin-top: 4px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px; font-family: inherit; }
form button { margin-top: 16px; padding: 10px 16px; background: #1f2d5c; color: #fff; border: none; border-radius: 4px; cursor: pointer; }
form button:hover { background: #16204a; }
form a { margin-left: 12px; }

td.actions form { display: inline; background: none; padding: 0; margin: 0; }
td.actions button { background: #b00020; margin-top: 0; padding: 4px 10px; }
td.actions button:hover { background: #8a0018; }

.top-actions { margin-bottom: 8px; }
.error { color: #b00020; background: #fdecea; padding: 8px 12px; border-radius: 4px; }