*{box-sizing:border-box}body{margin:0;background:#f3f5f7;color:#18212f;font-family:Arial,sans-serif}button,input,select{font:inherit}header{background:#0f172a;color:#fff;padding:26px max(20px,calc((100% - 1460px)/2));display:flex;justify-content:space-between;align-items:center}header h1{margin:4px 0;font-size:clamp(2rem,5vw,3rem)}header p{margin:0;opacity:.75}header button,#reset{border:0;border-radius:10px;padding:11px 16px;font-weight:700}main{width:min(1460px,calc(100% - 28px));margin:20px auto}.status,.filters,.summary article,.table,.card{background:#fff;border:1px solid #dfe5ec;border-radius:14px;box-shadow:0 8px 28px #0f172a14}.status{padding:14px 16px;display:flex;justify-content:space-between;color:#64748b;margin-bottom:16px}#dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#f59e0b;margin-right:8px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.summary article{padding:18px;color:#64748b;font-weight:700}.summary b{display:block;color:#18212f;font-size:2rem}.filters{padding:18px;margin-bottom:18px}.tabs{display:flex;gap:8px;margin-bottom:14px}.tab{border:1px solid #dfe5ec;border-radius:999px;background:#fff;padding:9px 15px;font-weight:700}.tab.active{background:#0f172a;color:#fff}.grid{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end}label{font-size:.85rem;color:#64748b;font-weight:700}input,select{display:block;width:100%;min-height:44px;margin-top:6px;padding:9px 11px;border:1px solid #cbd5e1;border-radius:9px}.results{display:flex;justify-content:space-between;align-items:center}.table{overflow:auto}table{width:100%;min-width:1100px;border-collapse:collapse}th,td{padding:12px 11px;border-bottom:1px solid #dfe5ec;text-align:left;vertical-align:top}th{background:#eef2f6;font-size:.8rem}.badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:800}.ph{background:#fee4e2;color:#b42318}.pm{background:#fef3c7;color:#92400e}.pl{background:#e2e8f0;color:#475569}.sc{background:#dcfce7;color:#166534}.so{background:#dbeafe;color:#1d4ed8}.meta{color:#64748b;font-size:.88rem}.answer{margin-top:7px;padding-top:7px;border-top:1px dashed #cbd5e1}.photo{display:block;margin-top:8px;color:#2563eb;font-weight:700}.cards{display:none}.card{padding:16px;margin-bottom:12px}.cardtop,.cardmeta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.cardmeta{margin-top:10px;color:#64748b}.response{margin-top:14px;padding:12px;background:#f8fafc;border-radius:10px}.error,.empty{padding:18px;text-align:center;border-radius:12px}.error{background:#fef3f2;color:#b42318}.empty{background:#fff;border:1px dashed #94a3b8}.hidden{display:none!important}footer{text-align:center;color:#64748b;padding:20px}@media(max-width:900px){.summary{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){header{padding:20px;align-items:flex-start}.status{display:block}.grid{grid-template-columns:1fr}.table{display:none}.cards{display:block}}