body {
    font-family: Arial, sans-serif;
    margin: 0; padding: 0;
    background: #f8f8f8;
}
nav ul {
    background: #0056b3;
    padding: 10px;
    margin: 0;
    display: flex;
    list-style: none;
}
nav ul li { margin-right: 20px; }
nav ul li a {
    color: #fff; text-decoration: none; padding: 8px 12px;
    border-radius: 4px;
}
nav ul li a:hover { background: #003d80; }
.dashboard-cards { display: flex; gap: 20px; margin: 20px 0; }
.card {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.07);
    padding: 16px 22px;
    flex: 1;
    text-align: center;
    font-weight: bold;
}
form { background: #fff; padding: 20px; border-radius: 6px; max-width: 500px; margin: 0 auto; }
form input, form textarea, form select { width: 100%; margin-bottom: 12px; padding: 8px; border-radius: 3px; border: 1px solid #ccc; }
form button { background: #0056b3; color: #fff; border: none; padding: 10px 18px; border-radius: 4px; cursor: pointer; }
form button:hover { background: #003d80; }
footer { background: #0056b3; color: #fff; text-align: center; padding: 16px 0; margin-top: 40px; }
.msg { background: #e0ffe0; color: #008000; padding: 12px; border-radius: 4px; text-align: center; margin-bottom: 16px; }
.error { background: #ffe0e0; color: #b00000; padding: 10px; border-radius: 4px; text-align: center; margin-bottom: 16px; }