*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#1f2937}
.wrap{width:min(1100px,94vw);margin:28px auto}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
h1{margin:0;color:#3c3489;font-size:28px}
h2{margin:0 0 12px;color:#3c3489;font-size:20px}
h3{margin:0 0 8px;font-size:16px}
p{line-height:1.6}
.topbar p{margin:4px 0 0;color:#6b7280}
.btn,.link{display:inline-block;background:#7c3aed;color:#fff;text-decoration:none;border-radius:9px;padding:10px 14px;font-weight:700}
.btn.muted{background:#374151}
.link{padding:7px 10px;font-size:13px}
.table-wrap,.panel,.empty,.alert{background:#fff;border:1px solid #dbe4f0;border-radius:12px;box-shadow:0 8px 28px rgba(30,41,59,.06)}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse;min-width:820px}
th,td{text-align:left;padding:13px 14px;border-bottom:1px solid #e5e7eb;vertical-align:top}
th{font-size:12px;text-transform:uppercase;color:#6b7280;background:#f9fafb}
tr:last-child td{border-bottom:0}
.panel{padding:18px;margin-bottom:14px}
.empty,.alert{padding:18px}
.alert{background:#fee2e2;color:#7f1d1d}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:0}
dt{font-size:12px;text-transform:uppercase;color:#6b7280;font-weight:700}
dd{margin:4px 0 0}
.answer{border-left:5px solid #d1d5db;background:#f9fafb;border-radius:10px;padding:14px;margin-bottom:10px}
.answer.ok{border-left-color:#10b981}
.answer.bad{border-left-color:#ef4444}
.drawing{max-width:100%;border:1px solid #e5e7eb;border-radius:10px;background:#fffbeb}
@media(max-width:650px){.topbar{align-items:flex-start;flex-direction:column}.actions{width:100%}.btn{width:100%;text-align:center}}