: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}.waitText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:20px}.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}.loadingScreen{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;color:#000}.waitText{font-family:var(--font-1);font-size:1.2rem;margin-top:15px}.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}@media screen and (max-width:376px){.head-header-explanation-container h4{font-size:var(--text-5-size)}}.mainHeader{width:fit-content;left:25px;top:15px;position:absolute;font-size:var(--text-2-size);font-weight:600;font-family:var(--font-1);color:var(--secondary-color)}.signInUpContainer{display:flex;align-items:center;justify-content:center;width:100%;height:100vh}.containerForm{display:flex;align-items:center;justify-content:center;flex-direction:column;width:375px;padding:0 15px}.signInUpHeader{font-family:var(--font-2);font-weight:500;font-size:var(--text-1-size);-webkit-user-select:auto;user-select:auto;color:var(--text-main-color)}.signInUpHeader{margin-bottom:35px}.containerInput{display:flex;flex-direction:column;width:100%;gap:10px}.entryNameSurnameContainer{display:flex;width:100%;gap:5px}.clsInput{border:none;padding:var(--btn-padding);height:50px;font-size:15px;border-radius:var(--radius);font-family:var(--font-2);width:100%;background:var(--fifth-color);color:var(--text-secondary-color)}.clsInput:focus{outline:none}.clsButton{margin-top:30px;border:none;background:var(--sixth-color);color:var(--text-main-color);font-weight:500;width:100%;font-size:var(--text-4-size);height:50px;padding:10px;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-family:var(--font-2)}.clsButton:hover{opacity:.9}.changeInUp{font-size:var(--text-5-size);font-family:var(--font-2);font-weight:400;margin-top:20px;-webkit-user-select:auto;user-select:auto;color:var(--text-main-color)}.spanLinkInUp{color:#0051ff}.spanLinkInUp:hover{text-decoration:underline}.conditions{display:flex;gap:15px;justify-content:center;align-items:center;margin-top:50px}.conditionsLine{color:var(--text-main-color);-webkit-user-select:none;user-select:none}.conditionsCls{font-size:var(--text-6-size);color:var(--text-secondary-color);text-decoration:underline;font-family:var(--font-2);color:var(--text-main-color)}.passwordForgotModalContainer{position:fixed;display:flex;align-items:center;justify-content:center;width:100vw;top:0;right:0;bottom:0;left:0;height:100vh;background:#000c;z-index:1000;overscroll-behavior:contain;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.passwordForgotModal{background:#fff;max-width:var(--width);width:576px;display:flex;flex-direction:column;text-align:center;position:relative;z-index:1;padding:15px;border-radius:var(--radius);margin:15px}.forgotModalHeader{text-align:center;padding:0 5px;margin-bottom:20px;color:var(--secondary-color)}.forgotModalExplain{color:var(--text-third-color);font-size:var(--text-6-size);margin-bottom:20px}@media(max-width:915px){.mainHeader{display:block;position:static;margin-top:0;margin-left:0;margin-bottom:40px}.signInUpContainer{padding:100px 0;height:auto}}.landingNavbarContainer{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;z-index:100;width:100%;padding-top:env(safe-area-inset-top);border-bottom:1px solid rgba(110,110,110,.568);padding-top:constant(safe-area-inset-top)}.landingNavbar{margin:auto;display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--main-color);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:5px 15px}.landingNavbarLogo{display:flex;align-items:center;justify-content:center;gap:10px}.landingNavbarIcon{width:30px;height:30px}.landingNavbarLogoText{font-size:var(--text-3-size);font-family:var(--font-1);font-weight:500;color:var(--text-main-color)}.landingNavbarIcon img{width:100%;height:100%;object-fit:cover}.landingNavbarButtonContainer{display:flex;gap:5px}.landingNavbarBtns{padding:5px 12px;border-radius:var(--radius);border:none;color:var(--text-secondary-color);font-size:var(--text-5-size);cursor:pointer;background:var(--fifth-color);transition:var(--transition);border:1px solid var(--fifth-color)}.landingNavbarRegisterBtn{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--sixth-color);border-radius:var(--radius);color:var(--text-main-color);border:1px solid var(--sixth-color)}.landingNavbarRegisterBtn:hover{background:transparent}.landingNavbarLoginrBtn:hover{background:transparent;color:var(--text-main-color);border:1px solid var(--fourth-color)}@media(max-width:500px){.landingNavbarContainer{top:5px}.landingNavbar{width:100%}}@media(max-width:440px){.landingNavbarIcon{width:30px;height:30px}.landingNavbarButtonContainer{gap:3px}.landingNavbarBtns{padding:7px 12px;font-size:var(--text-6-size)}}@media(max-width:397px){.landingNavbarLogo{gap:5px}.landingNavbarIcon{width:25px;height:25px}.landingNavbarLogoText{font-size:var(--text-4-size)}.landingNavbarBtns{padding:7px 10px;font-size:var(--text-6-size)}}@media(max-width:340px){.landingNavbarLogo{gap:5px}.landingNavbarIcon{width:25px;height:25px}.landingNavbarLogoText{font-size:var(--text-4-size)}.landingNavbarBtns{font-size:var(--text-7-size)}}.dashTopNavbar{display:flex;justify-content:space-between;padding:15px 25px}.dashNavbarHeader{font-size:var(--text-2-size);font-weight:600;font-family:var(--font-1);color:var(--secondary-color)}.dashNavbarExplain{font-family:var(--font-2);color:var(--text-secondary-color);font-size:var(--text-6-size)}.dashNavbarBtnContainer{display:flex;gap:10px;position:relative}.dashNavbarBtn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border:var(--border);background:var(--fourth-color);border-radius:15px;overflow:hidden;cursor:pointer;transition:var(--transition)}.dashNavbarBtn:hover{opacity:.9}.dashNavbarBtnIcon{color:var(--third-color-low);font-size:var(--text-4-size)}.dashUserImg{width:100%;height:100%;object-fit:cover}.helpSignOutBtnContainer{position:absolute;top:60px;right:-5px;display:flex;flex-direction:column;background:#e9e9e9;padding:15px 10px;border-radius:20px;display:none;width:180px;gap:10px}.dashNavbarBtnHelpSignOut{display:flex;align-items:center;width:100%;padding:var(--btn-padding);border:none;gap:10px;border-radius:var(--radius-2);font-size:16px;cursor:pointer;background:#fff;transition:var(--transition)}.dashNavbarBtnHelpSignOut:hover{background:#d6d6d6}.customLine{margin:auto;width:75%;height:1px;border-radius:var(--radius-2);background:#00000027;padding-left:90px}.dashMainContainer{width:100%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-flow:dense;grid-auto-rows:minmax(180px,auto);align-items:stretch;gap:10px;padding:10px}.dashBoxes{width:100%;background-color:var(--bg-color);border:var(--border);height:100%;border-radius:var(--radius-2);text-align:center}.dashProfileBox{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;border:none;gap:15px;padding:5px 15px;background:#fff;background:linear-gradient(180deg,#fff,#e2e2e76e)}.dashProfileBoxImgContainer{display:flex;align-items:center;justify-content:center;object-fit:cover;width:130px;aspect-ratio:1;border-radius:var(--radius-2);overflow:hidden;border:var(--border);background:var(--fourth-color-low)}.dashProfileBoxImgContainer img{width:100%;height:100%}.dashProfileBoxIcon{font-size:var(--text-1-size);color:var(--third-color-low)}.dashProfileBoxTextContainer{display:flex;flex-direction:column;gap:2px}.dashProfileBoxName{font-family:var(--font-1);font-weight:bolder;font-size:var(--text-3-size);color:var(--text-reverse-color)}.dashProfileBoxUsername{font-family:var(--font-2);font-size:var(--text-5-size);color:var(--text-third-color)}.dashProfileBoxActive{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-reverse-color);background:var(--fifth-color);font-size:var(--text-6-size);padding:3px 7px;border-radius:var(--radius-2);margin-bottom:10px}.dashProfileBoxLink{max-width:200px}.dashProfileBoxButton{border:none;background:var(--sixth-color);color:var(--text-color);width:100%;font-size:var(--text-5-size);padding:var(--btn-padding);border-radius:var(--radius-2);cursor:pointer;transition:var(--transition);font-family:var(--font-2);-webkit-user-select:none;user-select:none}.dashProfileBoxButton:hover{background:var(--sixth-color-low)}.dashViewBox{text-align:start;display:flex;flex-direction:column;padding:25px;border:none;background:var(--fourth-color);gap:5px}.dashViewBoxHeader{font-family:var(--font-1);font-weight:500;font-size:var(--text-4-size)}.dashViewBoxCount{font-size:40px}.dashActiveLinkBox{text-align:start;display:flex;flex-direction:column;padding:25px;border:none;background:var(--fourth-color);gap:5px}.dashActiveLinkBoxHeader{font-family:var(--font-1);font-weight:500;font-size:var(--text-4-size)}.dashActiveLinkBoxCount{font-size:40px}.dashQRBox{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:15px;border:none;background:var(--fourth-color);gap:50px}.dashQRBoxHeader{font-family:var(--font-1);font-weight:bolder;font-size:var(--text-3-size);color:var(--text-reverse-color)}.dashQRBoxButton{border:none;background:var(--bg-color);color:var(--text-reverse-color);width:100%;font-size:var(--text-5-size);padding:var(--btn-padding);border-radius:var(--radius-2);cursor:pointer;transition:var(--transition);font-family:var(--font-2);-webkit-user-select:none;user-select:none}.dashQRBoxButton:hover{background:var(--fourth-color-low)}.dashToDoListBox{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:15px;border:none;border:var(--border-admin-btn);gap:5px}.dashToDoListBoxText{display:flex;align-items:center;justify-content:center;gap:5px;color:var(--text-color);background:var(--sixth-color-low);font-size:var(--text-6-size);padding:3px 10px;border-radius:var(--radius-2);margin-bottom:10px}.dashToDoListBoxHeader{color:var(--secondary-color);font-size:var(--text-1-size)}.dashAdBox{background-image:url(/assets/dash-bg-img-finger-2-iOOyD1eG.jpg);padding:15px;background-size:cover;background-position:center;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.dashAdBoxLogoContainer{display:flex;justify-content:space-between;padding:10px;width:100%}.dashAdBoxLogoContainer h5{font-family:var(--font-1);font-weight:bolder;font-size:var(--text-3-size)}.dashAdBoxIconContainer{width:30px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.dashAdBoxIconContainer img{width:100%}.dashAdBoxTextBtnContainer{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;text-align:start}.dashAdBoxTextContainer{display:flex;flex-direction:column;gap:5px}.dashAdBoxHeader{font-family:var(--font-1);font-weight:bolder;font-size:var(--text-2-size);color:var(--secondary-color)}.dashAdBoxExplain{font-family:var(--font-2);font-size:var(--text-5-size);color:var(--text-third-color)}.dashAdBoxBtn{border:none;background:var(--fourth-color-low);color:var(--text-reverse-color);width:100%;font-size:var(--text-5-size);padding:var(--btn-padding);border-radius:var(--radius-2);cursor:pointer;transition:var(--transition);font-family:var(--font-2);-webkit-user-select:none;user-select:none}.dashAdBoxBtn:hover{background:var(--bg-color)}.dashAdBoxBtnIcon{display:none}.dashPopulerLinkBox{padding:20px;text-align:start;border:none;background:var(--fourth-color);display:flex;flex-direction:column;gap:10px}.dashPopulerLinkBox h5{font-family:var(--font-1);font-size:var(--text-3-size);color:var(--secondary-color);font-weight:bolder}.dashPopulerLinkTextContainer{display:flex;flex-direction:column;gap:3px}.dashPopulerLinkTextContainer span{font-size:var(--text-6-size);color:var(--text-third-color)}.dashPopulerLinkTextContainer b{font-family:var(--font-1);font-size:var(--text-4-size)}.dashFutureBox{text-align:start;padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:10px;background:var(--fourth-color);border:none}.dashFutureBox h5{font-family:var(--font-1);font-size:var(--text-3-size);color:var(--secondary-color);font-weight:bolder}.dashFutureBox ul{margin-left:5px}.dashFutureBox li{list-style:none;font-family:var(--font-2);font-size:var(--text-5-size)}.dashFutureBoxIcon{color:#8d510d;transform:rotate(-30deg);margin-right:5px}.dashFutureBox span{font-family:var(--font-2);font-size:var(--text-6-size);color:var(--text-third-color)}.chartContainer{width:100%;height:90%}@media(max-width:1024px){.dashMainContainer{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.helpSignOutBtnContainer{display:flex}.dashNavbarMobileNone{display:none}}@media(max-width:600px){.dashMainContainer{grid-template-columns:1fr;grid-auto-rows:minmax(200px,auto);width:100%}.col-span-2,.col-span-3,.row-span-2,.row-span-3{grid-column:span 1!important;grid-row:span 1!important}.dashProfileBox{padding:15px}.dashMainContainer .dashBoxes{order:3}.dashMainContainer .dashBoxes:nth-child(1){order:1}.dashMainContainer .dashBoxes:nth-child(4){order:2}.dashAdBox{min-height:500px}.dashAdBoxHeader{font-size:var(--text-3-size)}.dashAdBoxExplain{font-size:var(--text-6-size)}.dashAdBoxBtn{padding:15px;border-radius:50%;display:flex;justify-content:center;align-items:center}.dashAdBoxBtnText{display:none}.dashAdBoxBtnIcon{display:block;font-size:var(--text-3-size)}}@media(max-width:768px){.dashTopNavbar{display:flex;justify-content:space-between;padding:15px 25px}.dashMainContainer{padding:10px 10px 80px}}@media(max-width:400px){.dashTopNavbar{display:flex;justify-content:space-between;padding:15px}.dashAdBoxHeader{font-size:var(--text-4-size)}.dashAdBoxExplain{font-size:var(--text-6-size)}.dashToDoListBoxHeader{color:var(--secondary-color);font-size:var(--text-3-size)}.chartContainer{width:80%}.dashNavbarHeader{font-size:var(--text-3-size)}.dashNavbarExplain{font-size:var(--text-7-size)}.dashNavbarBtn{width:50px;height:50px}}*{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:end}.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{opacity:1}.nav-logo-icon-container.hide{display:none}.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)}.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}.navProfileUsername{font-size:var(--text-5-size);color:var(--text-third-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}.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.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{opacity:1}.navSidebarText.hide{display:none}.navSidebarIconContainer{display:flex;align-items:center;justify-content:center}.navDesktopSideBar.collapsed .nav-item{height:50px;padding:0;justify-content:center;align-items:center;margin:0}.mobileBottomBar{display:none}@media(max-width:768px){.navDesktopSideBar{display:none}.mobileBottomBar{display:flex;align-items:center;justify-content:center;position:fixed;bottom:calc(5px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:100%;z-index:100000;padding:0 10px}.navMobileLinks{display:flex;align-items:end;justify-content:center;gap:0px;padding:5px;margin:0 10px;border-radius:var(--radius);background:var(--secondary-color);max-width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--border-low)}.navMobileProfileLinkContainer{display:flex;flex-direction:column;align-items:center;gap:1px}.mobile-item{padding:5px;overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;align-items:center;background:none;gap:3px;width:80px;border-radius:var(--radius)}.navMobileText{color:var(--text-main-color);font-size:var(--text-7-size)}.mobile-item.active{background:#cdcdcd72;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-item.active .navMobileIconContainer,.mobile-item.active .navMobileText{color:var(--sixth-color)}.mobileUserImg{width:100%;height:100%}.navMobileIconContainer{display:flex;align-items:center;justify-content:center;font-size:var(--text-2-size);color:var(--fifth-color)}.mobile-item-message{background:#0c0c0ccf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:auto;width:60px;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.navMobileIconMessage{color:var(--main-color)}.mobile-item-sign-out{background:#ffffffd2;cursor:pointer;margin-left:10px;height:60px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:var(--border)}.navMobileIconSignOut{color:#de0d0d}}@media(max-width:350px){.navMobileIconContainer{font-size:var(--text-3-size)}.navMobileLinks{gap:5px;margin:0 5px}.mobile-item-img{width:40px}.mobile-item-message{height:54px}.mobile-item-sign-out{height:54px;margin-left:5px}}.calendar-navigation-wrapper{display:flex;align-items:center;gap:10px;width:100%}.nav-arrow{background:var(--third-color);border:none;color:var(--text-main-color);width:36px;height:60px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:1.2rem}.nav-arrow:hover{background:var(--secondary-color-low);color:var(--fourth-color);border-color:var(--third-color-low)}.date-strip{display:flex;gap:10px;overflow-x:auto;flex-wrap:nowrap;flex-grow:1;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.date-strip::-webkit-scrollbar{display:none}.date-item{display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;flex:0 0 calc((100% - 60px) / 7);height:80px;border-radius:var(--radius);cursor:pointer;background-color:var(--third-color);color:var(--text-main-color);border:none;transition:all .2s ease;scroll-snap-align:center;position:relative}.date-item:hover{background-color:var(--secondary-color)}.date-item.active{background-color:var(--sixth-color);color:var(--text-main-color)}.day-name{font-size:var(--text-6-size);text-transform:uppercase;font-weight:500;font-family:var(--font-2)}.day-number{font-size:var(--text-3-size);font-weight:700;font-family:var(--font-1)}.date-item.today{border:1px solid var(--third-color-low)}.today-dot{width:6px;height:6px;background-color:var(--sixth-color);border-radius:50%;position:absolute;bottom:8px}.date-item.active .today-dot{background-color:var(--fifth-color)}@media(max-width:768px){.nav-arrow{display:none}.date-strip{gap:5px}.date-item{padding-top:5px;justify-content:start;flex:0 0 calc((100% - 30px) / 7);height:60px}.day-name{font-size:var(--text-7-size)}.day-number{font-size:var(--text-3-size)}.today-dot{bottom:5px}}@media(max-width:400px){.date-item{padding-top:5px;justify-content:start;flex:0 0 calc((100% - 20px)/5);height:60px}}@media(max-width:250px){.date-item{padding-top:5px;justify-content:start;flex:0 0 calc((100% - 10px) / 3);height:60px}}.dailyPlanContainer{display:flex;height:100%;width:100%}.dailyPlanMainPart{width:50%;height:100dvh;padding:10px;display:flex;flex-direction:column;box-sizing:border-box}.dailyPlanMainPart::-webkit-scrollbar{display:none}.page-header{background:var(--main-color);padding-bottom:20px;flex-shrink:0}.dailyDateCalender{margin-top:10px}.dailyPlanHeader{color:var(--fifth-color);margin-left:10px;font-family:var(--font-1);font-weight:500;font-size:var(--text-2-size);margin-bottom:10px}.dailyPlanDateHeader{color:var(--text-fourth-color);margin-left:10px;margin-top:5px;font-size:var(--text-3-size)}.dailyPlanSecondPart{width:50%}.line-vertical{background:#6e6e6e91;width:1px;height:100dvh}.line-horizontal{background:#6e6e6e91;width:100%;height:1px}.planningListContainer{display:flex;flex-direction:column;gap:10px;flex:1;overflow-y:auto;overflow-x:hidden;padding-bottom:20px}.planningListContainer::-webkit-scrollbar{display:none}.toDoListBtn{position:relative;width:100%;background:var(--third-color);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center;padding:5px 10px;gap:10px;height:auto;transition:transform .2s ease,box-shadow .2s ease}.toDoListBtn .emojiContainer,.toDoListBtn .toDoDelete{opacity:0;display:none;transition:var(--transition)}.toDoListBtn .emojiContainer.hasCustom{opacity:1;display:block}.toDoListBtn:focus-within .emojiContainer,.toDoListBtn:focus-within .toDoDelete{opacity:1;display:block}.toDoListBtn.completed .toDoDelete,.toDoListBtn.completed .emojiContainer{opacity:1;display:block}.toDoText[readonly]{cursor:grab;user-select:none;-webkit-user-select:none}.toDoText:not[readonly]{cursor:text;user-select:text;-webkit-user-select:text}.toDoContentWrapper{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}.toDoCheckIconText{display:flex;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%;min-height:24px;height:auto}.toDoCheckIconContainer{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:5px}.toDoTimeDoneDelete{display:flex;align-items:center;justify-content:flex-end;width:100%;gap:10px;z-index:1}.toDoCheckbox{width:22px;height:22px;margin:10px;cursor:pointer;flex-shrink:0}.emojiContainer{display:flex;justify-content:center;align-items:center;width:40px;height:40px;flex-shrink:0}.staticEmoji{font-size:2rem;line-height:1;display:flex;justify-content:center;align-items:center}.staticEmoji svg{width:2rem!important;height:2rem!important}.toDoText{background:none;border:none;outline:none;font-size:var(--text-4-size);caret-color:var(--text-main-color);color:var(--text-main-color);font-family:var(--font-1);width:100%;resize:none;box-sizing:border-box;display:block;line-height:1.5em;padding:12px 0;min-height:48px;height:1.5em}.toDoTime{background:none;border:none;padding:5px;outline:none;color-scheme:dark;font-size:var(--text-4-size)}.toDoIsItDone{background:#ff3737;color:var(--text-main-color);padding:5px 10px;border-radius:var(--radius);font-size:var(--text-6-size);-webkit-user-select:none;user-select:none}.toDoIsItDoneYes{background:#00cf23;color:var(--text-main-color);padding:5px 10px;border-radius:var(--radius);font-size:var(--text-6-size);-webkit-user-select:none;user-select:none}.toDoDelete{display:flex;justify-content:center;align-items:center;background:none;border:none;cursor:pointer}.toDoDeleteIcon{font-size:var(--text-2-size);color:#a41414;transition:.3s}.toDoCreateBtn{background:var(--sixth-color);border:none;border-radius:var(--radius);color:var(--text-main-color);text-align:center;padding:12px;font-size:var(--text-4-size);cursor:pointer;transition:var(--transition)}.toDoCreateBtn:hover{opacity:.9}.toDoListBtn:before{content:"";position:absolute;top:0;left:0;height:100%;width:0%;background:linear-gradient(90deg,var(--sixth-color),#fe9c57);transition:width .6s cubic-bezier(.4,0,.2,1);border-radius:var(--radius)}.toDoListBtn.completed:before{width:100%}.completedTextDisplay{color:#fff;font-family:var(--font-1);font-size:var(--text-4-size);padding:12px 0;width:100%;text-decoration:line-through;opacity:.9;display:block;text-align:left;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-all}.toDoText:disabled{color:#fff;text-decoration:line-through;opacity:.9;cursor:default}.toDoTime:disabled{color:#fff;opacity:.8;cursor:not-allowed;margin-right:-35px}.toDoListBtn.completed .toDoDeleteIcon{color:#fff}.emojiDisabled{pointer-events:none;z-index:1;opacity:.9;margin-top:5px}.toDoListBtn.dragging{opacity:.4;transform:scale(.98);box-shadow:0 5px 15px #0003;z-index:10}.toDoListBtn[draggable=true]{cursor:grab}.toDoListBtn[draggable=true]:active{cursor:grabbing}.toDoListBtn textarea{cursor:text}.toDoListBtn input[type=time],.toDoListBtn input[type=checkbox],.toDoListBtn button{cursor:pointer}@media(max-width:1000px){.dailyPlanMainPart{width:65%}.dailyPlanSecondPart{width:35%}}@media(max-width:768px){.dailyPlanMainPart{width:100%}.dailyPlanSecondPart,.line-vertical{display:none}.planningListContainer{padding-bottom:80px}}@media(max-width:400px){.toDoCheckIconText{align-items:start}.toDoCheckIconContainer{display:flex;flex-direction:column;gap:0px;margin-top:5px}}@media(max-width:300px){.dailyPlanHeader{font-size:var(--text-3-size)}.dailyPlanDateHeader{font-size:var(--text-4-size)}.toDoCheckIconContainer{display:flex;align-items:center;justify-content:center;gap:5px}}.emoji-picker-container{position:relative;display:inline-block}.emoji-trigger-btn{border:none;border-radius:50%;width:40px;height:40px;font-size:1.8rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:none}.emoji-trigger-btn:hover{background:var(--fifth-color)}.emoji-popover{position:absolute;top:50px;left:0;z-index:100}.EmojiPickerReact.epr-dark-theme{--epr-bg-color: var(--secondary-color) !important;border:1px solid var(--secondary-color-low)!important}.termsContainer{background:#000;width:100%;height:100%}.termsTopNavbar{display:flex;justify-content:space-between;padding:15px 25px;position:sticky;top:0;background:#000}.termsNavbarHeader{font-size:var(--text-2-size);font-weight:600;font-family:var(--font-1);color:var(--text-color)}.termsNavbarBtn{font-size:var(--text-6-size);font-family:var(--font-2);font-weight:400;padding:var(--btn-padding);display:flex;justify-content:center;align-items:center;border-radius:var(--radius-2);border:none;cursor:pointer;background:#252525;transition:var(--transition);color:var(--text-color)}.termsNavbarBtn:hover{background:#2b2b2b}.paragraphList{margin-left:35px}.infoContainer{background:#000;width:100%;height:100%}.infoTopNavbar{display:flex;justify-content:space-between;padding:15px 25px}.infoNavbarHeader{font-size:var(--text-2-size);font-weight:600;font-family:var(--font-1);color:var(--text-color)}.infoNavbarBtn{font-size:var(--text-6-size);font-family:var(--font-2);font-weight:400;padding:var(--btn-padding);display:flex;justify-content:center;align-items:center;border-radius:var(--radius-2);border:none;cursor:pointer;background:#252525;transition:var(--transition);color:var(--text-color)}.infoNavbarBtn:hover{background:#2b2b2b}.pagesParagraphContainer{margin-top:50px;padding:100px 15px;display:flex;justify-content:center}.pagesParagraph{width:700px;color:var(--text-color)}.paragraphDate{text-align:center;font-size:var(--text-5-size)}.paragraphMainHeader{text-align:center;font-size:45px;font-weight:700;font-family:var(--font-1);margin-bottom:50px}.paragraphSubHeader{font-weight:600;font-family:var(--font-1);margin-bottom:20px;font-size:var(--text-2-size)}.paragraphTexts{margin-bottom:30px;font-family:var(--font-2);font-weight:400;font-size:var(--text-4-size)}.landingPromotionSec{width:100%;background:var(--main-color);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:100px 20px 20px;gap:20px;-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 98%);mask-image:linear-gradient(to bottom,black 80%,transparent 98%)}.promotionSloganTextBtnContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:768px;gap:20px;margin:auto;padding:0 10px}.promotionSloganBtn{display:flex;align-items:center;justify-content:center;gap:5px;background-color:var(--bg-color);border:var(--border);padding:5px;border-radius:var(--radius-2);font-size:var(--text-6-size)}.promotionSloganBtnIn{padding:3px 7px;border-radius:var(--radius-2);background:#b4ffad;color:var(--text-reverse-color)}.promotionHeader{font-family:var(--font-1);font-weight:600;color:var(--secondary-color-low);font-size:55px;text-align:center}.promotionHeader span{font-family:var(--font-1);font-weight:500;font-size:55px;text-align:center;color:var(--sixth-color-low)}.promotionExplanation{font-family:var(--font-2);font-size:var(--text-5-size);text-align:center;max-width:500px}.promotionRegisterLoginBtnContainer{display:flex;flex-direction:column;align-items:center;gap:15px}.promotionRegisterLoginBtn{padding:12px 25px;font-size:var(--text-4-size);color:var(--text-color);border:none;border-radius:var(--radius-2);cursor:pointer;transition:var(--transition);font-family:var(--font-1)}.promotionRegisterBtn{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--fifth-color-low);color:var(--text-reverse-color)}.promotionRegisterBtn:hover{background:var(--fifth-color)}.promotionRegisterIcon{transform:rotate(-45deg)}.promotionLoginBtn:hover{background:transparent;color:var(--text-reverse-color)}.landing-page-weakrise-btn-container{display:flex;align-items:center;justify-content:center;gap:5px;background:var(--secondary-color);padding:5px 15px 5px 5px;border:1px dashed black;border-radius:var(--radius-2);color:var(--text-color);font-family:var(--font-1);cursor:pointer;font-size:var(--text-4-size);transition:var(--transition)}.landing-page-weakrise-btn{max-width:40px;aspect-ratio:1;background:var(--secondary-color);padding:7px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;transition:var(--transition);border:var(--border)}.landing-page-weakrise-btn-container:hover{background:transparent;color:var(--text-reverse-color)}.landing-page-weakrise-btn img{width:100%;height:auto}.promotionImageContainer{max-width:768px;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 98%);mask-image:linear-gradient(to bottom,black 50%,transparent 98%)}.promotionImageContainer img{width:100%;height:100%;object-fit:cover}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.row-span-2{grid-row:span 2}.row-span-3{grid-row:span 3}.landingServicesSec{display:flex;width:100%;align-items:center;flex-direction:column;gap:25px}.landingServices{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;grid-auto-rows:minmax(250px,auto);align-items:stretch;gap:10px;padding:15px 50px 25px}.servicesHeaderContainer{display:flex;flex-direction:column;align-items:center;gap:15px;padding:25px 10px 10px}.servicesBtnForSec{display:flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-2);border:var(--border);background:var(--fourth-color);font-size:var(--text-5-size);color:var(--text-secondary-color)}.servicesHeader{font-family:var(--font-1);font-size:var(--text-1-size);font-weight:500;color:var(--text-reverse-color)}.servicesExplanation{font-size:var(--text-5-size);color:var(--text-third-color);text-align:center}.serviceBox{width:100%;background-color:var(--fourth-color);border:none;height:100%;border-radius:var(--radius-2);overflow:hidden}.service-1-box{padding:30px;display:flex;flex-direction:column;gap:15px}.service-1-box-img-container{width:100%;aspect-ratio:1;border-radius:var(--radius-2);overflow:hidden}.service-1-box-img-container img{width:100%;height:100%;object-fit:cover}.service-1-box-header{font-size:var(--text-1-size);font-family:var(--font-1);font-weight:500;padding-bottom:5px}.service-1-box-header span{font-size:var(--text-1-size);font-family:var(--font-1);font-weight:500;color:var(--text-third-color)}.service-1-box-explanation{font-size:var(--text-5-size);color:var(--text-third-color)}.service-1-box-button{padding:15px 25px;font-size:var(--text-4-size);background:transparent;color:var(--text-reverse-color);border:1px solid var(--sixth-color);border-radius:var(--radius-2);cursor:pointer;transition:var(--transition);font-family:var(--font-1);display:flex;align-items:center;justify-content:center;gap:10px}.service-1-box-button:hover{background:var(--sixth-color);color:var(--text-color)}.service-2-box-img-container{width:100%;overflow:hidden}.service-2-box-img-container img{width:100%;height:100%}.service-2-box-header{font-size:var(--text-1-size);font-family:var(--font-1);font-weight:500;color:var(--text-reverse-color);padding:25px}.service-2-box-header span{font-size:var(--text-1-size);font-family:var(--font-1);color:var(--text-third-color);font-weight:500}.service-3-box{padding:25px}.service-3-box-header-big{font-size:55px;font-family:var(--font-1);font-weight:500;color:var(--text-reverse-color);padding-bottom:10px}.service-3-box-header{font-size:var(--text-1-size);font-family:var(--font-1);font-weight:500;color:var(--text-reverse-color);padding-bottom:15px}.service-3-box-explanation{font-size:var(--text-4-size);color:var(--text-third-color)}.service-4-box{display:flex;padding:25px;gap:25px}.service-4-box-header{font-size:var(--text-1-size);font-family:var(--font-1);font-weight:500;color:var(--text-reverse-color)}.service-4-box-header span{font-size:var(--text-1-size);font-family:var(--font-1);font-weight:500;color:var(--text-third-color)}.service-4-box-img-container{width:50%;aspect-ratio:1;overflow:hidden;border-radius:var(--radius-2)}.service-4-box-img-container img{width:100%;height:100%;object-fit:cover}@media screen and (max-width:1000px){.landingPromotionSec{flex-direction:column;height:auto;gap:50px;padding:50px 10px 10px}.promotionSloganTextBtnContainer{max-width:700px;padding-top:25px}.promotionImageContainer{max-width:700px}}@media screen and (max-width:925px){.landingServices{display:flex;flex-direction:column;padding:15px 10px 25px}.service-4-box-img-container{width:100%}}@media screen and (max-width:800px){.service-4-box{flex-direction:column;justify-content:center}}@media(max-width:545px){.promotionHeader,.promotionHeader span{font-size:45px}}@media(max-width:385px){.promotionHeader,.promotionHeader span{font-size:35px}.promotionSloganBtn{font-size:var(--text-7-size)}.promotionRegisterLoginBtnContainer{gap:10px}.promotionRegisterLoginBtn{padding:7px 12px;font-size:var(--text-6-size)}.landing-page-weakrise-btn-container span{font-size:var(--text-6-size)}.promotionExplanation{font-size:var(--text-6-size);width:100%}}.admin-dashboard{padding:20px;background-color:#fff;min-height:100vh;font-family:Inter,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.admin-header h1{color:var(--secondary-color);font-family:var(--font-1);font-size:var(--text-3-size)}.logout-btn{background:red;color:#fff;border:none;padding:var(--btn-padding);border-radius:var(--radius);cursor:pointer}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;background:linear-gradient(180deg,#fff,#e2e2e76e);padding:24px;border-radius:16px;box-shadow:0 4px 20px #00000008}.stat-card p{color:var(--secondary-color-low);font-size:14px;margin:0 0 8px}.stat-card h3{color:var(--secondary-color);font-size:28px;margin:0}.table-card{background:#fff;padding:20px;border-radius:16px;box-shadow:0 4px 20px #00000008}.table-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.table-header h2{color:var(--secondary-color);font-family:var(--font-1);font-size:var(--text-3-size)}.admin-search{padding:10px 15px;border:1px solid #e0e5f2;border-radius:8px;width:100%;max-width:300px;outline:none}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:15px;text-align:left;border-bottom:1px solid #f4f7fe;color:#2b3674}.systemAdminViewsLink{font-size:20px;font-family:var(--font-1);font-weight:900}th{color:#a3aed1;font-size:13px;font-weight:600}.user-info{display:flex;align-items:center;gap:12px}.systemAdminUserPicContainer{border:var(--border-bold);width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.systemAdminUserIcon{font-size:20px;height:fit-content}.admin-pp{object-fit:cover;width:100%;height:100%}.admin-users-info{display:flex;flex-direction:column;gap:5px}.admin-email{display:block;font-size:13px;color:var(--text-secondary-color);cursor:pointer}.admin-user-id{font-size:14px;display:block;color:var(--text-third-color);cursor:pointer}.admin-link{display:block;font-size:12px;color:#4318ff;text-decoration:none}.status-badge{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:700}.active{background:#e5f9ed;color:#05cd99}.passive{background:#ffe2e5;color:#ff4757}.action-buttons{display:flex;gap:5px;flex-wrap:wrap}.action-buttons button{padding:6px 10px;border:none;border-radius:6px;font-size:11px;cursor:pointer;color:#fff}.btn-ban{background:#ff9f43}.btn-freeze{background:#576574}.btn-active{background:#10ac84}.btn-pass{background:#2e86de}.btn-delete{background:#ff4757}.admin-loading{text-align:center;padding:50px;font-size:18px;color:#2b3674}.bottomBarContainer{position:fixed;bottom:10px;display:flex;align-items:center;justify-content:center;width:100%;padding:0 20px;z-index:10000}.visitorBottomBar{display:flex;align-items:center;gap:10px;background:#eaeaeab6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:5px 5px 5px 10px;border:white 1px solid;border-radius:var(--radius-2)}.bottomBarText{font-size:var(--text-4-size);font-family:var(--font-1);color:var(--text-reverse-color)}.bottomBarRegisterBtn{font-family:var(--font-1);display:flex;gap:7px;justify-content:center;align-items:center;background:var(--fifth-color-low);padding:5px 8px;border-radius:var(--radius-2);color:var(--text-reverse-color);font-size:var(--text-5-size);transition:var(--transition)}.bottomBarRegisterBtn:hover{background:var(--fifth-color)}.bottomBarRegisterImg{width:20px}@media(max-width:432px){.bottomBarContainer{padding:0 10px}.visitorBottomBar{gap:7px}.bottomBarText{font-size:var(--text-4-size)}.bottomBarRegisterBtn{font-size:var(--text-5-size)}}@media(max-width:350px){.visitorBottomBar{gap:5px}.bottomBarText,.bottomBarRegisterBtn{font-size:var(--text-6-size)}}