:root{--mp-brand:#0f766e;--mp-brand-accent:#0e7490;--mp-ink:#0f172a;--mp-muted:#475569;--mp-rule:#cbd5e1;--mp-bg:#fff;--mp-bg-soft:#f8fafc;--mp-approve:#15803d;--mp-reject:#b91c1c;--mp-pending:#a16207;--mp-bg-warn:#fef3c7;--mp-bg-error:#fef2f2;--mp-bg-ok:#ecfdf5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:var(--mp-ink);background:var(--mp-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px}a{color:var(--mp-brand);text-decoration:none}a:hover{text-decoration:underline}.mp-app{min-height:100vh;display:flex}.mp-sidebar{background:var(--mp-bg-soft);border-right:1px solid var(--mp-rule);width:220px;padding:16px}.mp-sidebar nav{flex-direction:column;gap:4px;display:flex}.mp-sidebar nav a{color:var(--mp-ink);border-radius:6px;padding:8px 10px;font-size:13px}.mp-sidebar nav a.active,.mp-sidebar nav a:hover{color:var(--mp-brand);background:#fff}.mp-main{flex:1;padding:18px 24px;overflow:auto}.mp-header{border-bottom:1px solid var(--mp-rule);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.mp-brand{color:var(--mp-brand);font-size:18px;font-weight:600}.mp-card{border:1px solid var(--mp-rule);background:#fff;border-radius:8px;margin-bottom:14px;padding:14px}button{font:inherit;cursor:pointer}.mp-btn-pri{background:var(--mp-brand);color:#fff;border:none;border-radius:6px;padding:8px 14px;font-size:13px}.mp-btn-pri:disabled{cursor:not-allowed;background:#94a3b8}.mp-btn-sec{color:var(--mp-ink);border:1px solid var(--mp-rule);background:#fff;border-radius:6px;padding:8px 14px;font-size:13px}.mp-btn-sec:disabled{color:#94a3b8;cursor:not-allowed}.mp-btn-link{color:var(--mp-brand);background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}input,select,textarea{font:inherit;border:1px solid var(--mp-rule);background:#fff;border-radius:4px;padding:6px 8px}label{color:var(--mp-muted);font-size:12px;display:block}.mp-banner{border:1px solid;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:12px}.mp-banner-warn{background:var(--mp-bg-warn);color:#92400e;border-color:#fbbf24}.mp-banner-error{background:var(--mp-bg-error);border-color:var(--mp-reject);color:var(--mp-reject)}.mp-banner-ok{background:var(--mp-bg-ok);border-color:var(--mp-approve);color:var(--mp-approve)}table.mp-table{border-collapse:collapse;width:100%;font-size:12px}.mp-table th,.mp-table td{border-bottom:1px solid var(--mp-rule);text-align:left;vertical-align:top;padding:6px 8px}.mp-table th{background:var(--mp-bg-soft);color:var(--mp-muted);font-weight:600}.mp-grid-3{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mp-grid-2{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.mp-pill{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.mp-pill-approve{color:var(--mp-approve);background:#dcfce7}.mp-pill-reject{color:var(--mp-reject);background:#fee2e2}.mp-pill-pending{background:var(--mp-bg-warn);color:var(--mp-pending)}.mp-pill-info{color:var(--mp-brand-accent);background:#dbeafe}.mp-dash-tile{border:1px solid var(--mp-rule);cursor:pointer;background:#fff;border-radius:8px;padding:16px;transition:box-shadow .15s}.mp-dash-tile:hover{box-shadow:0 2px 12px #0f766e14}.mp-dash-tile h3{color:var(--mp-brand);margin:0 0 6px;font-size:15px}.mp-dash-tile p{color:var(--mp-muted);margin:0;font-size:12px}