:root{--bg: #0f172a;--panel: #ffffff;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--accent: #2563eb;--good: #16a34a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:#f1f5f9;color:var(--ink)}header.app{background:var(--bg);color:#fff;padding:18px 24px}header.app h1{margin:0;font-size:18px;font-weight:600}header.app .sub{margin-top:4px;font-size:12px;color:#94a3b8}main{max-width:1100px;margin:0 auto;padding:24px;display:grid;gap:24px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px 20px;box-shadow:0 1px 2px #0f172a0a}.card h2{margin:0 0 12px;font-size:15px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:#f8fafc}.pct{font-weight:600;color:var(--good)}.dq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.dq-item{border:1px solid var(--line);border-radius:8px;padding:12px 14px}.dq-item .label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.dq-item .value{font-size:22px;font-weight:700;margin-top:4px}.muted{color:var(--muted);font-size:13px}.error{color:#dc2626;font-size:13px}