.mpe-espace{font-family:'Plus Jakarta Sans',system-ui,sans-serif;color:#1b2653;background:#f4f8fc;min-height:100vh;padding:24px}.mpe-espace[hidden],.mpe-panel[hidden]{display:none!important}.mpe-shell{max-width:1150px;margin:auto}.mpe-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.mpe-top h1{font-size:26px;font-weight:800;margin:8px 0}.mpe-eyebrow{font-size:12px;color:#148697;text-transform:uppercase;font-weight:800;letter-spacing:.08em}.mpe-card{background:white;border:1px solid #dce5ed;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 4px 18px #1b265308}.mpe-card h2{font-size:18px;font-weight:800;margin:0 0 12px}.mpe-card h3{font-weight:700;margin:12px 0 8px}.mpe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mpe-metric strong{display:block;font-size:28px}.mpe-muted{color:#5d6c82;font-size:13px;line-height:1.6}.mpe-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.mpe-espace button,.mpe-panel button,.mpe-entry{font:inherit;font-size:13px;font-weight:700;border:1px solid #cbd5e1;background:white;color:#1b2653;border-radius:10px;padding:10px 14px;cursor:pointer}.mpe-espace button:hover,.mpe-panel button:hover{border-color:#149bb8;background:#f0fbfd}.mpe-espace button:disabled,.mpe-panel button:disabled{opacity:.5;cursor:wait}.mpe-primary{background:#149bb8!important;color:white!important;border-color:#149bb8!important}.mpe-danger{color:#a42d3d!important}.mpe-espace input,.mpe-espace select,.mpe-espace textarea,.mpe-panel textarea{font:inherit;font-size:14px;padding:11px;border:1px solid #cbd5e1;border-radius:9px;background:white;color:#1b2653;max-width:100%}.mpe-espace label{font-size:13px;font-weight:700;display:flex;flex-direction:column;gap:6px}.mpe-table-wrap{overflow:auto}.mpe-espace table{width:100%;border-collapse:collapse;font-size:13px}.mpe-espace td,.mpe-espace th{text-align:left;padding:13px 9px;border-bottom:1px solid #e6edf3}.mpe-espace th{font-size:11px;text-transform:uppercase;color:#65758a}.mpe-status{display:inline-block;border-radius:20px;padding:4px 9px;font-size:11px;font-weight:800;background:#ecf8f3;color:#216d4f}.mpe-status.off{background:#fff3e4;color:#8e5a14}.mpe-notice{white-space:pre-wrap;font-size:13px;line-height:1.6;padding:12px;border-radius:10px;background:#edf8fb;margin:12px 0}.mpe-error{background:#fff0f0;color:#a42d3d}.mpe-doc{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 inherit;background:#f8fafc;padding:14px;border-radius:10px;max-height:360px;overflow:auto}.mpe-panel{position:fixed;inset:0;z-index:200;background:#1b265380;padding:20px;overflow:auto;color:#1b2653;font-family:system-ui,sans-serif}.mpe-panel .mpe-card{max-width:650px;margin:20px auto}.mpe-panel label{display:flex;gap:10px;align-items:flex-start;margin:16px 0;font-size:14px}.mpe-panel textarea{width:100%;min-height:100px}.mpe-entry{position:fixed;bottom:14px;right:14px;z-index:40;box-shadow:0 4px 20px #1b265320}.mpe-empty{text-align:center;padding:35px;color:#65758a}.mpe-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mpe-full{grid-column:1/-1}.mpe-espace :focus-visible,.mpe-panel :focus-visible{outline:3px solid #1fb6c9;outline-offset:3px}@media(max-width:650px){.mpe-espace{padding:14px}.mpe-top{align-items:flex-start}.mpe-top h1{font-size:21px}.mpe-grid{grid-template-columns:1fr}.mpe-form{grid-template-columns:1fr}.mpe-top .mpe-actions{justify-content:flex-end}.mpe-card{padding:16px}.mpe-entry{bottom:8px;right:8px;font-size:11px}}

/* ADMIN LAYOUT — palette et navigation inspirées de l’aperçu Claude */
#mpe-admin{padding:36px 36px 36px 290px;background:#f3f6fb}#mpe-admin .mpe-shell{max-width:1260px}.mpe-sidebar{position:fixed;inset:0 auto 0 0;width:254px;background:#131c40;color:white;padding:36px 22px;display:flex;flex-direction:column;z-index:60}.mpe-brand{font-size:24px;font-weight:800;line-height:1.2;color:white;text-decoration:none;display:block;margin-bottom:40px}.mpe-brand span{display:block;color:#61d5df;font-size:12px;letter-spacing:.16em;margin-top:13px}.mpe-side-label{font-size:10px;letter-spacing:.12em;color:#94a4ce;margin-bottom:18px}.mpe-sidebar nav{display:grid;gap:10px}.mpe-sidebar nav button{background:transparent;color:#e3eafb;border:0;text-align:left;padding:14px 12px;line-height:1.5}.mpe-sidebar nav button:hover,.mpe-sidebar nav button:focus-visible{background:#26355d;color:#70e2df}.mpe-side-note{margin-top:auto;font-size:12px;color:#bccae7;line-height:1.7;border-top:1px solid #354266;padding-top:20px}#mpe-admin .mpe-top h1{font-size:30px;letter-spacing:-.04em}#mpe-admin .mpe-metric{border-top:4px solid #27b8c7;padding:25px}#mpe-admin .mpe-metric strong{font-size:38px;color:#17264d}#mpe-admin .mpe-card{border-radius:20px;box-shadow:0 6px 24px #17264d06}#mpe-admin table th{background:#f7f9fc;padding:16px 12px}#mpe-admin table td{padding:18px 12px}#mpe-admin input{min-width:220px}#mpe-admin .mpe-status{padding:6px 11px}
@media(max-width:1050px){#mpe-admin{padding:22px}.mpe-sidebar{position:static;width:auto;border-radius:20px;margin-bottom:24px;padding:24px}.mpe-brand{font-size:21px;margin-bottom:20px}.mpe-sidebar nav{display:flex;flex-wrap:wrap}.mpe-side-note{display:none}#mpe-admin .mpe-top{flex-wrap:wrap}}@media(max-width:650px){#mpe-admin{padding:12px}#mpe-admin .mpe-top h1{font-size:25px}.mpe-sidebar nav button{padding:10px}.mpe-grid{grid-template-columns:1fr}#mpe-admin input{min-width:0}}