:root{--text:#374151;--text-h:#08060d;--bg:#f7f7f9;--border:#e5e4e7;--accent:#2563eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font:15px/145% system-ui,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}h1,h2{color:var(--text-h);font-weight:600}h1{margin:0;font-size:22px}h2{margin:0 0 8px;font-size:16px}#root{min-height:100svh}.app-layout{min-height:100svh;display:flex}.sidebar{color:#e5e7eb;background:#111827;flex-direction:column;flex-shrink:0;width:200px;padding:20px 0;display:flex}.sidebar-title{color:#fff;padding:0 20px 20px;font-size:15px;font-weight:700}.sidebar-link{color:#cbd5e1;padding:10px 20px;font-size:.92rem;text-decoration:none}.sidebar-link:hover{color:#fff;background:#1f2937}.sidebar-link.active{color:#fff;background:#2563eb;font-weight:600}.content{text-align:left;flex:1;padding:28px 36px;overflow-x:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.card{border:1px solid var(--border);background:#fff;border-radius:10px;margin-bottom:20px;padding:20px}.empty-state{color:#6b7280;text-align:center;border:1px dashed var(--border);border-radius:10px;padding:24px}.filters-bar{align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.summary-tile{border:1px solid var(--border);background:#fff;border-radius:10px;padding:16px}.summary-tile .label{color:#6b7280;text-transform:uppercase;font-size:.78rem}.summary-tile .value{margin-top:4px;font-size:1.4rem;font-weight:700}.signature-page{background:#f3f4f6;justify-content:center;align-items:flex-start;min-height:100svh;padding:48px 16px;display:flex}.signature-card{background:#fff;border-radius:12px;width:100%;max-width:560px;padding:32px;box-shadow:0 10px 30px #00000014}.signature-card h1{margin-bottom:12px;font-size:20px}.signature-card p{margin-bottom:14px;line-height:1.5}.code-demo-box{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-size:.9rem}.signature-tabs{gap:8px;margin-bottom:16px;display:flex}.signature-tab{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:8px 16px;font-size:.9rem}.signature-tab.active{color:#fff;background:#2563eb;border-color:#2563eb}.signature-canvas{border:1px dashed var(--border);touch-action:none;background:#fafafa;border-radius:8px;width:100%;max-width:500px;margin-bottom:10px;display:block}.signature-preview-texte{color:#1e3a8a;border-bottom:1px solid var(--border);margin-bottom:16px;padding:16px 0;font-family:Segoe Script,Brush Script MT,cursive;font-size:2.2rem}.field{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.field label{color:#374151;font-size:.85rem;font-weight:600}.input,.select{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:.95rem}.input:focus,.select:focus{outline-offset:-1px;outline:2px solid #2563eb}.btn{cursor:pointer;border:1px solid #0000;border-radius:6px;padding:8px 16px;font-size:.9rem;font-weight:600}.btn-primary{color:#fff;background:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-secondary{color:#374151;background:#fff;border-color:#d1d5db}.btn-secondary:hover{background:#f3f4f6}.btn-danger{color:#dc2626;background:#fff;border-color:#fecaca}.btn-danger:hover{background:#fef2f2}.btn:disabled{opacity:.5;cursor:not-allowed}.table{border-collapse:collapse;width:100%}.table th{text-align:left;text-transform:uppercase;color:#6b7280;border-bottom:2px solid #e5e7eb;padding:8px 10px;font-size:.8rem}.table td{border-bottom:1px solid #f0f1f3;padding:10px;font-size:.92rem}.table tr:hover td{background:#f9fafb}.badge{border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.badge-green{color:#166534;background:#dcfce7}.badge-red{color:#991b1b;background:#fee2e2}.badge-gray{color:#374151;background:#f3f4f6}.badge-yellow{color:#92400e;background:#fef3c7}.badge-blue{color:#1e40af;background:#dbeafe}.modal-overlay{z-index:50;background:#11182780;justify-content:center;align-items:flex-start;padding:40px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:#fff;border-radius:10px;width:100%;max-width:640px;padding:24px;box-shadow:0 20px 40px #0003}.modal h2{margin-top:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.form-grid .field-full{grid-column:1/-1}