body {
    font-family: Arial, sans-serif;
    margin: 0;
    background-color: #f4f4f4;
}
.menu-bar {
    background-color: #337ab7;
    color: white;
    display: flex;
    align-items: center;
    padding: 0 10px;
}
.menu-bar .brand {
    font-weight: bold;
    font-size: 1.2em;
    padding: 10px 15px;
}
.menu-bar ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}
.menu-bar ul li a {
    color: white;
    text-decoration: none;
    padding: 15px;
    display: block;
}
.menu-bar ul li a:hover {
    background-color: #286090;
}
.main-content {
    padding: 20px;
}
.feature-box {
    background-color: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    max-width: 700px;
    margin-top: 20px;
}
input[type="number"], button {
    padding: 8px;
    margin-right: 5px;
}
#hasil-container {
    margin-top: 20px;
    border-top: 1px solid #eee;
    padding-top: 15px;
}

/* ... (kode css yang sudah ada) ... */

/* Gaya untuk Dashboard Dinamis */
.summary-container ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}
.summary-container li {
    flex-basis: 50%;
    padding: 5px 0;
    box-sizing: border-box;
}
.dashboard-columns {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}
.dashboard-columns .feature-box {
    flex: 1;
    margin-top: 0; /* Hapus margin atas karena sudah diatur oleh gap */
}
#nasabah-terbaru ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#nasabah-terbaru li {
    padding: 5px 0;
    border-bottom: 1px solid #f0f0f0;
}
#nasabah-terbaru li:last-child {
    border-bottom: none;
}