﻿.mp-panel,.mp-book{padding:22px;margin-bottom:18px}.mp-panel h2,.mp-book h2{margin:0 0 8px;font-size:21px}.mp-panel>p,.mp-book-head p{color:var(--t-muted);font-size:13px}
.mp-filters{display:grid;grid-template-columns:1fr 1fr 1.5fr auto;gap:14px;align-items:end;margin-top:20px}.mp-filters .select,.mp-filters .input{width:100%}.mp-filters label{display:block;margin-bottom:6px}
.mp-member-row{cursor:pointer}.mp-member-row:hover{background:var(--bg-hover)}.mp-member-row:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.mp-member-row a{color:var(--primary);font-weight:600}
.mp-note{font-size:12px;color:var(--t-muted);margin-top:14px}.mp-error{color:#be3348}.mp-pagination{display:flex;gap:14px;align-items:center;justify-content:flex-end;margin-top:18px}
.mp-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.mp-metric{border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.mp-metric span{font-size:12px;color:var(--t-muted)}.mp-metric strong{font-size:23px}
.mp-back{display:inline-block;color:var(--primary);margin-bottom:16px}.mp-book-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.mp-book-total{font-size:24px;white-space:nowrap;color:var(--primary)}
.mp-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.mp-stage{border:1px solid var(--border);border-top:4px solid var(--stage);padding:16px;border-radius:12px;background:var(--bg-card)}.mp-stage h3{font-size:15px;margin:0 0 12px}.mp-stage strong{font-size:22px}.mp-stage p{font-size:12px;color:var(--t-muted);margin:10px 0 0}.stage-1{--stage:#d76845}.stage-2{--stage:#24875d}.stage-3{--stage:#3986c6}.stage-4{--stage:#7957bc}
@media(max-width:900px){.mp-filters{grid-template-columns:1fr 1fr}.mp-metrics,.mp-stages{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.mp-panel,.mp-book{padding:16px}.mp-filters{grid-template-columns:1fr}.mp-stages{grid-template-columns:1fr}.mp-metric strong{font-size:19px}.mp-book-head{align-items:flex-start}.mp-book-total{font-size:20px}.mp-pagination{justify-content:space-between;gap:5px}}
