:root{--main-color: #0f0f0f;--secondary-color: #1a1a1a;--third-color: #2a2a2a;--fourth-color: #878787;--fifth-color: #fbfbfb;--sixth-color: #f56e0f;--text-main-color: #ffffff;--text-secondary-color: #0d0d0d;--text-third-color: #3f3f3f;--text-fourth-color: #868686;--btn-padding: 10px 18px;--btn-padding-2: 15px 20px;--btn-padding-3: 5px 12px;--radius: 10px;--radius-2: 30px;--border: 1px solid #e2e2e7;--border-low: 1px solid rgba(110, 110, 110, .568);--border-dashed: 1px dashed #e2e2e7;--border-bold: 5px solid #e2e2e78f;--border-input-focus: 1px solid #354363;--border-admin-btn: 1px dashed #35436386;--transition: all ease-in-out .2s;--text-1-size: 28px;--text-2-size: 24px;--text-3-size: 20px;--text-4-size: 16px;--text-5-size: 15px;--text-6-size: 13px;--text-7-size: 11px;--font-1: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-2: "Poppins", sans-serif}*{padding:0;margin:0;font-family:var(--font-2);box-sizing:border-box;text-decoration:none}body{background:var(--main-color);text-decoration:none}input,textarea,select{font-size:16px}img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sectionHeaderH3{color:var(--text-reverse-color);margin:0 0 15px 15px;font-family:var(--font-1);font-weight:500;font-size:var(--text-3-size)}.fa-slack,.fa-comments{color:var(--third-color);margin-right:10px}.space{height:20px}.outContainer{margin:0 auto}.bio-head-header-explanation-container{margin:30px 15px 0 30px}.bio-head-header-explanation-container h4{font-size:var(--text-4-size);font-family:var(--font-2);color:var(--third-color)}.head-header-explanation-container{margin:15px 15px 10px 10px}.head-header-explanation-container h4{font-size:var(--text-4-size);font-family:var(--font-2);color:var(--third-color);font-weight:500}.notFindProfile{width:100%;height:100vh;display:flex;align-items:center;justify-content:center}.notFindProfile h2{font-family:var(--font-1);font-weight:500;margin-bottom:5px;color:var(--third-color-low);font-size:var(--text-2-size);text-align:center}.notFindProfile p{color:var(--secondary-color);font-size:var(--text-5-size);font-family:var(--font-2);text-align:center}.notFoundContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#000;text-align:center}.notFoundTitle{font-size:80px;margin:0;font-weight:700;color:#333}.notFoundText{font-size:18px;color:#ccc;margin-bottom:20px}.notFoundLink{color:#fff;text-decoration:underline;cursor:pointer}.notFoundLink:hover{color:#aaa}.app-layout{display:flex;min-height:100vh;width:100%}.main-content{flex:1;min-width:0;transition:all .3s ease}.toggleBarsBtn{display:none}.pageHeaderContainer{position:sticky;top:0;z-index:100;background:transparent;padding-top:max(10px,env(safe-area-inset-top));display:flex;flex-direction:column;width:100%}.pageHeaderContainer:before{content:"";position:absolute;top:0;left:0;width:100%;height:140%;z-index:-1;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 60px 50px -20px #000000d9;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%);mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.pageHeaderInner{display:flex;justify-content:space-between;align-items:center;padding:10px 20px 5px}.pageHeaderTexts{display:flex;flex-direction:column;gap:2px}.pageHeader{color:var(--fifth-color);font-family:var(--font-1);font-weight:600;font-size:var(--text-2-size);margin:0;letter-spacing:-.5px}.pageHeader span{font-style:italic;color:var(--sixth-color)}.pageSubHeader{color:var(--text-fourth-color);font-size:var(--text-5-size);margin:0;font-weight:400}.pageHeaderLineHorizontal{background:linear-gradient(90deg,transparent,rgba(255,255,255,0),transparent);width:100%;height:1px;margin:5px 0 0}.pageHalfLineVertical{background:#ffffff14;width:1px;height:100dvh}.loadingScreen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100dvh;background-color:var(--main-color);color:#fff;font-family:var(--font-2, "Inter", sans-serif);gap:20px}.loader-container{position:relative;width:50px;height:50px}.loader-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:3px solid rgba(254,156,87,.1);border-top-color:#fe9c57;border-radius:50%;animation:spin 1s linear infinite}.loader-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#fe9c57;border-radius:50%;box-shadow:0 0 15px #fe9c5799;animation:pulse 2s ease-in-out infinite}.waitText{position:static!important;margin:0!important;text-align:center;font-size:14px;font-weight:500;letter-spacing:2px;text-transform:uppercase;color:#ffffffb3;animation:textFade 1.5s infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(.8);opacity:.5}}@keyframes textFade{0%,to{opacity:.7}50%{opacity:.3}}.swal2-popup{border-radius:10px!important}@media screen and (max-width:768px){.toggleBarsBtn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);width:42px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-3-size);cursor:pointer;color:var(--fifth-color);transition:all .3s cubic-bezier(.25,.8,.25,1);flex-shrink:0}.toggleBarsBtn:hover{background:#ffffff1a;transform:scale(1.05);box-shadow:0 5px 15px #0003}.toggleBarsBtn:active{transform:scale(.95)}.pageHalfLineVertical{display:none}.pageHeaderInner{padding:5px 20px}}@media(max-width:450px){.pageHeader{font-size:var(--text-3-size)}.pageSubHeader{font-size:var(--text-5-size)}}@media screen and (max-width:376px){.head-header-explanation-container h4{font-size:var(--text-5-size)}.pageSubHeader{font-size:var(--text-6-size)}}.systemPagesContainer{display:flex;height:100dvh;width:100%;overflow:hidden}.systemPagesMainPart{flex:1;min-width:0;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:hidden}.systemPagesMainPart:has(.emoji-popover){overflow:hidden!important}.systemPagesSecondPart{flex:0 0 40%;max-width:40%;box-sizing:border-box}@media(max-width:1000px){.systemPagesSecondPart{flex:0 0 35%;max-width:35%}}@media(max-width:768px){.systemPagesMainPart{width:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.systemPagesSecondPart{display:none}}*{margin:0;padding:0;box-sizing:border-box}.navDesktopSideBar{position:sticky;left:0;top:0;height:100dvh;background:var(--main-color);display:flex;flex-direction:column;padding:20px 10px;transition:width .3s ease;z-index:1000;border-right:var(--border-low);overflow:hidden;flex-shrink:0}.navSidebarLinks{flex:1;overflow-y:auto;overflow-x:hidden}.navSidebarLinks::-webkit-scrollbar{width:5px}.navSidebarLinks::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.navSidebarLinks::-webkit-scrollbar-thumb:hover{background:#555}.navDesktopSideBar.collapsed{width:70px}.navDesktopSideBar.expanded{width:275px}.toggleBtnContainer{width:100%;display:flex;justify-content:start}.toggleBtn{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:50%;font-size:var(--text-2-size);cursor:pointer;margin-bottom:20px;width:50px;transition:var(--transition);color:var(--fifth-color)}.toggleBtn:hover .toggleBtnIcon{color:var(--text-reverse-color)}.toggleBtn:hover{background:#ffffff72}.toggleBtnIcon{font-size:var(--text-3-size);color:var(--text-reverse-color)}.navDesktopSideBar.collapsed .toggleBtnContainer{justify-content:center}.navLogoTextIconContainer{display:flex;justify-content:center;align-items:center;gap:10px;margin:10px 0 20px}.nav-logo-icon-container{max-width:35px;aspect-ratio:1;transition:var(--transition)}.navLogoIcon{width:100%;height:100%;object-fit:cover}.nav-logo-text{font-family:var(--font-1);font-size:var(--text-1-size);color:var(--text-main-color);font-weight:bolder;transition:var(--transition)}.nav-logo-icon-container.show,.nav-logo-text.show{opacity:1}.nav-logo-text.hide{display:none}.navProfileInfoContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.navProfileImgContainer{width:65%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-2);overflow:hidden;border:var(--border);transition:var(--transition)}.navDesktopSideBar.collapsed .navProfileImgContainer{width:100%;border:none}.navUserImg{width:100%;height:100%;object-fit:cover}.navProfileInfoText{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.navSidebarIconContainer{font-size:var(--text-2-size);color:var(--text-reverse-color);display:flex;align-items:center;justify-content:center}.navSidebarText{color:var(--secondary-color);font-family:var(--font-1);font-weight:500;font-size:var(--text-4-size)}.navProfileName{font-family:var(--font-1);font-size:var(--text-3-size);font-weight:500;color:var(--text-main-color);opacity:0;transition:opacity .2s;text-transform:capitalize}.navProfileUsername{font-size:var(--text-5-size);color:var(--text-fourth-color);opacity:0;transition:opacity .2s}.navUserIcon{font-size:var(--text-2-size);color:var(--text-reverse-color)}.navProfileName.show,.navProfileUsername.show{opacity:1}.navProfileName.hide,.navProfileUsername.hide{display:none}.navSidebarLinks{display:flex;flex-direction:column;gap:10px;margin-top:20px;-ms-overflow-style:none;scrollbar-width:none}.navSidebarLinks::-webkit-scrollbar{display:none}.nav-item{width:100%;display:flex;align-items:center;gap:15px;padding:7px 15px;border-radius:var(--radius);transition:var(--transition);cursor:pointer;position:relative;color:var(--text-main-color)}.nav-item.disabled-item{cursor:not-allowed;opacity:.8;pointer-events:none}.navSidebarText{display:flex;align-items:center;gap:8px}.strikethrough-text{text-decoration:line-through;color:var(--text-fourth-color)}.coming-soon-badge{background:var(--sixth-color);color:var(--text-main-color);font-size:var(--text-7-size);padding:2px 4px;border-radius:var(--radius);font-weight:500;white-space:nowrap}.new-badge{background:#10ac84;color:var(--text-main-color);font-size:var(--text-7-size);padding:2px 7px;border-radius:var(--radius);font-weight:500;white-space:nowrap}.nav-item.active{background:var(--third-color)}.nav-item.active .navSidebarIconContainer{color:var(--sixth-color)}.nav-item.active .navSidebarText{color:var(--text-main-color)}.nav-item.active.nav-item:hover{background:var(--third-color)}.navSidebarText{color:var(--text-reverse-color);font-family:var(--font-1);font-weight:400;font-size:var(--text-4-size)}.nav-item:hover{background:var(--third-color)}.navSidebarIconSignOut{transform:rotate(-180deg)}.navSidebarTextSignOut,.navSidebarIconSignOut{color:#de0d0d}.navSidebarIconHelp,.navSidebarTextHelp{color:#0a9ede}.navSidebarText.show{display:flex}.navSidebarText.hide{display:none}.navDesktopSideBar.collapsed .nav-item{height:50px;padding:0;justify-content:center;align-items:center;margin:0}.mobileBottomBar{display:none}.navSettingsContainer{display:flex;flex-direction:column;height:100%;justify-content:flex-end;padding:10px;gap:15px}.navSettingsItem{display:flex;align-items:center;gap:8px;color:var(--text-fourth-color);font-family:var(--font-1);font-weight:400;font-size:var(--text-5-size);padding-left:20px;transition:var(--transition);text-wrap:nowrap}.navSettingsContainer.hide{display:none}.navSettingsContainer.show{display:flex}.navSettingsItem.active{background:none;color:var(--sixth-color)}.navSettingsItem.active .navHelpText:hover{color:var(--text-fourth-color)}.navHelpText:hover{color:var(--text-main-color)}.navOutIcon,.navOutText{color:var(--text-fourth-color)}.navSettingsItemOut:hover .navOutIcon,.navSettingsItemOut:hover .navOutText{color:#ff3737}.navLineHoriontal{background:linear-gradient(90deg,transparent,rgba(255,255,255,.177),transparent);width:100%;height:1px}@media(max-width:768px){.navDesktopSideBar{position:fixed;left:auto;right:0;top:0;height:100dvh;background:var(--main-color);display:flex;flex-direction:column;padding:20px 10px;transition:width .3s ease;z-index:1000;border-right:none;overflow:hidden;flex-shrink:0;padding-top:max(10px,env(safe-area-inset-top))}.navDesktopSideBar.collapsed{width:0;padding:20px 0}.navDesktopSideBar.expanded{width:100%}.navSidebarIconContainer.show{display:flex}.navSidebarIconContainer.hide,.nav-logo-icon-container.hide,.navSidebarLinks.hide,.toggleBtnIconBars{display:none}.toggleBtn{margin-bottom:0}.navSidebarLinks{margin-top:5px}}