@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.App{width:100vw;height:100vh}.header-container{display:flex;align-items:center;width:100%;height:88px;padding:32px 0;box-shadow:0 4px 4px #00000040}.header-container>div{display:flex;justify-content:space-between;align-items:center;width:982px;margin:0 auto}.main-container{display:flex;justify-content:space-between;margin:39px auto;width:982px}@media (max-width: 1000px){.header-container>div{width:90%}.main-container{width:90%;justify-content:space-between}}@media (max-width: 930px){.main-container{flex-direction:column}.financial-container{display:flex;flex-direction:row;justify-content:space-between}}@media (max-width: 815px){.financial-container{flex-direction:column;margin-bottom:40px}}@media (max-width: 500px){.main-container{margin:30px auto}}.button-container{height:40px;padding:10.5px 15px;border:none;border-radius:8px;background-color:#e9ecef;font-weight:600;font-size:14px;color:#343a40;cursor:pointer}.button-container:hover{background-color:#212529;color:#f8f9fa}.btn-filter:focus{background-color:#fd377e;color:#fff}.form-container{display:flex;flex-direction:column;gap:19px;width:363px;height:351px;padding:38px 24.5px;border:1px solid #E9ECEF;border-radius:4px;margin-bottom:16px}.label-text{font-weight:400;font-size:12px;color:#212529}.input-description-container{display:flex;flex-direction:column}.input-description-container>input{margin-top:12px;height:52px;padding:0 16px;border:none;border-radius:8px;font-weight:400;font-size:16px;background-color:#f8f9fa}input:focus{outline:2px solid #212529}.input-description-container>span{font-weight:400;font-size:12px;color:#868e96}.inputs-value-container{display:flex;flex-direction:row;justify-content:space-between}.inputs-value-container div{display:flex;flex-direction:column;gap:9px}.input-value-container{position:relative}.money-icon{position:absolute;right:10px;top:14px}.inputs-value-container>div>div>input{width:128px;height:48px;padding:0 16px;border:none;border-radius:8px;background-color:#f8f9fa;font-weight:400;font-size:16px;color:#868e96}.inputs-value-container>div>select{width:150px;height:48px;padding:0 16px;border:none;border-radius:8px;background-color:#f8f9fa;font-weight:400;font-size:12px;color:#343a40}select:focus{outline:2px solid #212529}.btn-insert-value{height:48px;padding:13px 20px;border:none;border-radius:8px;background-color:#fd377e;font-weight:500;font-size:16px;color:#fff;cursor:pointer}.btn-insert-value:hover{background-color:#e34981;color:#f8f9fa}@media (max-width: 500px){.form-container{width:100%}}@media (max-width: 350px){.inputs-value-container{flex-direction:column}.inputs-value-container>div>div>input{width:100%}.inputs-value-container>div>select{width:100%}}.total-value-container{display:flex;flex-direction:column;justify-content:space-between;width:363px;height:96px;padding:20px 24px;border:1px solid #E9ECEF;border-radius:4px}.total-value-container>div{display:flex;flex-direction:row;justify-content:space-between}.total-value-container>div>p{font-weight:700;font-size:16px;color:#212529}.total-value-container>div>span{font-weight:700;font-size:16px;color:#fd377e}.total-value-container>span{font-weight:400;font-size:12px;color:#343a40}@media (max-width: 500px){.total-value-container{width:100%}}.financial-summary-container{width:560px}.filter-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.filter-container>div{display:flex;flex-direction:row;gap:16px}.financial-summary-list{list-style:none;display:flex;flex-direction:column;gap:32px}.financial-summary-item{display:flex;flex-direction:column;justify-content:space-between;height:87px;padding:18px;border-left:4px solid #03B898;border-radius:4px;background-color:#f8f9fa}.financial-summary-item-expense{border-left:4px solid #E9ECEF}.financial-summary-item>div{display:flex;justify-content:space-between;align-items:center}.financial-summary-item>div>p{font-weight:700;font-size:16px;color:#212529}.financial-summary-item>div>div>span{font-weight:400;font-size:12px;color:#212529}.financial-summary-item>div>div{display:flex;gap:50px}.btn-bin{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer}.financial-summary-item>span{font-weight:400;font-size:12px;color:#343a40}.empty-list-text{font-weight:700;font-size:22px;color:#343a40}@media (max-width: 1000px){.financial-summary-container{width:450px}}@media (max-width: 930px){.financial-summary-container{width:100%}}@media (max-width: 500px){.filter-container{align-items:flex-start;flex-direction:column}.filter-container>h3{margin-bottom:20px}}.indexPage-container{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#212529}.container{display:flex;justify-content:space-between;align-items:center;width:988px;height:593px}.content-container{display:flex;flex-direction:column;gap:28px;width:347px;color:#fff}.content-container>img{width:122px;height:20px}.content-container>p{font-weight:800;font-size:38px;line-height:48px}.content-container>span{font-weight:300;font-size:16px;line-height:26px}.content-container>button{width:240px;height:48px;padding:13px 20px;border:2px solid #FD377E;border-radius:8px;background-color:#fd377e;font-weight:500;font-size:16px;color:#fff;cursor:pointer}.content-container>button:hover{background-color:#e34981;color:#f8f9fa}.img-indexPage{width:60%;height:100%}@media (max-width: 1100px){.container{justify-content:space-around}.img-indexPage{width:50%;height:80%}}@media (max-width: 950px){.img-indexPage{width:35%}}@media (max-width: 800px){.container{flex-direction:column;gap:20px}.content-container{width:80%}.content-container>button{margin:0 auto}.img-indexPage{width:40%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Nunito,sans-serif}body{width:100%;height:100%}
