@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap);.navbar{justify-content:space-between;margin:1rem auto;max-width:360px}.navbar,.navbar a{align-items:center;display:flex}.navbar a{background:#fff;border:none;border-radius:1rem;color:#172449;cursor:pointer;font-size:.8rem;justify-content:center;margin-bottom:.5rem;padding:1rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:background .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background .2s ease-out;transition:transform .2s ease-out,background .2s ease-out,-webkit-transform .2s ease-out;width:100%;width:100px}.navbar a:before{background:#c0c5c5;border-radius:inherit;bottom:0;box-shadow:0 0 0 1px #a3abac,0 .125em 0 0 #083133;content:"";height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translate3d(0,.55em,-1em);transform:translate3d(0,.55em,-1em);transition:box-shadow .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out,-webkit-transform .2s ease-out;width:100%}.navbar a:hover{-webkit-transform:translateY(.15em);transform:translateY(.15em)}.navbar a:hover:before{-webkit-transform:translate3d(0,.5em,-1em);transform:translate3d(0,.5em,-1em)}.navbar a:active{-webkit-transform:translateY(.75em);transform:translateY(.75em)}.navbar a:active:before{box-shadow:0 0 0 2px #083133,0 0 #083133;-webkit-transform:translateZ(-1em);transform:translateZ(-1em)}.navbar a i{font-size:1.5rem}.popup{align-items:center;background:rgba(0,0,0,.2);display:flex;height:100vh;justify-content:center;left:0;opacity:0;position:fixed;top:0;transition:.4s ease-in-out;width:100%;z-index:999}.popup .popup__inner{background:#fff;border-radius:1rem;padding:32px;position:relative;width:370px}.popup .popup__inner .close__btn{border:none;color:#d44e4e;cursor:pointer;font-size:2rem;padding:0;position:absolute;right:16px;top:16px}.show{opacity:1;transition:.4s ease-in-out}.update__input__container{grid-row-gap:1rem;align-content:space-around;align-items:center;display:grid;height:100%;justify-content:center;margin-top:1rem;row-gap:1rem;width:100%}.update__input__container .input__container{align-items:center;border:1px solid #8a8a8a;border-radius:.5rem;display:flex}.update__input__container .input__container i{font-size:2rem;margin:0 .5rem}.update__input__container .input__container input{align-self:start;border:none;margin:.3rem 0;padding:.5rem 0}.update__input__container .input__container input:focus{outline:none}.update__input__container button{align-items:center;background:#fff;background:#59d44e;border:none;border-radius:1rem;color:#172449;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:1rem;width:100%}.add__container .add__input__container{display:grid}.add__container .add__input__container .select__Type{margin-bottom:.5rem;padding:.5rem 0}.add__container .add__input__container .select__Type option{margin:.2rem 0}.add__container .add__input__container input{align-self:start;border:1px solid #8a8a8a;border-radius:.5rem;margin:.3rem 0;padding:.5rem}.add__container .add__input__container input:focus{outline:none}.add__container button{align-items:center;background:#fff;background:#59d44e;border:none;border-radius:1rem;color:#172449;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:1rem;width:100%}.dashboard{background:#d3dde9;border-radius:1rem;padding:.5rem}.dashboard .dashboard__infos{grid-column-gap:10px;grid-row-gap:10px;-moz-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-areas:"budget spent" "budget remain";grid-template-columns:57% 40%;margin-bottom:.5rem;row-gap:10px}.dashboard .dashboard__infos .balance__container{background:#fff;border-radius:1.2rem;grid-area:budget;padding:1rem;transition:.4s ease-in-out}.dashboard .dashboard__infos .balance__container .name__container{align-items:center;display:flex;justify-content:space-between}.dashboard .dashboard__infos .balance__container .name__container .name{font-size:1.3rem;font-weight:500}.dashboard .dashboard__infos .balance__container .name__container img{width:60px}.dashboard .dashboard__infos .balance__container .balance__text .balance{font-size:2.5rem}.dashboard .dashboard__infos .balance__container:hover{-webkit-transform:scale(105%);transform:scale(105%)}.dashboard .dashboard__infos .spent__container{background:#fff;border-radius:1.2rem;grid-area:spent;padding:.5rem 1rem;transition:.4s ease-in-out}.dashboard .dashboard__infos .spent__container:hover{-webkit-transform:scale(105%);transform:scale(105%)}.dashboard .dashboard__infos .remaining__container{background:#fff;border-radius:1.2rem;grid-area:remain;padding:1rem;transition:.4s ease-in-out}.dashboard .dashboard__infos .remaining__container:hover{-webkit-transform:scale(105%);transform:scale(105%)}.dashboard .update__buttons{grid-row-gap:10px;display:grid;row-gap:10px}.dashboard .update__buttons button{align-items:center;background:#fff;border:none;border-radius:1rem;color:#172449;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;margin-bottom:.5rem;padding:1rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:background .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background .2s ease-out;transition:transform .2s ease-out,background .2s ease-out,-webkit-transform .2s ease-out;width:100%}.dashboard .update__buttons button:before{background:#c0c5c5;border-radius:inherit;bottom:0;box-shadow:0 0 0 1px #a3abac,0 .125em 0 0 #083133;content:"";height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translate3d(0,.55em,-1em);transform:translate3d(0,.55em,-1em);transition:box-shadow .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out,-webkit-transform .2s ease-out;width:100%}.dashboard .update__buttons button:hover{-webkit-transform:translateY(.15em);transform:translateY(.15em)}.dashboard .update__buttons button:hover:before{-webkit-transform:translate3d(0,.5em,-1em);transform:translate3d(0,.5em,-1em)}.dashboard .update__buttons button:active{-webkit-transform:translateY(.75em);transform:translateY(.75em)}.dashboard .update__buttons button:active:before{box-shadow:0 0 0 2px #083133,0 0 #083133;-webkit-transform:translateZ(-1em);transform:translateZ(-1em)}.dashboard .add__buttons{-webkit-column-gap:10px;column-gap:10px;display:flex;margin:.5rem 0}.dashboard .add__buttons button{align-items:center;background:#fff;border:none;border-radius:1rem;color:#172449;cursor:pointer;display:flex;font-size:.8rem;justify-content:center;padding:1rem;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:background .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background .2s ease-out;transition:transform .2s ease-out,background .2s ease-out,-webkit-transform .2s ease-out;width:100%}.dashboard .add__buttons button:before{background:#c0c5c5;border-radius:inherit;bottom:0;box-shadow:0 0 0 1px #a3abac,0 .125em 0 0 #083133;content:"";height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translate3d(0,.55em,-1em);transform:translate3d(0,.55em,-1em);transition:box-shadow .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out,-webkit-transform .2s ease-out;width:100%}.dashboard .add__buttons button:hover{-webkit-transform:translateY(.15em);transform:translateY(.15em)}.dashboard .add__buttons button:hover:before{-webkit-transform:translate3d(0,.5em,-1em);transform:translate3d(0,.5em,-1em)}.dashboard .add__buttons button:active{-webkit-transform:translateY(.75em);transform:translateY(.75em)}.dashboard .add__buttons button:active:before{box-shadow:0 0 0 2px #083133,0 0 #083133;-webkit-transform:translateZ(-1em);transform:translateZ(-1em)}@media screen and (min-width:768px){.dashboard .dashboard__infos{grid-column-gap:10px;grid-row-gap:10px;-moz-column-gap:10px;-webkit-column-gap:10px;column-gap:10px;display:grid;grid-template-areas:"budget budget" "remain remain" "spent spent";grid-template-columns:57% 40%;row-gap:10px}}.status{grid-row-gap:10px;display:grid;row-gap:10px}.status .option__status{background:#d3dde9;border-radius:1rem;-webkit-column-gap:10px;column-gap:10px;display:flex;padding:1rem .5rem}.status .option__status button{align-items:center;background:#fff;border:none;border-radius:1rem;border-radius:.5rem;color:#172449;cursor:pointer;display:flex;font-size:.8rem;font-size:1rem;font-weight:600;justify-content:center;padding:.5rem;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:.4s ease-in-out;transition:background .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,background .2s ease-out;transition:transform .2s ease-out,background .2s ease-out,-webkit-transform .2s ease-out;width:100%;z-index:1}.status .option__status button:before{background:#c0c5c5;border-radius:inherit;bottom:0;box-shadow:0 0 0 1px #a3abac,0 .125em 0 0 #083133;content:"";height:100%;left:0;position:absolute;right:0;top:0;-webkit-transform:translate3d(0,.55em,-1em);transform:translate3d(0,.55em,-1em);transition:box-shadow .2s ease-out,-webkit-transform .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out;transition:transform .2s ease-out,box-shadow .2s ease-out,-webkit-transform .2s ease-out;width:100%}.status .option__status button:hover{-webkit-transform:translateY(.15em);transform:translateY(.15em)}.status .option__status button:hover:before{-webkit-transform:translate3d(0,.5em,-1em);transform:translate3d(0,.5em,-1em)}.status .option__status button:active{-webkit-transform:translateY(.75em);transform:translateY(.75em)}.status .option__status button:active:before{box-shadow:0 0 0 2px #083133,0 0 #083133;-webkit-transform:translateZ(-1em);transform:translateZ(-1em)}.status .option__status button:hover{background:#fff}.status .bill__status{grid-row-gap:10px;display:grid;row-gap:10px;transition:.4s ease-in-out}.status .bill__status .status__container{background:#d3dde9;border-radius:1rem;padding:.5rem}.status .bill__status .status__container .status{display:block;height:305px;max-height:305px;overflow-y:scroll;padding:.5rem;width:100%}.status .bill__status .status__container .status::-webkit-scrollbar{display:absolute;width:1px}.status .bill__status .status__container .status li{background:#b7c7d9;border-radius:.5rem;display:flex;justify-content:space-between;justify-items:center;margin-bottom:10px;padding:.5rem;transition:.4s ease-in-out}.status .bill__status .status__container .status li .icon__text{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex}.status .bill__status .status__container .status li .icon__text img{width:30px}.status .bill__status .status__container .status li span{align-items:center;display:flex;justify-content:space-between}.status .bill__status .status__container .status li span i{cursor:pointer;font-size:1.5rem;margin-left:10px}.status .bill__status .status__container .status li:hover{-webkit-transform:scale(101%);transform:scale(101%)}.status .expense__status{grid-row-gap:10px;display:grid;row-gap:10px}.status .expense__status .status__container{background:#d3dde9;border-radius:1rem;padding:.5rem}.status .expense__status .status__container .status{display:block;height:305px;max-height:305px;overflow-y:scroll;width:100%}.status .expense__status .status__container .status::-webkit-scrollbar{display:absolute;width:1px}.status .expense__status .status__container .status li{background:#b7c7d9;border-radius:.5rem;display:flex;justify-content:space-between;justify-items:center;margin-bottom:10px;padding:.5rem}.status .expense__status .status__container .status li .icon__text{align-items:center;-webkit-column-gap:10px;column-gap:10px;display:flex}.status .expense__status .status__container .status li .icon__text img{width:30px}.status .expense__status .status__container .status li span{align-items:center;display:flex;justify-content:space-between}.status .expense__status .status__container .status li span i{cursor:pointer;font-size:1.5rem;margin-left:10px}.status .total__container{align-items:center;background:#d3dde9;border-radius:1rem;display:flex;justify-content:space-between;padding:1rem}.status .total__container .total__text{font-size:1rem}.status .total__container .total{font-size:2rem}body{background:#c0d4df;color:#172449}img{max-width:100%}*{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;font-family:Poppins;list-style:none;margin:0;padding:0;text-decoration:none}.wrapper{grid-row-gap:10px;display:grid;margin:0 auto;max-width:360px;row-gap:10px}@media screen and (min-width:768px){.navbar,.wrapper{max-width:750px}.wrapper{-webkit-column-gap:10px;column-gap:10px;grid-template-columns:50% 50%;max-height:470px}.wrapper .status__container{grid-template-rows:10% 90%}}
/*# sourceMappingURL=main.133de4e3.css.map*/