.mp123{color:var(--text,#e5e7eb);display:grid;gap:14px}.mp123 *{box-sizing:border-box}.mp123 .pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.mp123 .panel{border:1px solid var(--border,#6b728055);border-radius:14px;padding:16px;background:var(--card-bg,transparent)}.mp123 .kpi{font-size:28px;font-weight:750}.mp123 .muted{opacity:.7;font-size:12px}.mp123 .toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mp123 .btn{border:1px solid #64748b88;border-radius:9px;padding:9px 13px;cursor:pointer;background:var(--surface,#33415518);color:inherit}.mp123 .btn.primary{background:#2563eb;color:white;border-color:#2563eb}.mp123 input,.mp123 select,.mp123 textarea{background:var(--surface,#33415518);border:1px solid #64748b88;color:inherit;padding:10px;border-radius:8px;max-width:100%;width:100%;font:inherit}.mp123 label{display:grid;gap:4px;font-size:12px}.mp123 .form{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}.mp123 .full{grid-column:1/-1}.mp123 table{width:100%;border-collapse:collapse;font-size:13px}.mp123 th,.mp123 td{padding:9px;text-align:left;border-bottom:1px solid #64748b44}.mp123 .scroll{overflow-x:auto}.mp123 .progress{height:10px;border-radius:999px;background:#64748b33;overflow:hidden}.mp123 .progress>i{display:block;height:100%;background:#258c73}.mp123 .hint{font-size:12px;opacity:.78}.mp123 .err{color:#d44}.mp123 .ok{color:#258c73}