/* fd-frontend.css - simple styling */
.fd-dashboard{max-width:1100px;margin:20px auto;font-family:Arial,Helvetica,sans-serif}
.fd-kpis{display:flex;gap:18px;margin-bottom:18px}
.fd-card{flex:1;background:#161616;border-radius:10px;padding:5px 20px;box-shadow:0 6px 18px rgba(0,0,0,0.05)}
.fd-title{font-size:16px;color:#535863;}
.fd-number{font-size:23px;font-weight:700;margin-top:0px;color:#fff}
.fd-chart-card{background:#161616;border-radius:10px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.04);height:160px;margin-bottom:18px}
#fdChart{width:100%;height:120px}
.fd-bottom-row{display:flex;gap:18px}
.fd-box{flex:1;background:#161616;border-radius:10px;padding:18px;box-shadow:0 6px 18px rgba(0,0,0,0.04)}
.fd-segments ul{list-style:none;padding:0;margin:0}
.fd-segments li{font-size:12px; color:#fff; display:flex;justify-content:space-between;padding:4px 0;border-bottom:1px solid #232525 !important;}
.fd-route .route-text{font-size:13px;color:#fff;font-weight:700;margin-top:8px}

@media(max-width:800px){
  .fd-kpis{flex-direction:column}
  .fd-bottom-row{flex-direction:column}
}