:root{
  --font: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --text:#111827; --muted:#6b7280; --border:#e5e7eb; --bg:#ffffff;
  --radius:10px;
}

*{ box-sizing:border-box; }
body{ margin:0; font-family:var(--font); color:var(--text); background:var(--bg); }
.container{ max-width:1100px; margin:0 auto; padding:24px; }
h1{ margin:0 0 8px; font-size:24px; }
p.lead{ margin:0 0 18px; color:var(--muted); }

.table-wrap{ border:1px solid var(--border); border-radius:var(--radius); overflow:hidden; }
table{ width:100%; border-collapse:collapse; }
th, td{ padding:12px; border-bottom:1px solid var(--border); vertical-align:top; }
th{ text-align:left; font-size:12px; letter-spacing:.02em; text-transform:uppercase; color:var(--muted); background:#f9fafb; }
tr:last-child td{ border-bottom:none; }

.prod{ display:flex; gap:12px; }
.prod img{ width:56px; height:56px; object-fit:cover; border-radius:8px; border:1px solid var(--border); }
.prod .name{ font-weight:600; margin:0; }
.prod .desc{ margin:4px 0 0; color:var(--muted); font-size:13px; }
.price{ white-space:nowrap; font-weight:600; }
.qty input{ width:90px; padding:8px; border:1px solid var(--border); border-radius:8px; }

.summary-wrap{
  margin-top:16px;
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:14px;
}

.btn-primary{
  padding:12px 18px;
  border-radius:10px;
  border:1px solid #111827;
  background:#111827;
  color:#fff;
  font-weight:600;
  cursor:pointer;
}

.btn-secondary{
  padding:12px 18px;
  border-radius:10px;
  border:1px solid var(--border);
  background:#fff;
  color:#111827;
  font-weight:600;
  cursor:pointer;
}

.btn-primary:disabled, .btn-secondary:disabled{
  opacity:.6;
  cursor:not-allowed;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}

.field label{
  display:block;
  font-size:12px;
  color:var(--muted);
  margin:0 0 6px;
  text-transform:uppercase;
  letter-spacing:.02em;
}

.field input, .field textarea{
  width:100%;
  padding:10px;
  border:1px solid var(--border);
  border-radius:10px;
  font-family:var(--font);
}

.field textarea{
  min-height:90px;
  resize:vertical;
}

@media (max-width: 720px){
  .form-grid{ grid-template-columns:1fr; }
}