:root{
  --primary:#0050d7;
  --primary-dark:#003cbd;
  --navy:#00185e;
  --bg:#f5f7fb;
  --surface:#ffffff;
  --border:#d8e0ef;
  --text:#001233;
  --muted:#4d5f7c;
  --radius:4px;
}

body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Segoe UI,sans-serif;
}

.container{
    max-width:1400px !important;
    width:100% !important;
}

header .navbar{
  background:#fff;
  border-bottom:1px solid var(--border);
  box-shadow:none;
}

.navbar .nav-link{
  color:var(--navy);
  font-weight:600;
}

.navbar .nav-link:hover,
.navbar .nav-link.active{
  color:var(--primary);
}

.tx-console-hero{
  padding:48px;
  margin-bottom:24px;
  background:linear-gradient(135deg,#00185e,#0050d7);
  color:#fff;
  border-radius:8px;
}

.tx-console-hero h2{
  margin:0 0 12px;
  font-size:48px;
  color:#fff;
}

.tx-console-hero p{
  margin:0;
  color:rgba(255,255,255,.85);
}

.tx-eyebrow{
  display:block;
  margin-bottom:12px;
  font-size:12px;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.card{
  background:#fff;
  border:1px solid var(--border);
  border-radius:8px;
  box-shadow:none;
}

.card-header{
  background:#fff;
  border-bottom:1px solid var(--border);
  font-weight:700;
}

.btn-primary{
  background:var(--primary);
  border-color:var(--primary);
}

.btn-primary:hover{
  background:var(--primary-dark);
  border-color:var(--primary-dark);
}

.table-responsive{
  background:#fff;
  border:1px solid var(--border);
}

.breadcrumb{
  background:transparent;
  border:none;
  padding:0 0 16px;
}

#footer{
  margin-top:32px;
  padding:24px;
  background:#001233;
  color:#fff;
}
#footer{
    background:#001233 !important;
    color:#cbd5e1 !important;
}

#footer span,
#footer div,
#footer a{
    color:#cbd5e1 !important;
}

#footer a{
    text-decoration:none;
}
.navbar-brand img{
    height:70px !important;
}