*{box-sizing:border-box}body{margin:0;background:#f6f6f7;font-family:Arial;color:#181818}header{height:62px;background:#181818;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 5%}header span{color:#ff1493}header a{color:#fff}.panel{background:#fff;border:1px solid #e5e5e5;border-radius:10px;padding:22px;margin:18px 0}.panel input,.panel textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:7px;margin:7px 0}.panel textarea{min-height:160px;font-family:monospace}.panel button,.button{display:inline-block;background:#181818;color:#fff;border:0;border-radius:7px;padding:11px 14px;font-weight:700;font-size:12px;text-decoration:none;cursor:pointer}.pink{background:#ffe1ef;color:#d00072}.red{color:#d00000}.bar{display:flex;justify-content:space-between;align-items:center;padding:25px 5% 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:0 5%}.stat{background:#fff;border:1px solid #eee;border-radius:8px;padding:16px}.stat b{display:block;font-size:22px}.two{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:0 5%}.two .panel{margin-bottom:0}.two+.panel{margin-left:5%;margin-right:5%}.row{display:grid;grid-template-columns:45px 1fr 130px 120px;gap:10px;align-items:center;border-top:1px solid #eee;padding:10px 0;font-size:12px}.row img{width:45px;height:45px;object-fit:cover}.ok{color:#14833b;font-weight:700}.red{color:#d00000;font-weight:800}@media(max-width:800px){.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr;padding:0 12px}.two+.panel{margin-left:12px;margin-right:12px}.bar{padding-left:12px;padding-right:12px}.panel{margin:12px}.row{grid-template-columns:45px 1fr}.row>*:nth-child(n+3){grid-column:2}}