.container { max-width: 1100px; margin: 0 auto; padding: 20px; }

header { background: #222; color: white; padding: 50px 0; text-align: center; margin-bottom: 30px; }
.underline { width: 100px; height: 4px; background: #ff4d4d; margin: 15px auto; }

.filter-container { 
    display: flex; gap: 20px; background: white; padding: 25px; 
    border-radius: 12px; box-shadow: var(--shadow); margin-bottom: 30px;
}
.filter-group { flex: 1; }
.filter-group label { display: block; margin-bottom: 8px; font-weight: bold; }
select { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 8px; font-size: 16px; }

.card-penilaian { background: white; padding: 25px; border-radius: 12px; box-shadow: var(--shadow); border-left: 6px solid var(--primary); }
.tabel-evaluasi { width: 100%; border-collapse: collapse; margin-top: 20px; }
.tabel-evaluasi th, .tabel-evaluasi td { border: 1px solid #ddd; padding: 12px; }

/* CSS untuk mempercantik tombol di input.css */
.btn-simpan {
    background-color: #27ae60;
    color: white;
    padding: 15px 30px;
    border: none;
    border-radius: 8px;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    box-shadow: 0 4px 15px rgba(39, 174, 96, 0.3);
    margin: 20px auto;
}

.btn-simpan:hover {
    background-color: #219150;
    transform: scale(1.05);
}