*{box-sizing:border-box}body{color:#1f2933;background:#f6f7f8;margin:0;font-family:Inter,Arial,sans-serif}.page{min-height:100vh;padding:28px}.hero{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:14px;display:flex}.hero h1{margin:0 0 8px;font-size:34px}.hero p{color:#536471;margin:0 0 8px}.hero small{color:#687887}.hero button,.qualityToggle{color:#fff;cursor:pointer;background:#d9272e;border:0;border-radius:6px;padding:10px 14px;font-weight:700}.banner{background:#fff4d6;border:1px solid #f1cd77;border-radius:8px;margin:12px 0 18px;padding:12px}.cards,.cityGrid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.card,.cityCard,.quality{background:#fff;border:1px solid #e1e6eb;border-radius:8px;padding:14px}.card span,.cityCard span,.quality span,.detailGrid span{color:#687887;text-transform:capitalize;font-size:12px;display:block}.card b{margin-top:8px;font-size:24px;display:block}.pills{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.pills button{cursor:pointer;background:#fff;border:1px solid #cfd8df;border-radius:999px;padding:8px 12px}.pills .active{color:#fff;background:#1f2933}.filters{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:18px 0;display:grid}.filters label{color:#536471;text-transform:capitalize;font-size:12px}.filters select,.filters input{background:#fff;border:1px solid #cfd8df;border-radius:6px;width:100%;margin-top:4px;padding:9px}.qualityToggle{margin-bottom:10px}.quality{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin-bottom:16px;display:grid}.empty,.error{color:#536471;background:#fff;border:1px solid #e1e6eb;border-radius:8px;padding:20px}.tableWrap{background:#fff;border:1px solid #e1e6eb;border-radius:8px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:1600px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #edf0f2;padding:11px 10px;font-size:13px}th{color:#536471;cursor:pointer;background:#f9fafb;position:sticky;top:0}tbody tr{cursor:pointer}tbody tr:hover{background:#fff8f1}a{color:#b91c1c;font-weight:700;text-decoration:none}.badge{white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.p0{color:#991b1b;background:#fee2e2}.p1{color:#9a3412;background:#ffedd5}.p2,.neutral{color:#374151;background:#e5e7eb}.reject{color:#fff;background:#111827}.warn{color:#92400e;background:#fef3c7}.opportunity{color:#166534;background:#dcfce7}.exists{color:#1e40af;background:#dbeafe}.overlay{background:#0f172a61;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;width:min(720px,94vw);height:100vh;padding:24px;overflow:auto;box-shadow:-20px 0 45px #0000002e}.close{float:right;background:#fff;border:1px solid #cfd8df;border-radius:6px;padding:8px 12px}.drawer h2{margin-top:8px}.detailGrid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:18px;display:grid}.detailGrid div{border:1px solid #edf0f2;border-radius:8px;padding:10px}.detailGrid b{word-break:break-word;margin-top:5px;display:block}.evidence{flex-wrap:wrap;gap:8px;display:flex}.evidence a{border:1px solid #cfd8df;border-radius:6px;padding:8px 10px}@media (max-width:700px){.page{padding:16px}.hero{display:block}.hero button{width:100%;margin-top:12px}.hero h1{font-size:28px}}.brandBlock{align-items:flex-start;display:flex}.productMark{letter-spacing:0;color:#1f2933;white-space:nowrap;align-items:center;gap:4px;margin-bottom:10px;font-size:34px;font-weight:900;line-height:1;display:flex}.productMark span{color:#1f2933;font-weight:900}.productMark img{object-fit:contain;width:154px;height:auto;display:block}@media (max-width:700px){.brandBlock{display:block}.productMark{white-space:normal;flex-wrap:wrap;gap:3px;font-size:28px}.productMark img{width:126px}}