.Appbody{width:100%}*{padding:none;margin:0%}.Expensifybody{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:10px;gap:18px}.Expensifyheader{width:90%;display:flex;align-items:center;padding-top:10px;justify-content:space-between;background-color:#fff;height:7vh}.Expensifyheaderh2{color:#009146;font-family:inter,sans-serif;font-size:35px}.Expensifyheadspanbut{display:flex;gap:15px}.Expensifyheaderbut2{width:130px;height:40px;border-radius:21px;border:none;background-color:#009146;color:#d9eee3;font-family:inter,sans-serif;font-size:15px}.Expensifyheaderbut1{width:130px;height:40px;border-radius:21px;background-color:#fff;color:#009146;font-family:inter,sans-serif;border:1px solid #009146;font-size:15px}.Expensifyheaderbut2:hover{cursor:pointer;background-color:#d9eee3;color:#009146}.Expensifyheaderbut1:hover{cursor:pointer;background-color:#009146;color:#d9eee3}.Expensifycontainer1{width:90%;height:300px;display:flex;flex-direction:row;align-items:center;margin-top:20px}.Expensifycontainer1div1{width:65%;height:90%;font-family:inter,sans-serif;font-size:24px;display:flex;flex-direction:row;align-items:center;color:#1d1d1d}.Expensifycontainer1div1h2{width:60%;line-height:1.4}.span{color:#009146}.Expensifycontainer1div2{width:30%;height:90%;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-top:20px}.Expensifycontainer1div2img{width:100%}.Expensifycontainer2{width:90%;font-family:inter,sans-serif;font-size:14px;height:150px}.Expensifycontainer2li{width:35%;line-height:1.7;color:#393939}.Expensifycontainer3{width:100%}.Categoriesbody{width:100%;height:40vh;display:flex;flex-direction:column;gap:35px;justify-content:center;font-family:inter,sans-serif;align-items:center}.Categoriesmain{width:90%;height:180px;display:flex;flex-direction:row;gap:70px;flex-direction:wrap;align-items:center;justify-content:center}.Categoriesmaindiv{background-color:#009146;width:18%;display:flex;padding:20px;align-items:center;border-radius:9px;height:80%;border:3px solid #10ad5c;gap:10px;transition:transform .3s ease;flex-direction:column}.Categoriesmaindiv:hover{background-color:#0a6e3a;transform:scale(1.05)}.Categoriesimage{width:55px;height:55px}.spanbut{width:100%;height:30px}.Categoriesbutton{width:30px;height:30px;border-radius:50%;background-color:#009146;border:4px solid #D9EEE3}.Categoriesmaintext{width:70%;font-size:15px;text-align:center;color:#d9eee3}.Categoriesh3{color:#009146;font-size:25px}.Filterbody{width:100%;height:65vh;background-color:#009146}.Filtercontainer1{width:100%;height:380px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px;font-size:15px;color:#cbe8d9;font-family:inter,sans-serif}.Filtercontainer1div{width:20%;height:270px;display:flex;gap:15px;flex-direction:column}.Filtercontainer1list{display:flex;flex-direction:column;gap:7px}.Filtercontainer1h3{font-size:18px;color:#d9eee3}.Filtercontainer2{width:100%;height:80px;display:flex;justify-content:center}.Filtercontainer2ptag{width:85%;font-size:14.3px;color:#a4d7bc;text-align:center}.Signupbody{width:100%;height:100vh;position:fixed;top:0;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background-color:#0a5b31bf}.Signupmain{width:40%;height:90vh;display:flex;border-radius:9px;flex-direction:column;box-shadow:#959da533 0 8px 24px;background-color:#fff;font-family:inter,sans-serif}.Signuphead{width:97%;height:50px;display:flex;flex-direction:row}.Signupmainheader{width:90%;height:65px;display:flex;align-items:center;padding-left:22px;font-size:22px;color:#009146}.Signupcontainer{width:100%;height:70px;display:flex;flex-direction:column;align-items:center;gap:10px}.Signupcontainerh3{font-size:20px;color:#009146}.Signupcontainer2{width:100%;height:460px;display:flex;gap:19px;justify-content:center;flex-direction:column;align-items:center}.Signincontainerp2{font-size:15px;color:#636363}.SignupInputWrappper{width:100%;display:flex;flex-direction:column;align-items:center;gap:3px;justify-content:center;position:relative}.Signupcontainer2input{width:80%;border-radius:9px;border:1px solid #009146;padding:14px;outline:none}.SignupInputWrappperError{width:430px;font-size:12px;color:red}.Signupcontainer2tag{position:absolute;top:-10px;left:45px;background-color:#fff;padding-left:5px;font-size:14px;color:#209f5d;padding-right:5px}.Signupcontainer2ptag{width:85%;font-size:12px}.Signupcontainer2span{color:#3f69d2}.Signupcontainer2div{width:85%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:40px}.Signupcontainer2divtag{color:#3f69d2;font-size:17px;cursor:pointer}.signupcontainer2divbut{width:100px;background-color:#009146;border-radius:20px;color:#d9eee3;border:none;padding:12px}.signupgender{width:85%;display:flex;flex-direction:row;align-items:center}.signupgendercontainer{display:flex;gap:30px}.signupcontainer3{width:100%;display:flex;height:20px;flex-direction:row;justify-content:center;align-items:center;gap:5px;font-size:11px}.signupcontainer3span{font-size:12px;color:#3f69d2}.Signupbodyicons{width:30px;height:40px;display:flex;align-items:center;font-size:20px;color:#009146}.Foodbody{width:100%;height:100vh;position:fixed;top:0;right:0;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000}.Foodbodymain{width:90%;height:95%;display:flex;border-radius:9px;flex-direction:column;align-items:end;background-color:#fff;font-family:inter,sans-serif}.Foodwrap{width:90%;height:90%;display:flex;gap:20px;justify-content:space-between}.Foodcontainer{width:60%;height:90%;display:flex;gap:15px;flex-direction:column;justify-content:center;align-items:center;box-shadow:#959da533 0 8px 24px;background-color:#fff}.Foodcontainer2h3{width:80%;height:50px;display:flex;justify-content:center;align-items:center;color:#009146}.Foodh2tag{width:80%;height:60px;color:#009146;display:flex;justify-content:center;align-items:center}.foodspan1{width:80%;height:90px;display:flex;flex-direction:column;align-items:center;gap:5px;justify-content:center}.Foodptag{width:60%;height:50px;font-size:13px;display:flex;justify-content:center;align-items:center;text-align:center}.foodh4{width:86%}.FoodInput{width:85%;height:45px;outline:none}.foodbutton{width:50%;height:40px;background-color:#009146;border:none;color:#fff;border-radius:5px}.foodbutton:hover{background-color:#5aca90}.Foodcontainer2{width:40%;height:90%;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:#959da533 0 8px 24px;background-color:#fff}.Foodcontainer2wrap{width:95%;height:430px;display:flex;flex-direction:column;gap:10px;overflow-y:scroll}.Foodcontainer2div{width:100%;border-radius:5px;padding:5px;display:flex;flex-direction:row;align-items:center;gap:10px;background-color:#e3fbeee2}.Foodcontainer2div1{width:95%;height:50px;display:flex;flex-direction:row;justify-content:space-between;border-radius:5px;background-color:#efefef}.Foodcontainer2divspan{width:75%;padding-left:5px;display:flex;flex-direction:column;gap:5px;justify-content:center}.foodeditdelespan{width:25%;display:flex;justify-content:space-between;align-items:center}.foodeditdelespanedit{width:65px;height:30px;background-color:#009146;color:#fff;border:none;border-radius:5px}.foodediting{width:75%;height:70px;display:flex;flex-direction:column}.foodeditingspan{width:100%;height:40px;display:flex;gap:5px}.foodeditingspaninput{height:25px;outline:none}.Foodcontainericon{width:28px;height:45px;color:red}.Headerbody{width:100%;height:12vh;display:flex;background-color:#313131}.Headercontainer1{width:75%;height:100%;background-color:#fff;border-radius:9px 9px 0 0}.Headercontainer2{width:25%;height:100%;display:flex;flex-direction:row;justify-content:end}.Headercontainer2div{width:95%;height:90%;border-radius:9px;display:flex;gap:10px;align-items:center;background-color:#fff}.Headercontainer2span1{width:200px;height:60px;display:flex;flex-direction:column;align-items:end;justify-content:center;gap:2px}.Headercontainer2span2{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center}.Headercontainer2span1div{width:100%;display:flex;justify-content:end;gap:10px;font-size:15px;color:#313131;font-family:inter,sans-serif}.Headercontainer2span1div2{width:70px;font-size:16px;display:flex;justify-content:end;font-family:inter,sans-serif}.Headerh3{width:90%;height:70px;display:flex;font-family:inter,sans-serif;align-items:center;padding-left:22px;font-size:22px;color:#009146}.Headericons{width:100%;height:100vh}.Profilebody{width:100%;height:100vh;position:fixed;top:0;right:0;left:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#313131;font-family:inter,sans-serif}.Profilemain{width:90%;height:90%}.Profilecontainer{width:100%;height:555px;display:flex;flex-direction:column;align-items:center;background-color:#fff;border-top-right-radius:9px;border-bottom-left-radius:9px;border-bottom-right-radius:9px}.Profilecontainerheader{width:85%;height:95px;display:flex;flex-direction:row;justify-content:center}.Profilecontainerheaderptag{width:57.5%;display:flex;flex-direction:row;justify-content:end;font-size:25px;font-family:inter,sans-serif;align-items:center}.Profilecontainermain{width:43%;display:flex;flex-direction:row;justify-content:end;align-items:center;height:70%}.Profilecontainermainbut{width:125px;height:38px}.Profilecontainerdiv2{width:100%;display:flex;flex-direction:column;align-items:center;height:260px;gap:25px}.Profilecontainerdiv2text{width:45%;font-family:inter,sans-serif;letter-spacing:1px;color:#1d1d1d;text-align:center}.Profilecontainerdiv2card{background-color:#009146;width:18%;display:flex;padding:20px;align-items:center;border-radius:9px;height:80%;border:3px solid #10ad5c;gap:10px;transition:transform .3s ease;flex-direction:column}.Profilecontainerdiv2card:hover{background-color:#0a6e3a;transform:scale(1.05)}.Profilespanbut{width:100%;height:30px}.Profilebutton{width:30px;height:30px;border-radius:50%;background-color:#009146;border:4px solid #D9EEE3}.profilemaintext{width:80%;font-size:15px;text-align:center;color:#d9eee3}.Profileimage{width:60px;height:70px}