*{box-sizing:border-box}body{margin:0;color:#222;font-family:Arial,sans-serif}.customers-head{padding:22px 4vw;display:flex;justify-content:space-between;align-items:center}.customers-head nav{display:flex;gap:18px;flex-wrap:wrap}.customers-head nav a{color:#fff;font-weight:800;text-decoration:none}main{max-width:1350px;margin:auto;padding:32px 4vw 70px}.page-head{display:flex;justify-content:space-between;align-items:end;gap:20px}.page-head h2{font-size:40px;margin:4px 0;text-transform:uppercase}.page-head input{width:min(430px,100%);padding:13px;font:inherit}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}.metrics>div{background:#fff;border:1px solid #d7d2c8;padding:18px}.metrics b{display:block;font-size:29px}.metrics span{font-size:11px;color:#666;font-weight:900}.panel{background:#fff;border:1px solid #d7d2c8;padding:20px}.row{display:grid;grid-template-columns:2fr 1.4fr 1fr .8fr 1fr auto;gap:12px;padding:12px;border-top:1px solid #eee;align-items:center}.row.head{font-weight:900;background:#eee}.row button{padding:8px 10px}.muted{color:#777}dialog{border:0;padding:0;width:min(1050px,95vw);max-height:92vh;overflow:auto}.dialog-body{padding:28px}.x{float:right;border:0;background:none;font-size:34px}.dialog-body h2{font-size:32px;margin:5px 0}.customer-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:15px 0}.customer-stats div{background:#f0eee8;padding:13px}.customer-stats b{display:block;font-size:24px}.customer-stats span{font-size:11px;color:#666;font-weight:900}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:15px}.box{border:1px solid #d7d2c8;background:#f8f7f3;padding:17px}.box h3{margin-top:0}.box label{display:grid;gap:5px;font-weight:800;margin:10px 0}.box input,.box textarea{width:100%;padding:10px;font:inherit}.box button{background:#222;color:#fff;border:0;padding:11px 14px;font-weight:900}.order{padding:11px 0;border-top:1px solid #ddd}.order b{display:block}.order small{display:block;color:#666;margin-top:3px}.order a{display:inline-block;margin-top:6px;font-weight:800}.empty{color:#777;font-style:italic}#toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#222;color:#fff;padding:12px 18px;font-weight:800;display:none}@media(max-width:900px){.customers-head,.page-head{align-items:flex-start;flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.panel{overflow:auto}.row{min-width:850px}.detail-grid{grid-template-columns:1fr}.customer-stats{grid-template-columns:1fr 1fr}}