@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Grotesk:wght@300..700&display=swap";.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-family:Inter,sans-serif}.loading-container .spinner{width:48px;height:48px;margin-bottom:16px;border:5px solid #e0e0e0;border-top-color:#007bff;border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 10px #fff}.loading-container .loading-text{font-size:1.25rem;color:#fff;letter-spacing:1px;animation:fadein 1s ease-in-out}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}#login{width:100%;min-width:300px;max-width:400px}#login .card{text-align:center;width:100%}#login .card .loginForm{display:flex;flex-direction:column;gap:20px;padding:40px}#login .card .loginForm .titleInput{display:flex;flex-direction:column;text-align:start}#register{min-width:300px;max-width:400px;width:100%}#register .card{text-align:center;min-width:300px;max-width:400px;width:100%}#register .card .registerForm{display:flex;flex-direction:column;gap:20px;padding:40px}#register .card .registerForm .titleInput{display:flex;flex-direction:column;text-align:start}#conversation{width:100%;display:flex;flex-direction:row;justify-content:center;gap:10px;max-height:calc(100vh - 120px)}#conversationsList{width:45%;max-width:700px;min-width:300px}#conversationsList .card{display:flex;flex-direction:column;padding:16px;gap:10px;width:100%;text-align:center}#conversationsList .card ul{display:flex;flex-direction:column;gap:10px}#conversationsList .card .card.shadow{display:flex;flex-direction:row;text-align:start;align-items:center;overflow:hidden}#conversationsList .card .card.shadow .info{width:100%}#conversationsList .card .card.shadow .info p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#conversationSelected{min-width:0;width:100%;height:100%}#conversationSelected .card.transparent{display:flex;flex-direction:column;overflow:hidden;height:100%}#conversationSelected .card.transparent .head{display:flex;flex-direction:row;border-bottom:1px solid #1565C0;background-color:#1565c0;padding:10px}#conversationSelected .card.transparent .head .conversationTitle{display:flex;flex-direction:row;gap:10px;margin:0 auto}#conversationSelected .card.transparent .messages{display:flex;flex-direction:column;padding:10px;gap:10px;height:calc(100% - 125px)}#conversationSelected .card.transparent .messages .messagesListe{height:100%}#conversationSelected .card.transparent .messages .messagesListe ul{display:flex;flex-direction:column;gap:32px;overflow-y:auto;overflow-x:hidden;flex-direction:column-reverse;padding-right:10px;height:100%}#conversationSelected .card.transparent .messages .messagesListe ul::-webkit-scrollbar{width:8px}#conversationSelected .card.transparent .messages .messagesListe ul::-webkit-scrollbar-track{background:transparent}#conversationSelected .card.transparent .messages .messagesListe ul::-webkit-scrollbar-thumb{background-color:transparent;border-radius:4px;transition:background-color .2s ease}#conversationSelected .card.transparent .messages .messagesListe ul:hover::-webkit-scrollbar-thumb{background-color:#1565c0}#conversationSelected .card.transparent .messages .messagesListe ul li{display:flex;flex-direction:column;gap:8px}#conversationSelected .card.transparent .messages .messagesListe ul li .profilContainer{display:flex;flex-direction:row;align-items:center;gap:8px}#conversationSelected .card.transparent .messages .messagesListe ul li .message{width:fit-content;max-width:100%;padding:16px;background-color:transparent;border:1px solid #1565C0;border-radius:20px}#conversationSelected .card.transparent .messages .messagesListe ul li .message .messageContent{color:#1565c0;max-width:100%;white-space:normal;word-wrap:break-word;overflow-wrap:break-word}#conversationSelected .card.transparent .messages .messagesListe ul .me{align-items:flex-end}#conversationSelected .card.transparent .messages .messagesListe ul .me .profilContainer{flex-direction:row-reverse}#conversationSelected .card.transparent .messages .messagesListe ul .me .message{background-color:#1565c0;border-radius:20px}#conversationSelected .card.transparent .messages .messagesListe ul .me .message .messageContent{color:#fff}#conversationSelected .card.transparent .sendBar{display:flex;float:row;gap:10px;padding:10px}#conversationSelected .card.transparent .sendBar input{width:100%;max-height:40px}#conversationSelected .card.transparent .sendBar img{max-height:40px;max-width:40px}#retour{display:none}@media (max-width: 768px){.convOpen #conversationsList{display:none}.convOpen #retour{display:block}.convClose #conversationsList{display:block;width:100%}.convClose #conversationSelected{display:none}}#contact{flex:1;display:flex;flex-direction:row;justify-content:center;gap:10px}#contactsList{max-width:700px;width:100%}#contactsList .card{display:flex;flex-direction:column;padding:16px;gap:10px;width:100%;text-align:center}#contactsList .card .actionBar{display:flex;flex-direction:row;gap:10px}#contactsList .card .actionBar button{width:100%}#contactsList .card ul{display:flex;flex-direction:column;gap:10px}#contactsList .card .card.shadow,#contactsList .card .card.red{cursor:pointer;pointer-events:auto;display:flex;flex-direction:row;text-align:start;align-items:center}#contactsList .card .card.shadow .info,#contactsList .card .card.red .info{width:100%}#contactsList .card .card.shadow .trash,#contactsList .card .card.red .trash{cursor:pointer;pointer-events:auto}#contactsList .card .card.red{cursor:not-allowed;pointer-events:none}#baseLayout{display:flex;flex-direction:column;background-color:#f8f9fa;height:100%;min-height:100%;overflow:hidden}#baseLayout #content{display:flex;flex:1;padding:8px}#navbar{background-color:#1565c0;display:flex;flex-direction:row;min-height:85px;padding:10px;width:100%;align-items:center;box-shadow:0 4px 4px #00000040;align-content:center}#navbar #profil{display:flex;flex-direction:row;gap:10px;align-items:center;cursor:pointer}#navbar #navContent{display:flex;flex-direction:column;justify-items:center;width:100%}#navbar #navContent ul{display:flex;flex-direction:row;gap:20px;margin:0 auto}.mobileNav{display:none}#popup{position:relative}#popup .card{position:absolute;top:30px;left:0;z-index:10;display:flex;flex-direction:column;gap:8px;padding:16px}@media (max-width: 768px){#navbar{position:relative;z-index:10}#navbar #navContent{position:relative}#navbar .desktopNav *{display:none}#navbar .mobileNav{display:block;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.8rem;color:#fff;width:100%;text-align:end;padding:8px}#navbar .mobileMenu{position:absolute;top:100%;left:0;width:100%;background-color:#1565c0;z-index:20;box-shadow:0 4px 6px #0003;padding:4px 0;margin:0}#navbar .mobileMenu li{list-style:none;padding:4px}#navbar .mobileMenu li a{text-align:center;color:#fff;text-decoration:none;display:block;width:100%}#navbar .mobileMenu li a:hover{background-color:#104e94}}#loginLayout{background:linear-gradient(180deg,#172258,#2e6196);display:flex;justify-content:center;align-items:center}*{font-family:Poppins,sans-serif}p,a,h2,h1,label{color:#000;margin:0;padding:0;text-decoration:none}p,label{font-size:16px;font-weight:400}a{font-size:16px;font-weight:500}h2{font-size:18px;font-weight:500}h1{font-size:24px;font-weight:600}p.blue,a.blue,h1.blue,h2.blue{color:#1565c0}p.green,a.green,h1.green,h2.green{color:#1e4620}p.darkRed,a.darkRed,h1.darkRed,h2.darkRed{color:#a61b1b}p.red,a.red,h1.red,h2.red{color:#ea4335}p.white,a.white,h1.white,h2.white{color:#fff;background-color:#1565c0}p.strong,a.strong,h1.strong,h2.strong{font-weight:600}button{border:1px solid transparent;outline:none;padding:8px;margin:0;font-size:16px;font-weight:400;color:#fff;background-color:#1565c0;border-color:#1565c0;border-radius:8px}button.green{color:#1e4620;background-color:#e6f4ea;border-color:#34a853}button.red{color:#a61b1b;background-color:#fce8e6;border-color:#ea4335}button.dashed{color:#1565c0;background-color:transparent;border-color:#1565c0;border-style:dashed;border-radius:20px}button.dashed:disabled{cursor:not-allowed;color:#ea4335;background-color:transparent;border-color:#ea4335}button.dashed.red{color:#ea4335;background-color:transparent;border-color:#ea4335}input{border:1px solid transparent;outline:none;padding:8px;margin:0;border-radius:8px;font-size:16px;color:#1565c0;font-weight:600;background-color:transparent;border-color:#1565c0}input::placeholder{color:#1565c0b3;font-weight:600}input.rounded{border-radius:20px}input.search{background-image:url("data:image/svg+xml,%3csvg%20width='18'%20height='26'%20viewBox='0%200%2018%2026'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_213_136)'%3e%3cpath%20d='M12.8781%2015H12.0689L11.782%2014.73C12.7859%2013.59%2013.3903%2012.11%2013.3903%2010.5C13.3903%206.91%2010.4093%204%206.73178%204C3.05422%204%200.0732422%206.91%200.0732422%2010.5C0.0732422%2014.09%203.05422%2017%206.73178%2017C8.38105%2017%209.89714%2016.41%2011.0649%2015.43L11.3415%2015.71V16.5L16.4635%2021.49L17.9898%2020L12.8781%2015ZM6.73178%2015C4.18105%2015%202.12202%2012.99%202.12202%2010.5C2.12202%208.01%204.18105%206%206.73178%206C9.28251%206%2011.3415%208.01%2011.3415%2010.5C11.3415%2012.99%209.28251%2015%206.73178%2015Z'%20fill='%231565C0'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_213_136'%3e%3crect%20width='18'%20height='18'%20fill='white'%20transform='translate(0%204)'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e");background-repeat:no-repeat;background-position:10px center;background-size:18px 22px;padding-left:36px}.pd8{padding:8px}.pd16{padding:16px}.pd32{padding:32px}.border8{padding:8px}.border20{padding:20px}*{padding:0;margin:0;box-sizing:border-box}div.card{border-radius:8px;background-color:#fff}div.card.blue{background-color:#1565c0;border-radius:20px;color:#fff}div.card.transparent{color:#1565c0;background-color:transparent;border:1px solid #1565C0;border-radius:20px}div.card.shadow{box-shadow:0 2px 12px #00000040}div.card.shadow.selected{filter:brightness(90%)}div.card.red{color:#a61b1b;background-color:#fce8e6;border:1px solid #EA4335}a,button,input[type=button],input[type=submit],input[type=reset],[role=button],[onclick]{cursor:pointer}*{margin:0;padding:0;box-sizing:border-box}body,html,#root,main,#content{min-height:100vh;height:100%}ul,ol{list-style-position:inside;list-style-type:none}img#profil{width:40px;height:40px;background-color:#fff;border-radius:20px;padding:5px}