@font-face{font-family:PoppinsExtraLight;src:url(/assets/Poppins-ExtraLight-IY57G_9T.woff)}@font-face{font-family:PoppinsLight;src:url(/assets/Poppins-Light-CbwjQ0pu.woff)}@font-face{font-family:PoppinsRegular;src:url(/assets/Poppins-Regular-DgD11s4s.woff)}body{margin:0;padding:0;min-height:100vh}*{box-sizing:border-box;font-family:PoppinsRegular;-webkit-tap-highlight-color:transparent}body.light{background-color:#f5f5f5;color:#121212}body.dark{background-color:#121212;color:#f5f5f5}@font-face{font-family:PoppinsLight;src:url(../../../assets/font/Poppins-Light.woff)}aside{min-height:100vh;width:15%!important;background:#f5f5f5;display:grid;align-content:space-between;border-right:.5px solid #121212}aside.active{background:#1f1f1f}aside header>a{text-decoration:none;display:flex;align-items:center;color:#111;padding:10px;font-weight:600;font-size:1.4rem;gap:5px;border-bottom:.5px solid #121212}aside header>a.active{color:#fff}aside header ul{margin:30px 0;display:grid;padding:0 10px}aside header ul li{width:100%;list-style:none;margin:5px 0}aside header ul li a{display:flex;align-items:center;width:100%;text-decoration:none;padding:10px;border-radius:10px;font-family:PoppinsLight;gap:10px;color:#000;transition:all .1s ease}aside header ul li a:hover{background:#f5f5f5}aside.active header ul li a:hover{background-color:#2d2d2d}aside header ul li a.active{background-color:#1f1f1f;color:#fff}aside.active header ul li a.active{background-color:#444;color:#fff}aside header ul li a.dark{color:#fff}aside header ul li a.white{background:#fff;color:#fff}aside footer{display:block}aside footer ul{margin:30px 0;padding:0 10px;display:grid}aside footer ul li{width:100%;list-style:none;margin:5px 0}aside footer ul li a{display:flex;align-items:center;width:100%;text-decoration:none;padding:10px;border-radius:10px;color:#111;font-family:PoppinsLight;gap:10px;transition:all .15s ease}aside footer ul li a:hover{background:#f5f5f5}aside.active footer ul li a:hover{background:#2d2d2d}aside footer ul li a:hover{background:#fefefe}aside footer ul li a.dark{color:#fff}aside footer ul li a.dark.active{background-color:#444}aside footer ul li a.active{background-color:#1f1f1f;color:#fff}@media screen and (max-width: 1260px){aside{display:none}}.account{position:relative;z-index:10}.account button.account{height:40px;font-size:15px;cursor:pointer;border:none;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:15px;border:.5px solid #121212}.account button.account.active{background:#1f1f1f;color:#fff}.account button.account span{width:30px;aspect-ratio:1/1;display:block;display:grid;font-size:18px;place-items:center;border-radius:50px;text-transform:uppercase}.account button.account p{display:flex;align-items:center;gap:5px}.account button.account svg{transition:.2s}.account button.account.rotate svg{transform:rotate(180deg)}.account .headersubmenu{min-width:180px;position:absolute;right:0;top:50px;display:grid;background-color:#f5f5f5;border-radius:10px;padding:15px;box-shadow:0 2px 6px #0000001a}.account .headersubmenu.dark{background-color:#1f1f1f}.account .headersubmenu a{text-decoration:none;color:#000;display:flex;align-items:center;gap:10px;cursor:pointer;padding:10px 0}.account .headersubmenu a:nth-child(2){border-bottom:.5px solid #9ca3af}.account .headersubmenu a.dark:nth-child(2){border-bottom:.5px solid #555759}.account .headersubmenu a:nth-child(4){border-bottom:.5px solid #9ca3af}.account .headersubmenu a.dark:nth-child(4){border-bottom:.5px solid #555759}.account .headersubmenu a.dark{color:#f5f5f5}.account .headersubmenu.active{animation:top .2s linear}@media screen and (max-width: 991px){.account button.account p{display:none}.account button.account{width:40px}}@media screen and (max-width: 767px){.account{display:none}}.notification{position:relative}.notificationItems{min-width:250px;position:absolute;top:50px;right:0;background:#f5f5f5;border-radius:10px;padding:15px;z-index:11;box-shadow:0 2px 6px #0000001a}.notificationItems.dark{background:#1f1f1f;color:#fff}.notificationItems h4{margin:0}.notificationItems.active{animation:top .2s linear}@keyframes top{0%{transform:translateY(10px)}to{transform:translateY(0)}}.notificationBtn{width:40px;height:40px;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:15px;cursor:pointer;background-color:transparent;border:1px solid #121212}header.dashboard-header button.switch{width:40px;height:40px;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:15px;cursor:pointer;background-color:transparent;border:1px solid #121212}header.dashboard-header button.dark{background-color:#1f1f1f}header.dashboard-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:.5px solid #121212;gap:10px}body.dark header.dashboard-header{border-bottom:.5px solid #1f1f1f}header.dashboard-header label.headerSaerch{display:flex;align-items:center;border-radius:10px;height:40px;margin:0;padding:5px;width:600px;border:1px solid #121212}header.dashboard-header label.headerSaerch.dark{background:#1f1f1f}header.dashboard-header label.headerSaerch input{outline:none;width:100%;background:none;border:none}header.dashboard-header label.headerSaerch input.dark{color:#fff}header.dashboard-header label.headerSaerch input::placeholder{color:#000}header.dashboard-header.dark label.headerSaerch input::placeholder{color:#f5f5f5}header.dashboard-header .account-details{display:flex;align-items:center;gap:10px}nav.bottomNav{width:100%;display:none;position:fixed;bottom:10px}nav.bottomNav ul{width:90%;list-style:none;display:flex;justify-content:space-between;margin:auto;border-radius:50px;padding:5px;background:#fff;border:.5px solid #555}nav.bottomNav ul.active{background:#1f1f1f;box-shadow:0 2px 6px #0000001a;border:.5px solid #515151}nav.bottomNav ul li a{padding:12px;display:flex;align-items:center;justify-content:center;border-radius:50%}nav.bottomNav ul li a.active{background-color:#000}@media screen and (max-width: 991px){nav.bottomNav{display:block}}@media screen and (max-width: 767px){nav.bottomNav ul{width:95%}}.layoutDashboard{display:"flex";width:85%;flex-direction:column}@media screen and (max-width: 1260px){.layoutDashboard{width:100%!important}}section header{display:flex;align-items:center}footer{width:100%;display:flex;align-items:center;justify-content:space-between}footer a{text-decoration:none;color:var(--grayClr)}main.dark{background-color:#121212;color:#f5f5f5}:root{--bgbtn: #f5f5f5;-blackclr:black;--bgBtn: #141416}main{min-height:80vh;display:grid}main section{width:100%;min-height:70vh;display:flex;justify-content:center;align-items:center}main section article{width:100%;display:flex;justify-content:center;align-items:center}main section article .auth{text-align:center;width:100%;max-width:400px}main section article .auth form label span{display:flex;align-items:center}main section article .auth form p{display:flex;align-items:center;justify-content:center;gap:2px;margin:0}main section article .auth form p a{font-weight:600}main section article .auth>span{color:var(--grayClr);text-align:center;display:block;margin-block:20px}main section article .auth-providers{display:flex;gap:7px}main section article .auth-providers button{border:none;width:50%;padding:8px 5px;border-radius:8px;margin:0;cursor:pointer}main section article .auth-providers button.dark{background-color:#1f1f1f}main section .auth a{text-decoration:none;color:#000;font-size:15px;display:block;text-align:end}main section .auth a.dark{color:#f5f5f5}h1.title{font-size:1.7rem;color:#121212}h1.dark{color:#f5f5f5}label.labelEmail,input{width:100%}label.labelEmail.active{background:#1f1f1f}label.labelEmail:last-of-type{margin-top:15px}label.labelEmail input::placeholder{color:#000;font-size:15px}label.labelEmail.active input::placeholder{color:#fff;font-size:15px}label.labelEmail:focus-within{border:2px solid black}label.labelEmail input{border:none;outline:none;background:transparent}label.labelEmail.active input{color:#fff}label.labelEmail{background:var(--bgbtn);border-radius:10px;padding:15px 10px;display:flex;align-items:center;gap:5px;border:2px solid transparent}label.inputpassword,input{width:100%}label.inputpassword.active{background:#1f1f1f}label.inputpassword:last-of-type{margin-top:15px}label.inputpassword input::placeholder{color:var(--grayClr);font-size:15px}label.inputpassword:focus-within{border:2px solid black}label.inputpassword input{border:none;outline:none;background:transparent}label.inputpassword.active input{color:#fff}label.inputpassword{background:var(--bgbtn);border-radius:10px;padding:15px 10px;display:flex;align-items:center;gap:5px;border:2px solid transparent}button.button{background-color:var(--bgBtn);color:#f3f5f6;width:100%;padding-block:15px;font-size:18px;border:none;cursor:pointer;border-radius:15.56px;margin-block:20px}label.inputName{margin-bottom:15px}label.inputName.active{background:#1f1f1f}label.inputName,input{width:100%}label.inputName:last-of-type{margin-top:15px}label.inputName input::placeholder{color:var(--grayClr);font-size:15px}label.inputName:focus-within{border:2px solid black}label.inputName input{border:none;outline:none;background:transparent}label.inputName.active input{color:#fff}label.inputName{background:var(--bgbtn);border-radius:10px;padding:15px 10px;display:flex;align-items:center;gap:5px;border:2px solid transparent}.otpInputs input[type=number]::-webkit-inner-spin-button,.otpInputs input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.otpInputs{display:flex;gap:10px}.otpInputs input{border:none;border-bottom:2px solid #cbcbcb;outline:none;text-align:center;font-size:xx-large}.otpInputs input:focus{border-bottom:2px solid black}main section article .auth p{color:#cfcfd3}main section article .auth p{margin:0 0 40px}.loader{position:absolute;left:0;top:0;width:100%;min-height:100vh;z-index:11;display:flex;justify-content:center;align-items:center;background:#f5f5f5}.loader.dark{background:#1f1f1f}.lds-spinner,.lds-spinner div,.lds-spinner div:after{box-sizing:border-box}.lds-spinner{color:currentColor;display:inline-block;position:relative;width:80px;height:80px}.lds-spinner div{transform-origin:40px 40px}.lds-spinner{animation:lds-spinner 1.8s linear infinite}.lds-spinner div:after{content:" ";display:block;position:absolute;top:23px;left:38.8px;width:2px;height:7px;border-radius:20%;background:currentColor}.lds-spinner div:nth-child(1){transform:rotate(0)}.lds-spinner div:nth-child(2){transform:rotate(30deg)}.lds-spinner div:nth-child(3){transform:rotate(60deg)}.lds-spinner div:nth-child(4){transform:rotate(90deg)}.lds-spinner div:nth-child(5){transform:rotate(120deg)}.lds-spinner div:nth-child(6){transform:rotate(150deg)}.lds-spinner div:nth-child(7){transform:rotate(180deg)}.lds-spinner div:nth-child(8){transform:rotate(210deg)}.lds-spinner div:nth-child(9){transform:rotate(240deg)}.lds-spinner div:nth-child(10){transform:rotate(270deg)}.lds-spinner div:nth-child(11){transform:rotate(300deg)}.lds-spinner div:nth-child(12){transform:rotate(330deg)}@keyframes lds-spinner{0%{rotate:0deg}to{rotate:360deg}}article.notFound{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:100vh}article .notFoundPage h1{font-size:7rem;margin:0;font-family:PoppinsRegular}article p.notFound{margin:0}article .notFoundPage{text-align:center}article .notFoundPage a{text-decoration:none;color:#fff;display:flex;justify-content:center}article .notFoundPage a button.notfoundBtn{width:100%;padding-block:10px;border-radius:13px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:10px;border:none;margin-top:10px;background:#1f1f1f;color:#fff;cursor:pointer}article.chats{width:100%;display:flex;height:91.7vh;overflow-y:auto}article.chats .users{width:400px;overflow-y:auto;border-right:.5px solid #121212}body.dark article.chats .users{border-right:.5px solid #1f1f1f}article.chats .users label{display:flex;border:1px solid #121212;padding:10px;border-radius:12px;width:100%}article.chats .users label input{border:none;outline:none;background:none}body.dark article.chats .users label input::placeholder{color:#fff}article.chats .users label input::placeholder{color:#000}body.dark article.chats .users label input{color:#fff}body.dark article.chats .users label{background:#1f1f1f;border:none}article.chats .users .userlist{-webkit-user-select:none;user-select:none}article.chats .users .userlist span{width:40px;height:40px;border:1px solid black;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000}body.dark article.chats .users .userlist span{color:#fff;border:1px solid white}article.chats .users .userlist a{padding-block:10px;text-decoration:none;color:#000;display:block;padding-left:5px;position:relative}article.chats .users .userlist a:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:#1f1f1f;border-radius:0 4px 4px 0;transition:.1s}article.chats .users .userlist a.active:before{width:3px}article.chats .users .userlist a:hover{background:#f5f5f5}body.dark article.chats .users .userlist a:hover{background:#1f1f1f}body.dark article.chats .users .userlist a{color:#fff}article.chats .users .userlist a .userdetails{display:flex;align-items:center;gap:10px}@media screen and (max-width: 991px){.users{width:100%!important;border:none!important}}