/* Exact Figma component styles */
.f0{background-color:#e2d3fc}
.f1{align-content:stretch}
.f2{display:flex}
.f3{flex-direction:column}
.f4{gap:14px}
.f5{align-items:flex-start}
.f6{padding:24px}
.f7{position:relative}
.f8{width:100%;height:100%}
.f9{height:72px}
.f10{align-items:center}
.f11{overflow:hidden}
.f12{flex-shrink:0}
.f13{width:1408px}
.f14{gap:8px}
.f15{height:48px}
.f16{width:342px}
.f17{height:32px}
.f18{width:28px}
.f19{position:absolute}
.f20{inset:0}
.f21{max-width:none}
.f22{object-fit:contain}
.f23{pointer-events:none}
.f24{overflow-wrap:break-word}
.f25{font-family:Poppins,sans-serif;font-weight:600}
.f26{line-height:1.2}
.f27{font-style:normal}
.f28{font-size:24px}
.f29{color:#050505}
.f30{white-space:nowrap}
.f31{gap:4px}
.f32{width:838px}
.f33{justify-content:center}
.f34{border-radius:100px}
.f35{width:136px}
.f36{font-family:Poppins,sans-serif;font-weight:500}
.f37{font-size:12px}
.f38{color:#111}
.f39{background-color:#050505}
.f40{width:78px}
.f41{font-family:Poppins,sans-serif;font-weight:500}
.f42{color:white}
.f43{width:96px}
.f44{width:88px}
.f45{gap:6px}
.f46{justify-content:flex-end}
.f47{width:228px}
.f48{background-color:#efe8fc}
.f49{width:44px;height:44px}
.f50{width:18px;height:18px}
.f51{display:block}
.f52{height:128px}
.f53{gap:16px}
.f54{padding:12px}
.f55{width:440px}
.f56{line-height:0}
.f57{font-size:36px}
.f58{width:320px}
.f59{margin-bottom:0}
.f60{gap:38px}
.f61{padding:16px}
.f62{width:740px}
.f63{height:76px}
.f64{width:188px}
.f65{height:46px}
.f66{font-size:28px}
.f67{font-family:Poppins,sans-serif;font-weight:400}
.f68{font-size:14px}
.f69{color:#939096}
.f70{background-color:#7de2a8}
.f71{height:26px}
.f72{width:46px}
.f73{font-size:9px}
.f74{background-color:white}
.f75{background-color:#dd7180}
.f76{gap:2px}
.f77{height:70px}
.f78{width:44px}
.f79{width:22px;height:22px}
.f80{font-size:10px}
.f81{height:694px}
.f82{gap:12px}
.f83{width:496px}
.f84{height:24px}
.f85{height:3px}
.f86{border-radius:2px}
.f87{font-size:15px}
.f88{height:282px}
.f89{gap:8px}
.f90{padding:16px}
.f91{border-radius:28px}
.f92{width:244px}
.f93{height:5px}
.f94{width:212px}
.f95{width:23px}
.f96{background-color:#adcbe2}
.f97{background-color:#f7c566}
.f98{height:100px}
.f99{border-width:3px}
.f100{border-style:solid}
.f101{width:102px;height:102px}
.f102{border-color:#dcd7e3}
.f103{width:86px;height:86px}
.f104{left:132px}
.f105{top:1px}
.f106{text-align:center}
.f107{font-size:8px}
.f108{height:36px}
.f109{gap:3px}
.f110{width:60px}
.f111{width:86px}
.f112{width:24px}
.f113{border-color:#939096}
.f114{inset:-5.81%}
.f115{line-height:normal}
.f116{left:76px}
.f117{font-size:18px}
.f118{color:#fff}
.f119{top:38px}
.f120{width:514px}
.f121{gap:10px}
.f122{height:54px}
.f123{width:482px}
.f124{width:42px;height:42px}
.f125{height:44px}
.f126{width:268px}
.f127{font-size:11px}
.f128{height:508px}
.f129{background-color:#f3f3f3}
.f130{padding:18px}
.f131{width:316px}
.f132{width:264px}
.f133{width:34px;height:34px}
.f134{height:84px}
.f135{width:304px}
.f136{height:96px}
.f137{height:104px}
.f138{height:114px}
.f139{border-width:1px}
.f140{border-color:#f3f3f3}
.f141{height:56px}
.f142{justify-content:space-between}
.f143{padding:6px}
.f144{width:32px;height:32px}
.f145{width:306px}
.f146{width:46px;height:46px}
.f147{width:382px}
.f148{left:16px}
.f149{top:10px}
.f150{width:36px;height:36px}
.f151{gap:18px}
.f152{height:150px}
.f153{border-color:#dd7180}
.f154{width:140px;height:140px}
.f155{width:122px;height:122px}
.f156{height:90px}
.f157{width:184px}
.f158{font-size:20px}
.f159{height:15px}
.f160{width:68px}
.f161{height:14px}
.f162{height:40px}
.f163{width:122px}
.f164{width:110px}
.f165{width:70px}
.f166{height:52px}
.f167{gap:5px}
.f168{width:134px}
.f169{height:136px}
.f170{background-color:#b6a0e8}
.f171{border-radius:16px}
.f172{width:112px}
.f173{border-radius:4px}
.f174{object-fit:cover}
.f175{background-color:#e3af08}
.f176{height:18px}
.f177{width:14px;height:14px}
.f178{font-size:6px}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;src:url('./assets/Poppins-Regular.ttf') format('truetype');font-display:block}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;src:url('./assets/Poppins-Medium.ttf') format('truetype');font-display:block}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;src:url('./assets/Poppins-SemiBold.ttf') format('truetype');font-display:block}
[hidden]{display:none!important}
*{box-sizing:border-box;border:0 solid transparent}html,body{margin:0;min-height:100%;font-family:Poppins,sans-serif;color:#111;font-size:12px;line-height:1.2}body{background:#c9b3fa;display:flex;align-items:center;justify-content:center;min-height:100svh}p,h1,h2,h3{margin:0}button,input,textarea{font:inherit;color:inherit}button{padding:0;cursor:pointer;background:none}img{display:block;max-width:100%}#workspace{width:1456px;height:970px;flex:none;overflow:hidden;background:#e2d3fc}#workspace>[data-node-id="5:270"]{width:1456px;height:970px;overflow:hidden}[data-name^="Photo /"]{border-radius:50%;overflow:hidden}[data-name^="Icône /"] img{width:18px;height:18px}[data-name="Navigation Item"],[data-name^="Icon Button /"],[data-name^="Channel /"],[data-name^="Shortcut /"]{cursor:pointer;outline-offset:3px;transition:filter .15s}[data-name^="Icon Button /"]:hover,[data-name^="Channel /"]:hover,[data-name^="Shortcut /"]:hover{filter:brightness(.94)}:focus-visible{outline:2px solid #8857cf;outline-offset:3px}[data-name="A / Leads List"]{overflow-y:auto;scrollbar-width:none}[data-name="A / Leads List"]::-webkit-scrollbar{display:none}[data-name="Message List"]{overflow-y:auto;scrollbar-width:none}[data-name="Message Composer"] input{background:none;border:none;outline:none;width:306px;height:36px;font-size:11px;font-weight:400;color:#111;padding:0}[data-name="Message Composer"] input::placeholder{color:#939096;opacity:1}[data-name="Lead Card"]{cursor:pointer}.is-selected{box-shadow:inset 0 0 0 2px #b6a0e8}dialog{border:0;border-radius:24px;padding:32px;background:#fff;max-width:min(520px,90vw);width:520px;box-shadow:0 24px 100px #0004}dialog::backdrop{background:#16042c66;backdrop-filter:blur(5px)}dialog h2{font-size:22px;margin:0 36px 20px 0}dialog p{line-height:1.7}.dialog-close{position:absolute;right:24px;top:16px;font-size:28px;color:#777}dialog input{width:100%;padding:12px;border:1px solid #dcd7e3;border-radius:10px;margin:12px 0}dialog img.document-preview{width:100%;image-rendering:auto;border-radius:8px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,12px);background:#050505;color:white;padding:12px 24px;border-radius:100px;opacity:0;pointer-events:none;z-index:10;transition:opacity .2s,transform .2s;white-space:nowrap}#toast.visible{opacity:1;transform:translate(-50%,0)}.new-message{display:flex;gap:10px;width:482px;justify-content:flex-end;flex-shrink:0}.new-message p{background:#f3f3f3;padding:18px;border-radius:28px;max-width:316px;overflow-wrap:anywhere}.new-message img{width:34px;height:34px;border-radius:50%}.modal-action{display:inline-block;border-radius:100px;background:#050505;color:white;padding:12px 22px;margin-top:16px}
@media(min-width:901px) and (max-width:1455px){body{min-height:100svh;align-items:center}#workspace{zoom:calc(100vw / 1456px)}}
@media(max-width:900px){body{display:block;background:#e2d3fc}#workspace{width:100%;height:auto;overflow:visible}#workspace>[data-node-id="5:270"]{width:100%;height:auto;padding:20px;gap:20px}[data-name="01 / Header"]{width:100%;height:auto;flex-wrap:wrap;gap:16px}[data-name="Logo"]{width:calc(100% - 228px)}[data-name="Navigation principale"]{order:3;width:100%;overflow-x:auto}[data-name="02 / Overview"]{width:100%;height:auto;flex-wrap:wrap;gap:16px}[data-name="Retour et titre"]{width:100%;height:auto;padding:0}[data-name="Indicateurs de performance"]{width:100%;height:auto;gap:12px;padding:0;justify-content:space-between}[data-name="Metric"]{width:31%;transform-origin:left top}[data-name="Valeur et variation"]{width:100%;gap:4px}[data-name="Valeur et variation"]>[data-name="Icon Button / arrow"]{display:none}[data-name="Canaux et compteurs"]{width:100%;height:70px;justify-content:flex-start;padding:0}[data-name="03 / Main Content"]{width:100%;height:auto;flex-wrap:wrap;gap:20px}[data-name="A / Leads List"]{width:100%;height:340px}[data-name^="Hot Leads / Ligne"],[data-name^="Warm Leads / Ligne"]{width:100%;gap:12px}[data-name="Hot Leads"],[data-name="Warm Leads"]{width:100%}[data-name="Lead Card"],[id="node-5_135"],[id="node-5_173"]{width:calc(50% - 6px);min-width:244px}[data-name="B / Conversation Panel"]{width:100%;height:694px}[data-name="Contact Header"],[data-name="Message List"],[data-name="Typing Indicator"],[data-name="Message Composer"]{width:100%}[data-name="Contact Header"]>[data-name="Identité"]{width:auto;flex:1}[data-name="Message envoyé"],[data-name="Message reçu"],.new-message{width:100%}[data-name="Message Composer"] input{width:100%;min-width:0}[data-name="C / Contact Details Panel"]{width:382px;max-width:100%;margin:auto}[data-name="Message Bubble"]{max-width:calc(100% - 44px)}[data-name="Message Bubble"] p{max-width:100%}}