@import url(https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700&display=swap);*{box-sizing:border-box;font-family:Nunito,sans-serif;margin:0;padding:0}:root{--color-brand-1:#fd377e;--color-brand-2:#e34981;--color-green:#03b898;--color-grey-1:#f8f9fa;--color-grey-2:#e9ecef;--color-grey-3:#868e96;--color-grey-4:#212529;--font-size-12:0.75rem;--font-size-16:1rem;--font-size-20:1.25rem;--font-size-24:1.5rem;--font-size-28:1.75rem}.font12{font-size:.75rem;font-size:var(--font-size-12)}.font16{font-size:1rem;font-size:var(--font-size-16)}.font20{font-size:1.25rem;font-size:var(--font-size-20)}.font24{font-size:1.5rem;font-size:var(--font-size-24)}.font28{font-size:1.75rem;font-size:var(--font-size-28)}.bold{font-weight:700}.container{margin:0 auto;max-width:940px;width:100%}.background{background-color:#212529!important;background-color:var(--color-grey-4)!important;overflow:hidden}@media (prefers-color-scheme:dark){:root{--color-background:#2a2929;--color-grey100:#fff}}.button-brand{background-color:var(--color-brand-1);border:2px solid var(--color-brand-1);border-radius:8px;color:#fff;font-size:var(--font-size-16px);padding:13px 20px;transition:.3s ease}.button-brand:hover{background-color:var(--color-brand-2);border:2px solid var(--color-brand-2);color:var(--color-grey-1);cursor:pointer}.button-grey{background-color:var(--color-grey-2);border:1.5px solid var(--color-grey-2);border-radius:8px;color:var(--color-grey-4);font-weight:700;padding:10px 15px;transition:.4s ease}.button-grey:hover{background-color:var(--color-grey-4);border:1.5px solid var(--color-grey-4);color:var(--color-grey-1);cursor:pointer}.button-grey:focus{background-color:var(--color-brand-1);border:1.5px solid var(--color-brand-1);color:#fff}h3{color:#fff}h3>span{color:var(--color-brand-1)}.wrapper{align-items:center;color:#fff;display:flex;height:100vh;width:100%}.sec-left{display:flex;flex-direction:column;gap:28px;width:50%}.sec-left h1{font-size:38px;width:70%}.sec-left p{color:var(--color-grey-1)}.sec-left button{width:55%}.sec-right{width:50%}.sec-right img{transition:1s ease}.sec-left button{font-size:var(--font-size-20)!important;font-weight:700}@media (max-width:950px){body{overflow-y:hidden}.wrapper{flex-direction:column;gap:30px;justify-content:center}.sec-left,.sec-right{width:100%}.sec-left{position:relative;z-index:200}.sec-left>*{width:100%!important}.sec-right{text-align:center;z-index:1}.sec-right img{left:0;opacity:50%;position:absolute;top:0;width:100%}}body{background-color:#fff!important;overflow-x:hidden;overflow-y:scroll}header{background-color:var(--color-grey-1);box-shadow:0 0 17px 1px #bbb;height:90px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:100vw}.header-content{align-items:center;display:flex;height:90px;justify-content:space-between;margin:0 auto 40px;width:940px}header h3{color:var(--color-grey-4)}main{display:flex;gap:5%;justify-content:space-between}@media (max-width:950px){.header-content{padding:0 10px;width:100%}.container{padding:0 10px}}form{border:1px solid var(--color-grey-2);border-radius:8px;display:flex;flex-direction:column;gap:14px;height:352px;max-width:364px;padding:38px 24px;position:-webkit-sticky;position:sticky;top:40px;width:40%}.input-wrapper{display:flex;justify-content:space-between}.input-wrapper>span{width:45%}label{font-size:var(--font-size-12)}input,select{border:2px solid var(--color-grey-1);border-radius:8px;color:var(--color-grey-4);font-size:var(--font-size-16);outline:none;padding:12px 16px;width:100%}input::-webkit-input-placeholder{color:var(--color-grey-3)}input::placeholder{color:var(--color-grey-3)}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}form>small{color:var(--color-grey-3);font-size:var(--font-size-12);margin-top:-10px}.input-wrapper>span:first-child{position:relative}.input-wrapper>span:first-child>small{color:var(--color-grey-4);font-size:16px;font-weight:700;position:absolute;right:16px;top:50%}form label{color:var(--color-grey-4);margin-left:2px}.input-wrapper input:last-of-type{padding-right:40px}@media (max-width:950px){form{height:420px}.input-wrapper{flex-direction:column;gap:10px}.input-wrapper>*{width:100%!important}}.cards-wrapper{color:var(--color-grey-4);width:55%}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:28px}.cards-wrapper p{font-weight:700}.card-header .filter button+button{margin-left:16px}ul{list-style:none}ul>li{box-shadow:0 0 17px 1px #fff;margin-top:28px;transition:.5s ease}ul>.card:hover{background-color:var(--color-grey-1);box-shadow:0 0 17px 1px #bbb}li>img{width:100%}ul>.card{background-color:var(--color-grey-1);border-left:4px solid var(--color-green);border-radius:4px;display:flex;height:90px;justify-content:space-between;margin-bottom:20px;padding:10px 18px 20px}.card2{border-left:4px solid var(--color-grey-3)!important}.card span:first-child{display:flex;flex-direction:column;justify-content:space-between}.card span:nth-child(2){align-items:center;display:flex;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-between;width:40%}.card span:nth-child(2)>svg{background-color:var(--color-grey-2);border-radius:2.5px;box-sizing:initial;padding:8px;transition:.4s ease}.card span:nth-child(2)>svg:hover{cursor:pointer;-webkit-filter:brightness(90%);filter:brightness(90%)}@media (max-width:950px){.card-header{align-items:flex-start;flex-direction:column;gap:10px}.card-header button{font-size:var(--font-size-12);padding:8px 10px}.card-header .filter button+button{margin-left:6px}}.total-money-wrapper{border:1px solid var(--color-grey-2);border-radius:8px;color:var(--color-grey-4);height:100px;margin:60px -24px 0;max-width:364px;padding:20px 24px}.total-money-wrapper p{font-weight:700}.total-money-wrapper>span{display:flex;justify-content:space-between;margin-bottom:10px}.total-money-wrapper>span p:nth-child(2){color:var(--color-brand-1)}.total-money-wrapper small{color:var(--color-grey-3)}@media (max-width:950px){.total-money-wrapper{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}}
/*# sourceMappingURL=main.e0ad5eac.css.map*/