:root{--bg:#f4f7fb;--card:#fff;--ink:#162033;--muted:#607089;--line:#dde5ef;--brand:#0878b8;--ok:#12805c;--bad:#b42318;}
*{box-sizing:border-box}body{margin:0;background:var(--bg);font-family:Arial,Helvetica,sans-serif;color:var(--ink)}
.top{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 22px;background:#10243d;color:white;position:sticky;top:0;z-index:2;box-shadow:0 2px 12px #0003}.top h1{margin:0;font-size:24px}.top p{margin:4px 0 0;color:#c9d8e8}.badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}button{border:0;border-radius:10px;background:var(--brand);color:white;padding:10px 14px;font-weight:700;cursor:pointer}.badge{border-radius:999px;padding:8px 12px;font-weight:800;font-size:12px;background:#7a8798}.badge.ok{background:var(--ok)}.badge.bad{background:var(--bad)}.badge.wait{background:#826400}
.card{background:var(--card);margin:16px 22px;padding:16px;border-radius:14px;box-shadow:0 4px 18px #10243d12;border:1px solid var(--line)}.filters{display:grid;grid-template-columns:repeat(7,minmax(120px,1fr));gap:10px}.filters label{font-size:12px;color:var(--muted);font-weight:700}.filters input,.filters select{width:100%;margin-top:4px;border:1px solid var(--line);border-radius:8px;padding:9px;background:white;color:var(--ink)}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 22px}.kpi{background:white;border-radius:14px;padding:18px;box-shadow:0 4px 18px #10243d12;border:1px solid var(--line)}.kpi span{display:block;color:var(--muted);font-size:13px;font-weight:700}.kpi b{font-size:28px;margin-top:8px;display:block}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.grid2 .card{margin-right:0}.grid2 .card:last-child{margin-left:0;margin-right:22px}h2{margin:0 0 12px;font-size:18px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px;border-bottom:1px solid var(--line);text-align:right}th:first-child,td:first-child{text-align:left}th{background:#eef4fa;color:#30455f}.certificate{border-left:6px solid var(--ok)}.certbox{font-size:15px;line-height:1.55}.muted{color:var(--muted)}
@media(max-width:900px){.top{display:block}.filters{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.grid2{display:block}.grid2 .card,.grid2 .card:last-child{margin:16px 22px}}
@media print{.top,.filters,.grid2,#rows,.badges{display:none}.card{box-shadow:none;border:0}.certificate{display:block;margin:0}}