body{
    margin:0;
    background:#101820;
    color:white;
    font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
}

.topbar{

height:70px;

background:#17212B;

display:flex;

justify-content:space-between;

align-items:center;

padding:0 25px;

box-shadow:0 3px 10px rgba(0,0,0,.4);

}

.logo{

font-size:24px;

font-weight:bold;

color:#00E676;

}

.top-right{

font-size:18px;

}

.sidebar{

background:#17212B;

min-height:calc(100vh - 70px);

padding-top:25px;

}

.sidebar a{

display:block;

padding:16px 22px;

color:#ddd;

text-decoration:none;

font-size:17px;

transition:.25s;

}

.sidebar a:hover{

background:#00C853;

color:white;

}

.card{

background:#1E293B;

border:none;

border-radius:16px;

color:white;

margin-bottom:20px;

}

.card-body{

padding:22px;

}

.status{

display:flex;

justify-content:center;

align-items:center;

gap:12px;

font-size:25px;

font-weight:bold;

}

.status-dot{

width:18px;

height:18px;

border-radius:50%;

}

.online{

color:#00E676;

}

.online .status-dot{

background:#00E676;

box-shadow:0 0 15px #00E676;

}
.waiting{
    color:#FFC107;
}

.waiting .status-dot{
    background:#FFC107;
    box-shadow:0 0 15px #FFC107;
}
.offline{

color:#FF5252;

}

.offline .status-dot{

background:#FF5252;

box-shadow:0 0 15px #FF5252;

}

.info{

font-size:18px;

margin-top:15px;

}

.info div{

margin:8px 0;

}

#map{

height:calc(100vh - 150px);

width:100%;

border-radius:15px;

}
.waiting{
    color:#FFC107;
}

.waiting .status-dot{
    background:#FFC107;
    box-shadow:0 0 15px #FFC107;
}

.warning{
    color:#FF9800;
}

.warning .status-dot{
    background:#FF9800;
    box-shadow:0 0 15px #FF9800;
}

.map-toolbar{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;
}

.tracking-control{
    display:flex;
    align-items:center;
    gap:14px;
    flex-wrap:wrap;
}

.tracking-mode{
    padding:7px 12px;
    border-radius:6px;
    font-size:14px;
    font-weight:700;
    letter-spacing:0;
}

.tracking-mode.idle{
    color:#FFC107;
    background:rgba(255,193,7,.12);
}

.tracking-mode.auto{
    color:#38BDF8;
    background:rgba(56,189,248,.12);
}

.tracking-mode.active{
    color:#00E676;
    background:rgba(0,230,118,.12);
}

.tracking-info{
    margin-top:8px;
    color:#CBD5E1;
    font-size:14px;
}