body { background:#f5f7fb; }
.sidebar { min-height: calc(100vh - 56px); background:#fff; border-right:1px solid #e5e7eb; }
.sidebar .nav-link { color:#334155; border-radius:10px; padding:10px 12px; }
.sidebar .nav-link:hover { background:#eef4ff; color:#0d6efd; }
.card { border:0; border-radius:14px; box-shadow:0 2px 12px rgba(15,23,42,.06); }
.stat-card .icon { width:48px; height:48px; display:grid; place-items:center; border-radius:12px; background:#eaf2ff; color:#0d6efd; font-size:22px; }
.table-card { overflow:hidden; }
.badge-status { font-size:.78rem; }
@media(max-width:991px){
  .sidebar { min-height:auto; border-right:0; border-bottom:1px solid #e5e7eb; }
  .sidebar .nav { flex-direction:row !important; overflow-x:auto; white-space:nowrap; }
  .sidebar .nav-link { flex:0 0 auto; }
}
.brand-mark{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.16);display:grid;place-items:center;font-size:18px}
.brand-logo{max-height:34px;max-width:150px;object-fit:contain}
.quick-card{transition:.15s ease;cursor:pointer}.quick-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(15,23,42,.10)}
#map{height:520px;border-radius:14px;overflow:hidden}.route-next{border-left:4px solid #0d6efd}
@media(max-width:575px){#map{height:420px}.table-responsive{font-size:.9rem}}