/* Modern FleetFlow dashboard */
#dashboardView{display:block}
#dashboardView.hidden{display:none}
#dashboardView .kpis{grid-template-columns:repeat(6,minmax(150px,1fr));gap:14px;margin-bottom:18px}
#dashboardView .kpi{position:relative;overflow:hidden;min-height:118px;padding:18px;border:1px solid #e2e8f0;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);box-shadow:0 10px 30px rgba(15,23,42,.06)}
#dashboardView .kpi:after{content:"";position:absolute;right:-22px;top:-22px;width:82px;height:82px;border-radius:50%;background:rgba(37,99,235,.07)}
#dashboardView .kpiTop{position:relative;z-index:1;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
#dashboardView .kpiNum{position:relative;z-index:1;margin-top:14px;font-size:30px;line-height:1;font-weight:850;letter-spacing:-.035em;color:#0f172a}
#dashboardView .grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,.65fr);gap:18px;margin-top:0}
#dashboardView .panel{border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.065)}
#dashboardView .ph{min-height:68px;padding:16px 20px;border-bottom:1px solid #edf2f7;background:linear-gradient(180deg,#fff,#fbfdff)}
#dashboardView .ph h2{font-size:16px;font-weight:800;letter-spacing:-.01em;color:#0f172a}
#dashboardView .ph .sub{margin-top:3px;font-size:12px;color:#64748b}
#dashboardView .map{height:410px;background:#e7eef4}
#dashboardView .activity{padding:10px 14px 14px}
#dashboardView .activity>div{margin:0;padding:13px 10px;border-bottom:1px solid #eef2f7;border-radius:10px}
#dashboardView .activity>div:hover{background:#f8fafc}
#dashboardView .sectionPanel{margin-top:18px}
#dashboardView .tableWrap{padding:0 10px 10px}
#dashboardView .dataTable{border-collapse:separate;border-spacing:0 7px}
#dashboardView .dataTable thead th{padding:10px 12px;border:0;background:transparent;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
#dashboardView .dataTable tbody tr{background:#f8fafc;box-shadow:inset 0 0 0 1px #edf2f7}
#dashboardView .dataTable tbody td{padding:13px 12px;border:0}
#dashboardView .dataTable tbody td:first-child{border-radius:11px 0 0 11px}
#dashboardView .dataTable tbody td:last-child{border-radius:0 11px 11px 0}
#dashboardView .btn.light{border-color:#dbe3ec;background:#fff;box-shadow:0 2px 8px rgba(15,23,42,.04)}
#dashboardView>.grid{align-items:stretch}
#dashboardView>.grid>.panel{display:flex;flex-direction:column;min-height:0}
#dashboardView .map{height:500px!important;min-height:500px!important;flex:0 0 500px}
#dashboardView #activityList{height:500px;max-height:none;overflow:auto;flex:0 0 500px}
@media(max-width:1500px){#dashboardView .kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:980px){#dashboardView .grid{grid-template-columns:1fr}#dashboardView .kpis{grid-template-columns:repeat(2,1fr)}#dashboardView .map{height:420px!important;min-height:420px!important;flex-basis:420px}#dashboardView #activityList{height:420px;flex-basis:420px}}
@media(max-width:620px){#dashboardView .kpis{grid-template-columns:1fr}#dashboardView .map{height:320px!important;min-height:320px!important;flex-basis:320px}#dashboardView #activityList{height:320px;flex-basis:320px}}