.logo-preview{max-width:340px;max-height:110px;object-fit:contain;border:1px solid var(--line);padding:8px;background:#fff}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}
.metric{background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px;display:grid;gap:8px}
.metric span,.metric small{color:var(--muted)}.metric strong{font-size:24px}
.metric.accent{background:#263f9e;color:#fff}.metric.accent span{color:#dbe4ff}
.preset-links{display:flex;gap:18px;margin-bottom:22px}.preset-links a{color:var(--blue);font-weight:650}
.export-card{max-width:720px}.role-help p{margin:8px 0}
.sort-bar{display:flex;gap:12px;align-items:end;justify-content:flex-end;margin-bottom:14px}.sort-bar label{display:block}.sort-bar select{min-width:145px;margin-top:5px;padding:7px 9px}
.client-info{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px}.client-info div{display:grid;gap:6px}.client-info span{color:var(--muted);font-size:13px}.danger-zone{border-color:#fecaca;background:#fffafa}.danger-zone h2{color:#991b1b}.danger{background:#b91c1c;border-color:#b91c1c}
@media(max-width:900px){header{height:auto;min-height:64px;align-items:flex-start;padding-top:18px;padding-bottom:14px}nav{flex-wrap:wrap;justify-content:flex-end}.metric-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){header{padding:14px}.brand{margin-right:18px}.metric-grid,.client-info{grid-template-columns:1fr}.sort-bar{justify-content:flex-start;flex-wrap:wrap}}