.top-bar{
    display:flex;
    flex-wrap:wrap; /* biar responsif */
    gap:12px;
    align-items:center;
}

.stat-box{
    background:#ffffff;
    padding:14px 20px;
    border-radius:14px;
    position:relative;

    display:flex;
    justify-content:space-between;
    align-items:center;

    transition:0.2s;

    flex:0 0 auto; /* jangan stretch */
    min-width:150px;
}

/* garis merah kiri (lebih halus & modern) */
.stat-box::before{
    content:'';
    position:absolute;
    left:0;
    top:8px;
    bottom:8px;
    width:4px;
    border-radius:4px;
    background:#e30613;
}

.stat-box span{
    font-size:14px;
    color:#6c757d;
    font-weight:500;
}

.stat-box strong{
    font-size:20px;
    font-weight:700;
    color:#2d3436;
}

button{
    padding:10px 18px;
    border-radius:12px;
    border:none;
    background:#e30613;
    color:white;
    cursor:pointer;
    font-weight:600;

    transition:0.2s;

    width:auto;
}

button:hover{
    background:#c00510;
    transform:translateY(-1px);
}

.card{
    background:white;
    padding:20px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.05);
}

select, input{
    padding:8px 12px;
    border-radius:8px;
    border:1px solid #ddd;
}

#searchInput{
    flex:1;
    min-width:200px;
}