@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b2735;--navy2:#123849;--orange:#f47a2a;--orange2:#fff1e8;--ink:#193442;--muted:#758896;--line:#e7edf0;--bg:#f5f7f8;--white:#fff;--green:#147b59}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:"DM Sans",Arial,sans-serif;color:var(--ink);font-size:14px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #f3ab7d;outline-offset:2px}[hidden]{display:none!important}
.layout{display:flex;min-height:100vh}.sidebar{position:fixed;width:258px;inset:0 auto 0 0;background:var(--navy);color:#e9f0f2;display:flex;flex-direction:column;z-index:11;padding:29px 17px 19px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 36px;font-size:19px;letter-spacing:-.8px;font-weight:800}.brand span,.mobilebar span{color:#ff9a55}.brand small{display:block;font-size:9px;letter-spacing:2.1px;color:#9cb6c0;font-weight:600;margin-top:4px}.brand-mark{display:grid;place-items:center;background:#244455;color:#fff;border:1px solid #49717e;width:43px;height:43px;border-radius:12px;font-size:21px;font-weight:900;flex-shrink:0}.brand-mark span{color:#ff9853}.side-label{padding:10px 15px;color:#829eaa;font-size:10px;font-weight:800;letter-spacing:2px}.sidenav{display:grid;gap:5px;margin:6px 0 24px}.navitem{border:0;text-align:left;width:100%;background:transparent;color:#bed0d6;display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:9px;font-weight:600;font-size:13px;transition:.15s}.navitem:hover{background:#1f4251;color:#fff}.navitem.active{background:#ffffff1d;color:#fff;box-shadow:inset 3px 0 var(--orange)}.navicon{font-size:20px;width:22px;text-align:center;font-weight:500;color:#abc0c6}.navitem.active .navicon{color:#fa9856}.pill{margin-left:auto;border-radius:12px;background:#ed762921;padding:3px 8px;color:#ffb284;font-size:11px}.sidebar-bottom{margin-top:auto;padding:17px 12px;background:#ffffff0d;border:1px solid #ffffff16;border-radius:10px;display:flex;gap:9px}.sidebar-bottom strong{display:block;font-size:12px}.sidebar-bottom small{display:block;color:#a1bac4;margin-top:6px;font-size:11px;line-height:1.55}.small-dot{margin-top:3px;background:#ffa268;width:7px;height:7px;border-radius:100%;flex-shrink:0}.main{margin-left:258px;width:calc(100% - 258px);min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between;padding:0 38px}.top-heading{display:flex;align-items:center;gap:12px;font-weight:700}.crumb{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#99a7ad}.chev{font-weight:400;color:#ccd4d7}.top-actions{display:flex;align-items:center;gap:22px}.ghost-link{font-size:12px;font-weight:700}.ghost-link:hover{color:var(--orange)}.demo-tag{color:#ca6c2e;background:#fff2e8;padding:9px 11px;border-radius:6px;font-size:10px;letter-spacing:.9px;font-weight:900}.avatar{width:38px;height:38px;display:grid;place-items:center;background:#ecf0f1;color:var(--navy);border-radius:50%;font-weight:900;font-size:12px}.content{padding:27px 37px 50px;max-width:1590px;margin:0 auto}.callout{background:#fff9f3;border:1px solid #ffe3cb;color:#875029;padding:12px 16px;font-size:12px;line-height:1.6;margin-bottom:32px;border-radius:8px}.callout button{border:0;background:none;color:#ab531e;text-decoration:underline;font-weight:800}.page{display:none}.page.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.eyebrow{font-size:10px;letter-spacing:2px;color:#ef7627;font-weight:900;margin-bottom:8px}.page-title h1{font:800 clamp(26px,2.65vw,35px)/1.2 "Manrope",sans-serif;letter-spacing:-1.4px;margin:0 0 10px}.page-title h1 span{color:var(--orange)}.page-title p{color:var(--muted);margin:0;line-height:1.6}.primary,.secondary,.whitebtn,.danger{border-radius:8px;font-weight:800;font-size:12px;padding:14px 19px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;cursor:pointer}.primary{background:var(--orange);color:#fff;box-shadow:0 7px 18px #f47a2a2b}.primary:hover{background:#da671a}.secondary{background:white;color:var(--ink);border-color:var(--line)}.secondary:hover{border-color:#a0b3bb}.danger{background:#fff4f0;border-color:#ffc9bd;color:#b84a38}.whitebtn{background:white;color:var(--navy)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.kpi{border:1px solid #e9edef;background:white;padding:23px;border-radius:12px;box-shadow:0 3px 18px #11344908}.kpi-top{display:flex;justify-content:space-between;align-items:center;color:#758b97;font-weight:700;font-size:12px}.kpi-symbol{display:grid;place-items:center;background:#fff1e7;color:#df6c20;border-radius:9px;width:31px;height:31px;font-size:17px;font-weight:700}.kpi-symbol.blue{background:#edf6ff;color:#3179a1}.kpi-symbol.green{background:#edfaf3;color:#238964}.kpi-symbol.orange{background:#fff2e9;color:#e66b21}.kpi strong{font:800 30px "Manrope",sans-serif;display:block;margin-top:14px;letter-spacing:-1.4px}.kpi small{color:#9aa9af;font-size:11px}.feature{background:var(--navy);color:#fff;border-radius:13px;display:grid;grid-template-columns:1fr 39%;overflow:hidden;min-height:255px;margin-bottom:24px}.feature>div:first-child{padding:31px 33px;z-index:1}.eyebrow.light{color:#ff9b57}.feature h2{font:800 clamp(22px,2.5vw,31px)/1.25 "Manrope",sans-serif;letter-spacing:-.8px;margin:0 0 10px}.feature p{color:#bacdd3;line-height:1.6;margin:0 0 20px;font-size:13px}.feature-photo{background:linear-gradient(90deg,var(--navy),#0b273500 40%),url('../images/hero.jpg') center/cover;min-height:245px}.twocol{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}.panel{border-radius:12px;border:1px solid #e6ecef;background:white;box-shadow:0 4px 20px #102a3508;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:22px 24px}.panel-head h3,.settings h3{font:800 17px "Manrope";letter-spacing:-.3px;margin:0 0 4px}.panel-head p{font-size:11px;color:var(--muted);margin:0}.text-btn{border:0;background:none;color:#d2631c;font-weight:800;font-size:12px}.request-mini{display:flex;align-items:center;gap:12px;padding:17px 23px;border-bottom:1px solid #eef1f3}.request-mini:last-child{border-bottom:0}.request-mini .initial{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#e9f2f3;font-size:12px;font-weight:800;color:#416b76}.request-mini .name{flex:1;min-width:0}.request-mini strong{font-size:13px}.request-mini small{display:block;color:#8a9ca5;margin-top:4px;font-size:11px}.status{font-size:10px;padding:6px 9px;border-radius:20px;background:#fff3e8;color:#b96622;font-weight:800;white-space:nowrap}.status.En-cours{background:#e8f5fe;color:#2576a3}.status.Traité{background:#e8f7ee;color:#268155}.quick{padding:0 17px}.quick button{display:flex;width:100%;align-items:center;gap:13px;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;padding:15px 5px}.quick button:last-child{border-bottom:0}.quickglyph{background:#f3f6f7;color:#30586b;display:grid;place-items:center;width:36px;height:36px;border-radius:9px;font-size:19px}.quick button>span:nth-child(2){flex:1}.quick strong{display:block;font-size:13px}.quick small{display:block;color:#98a6ac;font-size:11px;margin-top:3px}.quick b{color:#9daeb5}.table-panel{margin-top:18px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:21px 24px}.search{background:#fafcfd url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" stroke="%2392a2ab" stroke-width="2"%3E%3Ccircle cx="7" cy="7" r="5"/%3E%3Cpath d="m11 11 4 4"/%3E%3C/svg%3E') no-repeat 13px center;border:1px solid var(--line);border-radius:8px;padding:13px 14px 13px 38px;min-width:250px;max-width:440px;width:100%;outline:0}select,.field input,.field textarea,.field select,.toolbar select{padding:12px;border:1px solid #dde5e9;border-radius:8px;background:white;min-width:130px;color:var(--ink)}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:#94a4ab;text-align:left;background:#f9fbfc;font-weight:800;padding:15px 22px}td{border-bottom:1px solid #ecf0f2;padding:17px 22px;font-size:12px}td strong{font-size:13px}.subtle{display:block;color:#879ba4;margin-top:4px}.table-foot{padding:17px 23px;font-size:11px;color:#8d9fa6}.rowbtn{padding:7px 10px;border:1px solid #e3e9ec;background:#fff;border-radius:6px;font-weight:800;color:#435c69;font-size:11px;margin-right:5px}.rowbtn:hover{background:#f0f5f6}.rowbtn.red{color:#c14936;border-color:#ffd9d1}.empty{padding:45px 20px;color:#8495a0;text-align:center}.mini-note{color:#93a3aa}.servicegrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.servicecard{display:grid;grid-template-columns:42% 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.servicecard img{width:100%;height:215px;object-fit:cover}.servicecard>div{padding:20px}.servicecard h3{font:800 17px "Manrope";margin:0}.servicecard p{color:var(--muted);line-height:1.7;font-size:12px}.servicecard button{background:none;padding:0;border:0;color:#d96a25;font-weight:800}.settings{padding:32px;max-width:850px}.settings h3{margin:15px 0 6px}.settings p{color:#5c737d;line-height:1.8}.settings-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.footnote{padding:20px 37px;display:flex;justify-content:space-between;gap:10px;font-size:10px;color:#99aab2}.modal-backdrop{position:fixed;inset:0;background:#0c2739b8;z-index:40;display:grid;place-items:center;padding:20px;overflow:auto}.modal{max-width:650px;max-height:calc(100vh - 40px);overflow:auto;width:100%;border-radius:14px;background:white;box-shadow:0 24px 70px #0004;padding:28px}.modal-top{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px}.modal-top h2{font:800 24px "Manrope";margin:0}.modal-close{border:0;background:#eff3f4;width:35px;height:35px;border-radius:50%;font-size:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:7px;font-size:12px;font-weight:800}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;font-weight:400}.field textarea{min-height:90px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.quote-preview{border:1px solid var(--line);padding:23px;margin:20px 0;border-radius:8px;line-height:1.7}.quote-preview h3{margin:0 0 6px}.quote-total{font-size:24px;font-weight:900;text-align:right}.notice{font-size:11px;line-height:1.6;color:#8b6d4e;background:#fff8f0;padding:11px;border-radius:6px}.toast{position:fixed;right:28px;bottom:24px;background:#153849;color:white;padding:13px 19px;border-radius:8px;box-shadow:0 8px 28px #0003;opacity:0;pointer-events:none;transition:.2s;z-index:99;font-size:12px}.toast.show{opacity:1}.mobilebar,.overlay{display:none}
@media(max-width:1150px){.sidebar{width:225px}.main{margin-left:225px;width:calc(100% - 225px)}.content{padding:25px}.topbar{padding:0 24px}.kpis{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}.feature{grid-template-columns:1fr 35%}}
@media(max-width:820px){.mobilebar{height:60px;position:sticky;top:0;background:var(--navy);color:white;display:flex;align-items:center;padding:0 16px;gap:15px;z-index:15}.mobilebar strong{font-weight:900;letter-spacing:-.7px}.mobilebar a{margin-left:auto;font-size:12px}.iconbtn{border:0;background:#ffffff20;color:white;border-radius:7px;font-size:18px;width:36px;height:36px}.sidebar{transform:translateX(-100%);top:60px;transition:transform .2s;max-height:calc(100vh - 60px);overflow-y:auto}.sidebar.open{transform:translateX(0)}.overlay.show{display:block;position:fixed;inset:60px 0 0;background:#091d29aa;z-index:10}.main{margin:0;width:100%}.topbar{height:64px}.ghost-link{display:none}.page-title{align-items:start}.page-title h1{font-size:29px}.content{padding:22px}.servicegrid{grid-template-columns:1fr}}
@media(max-width:580px){.topbar{padding:0 17px}.avatar{display:none}.top-actions{gap:9px}.content{padding:18px 15px}.page-title{display:grid}.page-title .primary{width:100%}.page-title h1{font-size:25px}.kpis{gap:10px}.kpi{padding:17px}.kpi strong{font-size:24px}.kpi-top{font-size:10px}.feature{grid-template-columns:1fr}.feature-photo{display:none}.feature>div:first-child{padding:25px}.toolbar{display:grid;padding:16px}.toolbar select{width:100%}.servicecard{grid-template-columns:1fr}.servicecard img{height:190px}.footnote{padding:20px 15px;display:grid}.form-grid{grid-template-columns:1fr}.modal{padding:19px}.modal-actions{flex-direction:column-reverse}.modal-actions>*{width:100%}.settings{padding:22px}}
@media print{body{background:white}.sidebar,.mobilebar,.topbar,.callout,.footnote,.modal-actions,.toast,.page-title,.feature,.kpis,.twocol,.servicegrid{display:none!important}.main{margin:0;width:100%}.modal-backdrop{position:static;background:none;padding:0;display:block!important}.modal{max-width:100%;max-height:none;padding:0;border:0;box-shadow:none}.modal-top{display:none}.quote-preview{border:0;padding:0}.content{padding:0}.page{display:none!important}}