@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400..900&display=swap";*,*:before,*:after{padding:0;margin:0;box-sizing:border-box;font-family:Maven Pro,sans-serif}body{background:#f1f7fe;color:#112d4e}.main{height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px}.card{background:#c1ddf6;padding:1rem;width:100%;max-width:375px;display:flex;flex-direction:column;gap:1rem}.card_title{font-size:28px}.card_form{display:flex;flex-direction:column;gap:1rem}.card_text{display:flex;justify-content:center;gap:.5rem}.card_link{color:#1976d2;text-decoration:none;transition:color .3s ease}.card_link:hover{color:#1668b3}.card_buttons{display:flex;gap:1rem}.app{width:100%;max-width:375px;height:100%;display:flex;flex-direction:column;gap:1rem}.app_header{display:flex;flex-direction:column;align-items:center}.header_amount{font-size:28px}.gastos_porcent{background:#c1ddf6;width:208px;height:208px;margin:1rem auto;border-radius:1rem;position:relative;display:flex;align-items:center;justify-content:center}.porcent{width:75%;height:75%;display:flex;justify-content:center;align-items:center}.porcent_circle{width:100%;height:100%}.circle{fill:none;stroke-width:2;transform:rotate(-90deg);transform-origin:50%;stroke-dasharray:100 100;stroke:#f1f7fe}.circle_porcent{fill:none;stroke-width:2;transform:rotate(-90deg);transform-origin:50%;stroke-dasharray:0 100;stroke:#112d4e;transition:stroke-dasharray .5s ease}.porcent_total{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:translate(-50%,-50%)}.porcent_amount{font-size:20px;font-weight:700}.app_date{display:flex;justify-content:center;align-items:center;gap:1rem}.app_date box-icon{cursor:pointer}.date_value{font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none}.app_items{height:100%;overflow-y:auto;padding:0 1rem;display:flex;flex-direction:column;gap:1rem}.items_block{background:#c1ddf6;padding:1rem;border-radius:1rem;display:flex;align-items:center;justify-content:space-between;font-weight:700;box-shadow:4px 4px 8px #0000001a;text-transform:capitalize;cursor:pointer;transition:background .3s ease}.items_block:hover{background:#b0d4f5}.items_title,.items_amount{-webkit-user-select:none;user-select:none}.app_shadow{background:#00000080;padding:0;opacity:0;display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:0;height:100vh;transition:opacity .5s ease}.app_shadow.active{padding:0 18px;opacity:1;width:100%}