body { font-family: 'Montserrat', Arial, sans-serif; background: #f5f7fa; margin: 0; }
.header { background: linear-gradient(90deg, #0050A2 0%, #00A1E4 100%); color: #fff; padding: 2rem 0; text-align: center; font-weight: bold; font-size: 2rem; letter-spacing: 1px; font-family: 'Montserrat', Arial, sans-serif; }
.container { max-width: 1100px; margin: 2rem auto; background: #fff; border-radius: 12px; box-shadow: 0 2px 8px #0050a222; padding: 2rem; }
.btn { background: #0050A2; color: #fff; border: none; border-radius: 4px; padding: 0.5rem 1.5rem; font-weight: bold; cursor: pointer; transition: background 0.2s; }
.btn:hover { background: #003366; }
table { width: 100%; border-collapse: collapse; margin-top: 1rem; }
th, td { padding: 0.75rem; border-bottom: 1px solid #e0e0e0; text-align: left; }
th { background: #0050A2; color: #fff; }
input, select, textarea { padding: 0.5rem; border-radius: 4px; border: 1px solid #ccc; margin-bottom: 0.5rem; width: 100%; }
form { margin-bottom: 2rem; }
.action-icons { display: flex; gap: 0.5rem; }
@media (max-width: 800px) { .container { padding: 1rem; } th, td { font-size: 0.95rem; } }