*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-ink: #1a1a2e;--c-ink-soft: #2d2d4e;--c-ink-muted: #6b6b8a;--c-cream: #f7f5ef;--c-cream-dark: #ede9df;--c-emerald: #1a9e6e;--c-emerald-light: #e8f7f1;--c-amber: #d4860a;--c-amber-light:#fdf3e3;--c-coral: #c94f3a;--c-coral-light:#fdecea;--c-blue: #2563eb;--c-blue-light: #eff6ff;--surface-bg: #f7f5ef;--surface-card: #ffffff;--surface-raised: #ffffff;--border: rgba(26,26,46,.1);--border-strong: rgba(26,26,46,.2);--font-display: "DM Serif Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--r-sm: 6px;--r-md: 10px;--r-lg: 16px;--r-xl: 24px;--shadow-sm: 0 1px 3px rgba(26,26,46,.08);--shadow-md: 0 4px 16px rgba(26,26,46,.1);--shadow-lg: 0 12px 40px rgba(26,26,46,.14)}html{font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--surface-bg);color:var(--c-ink);min-height:100vh}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr)}.app-header{background:var(--c-ink);padding:var(--space-4) var(--space-8);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.logo{font-family:var(--font-display);font-size:22px;color:var(--c-cream);letter-spacing:-.02em}.logo span{color:#4ecca3}.app-main{max-width:1000px;margin:0 auto;padding:var(--space-8) var(--space-6);width:100%;min-width:0}.wizard-steps{display:flex;gap:0;margin-bottom:var(--space-8);background:var(--surface-card);border-radius:var(--r-lg);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow-sm)}.wizard-step{flex:1;padding:var(--space-4) var(--space-3);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);cursor:pointer;border:none;background:none;border-right:1px solid var(--border);font-family:var(--font-body);transition:background .15s;position:relative}.wizard-step:last-child{border-right:none}.wizard-step:hover{background:var(--surface-bg)}.wizard-step.active{background:var(--c-ink);color:var(--c-cream)}.wizard-step.done .step-num{color:var(--c-emerald)}.step-num{font-size:10px;color:var(--c-ink-muted);font-weight:500;letter-spacing:.05em}.wizard-step.active .step-num{color:#ffffff80}.step-label{font-size:12px;font-weight:500;color:var(--c-ink)}.wizard-step.active .step-label{color:var(--c-cream)}.panel-title{font-family:var(--font-display);font-size:28px;color:var(--c-ink);margin-bottom:var(--space-2);letter-spacing:-.03em}.panel-subtitle{font-size:14px;color:var(--c-ink-muted);margin-bottom:var(--space-6);line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.form-grid.col-1{grid-template-columns:1fr}.form-grid.col-3{grid-template-columns:1fr 1fr 1fr}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field label{font-size:12px;font-weight:500;color:var(--c-ink-muted);text-transform:uppercase;letter-spacing:.06em}.field input,.field select{padding:10px 14px;font-size:14px;font-family:var(--font-body);border:1px solid var(--border-strong);border-radius:var(--r-md);background:var(--surface-card);color:var(--c-ink);transition:border-color .15s,box-shadow .15s;-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;max-width:100%;text-overflow:ellipsis}.field input:focus,.field select:focus{outline:none;border-color:var(--c-emerald);box-shadow:0 0 0 3px #1a9e6e1f}.slider-field{margin-bottom:var(--space-5)}.slider-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.slider-header label{font-size:12px;font-weight:500;color:var(--c-ink-muted);text-transform:uppercase;letter-spacing:.06em}.slider-value{font-family:var(--font-display);font-size:20px;color:var(--c-ink);letter-spacing:-.02em}input[type=range]{width:100%;height:4px;-webkit-appearance:none;background:var(--c-cream-dark);border-radius:2px;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--c-ink);border:3px solid var(--c-cream);box-shadow:0 0 0 1px var(--c-ink),var(--shadow-sm);transition:transform .1s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-sm)}.card.card-emerald{border-left:3px solid var(--c-emerald);background:var(--c-emerald-light)}.card.card-amber{border-left:3px solid var(--c-amber);background:var(--c-amber-light)}.card.card-coral{border-left:3px solid var(--c-coral);background:var(--c-coral-light)}.card.card-blue{border-left:3px solid var(--c-blue);background:var(--c-blue-light)}.statuts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.statut-card{background:var(--surface-card);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5);cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .12s;position:relative;overflow:hidden}.statut-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--c-cream-dark);transition:background .15s}.statut-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.statut-card.selected{border-color:var(--c-emerald);box-shadow:0 0 0 3px #1a9e6e1f,var(--shadow-md)}.statut-card.selected:before{background:var(--c-emerald)}.statut-card.alerte{opacity:.7}.statut-name{font-size:15px;font-weight:500;color:var(--c-ink);margin-bottom:var(--space-1)}.statut-desc{font-size:12px;color:var(--c-ink-muted);line-height:1.5;margin-bottom:var(--space-3)}.statut-net{font-family:var(--font-display);font-size:22px;color:var(--c-ink);letter-spacing:-.02em}.statut-net-label{font-size:11px;color:var(--c-ink-muted);margin-top:2px}.badge{display:inline-block;padding:3px 8px;border-radius:var(--r-sm);font-size:10px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;margin-top:var(--space-2)}.badge-emerald{background:var(--c-emerald-light);color:#0f6e4a}.badge-amber{background:var(--c-amber-light);color:#8a5500}.badge-coral{background:var(--c-coral-light);color:#8b3424}.badge-blue{background:var(--c-blue-light);color:#1e40af}.badge-ink{background:#1a1a2e14;color:var(--c-ink)}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-6)}.metric-card{background:var(--surface-bg);border-radius:var(--r-md);padding:var(--space-4) var(--space-5)}.metric-label{font-size:11px;color:var(--c-ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2)}.metric-value{font-family:var(--font-display);font-size:26px;color:var(--c-ink);letter-spacing:-.02em;line-height:1}.metric-value.emerald{color:var(--c-emerald)}.metric-value.coral{color:var(--c-coral)}.metric-sub{font-size:11px;color:var(--c-ink-muted);margin-top:var(--space-1)}.compare-table{width:100%;border-collapse:collapse;font-size:13px;margin-bottom:var(--space-6)}.compare-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:10px;font-weight:500;color:var(--c-ink-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border)}.compare-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border);color:var(--c-ink);vertical-align:middle}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:var(--surface-bg)}.val-best{color:var(--c-emerald);font-weight:500}.val-warn{color:var(--c-amber)}.val-alert{color:var(--c-coral)}.repartition-bar{height:28px;border-radius:var(--r-sm);overflow:hidden;display:flex;margin:var(--space-3) 0}.bar-seg{height:100%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;transition:width .5s cubic-bezier(.4,0,.2,1);white-space:nowrap;overflow:hidden}.bar-legend{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-3)}.bar-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:12px;color:var(--c-ink-muted)}.legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.info-box{border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--space-5);margin-bottom:var(--space-4);background:var(--surface-card)}.info-box-title{font-size:13px;font-weight:500;color:var(--c-ink);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:13px}.info-row:last-child{border-bottom:none;font-weight:500}.info-row .label{color:var(--c-ink-muted)}.info-row .val{color:var(--c-ink)}.info-row .val.positive{color:var(--c-emerald)}.info-row .val.negative{color:var(--c-coral)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:10px 20px;border-radius:var(--r-md);font-size:14px;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all .15s;border:none}.btn-primary{background:var(--c-ink);color:var(--c-cream)}.btn-primary:hover{background:var(--c-ink-soft);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:transparent;color:var(--c-ink);border:1px solid var(--border-strong)}.btn-secondary:hover{background:var(--surface-bg)}.btn-emerald{background:var(--c-emerald);color:#fff}.btn-emerald:hover{background:#167a56;transform:translateY(-1px);box-shadow:0 4px 16px #1a9e6e4d}.nav-row{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);margin-top:var(--space-6);border-top:1px solid var(--border)}.disclaimer{font-size:11px;color:var(--c-ink-muted);line-height:1.6;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--r-md);margin-top:var(--space-6);background:var(--surface-bg)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.toggle-label{font-size:14px;color:var(--c-ink)}.toggle-sub{font-size:12px;color:var(--c-ink-muted)}.toggle{width:40px;height:22px;border-radius:11px;background:var(--c-cream-dark);cursor:pointer;border:none;position:relative;transition:background .2s;flex-shrink:0}.toggle.on{background:var(--c-emerald)}.toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .2s;box-shadow:var(--shadow-sm)}.toggle.on:after{transform:translate(18px)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.detail-list-title{font-size:12px;font-weight:500;color:var(--c-ink-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-3);display:flex;align-items:center;gap:var(--space-2)}.detail-list-title.green{color:var(--c-emerald)}.detail-list-title.amber{color:var(--c-amber)}.detail-list{list-style:none}.detail-list li{font-size:13px;color:var(--c-ink-muted);padding:var(--space-2) 0;border-bottom:1px solid var(--border);line-height:1.4;display:flex;gap:var(--space-2)}.detail-list li:last-child{border-bottom:none}.detail-list li:before{content:"·";color:var(--c-ink-muted);flex-shrink:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.panel-enter{animation:fadeInUp .25s ease forwards}@media (max-width: 680px){.app-main{padding:var(--space-4) var(--space-4)}.form-grid,.form-grid.col-3{grid-template-columns:1fr}.statuts-grid,.metrics-row{grid-template-columns:1fr 1fr}.details-grid{grid-template-columns:1fr}.wizard-step .step-label{display:none}.panel-title{font-size:22px}.app-header{padding:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.wizard-steps{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.wizard-step{flex:0 0 auto;padding:var(--space-3) var(--space-3)}}.nav-lien{font-size:13px;color:#f7f5efa6;text-decoration:none;padding:4px 0;border-bottom:2px solid transparent}.nav-lien:hover{color:var(--c-cream)}.nav-lien.actif{color:var(--c-cream);border-bottom-color:#4ecca3}.accueil{max-width:680px;margin:var(--space-12) auto;text-align:center}.accueil-surtitre{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--c-emerald);margin-bottom:var(--space-4)}.accueil-titre{font-family:var(--font-display);font-size:44px;font-weight:400;line-height:1.1;letter-spacing:-.03em;color:var(--c-ink);margin-bottom:var(--space-8)}.accueil-titre em{color:var(--c-emerald)}.accueil-texte{font-size:17px;line-height:1.7;color:var(--c-ink-soft);text-wrap:pretty}.accueil-texte p+p{margin-top:var(--space-4)}.accueil-cta{margin-top:var(--space-10);padding:16px 40px;font-size:16px;letter-spacing:.04em;border-radius:var(--r-lg)}@media (max-width: 680px){.accueil{margin:var(--space-6) auto}.accueil-titre{font-size:32px}.accueil-texte{font-size:16px}}.guide-demarrage{background:var(--c-emerald-light);border-left:3px solid var(--c-emerald);border-radius:var(--r-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);font-size:14px;line-height:1.6;color:var(--c-ink-soft)}.guide-demarrage>strong{display:block;color:#0f6e4a;margin-bottom:var(--space-1)}.guide-demarrage p+p{margin-top:var(--space-2)}.porte-bilan{max-width:640px}.porte-bilan-consentement{display:flex;gap:10px;align-items:flex-start;font-size:13px;line-height:1.5;color:var(--c-ink);padding:var(--space-3) var(--space-4);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer}.porte-bilan-consentement input{margin-top:3px;flex-shrink:0;accent-color:var(--c-emerald)}.porte-bilan-note{font-size:12px;color:var(--c-ink-muted);line-height:1.5;margin-top:var(--space-2)}.bandeau-bilan{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-5);background:var(--c-emerald-light);border-radius:var(--r-md);font-size:13px;color:#0f6e4a}.bandeau-bilan.echec{background:var(--c-amber-light);color:#8a5500}.bandeau-bilan .btn{padding:6px 12px;font-size:12px}@media print{.bandeau-bilan{display:none}}.porte-bilan .nav-row .btn{white-space:nowrap}.app-footer{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-5) var(--space-4);font-size:12px;color:var(--c-ink-muted);border-top:1px solid var(--border)}.app-footer a{color:var(--c-ink-muted)}.app-footer a:hover{color:var(--c-ink)}@media print{.app-footer{display:none}}.page-texte{max-width:760px;font-size:15px;line-height:1.7;color:var(--c-ink-soft)}.page-texte h2{font-family:var(--font-display);font-weight:400;font-size:22px;color:var(--c-ink);margin:var(--space-8) 0 var(--space-3)}.page-texte p+p{margin-top:var(--space-3)}.page-texte ul{padding-left:var(--space-6);margin:var(--space-2) 0 var(--space-3)}.page-texte a:not(.btn){color:var(--c-emerald)}.page-texte .btn{text-decoration:none}.a-completer{background:var(--c-amber-light);color:#8a5500;padding:0 4px;border-radius:4px}.tableau-defilant{overflow-x:auto;margin:var(--space-3) 0}.tableau-rgpd{border-collapse:collapse;font-size:13px;line-height:1.5;min-width:680px}.tableau-rgpd th,.tableau-rgpd td{padding:10px 12px;text-align:left;vertical-align:top;border-top:1px solid var(--border)}.tableau-rgpd thead th{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--c-ink-muted);border-top:none}.tableau-rgpd tbody th{font-weight:500;color:var(--c-ink)}.porte-bilan-note a{color:var(--c-ink-muted)}