*{box-sizing:border-box}body{margin:0;background:#f3f3f0;color:#111;font-family:Arial,Helvetica,sans-serif}.hidden{display:none}.login{max-width:430px;margin:9vh auto;background:#fff;border:1px solid #ddd;padding:35px;box-shadow:0 20px 60px rgba(0,0,0,.06)}.login img{width:130px;height:65px;object-fit:contain}.login p,.section-title small{font-size:9px;letter-spacing:2px;color:#777}.login input,.form input,.form textarea{width:100%;padding:14px;border:1px solid #ddd;background:#fff;margin:7px 0}.login button,header button,.form>button,article button{background:#111;color:#fff;border:0;padding:13px 17px;cursor:pointer}.login #err{color:#b00020;margin-top:12px;font-size:12px}header{background:#111;color:#fff;padding:20px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px}header span{font-size:9px;letter-spacing:3px;color:#aaa}header h1{margin:5px 0 0;font-family:Georgia,serif;font-weight:400}header a{color:#fff;font-size:9px;letter-spacing:1px;margin-right:18px}main{max-width:1250px;margin:auto;padding:30px 5%}section{background:#fff;padding:28px;margin:20px 0;border:1px solid #ddd}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stats div{background:#fff;padding:22px;border:1px solid #ddd}.stats small{display:block;color:#777;text-transform:uppercase;font-size:8px;letter-spacing:1px}.stats b{display:block;font-size:30px;margin-top:8px}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:20px}.section-title h2{font-family:Georgia,serif;font-weight:400;margin:5px 0;font-size:32px}.section-title p{color:#777;font-size:12px;max-width:320px}.form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.form textarea{min-height:100px}.form>button{grid-column:1/-1}.upload{grid-column:1/-1;border:1px dashed #bbb;padding:18px;display:flex;flex-direction:column;gap:8px}.upload span{font-size:9px;letter-spacing:1.5px}.upload input{border:0;padding:0}.upload small{color:#777}.preview{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap}.preview img{width:95px;height:95px;object-fit:cover}.check{font-size:10px;display:flex;gap:8px;align-items:center}.form #imgs{grid-column:1/-1}.form .check{grid-column:1/-1}article{display:grid;grid-template-columns:1.5fr 1fr auto;gap:20px;align-items:center;border-top:1px solid #eee;padding:15px 0}article small{display:block;color:#777;font-size:10px;margin-top:5px}.prod-line{display:flex;align-items:center;gap:12px}.prod-line img,.prod-line>span{width:55px;height:65px;object-fit:cover;background:#eee;display:grid;place-items:center;font-weight:800}.muted{color:#777}.confirmed{font-size:9px;letter-spacing:1px}.form input:focus,.form textarea:focus,.login input:focus{outline:1px solid #111}@media(max-width:750px){.stats,.form{grid-template-columns:1fr}.form>button{grid-column:auto}.form #imgs,.form .check,.upload,.preview{grid-column:auto}.section-title{display:block}.stats{grid-template-columns:1fr 1fr}article{grid-template-columns:1fr}.prod-line{margin-bottom:8px}header{align-items:flex-start;flex-direction:column}}