.metrics-admin-main{min-width:0;flex:1}
.metrics-range{display:flex;gap:7px;flex-wrap:wrap}.metrics-range button{min-height:38px}.metrics-range button.is-active{background:var(--admin-sage);border-color:var(--admin-sage);color:#fff}
.metrics-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:18px 0}.metrics-card{padding:16px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-card);background:var(--admin-surface);box-shadow:var(--admin-shadow-soft)}.metrics-card small{display:block;color:var(--admin-text-muted);font-weight:700}.metrics-card strong{display:block;margin-top:5px;font:700 1.55rem/1 var(--admin-font-heading)}
.metrics-section{margin-top:18px;padding:18px;border:1px solid var(--admin-border);border-radius:var(--admin-radius-panel);background:var(--admin-surface)}.metrics-section h2{margin-top:0}.metrics-table-wrap{overflow:auto}.metrics-table{width:100%;border-collapse:collapse;font-size:.88rem}.metrics-table th,.metrics-table td{padding:10px 9px;border-bottom:1px solid var(--admin-border-soft);text-align:right;white-space:nowrap}.metrics-table th:first-child,.metrics-table td:first-child{text-align:left;white-space:normal;min-width:220px}.metrics-table tbody tr:hover{background:var(--admin-sage-pale)}
.metrics-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.metrics-empty{color:var(--admin-text-muted)}.metrics-health{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metrics-health div{padding:12px;border-radius:10px;background:var(--admin-surface-soft)}
.metrics-trend{display:flex;align-items:flex-end;gap:4px;height:150px;padding-top:12px;border-bottom:1px solid var(--admin-border)}.metrics-trend span{flex:1;min-width:4px;background:var(--admin-sage);border-radius:4px 4px 0 0;opacity:.8}.metrics-trend-label{margin-top:7px;color:var(--admin-text-muted);font-size:.78rem}
@media(max-width:1100px){.metrics-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.metrics-grid-2{grid-template-columns:1fr}}
@media(max-width:800px){.metrics-admin-main{padding:18px 14px 34px}.metrics-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-health{grid-template-columns:1fr}}
@media(max-width:430px){.metrics-summary{grid-template-columns:1fr}.metrics-card strong{font-size:1.35rem}}
.metrics-toolbar{align-items:flex-end}.metrics-custom-range{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.metrics-custom-range[hidden]{display:none}.metrics-custom-range .admin-field{min-width:150px}.metrics-help{color:var(--admin-text-muted);font-size:.82rem}.metrics-table th button{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:700;cursor:pointer}.metrics-table th button:hover{text-decoration:underline}.metrics-section h3{margin:22px 0 10px;font-size:1rem}
.metrics-trend meter{flex:1;min-width:4px;height:100%;writing-mode:vertical-lr;direction:rtl;border:0;background:transparent}.metrics-trend meter::-webkit-meter-bar{background:transparent;border:0}.metrics-trend meter::-webkit-meter-optimum-value{background:var(--admin-sage);border-radius:4px 4px 0 0}.metrics-trend meter::-moz-meter-bar{background:var(--admin-sage);border-radius:4px 4px 0 0}.metrics-article-link{border:0;background:none;padding:0;color:inherit;font:inherit;font-weight:700;text-align:left;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.metrics-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.metrics-detail-header h2{margin:.15rem 0 0}.metrics-detail-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.metrics-article-detail[hidden]{display:none}@media(max-width:900px){.metrics-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.metrics-detail-summary{grid-template-columns:1fr}.metrics-detail-header{display:block}.metrics-detail-header .admin-btn{margin-top:10px}}