body{
    background:
        linear-gradient(
            rgba(0,0,0,0.45),
            rgba(0,0,0,0.45)
        ),
        url("/static/img/background_tambang.jpeg");

    background-size: 100% auto;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #000;

    font-family: Segoe UI, sans-serif;
}

.dashboard-card{

    background: rgba(255,255,255,0.95);

    border-radius:15px;

    box-shadow:0px 5px 5px rgba(0,0,0,.2);

    margin-bottom:20px;

}
    



.card{

    transition:.3s;

}

.card:hover{

    transform:translateY(-5px);

}

.card-body{

    padding: 15px;

}

h1{

    font-weight:bold;

}

.table td,
.table th{
    vertical-align:middle;
}

.dashboard-header{
    background: rgba(255,255,255,0.90);
    padding:15px;
    border-radius:15px;
    box-shadow:0 2px 10px rgba(0,0,0,.20);
}
.main-container{
    max-width: 1400px;
    margin: auto;
}
.dashboard-header{
    margin-bottom:20px;
}

.dashboard-header h1{
    font-size:32px;
    margin-bottom:0;
}

.dashboard-header p{
    margin-bottom:0;
}
.logo-dashboard{
    height:300px;
    width:auto;
}
.pit-map{

    width: 80%;

    max-width: 500px;

    height: auto;

}
.pit-card .card-body{
    padding:8px;
}

.pit-map{
    max-width:500px;
    max-height:350px;
    width:auto;
    height:auto;
}
/* Label filter */
label{
    color: white !important;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.8);
}

/* Input tanggal */
input[type="date"]{
    background: rgba(255,255,255,0.95);
    border: 2px solid rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/* Dropdown cluster */
select{
    background: rgba(255,255,255,0.95);
    border: 2px solid rgba(255,255,255,0.8);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

/* Placeholder tanggal */
input[type="date"]::placeholder{
    color:#333;
}
.filter-box{
    background: rgba(0,0,0,0.45);
    padding: 15px;
    border-radius: 15px;
    backdrop-filter: blur(5px);
}
.card{
    background: rgba(255,255,255,0.90);
    backdrop-filter: blur(5px);
}

.card-header{
    font-weight: bold;
    font-size: 18px;
}