@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";

:root{--cyan-50:#ecf8fd;--cyan-100:#d2effb;--cyan-200:#a6dff6;--cyan-300:#6fcaef;--cyan-400:#31afe6;--cyan-500:#0e9fde;--cyan-600:#0b82bc;--cyan-700:#0c6896;--cyan-800:#105576;--cyan-900:#123f58;--blue-50:#eaf3fc;--blue-100:#cfe2f7;--blue-300:#6fa8e0;--blue-500:#1a77c9;--blue-600:#145fa6;--blue-700:#114b82;--navy-700:#1e3f5e;--navy-800:#163351;--navy-900:#0e2740;--gray-0:#fff;--gray-25:#f7fafc;--gray-50:#f1f6f9;--gray-100:#e7eff4;--gray-200:#d6e1e9;--gray-300:#bbcad6;--gray-400:#95a8b7;--gray-500:#6f8494;--gray-600:#546879;--gray-700:#3e4f5e;--gray-800:#2a3845;--gray-900:#18242f;--green-50:#e6f6ee;--green-500:#1f9e6a;--green-600:#167a52;--amber-50:#fcf2e1;--amber-500:#e0922f;--amber-600:#b7711b;--red-50:#fbeaea;--red-500:#d8463f;--red-600:#b22e2e;--color-primary:var(--cyan-500);--color-primary-hover:var(--cyan-600);--color-primary-active:var(--cyan-700);--color-primary-soft:var(--cyan-50);--color-secondary:var(--blue-600);--color-accent-ink:var(--navy-900);--text-strong:var(--navy-900);--text-body:var(--gray-700);--text-muted:var(--gray-500);--text-faint:var(--gray-400);--text-on-primary:#fff;--text-on-dark:#eaf3f9;--text-link:var(--cyan-600);--surface-page:var(--gray-25);--surface-card:#fff;--surface-sunken:var(--gray-50);--surface-raised:#fff;--surface-inverse:var(--navy-900);--surface-brand-soft:var(--cyan-50);--border-subtle:var(--gray-100);--border-default:var(--gray-200);--border-strong:var(--gray-300);--border-brand:var(--cyan-200);--ring-focus:0 0 0 3px #0e9fde52;--status-success:var(--green-500);--status-warning:var(--amber-500);--status-danger:var(--red-500);--status-info:var(--cyan-500)}
:root{--font-sans:"IBM Plex Sans", "Tajawal", system-ui, -apple-system, "Segoe UI", sans-serif;--font-arabic:"Tajawal", "IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--font-display:var(--font-sans);--font-body:var(--font-sans);--font-code:var(--font-mono);--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-5xl:5.25rem;--leading-tight:1.1;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.03em;--tracking-tight:-.015em;--tracking-normal:0;--tracking-wide:.04em;--tracking-eyebrow:.16em}
:root{--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:2.5rem;--space-8:3rem;--space-9:4rem;--space-10:5rem;--space-11:6rem;--space-12:8rem;--container-sm:640px;--container-md:880px;--container-lg:1120px;--container-xl:1280px;--gutter:clamp(1rem, 4vw, 2.5rem);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-pill:999px;--shadow-xs:0 1px 2px #0e27400f;--shadow-sm:0 1px 3px #0e274014, 0 1px 2px #0e27400a;--shadow-md:0 4px 12px #0e274014, 0 2px 4px #0e27400d;--shadow-lg:0 12px 28px #0e27401f, 0 4px 8px #0e27400f;--shadow-xl:0 24px 56px #0e274029, 0 8px 16px #0e274012;--shadow-brand:0 10px 30px #0e9fde47;--ease-out:cubic-bezier(.22, .61, .36, 1);--ease-in-out:cubic-bezier(.65, .05, .36, 1);--ease-spring:cubic-bezier(.34, 1.42, .5, 1);--dur-fast:.12s;--dur-base:.2s;--dur-slow:.36s}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background:var(--surface-page);font-feature-settings:"kern", "liga";-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-strong);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0}p{text-wrap:pretty;margin:0}a{color:var(--text-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.92em}img,svg,video{max-width:100%;display:block}::selection{background:var(--cyan-200);color:var(--navy-900)}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-xs);outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}

.ds-btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;height:44px;transition:background var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.ds-btn:focus-visible{box-shadow:var(--ring-focus);outline:none}.ds-btn:active:not(:disabled){transform:scale(.97)}.ds-btn:disabled{opacity:.45;cursor:not-allowed}.ds-btn--full{width:100%}.ds-btn--sm{gap:7px;height:34px;padding:0 13px;font-size:13px}.ds-btn--primary{background:var(--color-primary);color:var(--text-on-primary);box-shadow:var(--shadow-brand)}.ds-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ds-btn--secondary{background:var(--navy-900);color:#fff}.ds-btn--secondary:hover:not(:disabled){background:var(--navy-800)}.ds-btn--outline{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default)}.ds-btn--outline:hover:not(:disabled){border-color:var(--border-brand);background:var(--cyan-50)}.ds-btn--ghost{color:var(--text-body);background:0 0}.ds-btn--ghost:hover:not(:disabled){background:var(--gray-100)}
*{box-sizing:border-box}.mp-select{appearance:none;font-family:var(--font-sans);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236F8494' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 10px center;background-repeat:no-repeat;padding:9px 32px 9px 12px;font-size:13.5px;font-weight:500}.mp-select:focus,.mp-search:focus,.mp-field:focus{border-color:var(--color-primary);box-shadow:var(--ring-focus);outline:none}.mp-field{width:100%;font-family:var(--font-sans);color:var(--text-strong);background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-sm);padding:8px 11px;font-size:13.5px}.mp-search{font-family:var(--font-sans);color:var(--text-strong);background:var(--gray-25);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:15px}textarea.mp-field{resize:vertical;min-height:62px;line-height:1.45}.mp-row{transition:all var(--dur-base) var(--ease-out)}.mp-row:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mp-rolecard{transition:all var(--dur-base) var(--ease-out);cursor:pointer}.mp-rolecard:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md)}.mp-tab:hover{color:var(--color-primary)}.mp-tab{transition:color var(--dur-fast) var(--ease-out)}.cb-btn{transition:filter var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out)}.cb-btn:hover{filter:brightness(1.12)}.cb-btn:active{transform:scale(.97)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mp-overlay{z-index:80;background:#0e274073;justify-content:center;align-items:flex-start;padding:32px 20px;display:flex;position:fixed;inset:0;overflow:auto}.mp-iconbtn{transition:all var(--dur-fast) var(--ease-out)}.mp-iconbtn:hover{border-color:var(--border-brand);background:var(--cyan-50)}.mp-chip{border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-body);align-items:center;gap:5px;padding:5px 5px 5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.mp-chipx{width:19px;height:19px;color:var(--text-faint);cursor:pointer;transition:all var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.mp-chipx:hover{background:var(--red-50);color:var(--red-500)}[data-medit]{outline:1.5px dashed var(--cyan-300);outline-offset:4px;cursor:text;border-radius:5px}[data-medit]:hover{outline-color:var(--color-primary);background:var(--cyan-50)}[data-medit]:focus{outline:2px solid var(--color-primary);background:#fff}
@media (max-width:760px){html,body{overflow-x:hidden}.app-container{padding:16px 14px 56px!important}.app-header-bar{gap:8px!important;padding:10px 14px!important}.app-header-sub,.app-header-divider{display:none!important}.app-header-actions{gap:8px!important}.app-header-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:0 14px!important}.app-header-tabs::-webkit-scrollbar{display:none}.app-header-tabs button{white-space:nowrap;flex:none}.hide-sm{display:none!important}.login-row{flex-direction:column!important}.login-brand{display:none!important}.login-form-wrap{flex:auto!important;max-width:100%!important;padding:32px 22px!important}.detail-2col{grid-template-columns:1fr!important}.mp-overlay{align-items:flex-start!important;padding:8px!important}.mp-overlay>div{max-width:100%!important}.modal-panel{flex-direction:column!important;max-height:calc(100vh - 16px)!important;display:flex!important}.modal-body{flex:auto!important;min-height:0!important;max-height:none!important;padding:16px 14px!important}.scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.fiche-row{flex-wrap:wrap!important;gap:8px 12px!important;padding:13px 14px!important}.fiche-row-badges{flex-wrap:wrap!important;flex-basis:100%!important;order:1!important;justify-content:flex-start!important;width:100%!important}.param-preview{display:none!important}.filter-bar .mp-select{flex:44%;min-width:0}.stats-kpis{grid-template-columns:1fr 1fr!important}.stats-2col,.amend-2col,.ordre-2col{grid-template-columns:1fr!important}.perso-palettes{grid-template-columns:1fr 1fr!important}.perso-org,.livret-2col{grid-template-columns:1fr!important}}@media (max-width:460px){.app-header-bar{padding:9px 12px!important}.filter-bar .mp-select{flex:100%}}
html,body{min-height:100%;margin:0;padding:0}