@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--terre: #C45C2A;--acajou: #8B3A18;--sable: #F2E0D5;--vert: #3D7A4F;--vert-pale: #D6EDE0;--charbon: #2C2C2A;--ardoise: #6B6B67;--ivoire: #F7F5F2;--blanc: #FFFFFF;--danger: #C0392B;--warn: #D4851A;--info: #2563EB;--succes: #3D7A4F;--border: #EBEBEB;--border-input: #D1CFC9;--row-alt: #FAFAF8;--accent: var(--terre);--accent-dark: var(--acajou);--accent-soft: var(--sable);--font: "Inter", system-ui, -apple-system, sans-serif;--xs: 4px;--sm: 8px;--md: 16px;--lg: 24px;--xl: 32px;--2xl: 48px;--r-sm: 4px;--r-md: 8px;--r-lg: 12px;--r-pill: 20px;--shadow-card: 0 1px 4px rgba(0,0,0,.08);--shadow-pop: 0 4px 16px rgba(0,0,0,.12);--shadow-modal: 0 24px 60px rgba(0,0,0,.28);--sidebar-w: 240px}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;font-family:var(--font);color:var(--charbon);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:#e9e6e1}#root{height:100%}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#00000029;border-radius:20px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#00000047;background-clip:padding-box}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.h1{font-size:24px;font-weight:600;line-height:1.3;color:var(--charbon);margin:0;letter-spacing:-.01em}.h2{font-size:18px;font-weight:600;line-height:1.3;color:var(--charbon);margin:0}.h3{font-size:15px;font-weight:600;line-height:1.3;color:var(--charbon);margin:0}.body{font-size:14px;font-weight:400;line-height:1.6;color:var(--charbon)}.muted{font-size:13px;color:var(--ardoise);line-height:1.5}.tiny{font-size:12px;color:var(--ardoise)}.num{font-variant-numeric:tabular-nums}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:500;border-radius:var(--r-md);padding:10px 18px;border:1px solid transparent;line-height:1;transition:background .15s ease,border-color .15s ease,transform .08s ease,box-shadow .15s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn svg{width:16px;height:16px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:transparent;border-color:var(--accent);color:var(--accent)}.btn-secondary:hover{background:var(--accent-soft)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#a93226}.btn-ghost{background:transparent;color:var(--ardoise);padding:8px 10px}.btn-ghost:hover{color:var(--charbon);background:#0000000a}.btn-sm{padding:7px 12px;font-size:13px}.btn-icon{padding:8px;width:36px;height:36px}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;font-weight:500;color:var(--charbon)}.field-label .req{color:var(--danger);margin-left:2px}.input,.select{width:100%;border:1px solid var(--border-input);border-radius:var(--r-md);background:#fff;padding:10px 14px;font-size:14px;color:var(--charbon);transition:border-color .15s ease,box-shadow .15s ease;line-height:1.4}.input::placeholder{color:var(--ardoise)}.input:focus,.select:focus{outline:none;border:1.5px solid var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.input.error,.select.error{border-color:var(--danger)}.field-error{font-size:12px;color:var(--danger);display:flex;align-items:center;gap:4px}.select-wrap{position:relative}.select-wrap>svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--ardoise);pointer-events:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:38px;cursor:pointer}.card{background:#fff;border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:20px 24px}.card-pad-sm{padding:16px 20px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:4px 10px;border-radius:var(--r-pill);line-height:1.2;white-space:nowrap}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.tbl{width:100%;border-collapse:collapse}.tbl thead th{background:var(--ivoire);font-size:13px;font-weight:600;color:var(--ardoise);text-align:left;padding:12px 16px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl tbody td{padding:12px 16px;font-size:14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr.clickable{cursor:pointer}.tbl tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 55%,#fff)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;flex-shrink:0;letter-spacing:.02em}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.rh-mark{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;font-weight:800;border-radius:9px;letter-spacing:-.02em;flex-shrink:0;line-height:1}textarea.input{line-height:1.5}.login-split{height:100%;display:flex;background:#fff;container-type:inline-size}.login-form-pane{flex:1 1 50%;display:flex;align-items:center;padding:40px;background:var(--ivoire);min-width:0}.login-aside{flex:1 1 50%;position:relative;background:var(--acajou);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:48px;min-width:0}@container (max-width: 860px){.login-aside{display:none}.login-form-pane{flex:1 1 100%;justify-content:center;padding:32px 24px}}.metric-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
