.client-dashboard{--c:#102e4c;--g:#b48a36}.client-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.client-heading h1{color:var(--c);font-size:30px;margin:4px 0}.client-heading p,.client-note{color:#6b7b8d;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--g);font-weight:800}.client-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.client-stat,.client-panel{border:1px solid #e1e7ef;border-radius:14px;background:#fff;box-shadow:0 3px 14px #0b2b4a0a}.client-stat{padding:19px;display:flex;flex-direction:column;gap:7px}.client-stat span{font-size:13px;color:#66788c}.client-stat strong{font-size:27px;color:var(--c)}.client-stat small{color:#788797}.client-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.client-panel{padding:22px;min-width:0}.client-panel h2{font-size:19px;color:var(--c);margin:0 0 16px}.client-panel-head{display:flex;justify-content:space-between;align-items:center}.client-panel-head span{font-size:12px;color:#8190a0}.client-chart{height:230px;display:flex;align-items:end;justify-content:space-around;gap:9px;padding-top:15px}.client-bar-wrap{height:100%;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.client-bar-value{font-size:10px;color:#718194;white-space:nowrap}.client-bar-track{height:165px;width:100%;max-width:48px;display:flex;align-items:end;background:#f3f6fa;border-radius:7px;overflow:hidden;margin:5px 0}.client-bar{width:100%;background:linear-gradient(180deg,#d2ab60,#a77a29);border-radius:6px 6px 0 0}.client-bar-wrap small{font-size:11px;color:#788797}.client-summary>div{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #edf0f4;padding:15px 0}.client-summary span{color:#68798b}.client-summary b{color:var(--c)}.client-summary .client-total{font-size:17px;font-weight:700}.client-form{display:grid;gap:12px}.client-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:650;color:#45586d}.client-form input{min-width:0;width:100%;padding:11px;border:1px solid #d3dce6;border-radius:8px;background:#fff;color:#243b53}.client-form button{justify-self:start}.client-expenses{margin-top:18px;max-height:300px;overflow:auto}.client-expense{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f4}.client-expense>div{flex:1;min-width:0}.client-expense b,.client-expense small{display:block}.client-expense small{color:#7b8b9a}.client-expense strong{white-space:nowrap}.client-delete{background:#fff1ee;color:#b23c2c;padding:4px 10px}.client-access{padding:9px 0;border-bottom:1px solid #edf0f4;font-size:13px;color:#526579}@media(max-width:850px){.client-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.client-cols{grid-template-columns:1fr}}@media(max-width:520px){.client-heading{align-items:start;flex-direction:column}.client-stat{padding:13px}.client-stat strong{font-size:22px}.client-panel{padding:15px}.client-form-grid{grid-template-columns:1fr}.client-chart{gap:4px}.client-bar-value{font-size:9px}}
