.mod-login{max-width:480px;margin:20px auto}
.mod-login h2{margin-bottom:14px}.mod-login form{display:grid;gap:16px}.mod-login code{overflow-wrap:anywhere}
.mod-panel{max-width:900px;margin:auto}
.mod-tabs,.mod-ops{display:flex;flex-wrap:wrap;gap:8px}
.mod-tabs button{min-height:40px;padding:6px 13px}
.mod-tabs button[aria-pressed=true]{border-color:var(--gold);color:var(--gold);background:#344831}
.mod-list-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 4px;min-height:30px}
.mod-status{color:#d9d6b3;font-size:14px}.mod-login .mod-status:not(:empty){margin-top:12px}
.mod-row{border-top:1px solid var(--border);padding:15px 0}
.mod-row small{margin-left:12px}.mod-row p{margin:8px 0;white-space:pre-wrap;overflow-wrap:anywhere}
.mod-ops{margin-top:8px}.mod-ops button{min-height:34px;padding:4px 12px;font-size:13px}
.mod-danger{color:#ffb8a6;border-color:#825849;background:#422c25}
.mod-more{margin-top:12px}.mod-row b{overflow-wrap:anywhere}
.mod-nav,.mod-stats-head,.mod-block-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mod-nav{border-bottom:1px solid var(--border);margin-bottom:20px}
.mod-nav>div,.mod-period{display:flex;gap:4px}
.mod-nav [data-pane]{background:none;border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 12px;color:var(--muted)}
.mod-nav [data-pane][aria-pressed=true]{color:var(--gold);border-bottom-color:var(--gold);font-weight:600}
.mod-stats-head{flex-wrap:wrap;gap:8px;margin-bottom:6px}
.mod-stats-head h2{margin-right:auto}
.mod-period{background:var(--dark);border:1px solid var(--border);border-radius:4px;padding:2px}
.mod-period button{font-size:13px;border-color:transparent;background:transparent;color:var(--muted);padding:5px 10px;min-height:32px}
.mod-period button[aria-pressed=true]{color:var(--gold);border-color:#726f4f;background:#314133}
.mod-range,.mod-note{color:var(--muted);font-size:13px;line-height:1.6}
.mod-range{margin:4px 0 12px}
.mod-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 8px;border:1px solid #586147;background:var(--dark);border-radius:4px}
.mod-kpis div{min-width:0;padding:13px 15px}
.mod-kpis div+div{border-left:1px solid var(--border)}
.mod-kpis dt{font-size:13px;color:#c8ceb8}
.mod-kpis dd,.mod-rate{color:#f1d79b;font:600 clamp(25px,3.3vw,36px)/1.15 Georgia,var(--sans);font-variant-numeric:tabular-nums}
.mod-kpis dd{margin:5px 0 0;overflow-wrap:anywhere}
.mod-insights{display:grid;grid-template-columns:1.1fr 1fr;gap:20px}
.mod-block{margin-top:20px;padding-top:14px;min-width:0;border-top:1px solid var(--border)}
.mod-block h3{margin:0 0 8px;color:var(--text)}
.mod-block-head h3{margin:0}
.mod-block-head{margin-bottom:6px}
.mod-rate{display:block;margin:8px 0}
.mod-retention p+.mod-note,.mod-breakdown{margin-top:6px}
.mod-table{width:100%;border-collapse:collapse;font-size:14px;table-layout:fixed}
.mod-table td,.mod-table th{vertical-align:top;overflow-wrap:anywhere;padding:8px 6px;text-align:right;font-variant-numeric:tabular-nums}
.mod-table thead th{font-size:12px;font-weight:500;color:var(--muted);border-bottom:1px solid var(--border)}
.mod-table tbody tr+tr{border-top:1px solid #3b4a3f}
.mod-table th:first-child{text-align:left;padding-left:0}
.mod-table td:last-child,.mod-table th:last-child{padding-right:0}
.mod-table tbody th{font-weight:400}
.mod-breakdown summary{padding:8px 0;width:fit-content}
.mod-breakdown .mod-table{margin-bottom:8px}
@media(max-width:650px){
 .mod-insights{grid-template-columns:1fr;gap:0}
 .mod-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mod-kpis div{padding:10px 12px}
 .mod-kpis div:nth-child(3){border-left:0}
 .mod-kpis div:nth-child(n+3){border-top:1px solid var(--border)}
 .mod-table td,.mod-table th{font-size:13px;padding:7px 3px}
 .mod-table thead th{font-size:12px}
 .mod-nav{margin-bottom:14px}
 .mod-period button{padding:5px 7px}
}
