.customer-list{display:grid;gap:16px}.customer-card{border:1px solid #e1e2e4;border-radius:14px;padding:20px;background:#fff}.customer-head{display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center}.customer-avatar{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#f7e2e5;color:#cb1f35;font-weight:800}.customer-head h3{margin:0 0 3px}.customer-head p,.customer-head small{margin:0;color:#74777d}.customer-stats{display:grid;grid-template-columns:repeat(3,auto);gap:3px 18px;text-align:right}.customer-stats span{font-size:11px;color:#8a8d92}.customer-orders{margin-top:16px;border-top:1px solid #eee}.customer-orders button{width:100%;border:0;border-bottom:1px solid #eee;background:#fff;padding:12px 4px;display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;text-align:left;cursor:pointer}.customer-orders span:first-child{display:flex;flex-direction:column}.customer-orders small{color:#888}.invoice-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:20px}.invoice-lines>div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #eee}.invoice-lines span{display:flex;flex-direction:column;gap:4px}.invoice-lines small{color:#777}.invoice-summary>strong{display:block;font-size:32px;margin:12px 0;color:#cb1f35}.invoice-summary>p{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:10px 0}.invoice-add{margin-top:20px;padding-top:16px;border-top:1px solid #ddd}.invoice-add input{width:100%;margin:6px 0;padding:12px;border:1px solid #d7d9dc;border-radius:9px}.invoice-add .primary{margin-top:8px}.invoice-btn{margin-left:5px}@media(max-width:800px){.customer-head{grid-template-columns:auto 1fr}.customer-stats{grid-column:1/-1;text-align:left}.invoice-layout{grid-template-columns:1fr}.customer-orders button{grid-template-columns:1fr auto}.customer-orders button>b{grid-column:1/-1}}