@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200..800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--mp-navy:#0f1923;--mp-blue:#0078d4;--mp-coral:#d4573b;--mp-green:#107c10;--mp-purple:#5c2d91;--mp-gray:#6b7280;--mp-light:#f7f8fa;--mp-white:#fff;--mp-border:#0000000f;--mp-blue-600:#2563eb;--mp-blue-400:#4f8aff;--mp-blue-300:#93b5ff;--mp-blue-50:#ebf2ff;--mp-status-ok-bg:#e8f5e9;--mp-status-ok-text:#2e7d32;--mp-status-pending-bg:#fff3e0;--mp-status-pending-text:#e65100;--mp-status-danger-bg:#fef2f2;--mp-status-danger-text:#dc2626;--mp-status-warning-bg:#fffbeb;--mp-status-warning-text:#d97706;--mp-status-success-bg:#f0fdf4;--mp-status-success-text:#16a34a;--mp-status-info-bg:#eff6ff;--mp-status-info-text:#2563eb;--mp-status-business-bg:#ede7f6;--mp-status-business-text:#5c2d91;--mp-cat-hr-bg:#ebf2ff;--mp-cat-hr-p:#2563eb;--mp-cat-hr-s:#93b5ff;--mp-cat-finance-bg:#fff3e0;--mp-cat-finance-p:#f59e0b;--mp-cat-finance-s:#d4573b;--mp-cat-achats-bg:#f3e8ff;--mp-cat-achats-p:#5c2d91;--mp-cat-achats-s:#9333ea;--mp-cat-ops-bg:#eceff1;--mp-cat-ops-p:#607d8b;--mp-cat-ops-s:#90a4ae;--mp-cat-it-bg:#ebf2ff;--mp-cat-it-p:#2563eb;--mp-cat-it-s:#5c2d91;--mp-cat-collab-bg:#e8f5e9;--mp-cat-collab-p:#107c10;--mp-cat-collab-s:#34d399;--mp-font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mp-font-mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--mp-fs-h1:clamp(38px, 5vw, 56px);--mp-fs-h2:clamp(30px, 3.5vw, 44px);--mp-fs-h3:20px;--mp-fs-h3-card:18px;--mp-fs-body-lg:17px;--mp-fs-body:14px;--mp-fs-small:13px;--mp-fs-caption:12px;--mp-fs-mono:11px;--mp-fw-h1:700;--mp-fw-h2:650;--mp-fw-h3:700;--mp-ls-h1:-.03em;--mp-ls-h2:-.035em;--mp-ls-wordmark:-.03em;--mp-ls-mono:.06em;--mp-ls-badge:.04em;--mp-lh-h1:1.08;--mp-lh-h2:1.1;--mp-lh-body:1.6;--mp-container-max:1280px;--mp-container-pad:40px;--mp-section-pad-y:100px;--mp-radius-xs:6px;--mp-radius-sm:8px;--mp-radius-md:10px;--mp-radius-lg:12px;--mp-radius-xl:14px;--mp-radius-2xl:16px;--mp-radius-3xl:18px;--mp-radius-4xl:20px;--mp-shadow-xs:0 2px 12px #2563eb14;--mp-shadow-sm:0 4px 16px #0000000a;--mp-shadow-md:0 8px 32px #0000000a;--mp-shadow-md-blue:0 8px 32px #0078d40f;--mp-shadow-lg:0 12px 48px #0000001f;--mp-gradient-cta:linear-gradient(135deg, #2563eb 0%, #4f8aff 100%);--mp-gradient-hero:linear-gradient(135deg, #2563eb, #93b5ff);--mp-gradient-footer:linear-gradient(135deg, #0078d41f, #5c2d9114);--mp-gradient-dark:linear-gradient(135deg, #0f1923, #1e293b);--mp-gradient-soft:linear-gradient(135deg, #f7f8fa, #d4573b0a);--mp-transition-fast:.2s ease;--mp-transition:.25s ease}.mp-mono{font-family:var(--mp-font-mono);text-transform:uppercase;letter-spacing:var(--mp-ls-mono);font-size:var(--mp-fs-mono);font-weight:500}.mp-badge{border-radius:var(--mp-radius-xs);font-size:var(--mp-fs-caption);letter-spacing:var(--mp-ls-badge);text-transform:uppercase;align-items:center;padding:4px 10px;font-weight:600;display:inline-flex}.mp-container{max-width:var(--mp-container-max);padding:0 var(--mp-container-pad);margin:0 auto}.mp-btn-primary{border-radius:var(--mp-radius-md);background:var(--mp-gradient-cta);color:var(--mp-white);font-family:var(--mp-font-sans);cursor:pointer;transition:filter var(--mp-transition-fast);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:700;display:inline-flex}.mp-btn-primary:hover:not(:disabled){filter:brightness(1.08)}.mp-btn-primary:disabled{opacity:.5;cursor:not-allowed}.mp-btn-secondary{border-radius:var(--mp-radius-md);border:1px solid var(--mp-border);background:var(--mp-white);color:var(--mp-navy);font-family:var(--mp-font-sans);cursor:pointer;transition:all var(--mp-transition-fast);justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:600;display:inline-flex}.mp-btn-secondary:hover{border-color:var(--mp-blue-600);box-shadow:var(--mp-shadow-xs)}.mp-card{background:var(--mp-white);border:1px solid var(--mp-border);border-radius:var(--mp-radius-2xl);transition:box-shadow var(--mp-transition), border-color var(--mp-transition);padding:28px}.mp-card:hover{box-shadow:var(--mp-shadow-md-blue);border-color:#0078d433}body{font-family:var(--mp-font-sans);color:var(--mp-navy);font-size:var(--mp-fs-body);line-height:var(--mp-lh-body);background:var(--mp-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--mp-fs-h1);font-weight:var(--mp-fw-h1);letter-spacing:var(--mp-ls-h1);line-height:var(--mp-lh-h1)}h2{font-size:var(--mp-fs-h2);font-weight:var(--mp-fw-h2);letter-spacing:var(--mp-ls-h2);line-height:var(--mp-lh-h2)}h3{font-size:var(--mp-fs-h3);font-weight:var(--mp-fw-h3);line-height:1.3}*{box-sizing:border-box}html,body,#root{background:var(--mp-white);min-height:100vh;margin:0;padding:0}a{color:var(--mp-blue-600);text-decoration:none}a:hover{text-decoration:underline}code{font-family:var(--mp-font-mono);background:var(--mp-light);border-radius:var(--mp-radius-xs);padding:2px 6px;font-size:12px}.mp-nav-link,.mp-nav-link:hover{text-decoration:none}.mp-nav-link:hover:not(.active){background:var(--mp-light)}.mp-nav-link:focus{outline:none}.mp-nav-link:focus-visible{outline:2px solid var(--mp-blue-600);outline-offset:2px}