.customers-page{max-width:1180px}.customers-page>.nav{position:relative;overflow:hidden;min-height:145px;padding:28px 30px;margin-bottom:16px;border-radius:22px;background:radial-gradient(circle at 88% 10%,#18c4eb55,transparent 38%),linear-gradient(135deg,#071f49,#075ebf 70%,#079bce);box-shadow:0 16px 38px #075ebf20}.customers-page>.nav:after{position:absolute;right:35px;top:50%;display:grid;place-items:center;width:78px;height:78px;border:1px solid #ffffff2e;border-radius:50%;box-shadow:0 0 0 18px #ffffff08;color:#9beaff;font-size:35px;content:"♥";transform:translateY(-50%)}.dashboard-content .customers-page>.nav .brand{position:relative;z-index:1;color:#fff;font-size:32px;font-weight:880;letter-spacing:-.035em}.customers-page>.nav .muted{position:relative;z-index:1;margin-top:8px;color:#dceeff;font-size:14px}.customers-page>.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin:0 0 20px}.customers-page>.grid>.metric{display:grid;grid-gap:5px;gap:5px;min-width:0;margin:0;padding:18px 19px;border:1px solid #dce8f2;border-radius:17px;background:linear-gradient(145deg,#fff,#f9fcff);box-shadow:0 7px 22px #075ebf08;font-size:inherit}.customers-page>.grid>.metric span{color:#657989;font-size:12px;font-weight:750}.customers-page>.grid>.metric strong{overflow:hidden;color:#203445;font-size:26px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.customers-page>.grid>.metric small{color:#7a8c9a;font-size:11px}.customers-page .customer-layout{gap:16px;margin-top:0}.customers-page .customer-layout>.card{padding:20px}.customers-page .customer-heading{margin-bottom:7px}.customers-page .customer-heading h2{margin:0;font-size:20px}.customers-page .customer-heading input{border-color:#cfdeea;background:#f9fcff}.customers-page .customer-row{border-color:#e4edf3}.customers-page .customer-row.selected,.customers-page .customer-row:hover{background:#edf7fd}.customers-page .customer-row.selected{box-shadow:inset 3px 0 0 #0a86d4}.customers-page .customer-stats>div{border:1px solid #dceaf4;background:#f3f8fc}.customers-page .customer-stats small{color:#718494}.customers-page .customer-stats b{color:#243746}.customers-page .customer-order{border-color:#e4edf3}@media(max-width:900px){.customers-page>.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.customers-page{padding:18px 14px}.customers-page>.nav{min-height:0;padding:23px 20px}.customers-page>.nav:after{right:20px;width:58px;height:58px;font-size:25px}.dashboard-content .customers-page>.nav .brand{max-width:70%;font-size:27px}.customers-page>.nav .muted{max-width:75%}.customers-page>.grid{gap:9px}.customers-page>.grid>.metric{padding:15px}.customers-page>.grid>.metric strong{font-size:22px}}@media(max-width:380px){.customers-page>.grid{grid-template-columns:1fr}}