/* /assets/css/style.css */
body { font-family: sans-serif; background-color: #f4f4f4; color: #333; line-height: 1.6; margin: 0; }
.login-container, .public-container, .admin-main { max-width: 1000px; margin: 20px auto; padding: 20px; background: #fff; border-radius: 8px; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.admin-header { background: #333; color: #fff; padding: 1rem; }
.admin-header h1 { margin: 0; }
.admin-header nav a { color: #fff; padding: 0 15px; text-decoration: none; }
.admin-header nav a:hover { text-decoration: underline; }
.admin-footer { text-align: center; margin-top: 20px; color: #777; }
input[type="text"], input[type="password"], input[type="number"], input[type="date"], select, textarea { width: 98%; padding: 8px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #ddd; }
button { background: #5cb85c; color: #fff; padding: 10px 15px; border: none; border-radius: 4px; cursor: pointer; }
button:hover { background: #4cae4c; }
.data-table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.data-table th, .data-table td { border: 1px solid #ddd; padding: 8px; text-align: left; }
.data-table th { background-color: #f2f2f2; }
.form-layout { display: grid; grid-template-columns: 150px 1fr; gap: 10px; align-items: center; }
.form-layout label { font-weight: bold; }
hr { border: 0; height: 1px; background: #ddd; margin: 20px 0; }
.pilihan-item, .variabel-item, .aturan-skor-item { border: 1px solid #eee; padding: 10px; margin-bottom: 5px; border-radius: 4px; }
/* ... tambahkan di akhir file style.css ... */

.message {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}
.message.success {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.message.error {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.form-container {
    background-color: #f9f9f9;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
}

.button-edit { background-color: #f0ad4e; color: white; padding: 5px 10px; text-decoration: none; border-radius: 3px; }
.button-delete { background-color: #d9534f; color: white; padding: 5px 10px; text-decoration: none; border-radius: 3px; }
.button-action { background-color: #5bc0de; color: white; padding: 5px 10px; text-decoration: none; border-radius: 3px; }
.button-cancel { background-color: #777; color: white; padding: 10px 15px; text-decoration: none; border-radius: 4px; display: inline-block; }

.status-draf, .status-terjadwal { background-color: #777; color: white; padding: 3px 7px; border-radius: 10px; font-size: 0.8em; }
.status-aktif, .status-berlangsung { background-color: #5bc0de; color: white; padding: 3px 7px; border-radius: 10px; font-size: 0.8em; }
.status-selesai { background-color: #5cb85c; color: white; padding: 3px 7px; border-radius: 10px; font-size: 0.8em; }