body{margin:0;background:linear-gradient(180deg,#0f172a,#111827);font-family:Inter,system-ui,sans-serif;color:#111}
.wrap{max-width:1080px;margin:24px auto;padding:0 16px 40px}
.hero{display:flex;align-items:center;gap:14px;color:#fff;margin-bottom:16px}.logo{width:46px;height:46px}
.hero h1{margin:0;font-size:28px}.hero p{margin:4px 0 0;color:#cbd5e1}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px;margin-bottom:12px;box-shadow:0 8px 30px rgba(0,0,0,.2)}
.card h2{margin:0 0 10px;font-size:16px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
label{font-size:12px;display:flex;flex-direction:column;gap:5px}input,select{padding:9px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}
.row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.product-row{display:grid;grid-template-columns:2.2fr .8fr 1fr auto;gap:10px;align-items:end;margin-bottom:8px}
button{border:0;border-radius:10px;padding:10px 14px;font-weight:600;cursor:pointer}.primary{background:#f59e0b;color:#111827}.ghost{background:#e5e7eb;color:#111}
.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .primary{flex:1}
.manual-download{display:inline-block;margin-top:10px;color:#fff;background:#2563eb;padding:10px 12px;border-radius:8px;text-decoration:none}
@media (max-width:900px){.grid,.grid.three{grid-template-columns:1fr}.product-row{grid-template-columns:1fr}}