body { font-family: sans-serif; margin: 0; background-color: #f4f4f4; color: #333; }
.container { width: 80%; margin: 20px auto; padding: 20px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.login-container { width: 350px; margin-top: 100px; }
nav { background-color: #333; padding: 15px; text-align: center; }
nav a { color: white; margin: 0 15px; text-decoration: none; }
nav span { color: #ccc; margin: 0 15px; }
nav a:hover { text-decoration: underline; }
h1, h2, h3 { color: #333; }
label { display: block; margin-top: 10px; }
input[type="text"], input[type="password"], input[type="number"], input[type="file"], select {
    width: calc(100% - 22px); padding: 10px; margin-top: 5px; border: 1px solid #ddd; border-radius: 4px;
}
button {
    background-color: #5cb85c; color: white; padding: 10px 15px; border: none;
    border-radius: 4px; cursor: pointer; margin-top: 20px;
}
button:hover { background-color: #4cae4c; }
.error { color: red; background-color: #fdd; padding: 10px; border: 1px solid red; }
.success { color: green; background-color: #dfd; padding: 10px; border: 1px solid green; }
.admin-form fieldset { border: 1px solid #ccc; padding: 10px; margin-top: 15px; }
.admin-form legend { font-weight: bold; }
.admin-form label { display: inline-block; margin-right: 10px; }
.admin-form input[type="number"], .admin-form input[type="text"] { width: auto; }
table { width: 100%; border-collapse: collapse; margin-top: 20px; }
th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
th { background-color: #f0f0f0; }