*{margin:0;padding:0;text-decoration:none}.home{display:flex;width:100vw;height:100vh;background-color:#f5f5f5}@media only screen and (min-width: 1099px){.home_body{width:100%;display:flex;gap:30px}}@media only screen and (max-width: 399px){.home_body{justify-content:center;margin-left:5px}}.home_body{justify-content:center}@media only screen and (min-width: 640px){.converter_container{margin-top:10px;width:90%;border:.7px solid #979797;padding:16px;border-radius:12px;margin-left:20px}.converter_heading{display:flex;justify-content:space-between;font-size:22px;font-weight:500;padding:6px 0 14px}}@media only screen and (max-width: 640px){.converter_container{margin-top:10px;width:90%;height:40%;max-height:250px;border:1px solid #979797;padding:10px;border-radius:12px}.converter_heading{display:flex;justify-content:space-between;font-size:18px;font-weight:500;padding:6px 0 14px}}@media only screen and (max-width: 400px){.converter_container{margin-top:10px;width:90%;height:40%;max-width:290px;max-height:250px;border:1px solid #979797;padding:10px 6px;border-radius:12px;justify-content:center}.converter_heading{display:flex;justify-content:space-between;font-size:18px;font-weight:500;padding:6px 0 14px}}.converter_centerText{display:flex;justify-content:space-between;font-size:12px;color:#939393;padding:14px 0}.converter_userInput,.converter_output{display:flex;flex-direction:column;width:40%;gap:12px}.converter_main{display:flex;justify-content:space-between;padding:14px}.converter_userInput>input:focus,.converter_output>input:focus,.converter_userInput>select:focus{outline:none}.converter_output>input,.converter_userInput>input,.converter_userInput>select{box-sizing:border-box;font-size:12px;font-weight:500;height:32px;background-color:inherit;border:1px solid #939393cc;padding:1px 3px;border-radius:6px}.converter_button{display:flex;justify-content:center;margin-top:12px}.converter_button>button{background-color:#2d6195;padding:8px;border:none;border-radius:4px;color:#fff;transition:all .3s}.converter_button>button:hover{cursor:pointer;background-color:#2e5780;scale:1.06}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.chart_heading>p{font-size:18px}.chart_weeklyExpense{font-size:10px;color:#979797;padding:3px 8px;margin-top:10px;border-radius:6px;width:fit-content;background-color:#e5e5e5}.expense_amount{color:#13131a;font-weight:600}.chart_main{height:30%;margin-top:20px}@media only screen and (min-width:1199px){.chart_main{height:300px;width:600px;margin-top:20px}}@media only screen and (min-width:640px){.chart_container{margin-top:10px;width:90%;border:.7px solid #979797;padding:16px;border-radius:12px;margin-left:20px}}@media only screen and (max-width:640px){.chart_container{margin-top:10px;height:60%;max-height:280px;width:90%;border:1px solid #979797;padding:10px;border-radius:12px}.chart_main{height:200px}}@media only screen and (max-width:400px){.chart_container{margin-top:10px;width:90%;height:60%;max-height:280px;max-width:290px;border:1px solid #979797;padding:10px 6px;border-radius:12px;justify-content:center}.chart_main{height:200px}}.transaction-name{display:flex;flex-direction:column}.name{font-size:16px;font-weight:700}.date{color:#939393;font-size:12px}.amount{text-align:right}.transaction-category{font-size:14px}.transaction-category:before{content:"•";padding-right:10px;color:#87ceeb}.total-card{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;padding:16px}@media only screen and (min-width: 640px){.total-card{height:30%;margin-top:10px;width:90%;border:.7px solid #979797;border-radius:12px;margin-left:20px}}@media only screen and (min-width: 1099px){.total-card{margin-left:0}}@media only screen and (max-width: 640px){.total-card{height:30%;margin-top:10px;width:90%;border:.7px solid #979797;border-radius:12px;padding:10px}}@media only screen and (max-width: 400px){.total-card{height:30%;margin-top:10px;width:90%;border:.7px solid #979797;border-radius:12px;padding:10px 6px}}.my-balance,.expense,.income,.total-saving{display:flex;align-items:center;gap:10px}.total-card>img{height:3.5rem}.info{display:flex;flex-direction:column;gap:5px;white-space:nowrap;overflow:hidden;justify-content:start;align-items:start}.title{color:#718ebf;font-size:small}.amount{font-size:medium}@media only screen and (min-width: 640px){.categories{margin-top:10px;width:90%;max-height:400px;border:.7px solid #979797;padding:16px;border-radius:12px;margin-left:20px;overflow-y:auto}}@media only screen and (min-width: 1099px){.categories{margin-left:0}}@media only screen and (max-width: 640px){.categories{margin-top:10px;width:90%;border:1px solid #979797;padding:10px;border-radius:12px}}@media only screen and (max-width: 400px){.categories{margin-top:10px;width:90%;overflow-y:auto;max-width:290px;max-height:250px;border:1px solid #979797;padding:10px 6px;border-radius:12px;justify-content:center}}.heading{display:flex;justify-content:space-between;font-size:22px;font-weight:500;padding:6px 0 14px}.heading>img{height:2rem}.category-body{display:flex;flex-direction:column;gap:10px}.category{display:flex;justify-content:space-between;font-size:medium;align-items:center}.category-name{display:flex;align-items:center;gap:10px;color:#939393}.category-name>img{height:2.5rem}.payment_container{display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center;gap:20px}.expenses{margin-top:10px;width:90%;border:.7px solid #979797;padding:16px;border-radius:12px}@media only screen and (min-width: 640px){.expenses{width:80%;margin-left:20px}}@media only screen and (min-width: 1099px){.expenses{margin-left:0}}@media screen and (max-width: 640px){.expenses{padding:10px;width:80%;max-height:400px;overflow-y:auto}.expense-utils{margin-top:10px}.expense-heading{font-size:18px}.expense-utils img{margin-left:0;margin-right:10px}.expense-body{overflow-x:auto}.transaction th,.transaction td{font-size:12px;width:40%;letter-spacing:-.5px}.transaction-category{word-break:break-word;-webkit-hyphens:manual;hyphens:manual}.name{margin-bottom:5px}.date{font-size:12px}}@media screen and (max-width: 400px){.expenses{padding:10px 6px;width:90%;max-height:250px;overflow-y:auto}}.expense-heading{display:flex;justify-content:start;gap:12px;align-items:center;margin-bottom:10px;font-size:22px;padding:6px 0}.expense-utils img{width:30px;height:30px;margin-left:10px}.expense-body{overflow-x:auto}.transaction{width:100%;border-collapse:collapse}.transaction th{font-size:14px;color:#939393;font-weight:500}.transaction th,.transaction td{padding:10px;text-align:center}.budget_container{display:flex;width:100%;justify-content:center;flex-direction:column;align-items:center}.budget_heading>p{margin:18px 0;font-size:28px}.budget_items{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.budget{margin-top:20px;width:80%;border:.7px solid #979797;padding:16px;border-radius:12px}.heading{font-size:18px;font-weight:500;padding:6px 0 14px}.budget-body,.total-money{display:flex;flex-direction:column}.progressMarks{display:flex;justify-content:space-between}.total-money>progress{border:0;width:100%;height:40px;margin:10px 0 4px}progress::-webkit-progress-bar{border:0;height:40px;border-radius:15px;background-color:#e5e5e5}progress::-webkit-progress-value{border:0;height:40px;border-radius:15px;background-color:#014080}progress::-moz-progress-bar{border:0;height:40px;border-radius:15px}.income-expense{margin-top:20px;display:flex;justify-content:space-around}.income>ul>li>p,.expense>ul>li>p{color:#939393}.income,.expense{font-size:14px;text-align:center}.expense>ul>li::marker{color:#e5e5e5;font-size:large}.income>ul>li::marker{color:#014080;font-size:large}.budgetItems_utils{margin-top:12px}.budgetItems_utils>p{font-size:12px}.Budget_icon_delete_button>button{background-color:inherit;border:none;color:#979797;font-size:16px}.Budget_icon_delete_button>svg{color:#979797}.Budget_icon_delete_button{cursor:pointer;background-color:inherit;border:1px solid #939393;display:flex;justify-content:center;align-items:center;padding:8px;border-radius:12px}.Budget_icon_delete_button:hover{background-color:#c2c2c2}.budgetItems_utils{display:flex;justify-content:space-between;align-items:center}@media only screen and (max-width: 640px){.Budget_icon_delete_button{padding:4px;border-radius:8px}}@media only screen and (max-width: 400px){.budgetItems_utils{display:flex;flex-direction:column;align-items:center}.Budget_icon_delete_button{margin-top:8px}progress::-webkit-progress-bar{border:0;height:30px;border-radius:10px;background-color:#e5e5e5}progress::-webkit-progress-value{border:0;height:30px;border-radius:10px;background-color:#014080}progress::-moz-progress-bar{border:0;height:30px;border-radius:10px}}*{margin:0;padding:0;text-decoration:none;font-family:inder}@media only screen and (min-width: 1100px){.container{top:0%;left:0%;display:flex;background:#fff}}@media only screen and (max-width: 1099px){.container{position:fixed;left:0;top:0;z-index:999;background:#fff}}.Top_logo>img{width:25px;height:25px}.sidebar{position:relative;height:100vh;width:280px;transition:all .5s}.bars{position:absolute}.bars:hover{cursor:pointer}.top_section{display:flex;align-items:center;justify-content:space-between;padding:20px 8px 20px 4px;color:#000}.top_section>.Top_Logo>img{width:160px}.top_section>.Top_Logo{transition:all .3s;transform-origin:left;transition-duration:.3s}.user_profile{gap:12px;padding:6px 12px;display:flex;border-bottom:1px solid #9393934f;align-items:center}.profile_pic{color:#fff;display:flex;justify-content:center;align-items:center;background-color:#2c69a5d0;height:28px;width:28px;border-radius:50%}.user_profile>.user_picture>img{height:26px}.user_profile>.user_name>p{font-size:18px;transition:all .3s;transform-origin:left;transition-duration:.3s}.main_menu{font-size:16px;text-align:center;margin:35px 0}.link{display:flex;gap:12px;padding:6px 12px;text-decoration:none;margin:0 0 6px;color:#000;width:80%;border-radius:6px;transition:all .5s}.link:hover{background-color:#87cfeb75;transition:all .5s}.main_menu>p{color:#939393;font-size:14px;margin:0 0 16px}.bucket_category>p{color:#939393;font-size:14px;margin:0 0 16px}.bucket_category{font-size:16px;text-align:center;margin:35px 0}.main_menu>svg{height:32px;width:28px}.active{background-color:#87cfeb75}.link_text{transition:all .3s;transform-origin:left;transition-duration:.3s}.link>button{transition:all .3s;transform-origin:left;transition-duration:.3s;background-color:inherit;border:none;cursor:pointer;font-size:16px}.Error_page{display:flex;height:100vh;width:100%;justify-content:center;align-items:center;background-color:#f5f5f5}.error_message{text-align:center;padding:24px}@media only screen and (min-width: 640px){.error_message>h1{font-size:128px;color:#2c69a5}.error_message>p:nth-child(2){margin:12px;font-size:40px}.error_message>p:nth-child(3){margin:8px;font-size:22px}.home_button>a{color:#fff;background-color:#2c69a5;padding:8px 40px;border-radius:24px}}@media only screen and (max-width: 640px){.error_message>h1{font-size:88px;color:#2c69a5}.error_message>p:nth-child(2){margin:12px;font-size:22px}.error_message>p:nth-child(3){margin:8px;font-size:16px}.home_button>a{color:#fff;background-color:#2c69a5;padding:6px 26px;border-radius:20px}}.home_button{margin:24px}.home_button>a:hover{cursor:pointer;background-color:#265685}.login_body{background-color:#f5f5f5;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.login_container>.logo{display:flex;box-sizing:border-box;padding:30px;justify-content:center}.login_container>.logo>img{height:68px}.login_container{width:60%;align-items:center;justify-content:center}.login_container>.login_form{width:100%}.password_div{display:flex;justify-content:center;align-items:center;color:#001f3f}.password_div>.eye_icon>svg{height:100%;cursor:pointer;border-left:1px solid #979797;padding:0 6px}.password_div>input{background-color:inherit;height:32px;border:none;width:100%}.login_input_field,.password_div>input:focus{outline:none}.login_container>.login_form_container>.login_form>.login_input_field,.password_div{width:100%;color:#001f3f;height:32px;background-color:inherit;padding:3px 0 3px 4px;border:1px solid #979797;border-radius:6px;margin:8px 0}.password_div{padding:3px 0 3px 3px}.login_container>.login_form_container>.login_form>.login_utils{display:flex;font-size:10px;justify-content:space-between}.login_container>.login_form_container>.login_form>.login_utils>p:hover,.login_container>.login_form_container>.login_form>.login_utils>a:hover{cursor:pointer;text-decoration:underline}.login_utils>a{color:#000}.login_container>.login_form_container>.login_form>.login_button{margin-top:6vh;display:flex;justify-content:center;text-align:center}.login_container>.login_form_container>.login_form>.login_button>button{cursor:pointer;background-color:#37689a;color:#fff;border:none;border-radius:8px;padding:8px 42px;transition:all .4s}.login_container>.login_form_container>.login_form>.login_button>button:hover{scale:1.05;background-color:#275078}.password_div>.login_input_field::placeholder{color:#001f3f;opacity:1}.password_div>.login_input_field::-ms-input-placeholder{color:#001f3f;opacity:1}.login_container>.login_form_container>.login_form>.login_input_field::placeholder{color:#001f3f;opacity:1}.login_container>.login_form_container>.login_form>.login_input_field::-ms-input-placeholder{color:#001f3f}.signup_body{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.signup_container{display:flex;flex-direction:column;width:60%;align-items:center;justify-content:center}.signup_container>.logo{display:flex;flex-direction:column;align-items:center;padding:30px;justify-content:center}.signup_container>.logo>img{height:68px}.signup_container>.logo>p{color:#001f3f;font-size:larger}.signup_container>.signup_form{width:100%}.signup_input_field{width:100%;color:#001f3f;height:32px;background-color:inherit;padding:3px 0 3px 4px;border:1px solid #979797;border-radius:6px;margin:8px 0;font-size:medium}input[name=BirthDate]{text-transform:uppercase;font-size:medium;color:#979797}.grid_field{display:grid;grid-template-columns:1fr 1fr;grid-gap:0 1rem;width:100%}.pass_pattern{font-size:small;color:#13131a}.pass_pattern>ul{margin-bottom:1rem;list-style:none}.pass_pattern>ul li:before{content:"✓";color:#1ff040}.label{padding-left:6px}.buttons{display:flex;flex-direction:column;justify-content:center;align-items:center}.buttons>a{color:#13131a;font-weight:500;cursor:pointer}.buttons>a:hover{color:#13131aca;text-decoration:underline}.create_account{background-color:#37689a;color:#fff;border-radius:8px;padding:8px 32px;transition:all .4s;margin-top:2vh;margin-bottom:10px;border-style:none;font-size:medium;cursor:pointer}.create_account:hover{scale:1.05;background-color:#275078}.signin{border-radius:8px;padding:8px 42px;transition:all .4s;margin:10px;border-width:1px}.signin:hover{scale:1.05}.password{display:flex;justify-content:center;align-items:center;width:100%;color:#001f3f;height:32px;background-color:inherit;padding:3px 0 3px 4px;border:1px solid #979797;border-radius:6px;margin:8px 0;font-size:medium}.password>input{background-color:inherit;height:32px;border:none;width:100%}.password>input:focus{outline:none}.password>.eye_icon>svg{height:100%;cursor:pointer;border-left:1px solid #979797;padding:0 6px}@media screen and (max-width: 600px){.grid_field{display:grid;grid-template-columns:1fr;grid-gap:0 1rem;width:100%}}.settings_mainContainer{width:100%;display:flex;margin-top:12px;justify-content:center}.settings_container{padding:10px;border-radius:16px;border:1.5px solid #d9d9d9;display:flex;width:88%;background-color:#2c69a546;justify-content:space-around}.settings_heading{margin-top:20px;display:flex;justify-content:center;font-size:20px;font-weight:500;letter-spacing:1px}.settings_pfp{margin-top:20px;border-radius:50%;display:flex;justify-content:center;align-items:center;width:70px;height:70px;background-color:#2c69a5d0}.settings_fieldsContainer{width:70%}.settings_fields{margin:8px;display:flex;gap:6px;flex-direction:column}.settings_userFields{color:gray;width:90%;background-color:#fff;border:none;height:36px;padding:2px 8px;font-size:16px;border-radius:16px;cursor:auto}.settings_userFields:focus{border:none;outline:none}@media only screen and (min-width: 780px){.settings_fieldsContainer{width:80%;display:grid;grid-template-columns:auto auto}.settings_container{display:flex;width:80%;padding:20px 10px;background-color:#2c69a546}}.ShowModal_container{position:fixed;display:flex;justify-content:center;align-items:center;bottom:40px;right:40px;width:50px;color:#fff;height:50px;border-radius:50%;background-color:#2c69a5d0;font-size:24px;border:none;cursor:pointer;transition:all .2s}.ShowModal_container:hover{background-color:#2c69a5}.modal_wrapper{position:fixed;left:0;right:0;top:0;bottom:0;background-color:#bdbdbd99}.TransactionModal_container{justify-content:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#6092c4d0;width:50%;min-width:350px;max-width:640px;padding:28px;border-radius:18px}.modal_heading{margin-bottom:16px;text-align:center;font-size:26px}.Modal_Fields{justify-content:center;width:100%;display:flex;align-items:center;gap:6px;flex-direction:column;gap:12px}.Modal_Fields>label{font-size:18px;color:#fff}.Modal_Fields>option{cursor:pointer}.Modal_Fields>input{box-sizing:border-box;color:gray;width:90%;background-color:#fff;border:none;height:36px;padding:2px 8px;font-size:16px;border-radius:16px;cursor:auto}.Modal_dropdowns>label{display:flex;justify-content:center;align-items:center;font-size:18px;color:#fff}.Modal_Fields>input:focus,.Modal_dropdowns>select:focus{outline:none}.Modal_dropdowns>select{background-color:#fff;border:none;height:36px;padding:2px 8px;font-size:16px;border-radius:16px;cursor:auto;color:gray;width:34.8%;cursor:pointer}.Modal_dropdowns{margin:16px 0 10px;width:90%;display:flex;gap:8px}.modal_buttons{margin-top:24px;width:100%;display:flex;justify-content:space-between}.Modal_Fields>.modal_buttons>button{background-color:#2d6195;width:fit-content;padding:8px 12px;border:none;border-radius:4px;text-align:center;color:#fff;font-size:16px;font-weight:500;cursor:pointer}.Modal_Fields>.modal_buttons>button:hover{background-color:#244b72;scale:1.08;transition:all .3s}@media only screen and (max-width: 640px){.TransactionModal_container{left:57%;width:50%;min-width:230px;max-width:640px}.Modal_Fields>input,.Modal_dropdowns>select{border-radius:8px;width:90%}.Modal_dropdowns{display:flex;flex-direction:column;align-items:center;width:100%}}.inder-regular{font-family:Inder,sans-serif;font-weight:400;font-style:normal}@media only screen and (max-width: 1100px){.body{display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;background-color:#f5f5f5}}@media only screen and (max-width: 640px){.body{display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;background-color:#f5f5f5;padding-left:50px}}@media only screen and (max-width: 400px){.body{display:flex;flex-direction:column;align-items:center;width:100%;height:fit-content;background-color:#f5f5f5;padding-left:50px}}@media only screen and (min-width: 1100px){.body{width:100%;height:100vh;background-color:#f5f5f5}}