@import url('https://fonts.googleapis.com/css2?family=Mukta+Malar:wght@200;300;400;500;600;700;800&display=swap');
:root{--ink:#17243d;--muted:#64748b;--line:#e6ebf3;--accent:#2859ca}*{box-sizing:border-box}body{background:#f5f7fc;color:var(--ink);font-family:"Mukta Malar", sans-serif;;font-size:14px}h1{font-size:1.9rem;font-weight:800;letter-spacing:-.04em}h4{font-size:1.12rem;font-weight:750;letter-spacing:-.02em}.navbar{background:#17243d!important;box-shadow:0 4px 18px #17243d18}.navbar-brand{font-weight:800;letter-spacing:-.03em}.navbar .nav-link{border-radius:8px;padding:.6rem .8rem!important;color:#cad5e9!important}.navbar .nav-link.active,.navbar .nav-link:hover{background:#ffffff18;color:#fff!important}.topnav,.container{max-width:1100px}.card{border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 24px #20355b08;overflow:hidden}.card-body{padding:1.4rem}.btn{border-radius:9px;font-weight:650}.btn-primary{background:var(--accent);border-color:var(--accent)}.form-control,.form-select{border-color:#dce4f0;border-radius:9px;min-height:39px}.form-control:focus,.form-select:focus{border-color:#82a1e7;box-shadow:0 0 0 .2rem #2859ca1a}.auth{max-width:440px;margin:3vh auto}.page-heading{padding:.5rem 0}.eyebrow{display:block;font-size:.68rem;font-weight:800;letter-spacing:.14em;color:#647ba6;margin-bottom:.4rem}.metric-card{border:0;border-top:4px solid #2859ca}.metric-income{border-top-color:#159b79}.metric-expense{border-top-color:#e35c6a}.metric-saving{border-top-color:#6a69d6}.metric-available{border-top-color:#2859ca}.metric-label{font-size:.82rem;color:#61718b;font-weight:650}.metric-value{font-size:clamp(1.45rem,2vw,2rem);font-weight:800;letter-spacing:-.05em;margin:.7rem 0}.metric-help{color:#8a97aa}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.1rem}.category-item{margin:1.2rem 0}.progress{height:8px;border-radius:30px;background:#edf2f8}.progress-bar{background:#456dd2;border-radius:30px}.bank-item{padding:.95rem 0;border-bottom:1px solid var(--line)}.bank-total{background:#f0f5ff;padding:1rem;border-radius:10px;margin:1rem 0}.empty-state{padding:2rem;text-align:center;color:#94a3b8;background:#f8faff;border-radius:12px}.table{--bs-table-bg:transparent}.table thead th{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:#73839b;border-bottom:1px solid var(--line);padding:.85rem .7rem}.table tbody td{padding:.8rem .7rem;border-color:#edf1f7;vertical-align:middle}.table td,.table th{vertical-align:middle}label{font-size:.83rem;font-weight:650;margin-bottom:.35rem}.transfer-entry label{font-size:.72rem}.alert{border-radius:12px}@media(max-width:767px){.card-body{padding:1rem}.metric-value{font-size:1.6rem}.section-heading{align-items:flex-start}.table{font-size:.82rem}}

.google-login-btn{ font-weight: bold; font-size: 1rem; line-height: 1.25rem; letter-spacing: 0.01em; border-radius: 0.55rem; cursor: pointer; width: 100%; color: #04226e; background: rgb(228 227 227); border: 1px solid rgb(125 237 107); display: inline-block; text-decoration: none; text-align: center; padding: 0.825rem 1rem;  }
.google-login-btn span{ -webkit-box-align: center; align-items: center; display: inline-flex; gap: 0.55rem; vertical-align: top; }
.sec-divider{ text-transform: uppercase; display: grid; grid-template-columns: 1fr 0fr 1fr; gap: 1rem; font-family: "Bitly Display"; font-weight: 400; font-size: 1rem; line-height: 1.5rem; }
.divider-or-text{ font-size:1.2rem; font-weight:bold; color:#e53935; }
.sec-divider::before { content: ""; height: 0.0625rem; width: 100%; background: rgb(219, 224, 235); margin: auto 0px; }
.sec-divider::after { content: ""; height: 0.0625rem; width: 100%; background: rgb(219, 224, 235); margin: auto 0px; }
.page-title .heading{ padding:95px 0 10px 0 !important; }
h1.cust{ font-size:28px !important; color:#0250ab !important; }
#features{ padding-top:15px !important; } 
.errorMsg{ font-weight: bold;  font-size: 1rem; }
.login-title{ font-weight: bold; font-size: 1.245rem; color: #104593; text-transform: uppercase;}
.splborder{border-color: #989899 !important; border-radius: 5px !important; }