@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-base:#080b11;--bg-surface:#0d111b;--bg-raised:#121826;--bg-overlay:#182033;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#94a3b81f;--border-hover:#94a3b840;--primary:#00aced;--primary-hover:#00aeef;--kpi-grad-1:linear-gradient(135deg, #00aced1f 0%, #00aced05 100%);--kpi-border-1:#00aced40;--kpi-grad-2:linear-gradient(135deg, #8b5cf61f 0%, #8b5cf605 100%);--kpi-border-2:#8b5cf640;--kpi-grad-3:linear-gradient(135deg, #10b9811f 0%, #10b98105 100%);--kpi-border-3:#10b98140;--kpi-grad-4:linear-gradient(135deg, #f59e0b1f 0%, #f59e0b05 100%);--kpi-border-4:#f59e0b40;--success:#10b981;--success-sub:#10b98114;--warning:#f59e0b;--warning-sub:#f59e0b14;--danger:#ef4444;--danger-sub:#ef444414;--ai:#8b5cf6;--ai-sub:#8b5cf614;--info:#3b82f6;--info-sub:#3b82f614;--col-nouveau:#00aced;--col-revision:#f59e0b;--col-entretien:#8b5cf6;--col-embauche:#10b981;--col-refuse:#ef4444;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-lg:0 10px 40px -10px #000000b3;--shadow-card:0 1px 3px #00000080, 0 0 0 1px #ffffff05;--shadow-glow:0 0 25px #00aced1a;--bg-base-grad:radial-gradient(circle at top left, #00224b 0%, #080b11 100%);--divider:#ffffff0d;--chip-bg:#ffffff08;--chip-border:#ffffff12;--donut-empty:#ffffff0d;--unevaluated-bg:#ffffff05;--unevaluated-border:#ffffff0d}.light{--bg-base:#f4f6f8;--bg-surface:#fafbfc;--bg-raised:#e8ebf0;--bg-overlay:#fafbfc;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#0f172a14;--border-hover:#0f172a2e;--primary:#00387c;--primary-hover:#00224b;--shadow-lg:0 10px 40px -10px #0f172a14;--shadow-card:0 4px 20px -2px #0f172a0d, 0 0 0 1px #0f172a05;--shadow-glow:0 0 25px #00387c08;--bg-base-grad:radial-gradient(circle at top left, #f4f6f8 0%, #dbe1e8 100%);--col-nouveau:#00387c;--col-revision:#b45309;--col-entretien:#6d28d9;--col-embauche:#047857;--col-refuse:#b91c1c;--divider:#0f172a14;--chip-bg:#0f172a0d;--chip-border:#0f172a1a;--donut-empty:#0f172a14;--unevaluated-bg:#0f172a0a;--unevaluated-border:#0f172a1a}.light ::-webkit-scrollbar-thumb{background:#00000014}.light ::-webkit-scrollbar-thumb:hover{background:#00000029}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base-grad);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Outfit,Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#ffffff29}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade{animation:.35s cubic-bezier(.16,1,.3,1) both fadeIn}.animate-slide{animation:.3s cubic-bezier(.16,1,.3,1) both slideIn}.spin{animation:1s linear infinite spin}.hover-scale{transition:transform .2s,box-shadow .2s,border-color .2s}.hover-scale:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px #00000080,0 0 20px #5046e51a}.mock-kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;gap:12px;padding:24px;transition:all .25s;display:flex;position:relative;overflow:hidden}.mock-kpi-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.mock-input{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:10px 14px;font-size:13.5px;transition:all .2s}.mock-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #5046e526}.score-ring-circle{fill:none;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .8s cubic-bezier(.16,1,.3,1);transform:rotate(-90deg)}.main-layout{background:var(--bg-base);height:100vh;display:flex;overflow:hidden}.content-container{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:auto}