*{box-sizing:border-box}body{margin:0;background:#f3f6f7;color:#17212b;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,Arial,sans-serif;line-height:1.55}.topbar{background:#0f766e;color:white;padding:18px max(16px,calc((100% - 900px)/2));display:flex;align-items:center;justify-content:space-between;gap:12px}.topbar h1{font-size:21px;margin:0}.topbar p{margin:2px 0 0;font-size:13px;opacity:.85}main{max-width:900px;margin:18px auto;padding:0 12px}.panel{background:white;border-radius:15px;padding:16px;margin-bottom:14px;box-shadow:0 2px 12px #1020300d}.panel h2{font-size:17px;margin:0 0 12px}.grid{display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px}input,textarea,select{font:inherit;border:1px solid #cbd5dc;border-radius:9px;padding:10px;background:white;min-width:0}textarea{width:100%;resize:vertical;margin:6px 0 10px}.full{width:100%;margin-bottom:10px}.row{display:flex;align-items:center;gap:8px;margin-top:10px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.inline{white-space:nowrap}.cc{width:75px}.primary,.secondary,.danger{border:0;border-radius:9px;padding:10px 14px;font:inherit;cursor:pointer}.primary{background:#0f766e;color:white}.secondary{background:#e7eff0;color:#164e4a}.danger{background:#b42318;color:white}.danger.light{background:#fff0ef;color:#a21d16}.grow{flex:1}.muted,.hint{color:#64748b;font-size:13px}.status{margin-top:10px;background:#f0f7f6;border-radius:9px;padding:10px;font-size:14px}.customer-list{display:grid;gap:8px}.customer{display:flex;align-items:center;gap:10px;border:1px solid #e2e8f0;border-radius:10px;padding:10px}.customer .details{flex:1;min-width:0}.customer strong{display:block}.customer small{color:#64748b;direction:ltr;display:block;text-align:right}.customer .actions{display:flex;gap:5px}.customer button{border:0;border-radius:7px;padding:7px 9px;background:#edf2f5}.customer input{width:19px;height:19px}.check{display:flex;align-items:center;gap:6px}.check input{width:18px;height:18px}.hidden{display:none!important}button:disabled{opacity:.45;cursor:not-allowed}footer{text-align:center;color:#64748b;font-size:12px;padding:10px 16px 25px}@media(max-width:650px){.grid{grid-template-columns:1fr 1fr}.grid button{grid-column:auto}.topbar{align-items:flex-start}.topbar h1{font-size:18px}.customer .actions{flex-direction:column}.panel{padding:13px}.row button{font-size:14px}}