body { font-family: Arial, sans-serif; margin: 30px; background: #f7f7f7; color: #222; }
.container { max-width: 1100px; margin: auto; background: white; padding: 24px; border-radius: 10px; }
h1, h2 { color: #1f3a5f; }
a { color: #155a9c; text-decoration: none; }
a:hover { text-decoration: underline; }
nav a { display: inline-block; margin: 6px 10px 6px 0; padding: 8px 10px; background: #e9f1fb; border-radius: 6px; }
table { width: 100%; border-collapse: collapse; margin-top: 15px; background: white; }
th, td { border: 1px solid #ccc; padding: 8px; text-align: left; }
th { background: #1f3a5f; color: white; }
form { margin-top: 15px; padding: 15px; background: #f0f4f8; border-radius: 8px; }
input, select { padding: 8px; margin: 5px 0 12px 0; width: 100%; box-sizing: border-box; }
button, .btn { padding: 8px 12px; border: none; background: #1f3a5f; color: white; border-radius: 5px; cursor: pointer; }
.delete { background: #9b1c1c; }
.small { font-size: 0.9em; color: #555; }