:root{--bg:#f4f5ef;--surface:#fff;--surface-soft:#f8faf5;--text:#1f2e2a;--muted:#5d6f68;--line:#d6e1d8;--brand:#1f7a55;--brand-strong:#146343;--brand-soft:#e8f3ed;--shadow:0 10px 30px #18382c14;--font-ui:"Space Grotesk", "Manrope", "Segoe UI", sans-serif;--font-title:"Plus Jakarta Sans", "Space Grotesk", "Segoe UI", sans-serif;font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 500px at 0% 0%, #e8efe6 0%, var(--bg) 55%);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{color:var(--text);background:radial-gradient(1200px 500px at 0% 0%, #e8efe6 0%, var(--bg) 55%);margin:0}#root{max-width:1180px;min-height:100svh;margin:0 auto;padding:18px 14px 32px}h1,h2,h3,h4{font-family:var(--font-title);color:var(--text)}p{color:var(--muted)}button{font-family:var(--font-ui)}table{background:var(--surface)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}img{max-width:100%;display:block}input,select,textarea,button{transition:all .2s}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #1f7a5529;border-color:#1f7a55!important}button:hover:not(:disabled){filter:saturate(1.05);transform:translateY(-1px)}button:disabled{opacity:.65;cursor:not-allowed}@media (width<=760px){#root{padding:12px 10px 24px}}:root{--bg:#f6f8f6;--panel:#fff;--text:#15231d;--muted:#5a6d63;--line:#d7e1db;--brand:#1f6b4f;--brand-2:#2f8a66;--accent:#eaf4ef;--error:#9b2c2c}*{box-sizing:border-box}body{background:radial-gradient(1100px 600px at 10% -10%, #e5f2eb 0%, var(--bg) 46%, #f3f6f4 100%);color:var(--text);margin:0;font-family:Manrope,Segoe UI,sans-serif}.app-shell{max-width:1180px;margin:0 auto;padding:20px 14px 28px}.topbar{background:var(--panel);border:1px solid var(--line);border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;padding:18px;display:flex;box-shadow:0 10px 24px #192d240f}.topbar h1{margin:2px 0 6px;font-size:clamp(1.1rem,2.5vw,1.55rem)}.eyebrow{color:var(--brand);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px;font-weight:700}.subtitle{color:var(--muted);margin:0;font-size:13px}.topbar-actions{flex-wrap:wrap;gap:8px;display:flex}.tab{border:1px solid var(--line);color:#1b372c;cursor:pointer;background:#f0f4f2;border-radius:999px;padding:9px 14px;font-weight:600}.tab.active{background:var(--brand);color:#fff;border-color:var(--brand)}.layout{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px;box-shadow:0 5px 16px #192d240a}.form-panel,.result-panel,.analytics-panel{grid-column:span 4}.panel h2{margin:0 0 10px;font-size:1rem}.panel h3{color:#24483a;margin:14px 0 8px;font-size:.95rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}label{color:#355345;font-size:12px;font-weight:600;display:block}input,select,textarea{border:1px solid var(--line);color:#1a3027;background:#fff;border-radius:10px;width:100%;margin-top:5px;margin-bottom:8px;padding:9px 10px;font-size:14px}input:focus,select:focus,textarea:focus{outline-offset:1px;outline:2px solid #b9d7c9}.check{align-items:center;gap:8px;margin-bottom:10px;display:flex}.check input{width:auto;margin:0}.primary{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;padding:11px 14px;font-size:14px;font-weight:700}.primary:disabled{opacity:.6;cursor:not-allowed}.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:10px;display:grid}.kpi{border:1px solid var(--line);background:var(--accent);border-radius:10px;padding:8px 9px}.kpi span{color:#4e665a;font-size:11px;display:block}.kpi strong{font-size:15px}.match-list{gap:8px;display:grid}.match-card{border:1px solid var(--line);background:#fbfdfc;border-radius:10px;padding:9px}.match-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.score{color:var(--brand);font-size:12px;font-weight:700}.price{margin:7px 0 6px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:480px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px;font-size:12px}th{color:#315444;background:#eff5f1}.muted{color:var(--muted)}.error{color:var(--error);margin:8px 0 0;font-size:13px}@media (width<=1060px){.form-panel,.result-panel,.analytics-panel{grid-column:span 12}.grid.two,.kpi-row{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}}.details-box{border:1px solid var(--line);background:#f9fcfa;border-radius:10px;margin-top:10px;padding:10px}.details-box summary{cursor:pointer;color:#24483a;font-weight:700}.detail-group p{margin-bottom:4px}.details-box ul{margin-top:4px;margin-bottom:8px}.compliance-box{border:1px solid var(--line);background:#f8fbf9;border-radius:10px;margin-top:12px;padding:10px}.compliance-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.compliance-head h3{margin:0}.badge{border:1px solid #0000;border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.badge.conforme{color:#0e5c3e;background:#ddf6ea;border-color:#b8e8d0}.badge.conforme_sous_conditions{color:#7a5300;background:#fff2d9;border-color:#f0d8a5}.badge.non_conforme{color:#862323;background:#ffe8e8;border-color:#f2bebe}.image-upload-box{background:#f7fbf9;border:1px dashed #b8cdc2;border-radius:10px;margin-bottom:10px;padding:10px}.image-upload-box input{background:#fff}.presentation-layout{gap:12px;display:grid}.presentation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.presentation-card{border:1px solid var(--line);background:#f9fcfa;border-radius:10px;padding:10px}.presentation-card h3{margin-top:0}.presentation-card ul{margin:8px 0 0;padding-left:18px}@media (width<=900px){.presentation-grid{grid-template-columns:1fr}}