body{
    background:#0f172a!important;
    font-family:Inter,Arial,sans-serif;
}

nav{
    box-shadow:3px 0 20px rgba(0,0,0,.35);
}

.list-group-item{
    border:0!important;
    padding:18px 25px;
    font-size:17px;
}

.list-group-item i{
    width:28px;
}

.list-group-item:hover{
    background:#1e293b!important;
    color:#fff!important;
}

.card{

    border:0;

    border-radius:18px;

    background:#1e293b;

    color:white;

    box-shadow:0 10px 30px rgba(0,0,0,.25);

    transition:.25s;

}

.card:hover{

    transform:translateY(-5px);

}

.card-body{

    padding:28px;

}

.card h5{

    color:#9ca3af;

    margin-bottom:18px;

    font-size:18px;

}

#mediamtx,
#bridge,
#nginx,
#php{

    color:#22c55e;

    font-size:32px;

    font-weight:bold;

}

#ram,
#uptime,
#cpu{

    color:#fff;

    font-size:26px;

    font-weight:bold;

}

h2{

    font-weight:700;

}

#clock{

    color:#9ca3af;

    font-size:18px;

}

.bg-danger{

    background:#dc2626!important;

}

.bg-black{

    background:#111827!important;

}

::-webkit-scrollbar{

    width:8px;

}

::-webkit-scrollbar-thumb{

    background:#374151;

    border-radius:20px;

}