:root{
  --nav:#e7f4fc;
  --green:#278fc5;
  --green2:#eaf7fe;
  --ink:#173b52;
  --muted:#66869a;
  --line:#d7eaf4;
  --bg:#f5fbfe;
}

aside{background:var(--nav)}
aside .brand{color:#155b7f}
aside nav a{color:#386f8c}
nav a:hover,aside nav a.active{background:#cbeaf9;color:#155b7f}
.profile{border-top-color:#c3e2f2;color:#386f8c}
.profile .link{color:#386f8c}
.cards article,.panel{box-shadow:0 3px 14px #163c6812}
.login{background:radial-gradient(circle at top right,#bfe7fa,#eaf7fe 62%)}
.login-card .logo{background:var(--green)}
.payment-list i:not([data-lucide]){background:linear-gradient(90deg,var(--green) var(--w),#e3ebf5 var(--w))}
.bar-group .in{background:var(--green)}
.legend .green:before{background:var(--green)}
.alert.success{background:var(--green2);color:#176b96}
.pill.ok{background:var(--green2);color:#217eaa}
.site-footer{border-top-color:var(--line);color:var(--muted)}

@media(max-width:900px){
  aside{background:#e7f4fcf7;border-top-color:#bfddec;box-shadow:0 -8px 28px #4587aa24}
  aside nav a,.mobile-logout button{color:#4c7f99}
  aside nav a.active{background:#c2e7f8;color:#145d82}
  aside nav a.active svg{color:#278fc5}
}