:root{
  --mts-primary:#0b3d5c;
  --mts-accent:#12805c;
}
body{
  background:#f4f6f9;
  font-family:'Segoe UI',Roboto,Arial,sans-serif;
}
.app-navbar{
  background:linear-gradient(90deg,var(--mts-primary),#124e79);
}
.card-stat{
  border:none;
  border-radius:14px;
  color:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.08);
}
.card-stat .stat-num{
  font-size:2rem;
  font-weight:700;
}
.bg-grad-blue{background:linear-gradient(135deg,#0b3d5c,#1c6ea4);}
.bg-grad-green{background:linear-gradient(135deg,#12805c,#1fae82);}
.bg-grad-orange{background:linear-gradient(135deg,#c76a1d,#f0922e);}
.bg-grad-red{background:linear-gradient(135deg,#a3221c,#e0392f);}
.bg-grad-gray{background:linear-gradient(135deg,#495057,#6c757d);}
.card{
  border:none;
  border-radius:12px;
  box-shadow:0 2px 10px rgba(0,0,0,.06);
}
.table thead{
  background:#eef2f6;
}
.login-wrap{
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,#0b3d5c,#12805c);
}
.login-card{
  border-radius:16px;
  overflow:hidden;
  max-width:420px;
  width:100%;
}
.login-card .card-header{
  background:var(--mts-primary);
  color:#fff;
  text-align:center;
  padding:2rem 1rem 1rem;
}
.timeline{
  list-style:none;
  padding-left:0;
}
.timeline li{
  border-left:3px solid #0b3d5c;
  padding:.5rem 0 .5rem 1rem;
  margin-left:.5rem;
  position:relative;
}
.timeline li::before{
  content:'';
  width:10px;height:10px;
  border-radius:50%;
  background:#0b3d5c;
  position:absolute;
  left:-6.5px;top:.9rem;
}
.badge{font-weight:500;}
.sidebar-link.active{
  background:#e8f0f7;
  font-weight:600;
  border-radius:8px;
}