.fo-panel{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px}.fo-panel .section-heading{align-items:flex-start;gap:20px}.fo-panel .section-heading p{max-width:650px;color:#64748b;font-size:14px;line-height:1.6}.fo-panel .section-heading .button{white-space:nowrap}.fo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.fo-metrics>div{padding:18px;background:#f4f7fa;border-radius:12px;display:flex;flex-direction:column;gap:6px}.fo-metrics strong{font-size:29px;color:#152e45}.fo-metrics span{font-size:12px;color:#526579}.fo-filters{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:14px;margin:24px 0}.fo-filters label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:#526579}.fo-filters input,.fo-filters select{width:100%;min-width:0;padding:10px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#152e45}.fo-card{border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:16px 0;overflow-wrap:anywhere}.fo-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:#64748b}.fo-type{font-weight:700;padding:5px 10px;border-radius:6px}.fo-type.positive{background:#e1f4ed;color:#176747}.fo-type.negative{background:#fee7e7;color:#9b3030}.fo-card h3{font-size:16px;margin:16px 0 10px}.fo-description{font-size:14px;line-height:1.7;white-space:pre-wrap;color:#334155}.fo-card details{margin-top:15px}.fo-card summary{cursor:pointer;color:#245b79;font-size:13px;font-weight:600}.fo-card dl{display:grid;gap:14px;margin-top:16px}.fo-card dt{color:#64748b;font-size:12px;font-weight:700;margin-bottom:4px}.fo-card dd{margin:0;font-size:13px;line-height:1.65;white-space:pre-wrap}.fo-unmatched{background:#fff6df;color:#825d12;padding:10px;border-radius:8px;font-size:13px}.fo-error{background:#fee7e7;color:#9b3030;padding:16px;border-radius:10px}.fo-pagination{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.fo-detail{margin-top:28px;border-top:1px solid #e2e8f0;padding-top:8px}.fo-detail>p{font-size:13px;color:#64748b}.filter-panel[hidden]{display:none!important}@media(max-width:700px){.fo-panel{padding:16px}.fo-panel .section-heading{flex-direction:column}.fo-metrics{grid-template-columns:repeat(2,1fr)}.fo-filters{grid-template-columns:1fr 1fr}.fo-filters label:first-child{grid-column:1/-1}.fo-card{padding:14px}}