@import"https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap";.homePage-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:clamp(100vh,100%,100vh);padding:20px 0;overflow:scroll}.new-user{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:80%;color:#242424;background-color:#f8f8f8;border-radius:5px;margin-top:5rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.landing-page-header{display:flex;flex-direction:row;align-items:center;justify-content:space-around;margin-bottom:1.5rem;margin:0 auto;font-size:5rem}.new-user a{text-decoration:none;font-size:1.2rem;font-weight:bolder;background-color:#f77;color:#242424;padding:.5rem 1rem;margin-bottom:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.upcoming-expenses{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2.5rem;color:#242424;background-color:#73ba62;border-radius:5px;margin-top:2rem;padding:1rem 1.5rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:calc(100vw - 2rem)}.upcoming-expenses-list .row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:calc(100vw - 4rem)}.row div{font-size:1rem}.past-due-expenses{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2.5rem;color:#242424;background-color:#f77;border-radius:5px;margin-top:2rem;padding:1rem 1.5rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:calc(100vw - 2rem)}.past-due-expenses .row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;width:calc(100vw - 4rem)}.confirm-content-container label{font-size:1.5rem;font-weight:bolder}.confirm-content-container input{height:30px;margin:10px 0;padding:0 10px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-size:1.2rem;font-weight:700}.modal-buttons{display:flex;justify-content:space-between;align-items:center;width:clamp(200px,50%,300px);gap:1rem;margin:0 auto;margin-top:1rem}.cancel-button{background-color:#f77;color:#242424;padding:.5rem 1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.confirm-button,.subscription-link-button{background-color:#73ba62;color:#242424;padding:.5rem 1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}@media screen and (max-width: 500px){.homePage-container{padding:1.5rem .5rem}.new-user{width:90%}.upcoming-expenses{padding:.5rem;width:95%}.row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.row div:nth-child(1){font-size:1rem}.row div:nth-child(2){font-size:1rem}.row div:nth-child(3){font-size:1rem;font-weight:700}}.loader{position:fixed;top:0;left:0;width:100vw;height:100%;z-index:9999;display:flex;justify-content:center;align-items:center;flex-direction:column;transition:all .3s ease-in-out;opacity:1;visibility:visible;margin:0 auto}.LandingPage-Container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;margin-top:3rem}.landing-page-section-Red{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,95%,2000px);padding:1rem;margin:0 auto;border-radius:5px;margin-top:2rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.landing-page-section-Red h1{font-size:4rem}.landing-page-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem;color:#000!important;border-radius:5px;margin-top:2rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.landing-page-section-Green{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:clamp(300px,95%,2000px);padding:1rem;color:#000!important;border-radius:5px;margin-top:2rem;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.landing-page-section .trial-offer{color:#000!important}.landing-page-section>*{color:#000!important}.landing-page-header h1{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:1.5rem;font-size:5rem;padding:50px 0}.hero-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;padding:1rem}.hero-h3{font-size:1.5rem;width:50%;text-align:center;font-weight:700}.hero-content .hero-CTA{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.5rem;width:100%}.signup-button{text-decoration:none;font-size:1.2rem;font-weight:bolder;background-color:#b7ff95;color:#242424;padding:.5rem 1rem;width:150px;margin-top:0;margin-bottom:3rem;border-radius:5px!important;-webkit-border-radius:5px!important;-moz-border-radius:5px!important;-ms-border-radius:5px!important;-o-border-radius:5px!important;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.signup-button:hover{transform:scale(1.02) translatey(-2px);-webkit-transform:scale(1.02) translatey(-2px);-moz-transform:scale(1.02) translatey(-2px);-ms-transform:scale(1.02) translatey(-2px);-o-transform:scale(1.02) translatey(-2px)}.landing-page-section .login-button{width:150px;text-decoration:none;font-size:1.2rem;font-weight:bolder;background-color:#ff6060;color:#242424;padding:.5rem 1rem;margin-bottom:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;box-shadow:0 10px 15px #00000080}.landing-page-section .login-button:hover{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1)}.feature-section{position:relative;display:grid;grid-template-columns:repeat(2,1fr);justify-items:center;gap:1rem;width:100%;padding:1rem;margin:0 auto}.feature-section .feature{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:calc(100% - 2rem);height:200px;padding:1rem;background-color:#e1e1e1;color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.feature:hover{box-shadow:0 10px 15px #00000040;transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}.pricing-cards{display:flex;flex-direction:column;justify-items:center;align-items:center;gap:1rem;padding:1rem;margin:0 auto;margin-bottom:3rem;width:clamp(300px,95%,500px)}.pricing-section{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;background-color:#fff;border:10px solid #ff7777;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px}.pricePlanToggle{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;width:200px;height:50px;border-radius:30px;padding:1rem;margin:0 auto;border:4px solid #f4f4f4;box-shadow:0 1px 5px #00000040 inset,0 10px 10px #00000040 inset,0 3px 3px #00000040 inset,0 1px 1px #00000040 inset;background-color:#fff;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out;cursor:pointer}.pricePlanToggleSwitchLeft{position:absolute;left:calc(0% - 2px);border-radius:30px;width:65px;height:45px;padding:1.3rem;background-color:#f77;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;box-shadow:0 1px 5px #00000040,0 10px 10px #00000040,0 3px 3px #00000040,0 1px 1px #00000040,0 -1px 1px #00000059 inset,0 -1px 1px #00000059 inset,0 -1px 1px #00000059 inset,0 -1px 1px #00000059 inset;transition:all .3s ease;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.pricePlanToggleSwitchRight{width:65px;height:45px;position:absolute;left:calc(100% - 63px);border-radius:30px;padding:1.3rem;background-color:#f77;-webkit-border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;box-shadow:0 1px 5px #00000040,0 10px 10px #00000040,0 3px 3px #00000040,0 1px 1px #00000040,0 -1px 1px #00000059 inset,0 -1px 1px #00000059 inset,0 -1px 1px #00000059 inset,0 -1px 1px #00000059 inset;transition:all .3s ease;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.pricePlanToggleText{font-size:2rem;color:#000;font-weight:bolder;text-align:center}.pricing-section{box-shadow:#00000040 0 14px 28px,#00000038 0 10px 10px}.pricing-card .price{font-size:5rem;font-weight:bolder}.pricing-card p>b{margin-left:-3px}.what-you-get{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;width:100%;height:300px;padding:1rem;margin:0 auto}.what-you-get ul li{text-align:left;margin-bottom:.5rem}.pricing-card ul{text-align:center;width:70%}.pricing-signup-button{text-decoration:none;font-size:1.2rem;font-weight:bolder;background-color:#f77;color:#242424;padding:.5rem 1rem;max-width:200px;margin-bottom:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.pricing-signup-button:hover{transform:scale(1.02) translatey(-2px);-webkit-transform:scale(1.02) translatey(-2px);-moz-transform:scale(1.02) translatey(-2px);-ms-transform:scale(1.02) translatey(-2px);-o-transform:scale(1.02) translatey(-2px)}@media screen and (max-width: 500px){.landing-page-section .signup-button,.landing-page-section .login-button{width:100%}.landing-page-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1rem;margin:0 auto}.landing-page-header h1{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:3.5rem}.feature-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:5rem 1rem 1rem;margin:0 auto}.landing-page-section-Red h1{font-size:2.5rem}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;padding:1rem}.hero-content h1{font-size:1.5rem;width:100%;text-align:center;padding:2rem 1rem;font-weight:700}.feature-section .feature{width:100%}.pricing-cards{display:flex;flex-direction:column;justify-items:center;align-items:center;gap:1rem;padding:1rem;margin:0 auto}.pricing-section{width:100%}.pricing-card{height:120px}.pricing-section .price{font-size:2.5rem}.what-you-get,.what-you-get ul,.what-you-get ul li,.pricing-card ul,.pricing-card ul li{width:100%}}@media screen and (max-width: 768px) and (min-width: 501px){.landing-page-section .signup-button,.landing-page-section .login-button{width:100%}.landing-page-header h1{display:flex;flex-direction:row;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:3.5rem}.landing-page-section-Red h1{font-size:2.5rem}.feature-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1rem;margin:0 auto}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;padding:1rem}.hero-content p{font-size:1.5rem;width:100%;text-align:center;padding:2rem 1rem;font-weight:700}.feature-section .feature{width:100%}.pricing-cards{display:flex;flex-direction:column;justify-items:center;align-items:center;gap:1rem;padding:1rem;margin:0 auto}.pricing-section{width:100%}.pricing-section .price{font-size:4rem}.what-you-get,.what-you-get ul,.what-you-get ul li,.pricing-card ul,.pricing-card ul li{width:100%}}@media screen and (max-width: 1024px){.landing-page-section .signup-button,.landing-page-section .login-button{width:100%}.feature-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;width:100%;padding:1rem;margin:0 auto}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;padding:1rem}.hero-content p{font-size:1.5rem;width:100%;text-align:center;padding:2rem 1rem;font-weight:700}.feature-section .feature{width:100%}.pricing-cards{display:flex;flex-direction:column;justify-items:center;align-items:center;gap:1rem;padding:1rem;margin:0 auto}.pricing-section{width:100%;padding:1rem}.what-you-get,.what-you-get ul,.what-you-get ul li,.pricing-card ul,.pricing-card ul li{width:100%}.pricing-signup-button{width:50%}}.modal{position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:900}.modal-content{position:relative;background-color:#fefefe;margin:6rem auto;padding:20px;width:80%;color:#000;z-index:950;height:clamp(300px,70%,1000px);overflow:scroll;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.close-modal{position:absolute;color:#fff;float:right;padding:.5rem 1rem;font-size:28px;right:0;top:0;margin:1rem;z-index:990}.child-container{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}@media screen and (max-width: 500px){.modal-content{width:90%}.close-modal{font-size:1rem}}.justGotPaid-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;margin-bottom:50px;padding:20px;border-radius:5px;width:100%;text-align:center;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.payAmountInput{margin:20px 0;padding:10px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.justGotPaid-container h1{margin-bottom:20px;color:#000}.navbar{color:#f8f8f8;height:60px;position:fixed;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 2rem;background-color:#f8f8f8;box-shadow:0 10px 25px #00000080;z-index:999}.logoImage{display:flex;align-items:center}.logoImage svg{margin-bottom:-1.5px}.hamburger,.AddNewTransactionBtn,.HomeBtn,.ProfileBtn{color:#f8f8f8;cursor:pointer;font-size:1.5rem;background-color:#333;padding:.3rem 1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .2s ease-in-out}.navbar-login-btn{background-color:transparent;color:#000;font-weight:700}.SignUp-Button{background-color:#87d873;color:#000;font-weight:bolder;font-size:1rem}.hamburger:hover{background-color:#ff8383;color:#333}.navbar-menu{display:flex;align-items:center;gap:1.5rem}.ham-close{position:absolute;top:-30px;font-size:2rem;font-size:1.5rem;font-weight:700;cursor:pointer;margin-top:3rem;padding:.2rem 1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .2s ease-in-out;color:#333;background-color:#f8f8f8;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.ham-close:hover{background-color:#ff8383}.nav-dropdown-menu{position:absolute;top:60px;left:0;width:100%;background-color:#333;padding:1rem;display:flex;flex-direction:column;gap:1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:0 10px 25px #00000080;z-index:900}.navbar .logo{display:flex;align-items:center;gap:1rem;width:260px}.logo a{font-size:2rem;font-weight:700;color:#333;text-decoration:none;font-weight:900;letter-spacing:-2px;font-family:Inter,"sans-serif"}.nav-pages{display:flex;align-items:center;width:fit-content;gap:1.5rem;position:relative}.nav-pages a{font-size:16px;font-weight:700;color:#333;text-decoration:none;margin-left:20px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.nav-pages a:hover,.nav-pages a.active{color:#f8f8f8}.navbar-item{font-size:1.2rem;font-weight:700;font-family:Inter,"sans-serif";text-decoration:none;width:clamp(70%,10vw,200px);margin:0 auto;padding:.5rem 1rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;text-align:center;cursor:pointer;background-color:#f8f8f8;color:#333}.navbar-item:hover{background-color:#ff8383}.CTA{margin-right:20px;padding:10px;background-color:#333;color:#f8f8f8;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.CTA a{text-decoration:none;color:inherit;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.CTA:hover{background-color:#f8f8f8;color:#333}.CTA-not-Authd{width:165px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 500px){.navbar{align-items:center;gap:1rem;padding:0 1rem}.hamburger{display:block;height:46px}.logo a{font-size:1.5rem}.navbar-item{color:#333;background-color:#f8f8f8}.nav-dropdown-menu{padding:1rem .5rem}.ham-close{color:#333;background-color:#f8f8f8;font-weight:bolder;display:flex;justify-content:center;align-items:center;font-size:1.3rem;padding:.2rem 1rem}.navbar button{padding:.5rem;height:46px}.navbar .logo{width:100px}.navbar .logo a{font-size:1.5rem}.CTA{margin-right:0;padding:0 .5rem}.CTA a{color:#fff;font-size:1rem;font-weight:700}.CTA-not-Authd{width:140px}.logoutButton{color:#fff;font-size:.75rem!important;padding:0 1rem!important}}.budgetPage-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.Months{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px;margin-bottom:-1px;background-color:#f9f9f9;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;-ms-border-radius:5px 5px 0 0;-o-border-radius:5px 5px 0 0}.Months span{width:200px;color:#333;font-weight:700;font-size:1.3rem}.table{width:100%;max-width:800px;border-collapse:collapse;margin:0 auto}.row{display:flex;justify-content:space-between;align-items:center;padding:10px;height:48px;margin-bottom:.5rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;max-width:800px;color:#000;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.row.header{flex-basis:calc(20% - 10px)!important;flex-grow:1;font-weight:bolder;font-size:1.3rem;background-color:#f0f0f0;color:#333}.row.header>div{flex-grow:1;text-align:left}.row.header>div:nth-child(1){flex-basis:100px!important}.row>.column{flex-basis:calc(20% - 10px)!important;flex-grow:1;text-align:left}.row:nth-child(odd){background-color:#f9f9f9}.row:nth-child(2n){background-color:#b3b3b3}.row:hover{background-color:#ffb0b0}.column.expense-amount{flex:1;text-align:center}.expense-name{flex:1;text-align:left!important;font-weight:700}.expense-date{flex:1;text-align:center!important}.row>div:last-child{display:flex;justify-content:flex-end;align-items:center}.checkbox{display:flex;justify-content:center;align-items:center}.more-details-button{float:left;font-size:1.1rem;padding:.4rem;width:50px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.column.span-two{flex-basis:calc(50% - 10px)!important;flex-grow:2}.paid-button{font-size:1.1rem;padding:.4rem;width:clamp(50px,70px,200px);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;cursor:pointer;transition:all .2s ease-in-out;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out}.payPeriod0{margin-top:3rem;margin-bottom:-2rem}.payPeriod1,.payPeriod2,.payPeriod3,.payPeriod4,.payPeriod5{margin-top:3rem}.MainProgressBarContainer{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:2 auto;min-width:100px;max-width:300px}.progress-text{position:absolute;top:3px;height:30px;font-size:1rem;font-weight:700;margin-bottom:1rem;z-index:11}.ProgressBar{width:100%;height:30px;background-color:#f0f0f0;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;box-shadow:0 1px 5px #00000040 inset,0 10px 10px #00000040 inset,0 3px 3px #00000040 inset,0 1px 1px #00000040 inset;z-index:10;position:relative}.ProgressBar-fill{height:100%;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;box-shadow:3px 0 3px #00000080;z-index:0}.paid-separater{color:#000;font-weight:700;font-size:1.5rem;gap:.1rem;background-color:#88dc88;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;display:flex;justify-content:center;align-items:center;padding:.5rem;width:clamp(300px,100%,800px);margin:1rem auto}.row .column{text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.total .leftOversTotal{font-size:1rem!important}.BudgetPage-item-info{padding:1.2rem .3rem;height:30px;width:30px;color:#fff;background-color:#404040;font-size:1.2rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}@media screen and (max-width: 500px){.Months span{font-size:1.1rem;width:170px}.table{width:100%}.header{margin-bottom:0rem}.paid-separater{font-size:1.1rem}.row .column{font-size:.8rem!important;text-overflow:ellipsis!important;overflow:hidden!important;white-space:nowrap!important}.progress-text{font-size:.8rem;top:4px}.paid-button{font-size:.8rem;padding:.3rem}.column.expense-name{text-align:left;font-weight:700;width:75px!important}.column.expense-amount{text-align:center;width:75px!important}.row>.column{flex-basis:calc(20% - 10px)!important;flex-grow:1}.column.span-two{flex-basis:calc(30% - 10px)!important;flex-grow:2}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:calc(100svh - 60px);padding-top:40px}.login-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:clamp(300px,50%,800px);padding:40px;background-color:#f8f8f8;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.login-content h1{color:#000;font-size:2rem;font-weight:bolder}.LoginForm{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;width:80%}.input-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.input-container label{color:#000;font-size:1.5rem;font-weight:bolder}.input-container input{height:30px;margin:10px 0 10px 10px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.login-container .error{color:red;font-size:1rem;font-weight:bolder}.login-content .login-btn{margin:10px 0;padding:10px;width:100%;border:none;border-radius:5px;background-color:#ff8383;cursor:pointer;font-size:1.2rem;font-weight:bolder;color:#000;transition:all .15s ease;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease}.login-btn[disabled],.signUp-Button[disabled]{background-color:#727272}.login-btn:hover,.signUp-Button:hover{box-shadow:0 10px 10px #00000040;transform:scale(1.03);-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03)}.signUp-Button{margin:10px 0;padding:10px;width:80%;border-radius:5px;background-color:#73ba62;cursor:pointer;font-size:1.2rem;font-weight:bolder;text-decoration:none;color:#000;transition:all .15s ease;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease}.signUp-Button-link{text-decoration:none;color:#000;width:100%}@media screen and (max-width: 500px){.login-container{justify-content:flex-start;padding-top:2rem}.login-content{width:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.login-container form{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:2rem;width:100%}.input-container{width:90%}.input-container label{font-size:1rem}.input-container input{width:60%;font-size:1rem;font-weight:initial}.login-btn{width:90%;font-size:1rem;margin-top:2rem}.signUp-Button{width:90%;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}#root{text-align:center}.main-content{position:relative;margin-top:60px;width:100vw;min-height:100svh}.loading{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:15rem;width:300px;height:300px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;-o-border-radius:20px;background-color:#0000004d;box-shadow:3px 3px 20px 30px #0003,-3px -3px 20px 30px #0003}.logoutButton{background-color:#333;font-weight:700}.editBudget-Container{display:flex;flex-direction:column;justify-content:flex-start;padding-top:20px;border-radius:5px;width:100%;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.EditBudget-body{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.EditBudget-body .Months{margin-top:1rem;margin-bottom:-1.6rem;background-color:#fff}.EditBudget-body .Months button{color:#fff;font-weight:700;font-size:1.3rem;text-align:center}.expenseList{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.expenseItem{position:relative;display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;padding:0 1rem;width:100%;height:70px;box-shadow:0 10 6px #0003;color:#000;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.EditButton{color:#fff}.expenseValue{display:flex;justify-content:space-between;align-items:center;margin:.5rem 0;max-width:25%!important}.expenseValue-btn{display:flex;justify-content:flex-end;align-items:center;margin:.5rem 0;width:25%!important}.editbudget-details{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;width:100%;height:100%}.budget-details-form{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;width:clamp(300px,80%,500px)}.EditExpense-Fields{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:.5rem 0;padding:.5rem;width:100%}.EditExpense-Field{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:.5rem 0;width:100%;height:70px}.EditExpense-Field label{font-size:1.2rem;font-weight:700;margin-right:2rem;text-align:left;width:fit-content;color:#000}.EditExpense-Field input{font-size:1.1rem;padding:.5rem;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;height:40px}.EditExpense-Field select{font-size:1.1rem;padding:.5rem .2rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;height:40px}input[type=checkbox]{width:1.5rem;height:1.5rem;margin-right:.5rem}.budget-details-form .buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;width:100%}.budget-details-form .buttons button{font-size:1.2rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;font-weight:700;color:#fff}.budget-details-form .buttons .updateButton{background-color:#73ba62;font-weight:700}.budget-details-form .buttons .deleteButton{background-color:#f77;font-weight:700}.AddNew-Btn{background-color:#73ba62;color:#000;font-weight:700}.addNewForm-BtnGroup{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-top:1rem;width:100%}@media screen and (max-width: 500px){.expenseItem{padding:0 .6rem}.expenseValue{font-size:1rem!important;min-width:25%!important;word-wrap:normal}.expenseValue-btn{min-width:15%!important}.editbudget-details{padding:.5rem}.EditExpense-Field{height:60px;margin:.5rem 0}.EditExpense-Field label{font-size:1.2rem;width:50%}.EditExpense-Field input{width:50%;font-size:1rem}.budget-details-form .buttons button{font-size:1rem;padding:.7rem}input[type=checkbox]{width:2rem;height:2rem}}.profile-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;padding:2rem 0}.Profile-Items-Container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-top:2rem;padding:2rem 1rem;width:clamp(300px,100%,600px);background-color:#f77}.Profile-Items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:clamp(300px,100%,600px)}.Profile-Item{display:flex;align-items:flex-start;justify-content:flex-start;width:clamp(300px,100%,600px);margin-bottom:20px;padding:1rem;background-color:#fff;border-radius:5px;text-align:left;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.Profile-Item:last-child{margin-bottom:0}.PayDayDates-Items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:clamp(300px,50%,600px)}.email-section{display:flex;align-items:center;justify-content:space-between}.BankAccount-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:clamp(300px,100%,600px)}.BankAccount-container h2{text-align:center}.BankAccount-Items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:clamp(300px,100%,600px)}.accountData{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.Profile-details-form{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:clamp(300px,70%,600px);margin:0 auto 20px}.EditProfile-Fields{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;width:clamp(300px,85%,600px);margin-bottom:20px}.EditProfile-Field{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.EditProfile-Field label{color:#000;font-weight:700}.EditProfile-Field-Input{width:50%;padding:10px;border:1px solid #ccc;border-radius:5px}.buttons{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:1rem}.ProfilePage-buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;width:100%;margin-top:1rem}.ProfilePage-buttons button,.ProfilePage-buttons a{width:clamp(300px,100%,600px);cursor:pointer}.button{align-self:center}.updateButton{background-color:#83ff92;color:#000;font-weight:700;cursor:pointer}.deleteButton-AccountForm{background-color:#f77;color:#000;font-weight:700;cursor:pointer}@media screen and (max-width: 500px){.profile-container{padding:.5rem}.Profile-Items-Container{width:calc(100vw - 2rem);padding:.5rem}.Profile-Items,.Profile-Item{padding:.5rem}.BankAccount-container h2{text-align:center}.BankAccount-Items{padding:.5rem}.Profile-details-form,.EditProfile-Fields{padding:1rem}.EditProfile-Field{padding:.5rem}.EditProfile-Field-Input{padding:5px}.buttons{width:100%}.button{align-self:center}.updateButton{padding:.5rem}}.updatePasswordModal-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;height:100%;gap:1rem}.passwordInputField{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:clamp(300px,85%,600px)}.updatePasswordRequest label{color:#000;font-weight:bolder}.SignupPt1-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,75%,1000px);padding-top:20px;margin:0 auto}.SignupPt1-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;padding:20px;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px}.SignupPt1-container h1{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#000}.SignupPt1-container form{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:100%;padding:20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.SignupPt1-field-section{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-top:1rem}.SignupPt1-container form label{font-size:1.2rem;font-weight:bolder;margin-bottom:1rem;color:#000;width:fit-content}.SignupPt1-container form input{width:clamp(300px,50%,500px);height:30px;border-radius:5px;padding:0 1rem;margin-bottom:1rem;font-size:1.2rem}.SignupPt1-container form button{width:clamp(300px,50%,500px);height:clamp(3rem,5%,5rem);border:none;border-radius:5px;background-color:#73ba62;color:#000;font-size:1.2rem;font-weight:bolder;cursor:pointer;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;transition:all .15s ease;-webkit-transition:all .15s ease;-moz-transition:all .15s ease;-ms-transition:all .15s ease;-o-transition:all .15s ease}.input-valid{border:2px solid #73BA62!important}.input-invalid{border:2px solid #ff7777!important}.signuppt1-passwordmessage{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,50%,500px);padding:20px;background-color:#fff;color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-top:1rem;height:70px}.signuppt1-passwordmessage-noerror{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,50%,500px);padding:20px;background-color:transparent;color:#000;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;margin-top:1rem;height:70px}.SignupPt1-container button:hover{transform:scale(1.025);-webkit-transform:scale(1.025);-moz-transform:scale(1.025);-ms-transform:scale(1.025);-o-transform:scale(1.025)}.submittedSignUp{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 60px);color:#000;background-color:#fff;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:500px;height:300px;margin:50px auto;padding:1.5rem}.valid{color:#6ccf6b}.invalid{color:#f06464}.passwordReqList{text-align:left;padding:0}.SignupPt2-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding-top:20px}.profileField-items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,85%,600px);padding:20px;background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 0 10px #0000001a;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.profileField-item-container{display:flex;width:100%;justify-content:space-between;align-items:center;margin-bottom:.5rem}.profileField-item-container label{color:#000!important;font-weight:bolder}.profileField-item-container+#accountSection{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center;margin-bottom:.5rem}.profileField-item-container h2{margin-top:2rem;color:#000;font-weight:700}.profileField-item-container h3{margin-top:.5rem;margin-bottom:.5rem;color:#000;font-weight:700}.infoMessage{position:absolute;top:40%;left:130px;width:150px;color:#000;font-size:1rem;font-weight:700;text-align:left;background-color:#fff;padding:15px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.profileField-input{width:50%;padding:10px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.profileField-item-accounts{display:flex;flex-direction:column;width:100%;justify-content:space-between;align-items:center}.account-entry{display:flex;justify-content:space-between;align-items:center}.profileField-submit-btn{width:50%;padding:10px;margin-top:1rem;background-color:#73ba62;color:#000;font-weight:700;border:none;border-radius:5px;cursor:pointer}.infomessage-modal{width:85%;height:85%;margin:0 auto;color:#000;font-size:1rem;font-weight:700;text-align:center;background-color:#fff;padding:15px;padding-top:3rem;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.feedback-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;padding:20px}.feedback-form{display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(300px,40%,600px);padding:20px;background-color:#fff;border-radius:5px;box-shadow:0 0 10px #0000001a;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;width:100%}.feedback-container h1{margin-bottom:2rem}.feedback-form label{color:#000;font-size:1.2rem;font-weight:700}.feedback-field{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem;width:100%;padding:10px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.feedback-field input{width:50%;padding:10px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.feedback-field textarea{width:50%;height:100px;padding:10px;border:1px solid #ccc;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.thank-you-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.ChooseSub-Container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.ChooseSub-PlanItem{margin:10px;color:#242424;background-color:#f4f4f4;padding:20px 50px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.ChooseSub-PlanItem button{margin-top:20px;padding:10px 20px;background-color:#73ba62;color:#000;border:none;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.FinalCheckoutPage{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:20px}.checkout-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;width:100%;max-width:500px;color:#242424;background-color:#fff;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;box-shadow:0 0 10px #0000001a;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-ms-box-shadow:0 0 10px 0 rgba(0,0,0,.1);-o-box-shadow:0 0 10px 0 rgba(0,0,0,.1)}.SubDetails-Container{position:relative;display:flex;align-items:center;justify-content:center;padding:20px;width:100%;max-width:500px;height:500px;color:#242424;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.SubDetails-Breakdown{display:flex;flex-direction:column;align-items:center;text-align:left;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;height:100%}.SubDetails-Items{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;height:100%}.SubDetails-Breakdown h2{margin-bottom:10px;font-size:1.5rem;color:#242424}.FinalCheckoutPage-buttons{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100%}.Footer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 0;width:100vw;background-color:#202020}.sidebar{width:175px;background-color:#101010;padding:20px;transition:width .3s ease;color:#fff;position:relative}.sidebar.collapsed{width:60px;padding:20px 5px}.toggle-button{background-color:transparent;border:none;color:#fff;cursor:pointer;position:absolute;top:300px;right:-20px;padding:10px;background-color:#101010}.chevron{display:inline-block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);transition:transform .3s ease;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg)}.chevron.left{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.chevron.right{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg)}.sidebar h2{margin-top:0}.sidebar div div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:10px;cursor:pointer;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;text-align:left}.sidebar div div:hover{background-color:#333}.Collapsed-title{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70%;font-size:1.2rem;font-weight:bolder;color:#fff}@media screen and (max-width: 500px){.sidebar.collapsed{width:15px;padding:20px 5px}.sidebar div div{border-bottom:1px solid #333;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;width:100%}}.tips-and-advice-page{display:flex;min-height:100vh}.tips-content{flex:1;padding:20px 30px;text-align:left}.tips-content h1{margin-bottom:2rem;text-align:center;font-size:2rem}.tips-content>div>div{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #333;cursor:pointer;width:100%}.tips-content>div>div>div{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:10px;padding-bottom:10px;cursor:pointer;width:100%}.personal-tip{padding:0;display:flex;align-items:center;margin-bottom:10px}.personal-badge{background-color:#28a745;color:#fff;padding:5px 8px 0;border-radius:5px;margin-left:10px;position:relative;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.tooltip-text{visibility:hidden;width:140px;background-color:#555;color:#fff;text-align:center;border-radius:5px;padding:5px 0;position:absolute;z-index:1;top:50%;right:150%;margin-top:-20px;opacity:0;transition:opacity .3s;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}.personal-badge:hover .tooltip-text{visibility:visible;opacity:1}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde!important;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden;background-color:#000;color:#ffffffde!important}h1{font-size:3.2em;line-height:1.1;color:#ffffffde}button{border-radius:5px;border:1px solid transparent;padding:.5rem 1rem;font-size:1em;font-weight:500;font-family:inherit;background-color:#404040;color:#fff;cursor:pointer;transition:border-color .25s;-webkit-transition:border-color .25s;-moz-transition:border-color .25s;-ms-transition:border-color .25s;-o-transition:border-color .25s;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}label{color:#000000de;font-weight:700}input,select{width:175px;padding:12px;border:1px solid #ccc;border-radius:5px;font-size:1.15rem;background-color:#000;color:#ffffffde}a{text-decoration:none}