:root{--primary-color: hsl(200, 50%, 50%);--accent-color: hsl(200, 95%, 50%);--neutral-black-0: hsl(0, 0%, 0%);--neutral-black-5: hsl(0, 0%, 5%);--neutral-black-10: hsl(0, 0%, 10%);--neutral-black-30: hsl(0, 0%, 30%);--neutral-white-70: hsl(0, 0%, 70%);--neutral-white-95: hsl(0, 0%, 95%);--semantic-success: hsl(120, 50%, 50%);--semantic-success-5: hsl(120, 50%, 5%);--semantic-error: hsl(0, 50%, 50%);--semantic-error-5: hsl(0, 50%, 5%);--semantic-warning: hsl(60, 50%, 50%);--semantic-warning-5: hsl(60, 50%, 5%);--semantic-info: hsl(240, 50%, 50%);--semantic-info-5: hsl(240, 50%, 5%);--xs-space: 4px;--s-space: 8px;--m-space: 16px;--l-space: 32px;--xl-space: 40px;--xxl-space: 48px;--shadow-dark-short: 0px 0px 1px 1px var(--neutral-black-0);--shadow-light-long: 0px 0px 5px 10px var(--neutral-black-5);--shadow: inset 0 0 .5px 1px hsla(0, 0%, 100%, .075), 0 0 0 1px hsla(0, 0%, 0%, .05), 0 .3px .4px hsla(0, 0%, 0%, .02), 0 .9px 1.5px hsla(0, 0%, 0%, .045), 0 3.5px 6px hsla(0, 0%, 0%, .09);--container-padding: var(--xs-space) var(--s-space);--nav-height: 40px;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--neutral-white-70);background-color:var(--neutral-black-0);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scrollbar-gutter:stable}body{margin:0;padding:0;line-height:1.5;-webkit-font-smoothing:antialiased}input,button,textarea,select{font:inherit;font-size:inherit}input,select,textarea{border:none;color:inherit;text-align:left;flex-grow:1;padding:var(--m-space) var(--s-space);border-radius:var(--xs-space);background:var(--neutral-black-5);box-shadow:var(--shadow)}input:open,select:open,textarea:open{background:var(--neutral-black-5)}input[type=search]{background:none}input[type=search]:focus,input[type=search]:hover{background:var(--neutral-black-5)}textarea{resize:vertical;min-height:24ch;max-height:24ch}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}button{min-width:15ch;max-width:25ch;width:100%;font-size:inherit;box-shadow:var(--shadow);background:var(--neutral-black-5);color:var(--neutral-white-70);padding:var(--m-space) var(--s-space);border:none;border-radius:var(--xs-space);cursor:pointer;text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden;display:flex;justify-content:center;align-items:center;gap:var(--xs-space)}button:hover{box-shadow:0 0 5px 1px #202020}button:active{box-shadow:inset 0 0 1px 1px #202020}.primaryButton{border:1px solid var(--accent-color);background:none;color:var(--accent-color)}.primaryButton svg{fill:var(--accent-color)}.primaryButton:hover{background:var(--neutral-black-5)}.primaryButton:active{background:var(--accent-color);color:var(--neutral-black-0)}.primaryButton:active svg{fill:var(--neutral-black-0)}#root{overflow-x:hidden;padding-bottom:calc(var(--nav-height) + 24px)}p{margin:0;padding:0}.FiltersList{border-radius:var(--border-rad);display:flex;gap:var(--xs-space)}.FiltersList .filter{flex-grow:1;flex-shrink:0}.FiltersList label{display:block;padding:var(--xs-space);text-align:center;cursor:pointer;border-radius:var(--xs-space);box-shadow:var(--shadow)}.FiltersList label:hover{background:var(--neutral-black-5)}.FiltersList input:checked+label{background:var(--primary-color);color:var(--neutral-black-5);border-radius:var(--xs-space);transition:background .1s ease-in-out}.LoaderContainer{display:flex;justify-content:center;width:100%}.loader{width:50px;padding:8px;aspect-ratio:1;border-radius:50%;background:var(--primary-color);--_m: conic-gradient(#0000 10%,#000), linear-gradient(#000 0 0) content-box;-webkit-mask:var(--_m);mask:var(--_m);-webkit-mask-composite:source-out;mask-composite:subtract;animation:l3 1s infinite linear}@keyframes l3{to{transform:rotate(1turn)}}.CardTransaction{display:flex;flex-direction:column;gap:var(--xs-space);padding:var(--s-space);border-radius:var(--xs-space);cursor:pointer;transition:background .1s ease-in}.CardTransaction:hover{background:var(--neutral-black-5);box-shadow:var(--shadow)}.CardTransaction svg{width:var(--m-space);height:var(--m-space);object-fit:contain;object-position:center;fill:var(--neutral-white-70);stroke:var(--neutral-white-70)}.CardTransaction .summary{display:flex;justify-content:flex-end;align-items:flex-start;gap:var(--xs-space)}.CardTransaction .summary>:first-child{margin-right:auto}.CardTransaction .summary .payment{white-space:nowrap}.CardTransaction .ingreso,.CardTransaction .cancelado{color:var(--semantic-success)}.CardTransaction .pendiente{color:var(--semantic-warning)}.CardTransaction .iconPlusText{display:flex;align-items:center;gap:var(--xs-space)}.CardTransaction .footer{display:flex;justify-content:space-between}.TransactionList{display:flex;flex-direction:column;gap:var(--m-space)}.TransactionList h3{font-weight:400;margin:0}.TransactionList .list{display:flex;flex-direction:column;gap:var(--s-space)}.TransactionsSummary{display:flex;flex-direction:column;gap:var(--s-space);align-items:center;text-align:center}.TransactionsSummary h3{margin:0;font-weight:400}.TransactionsSummary p{font-size:xx-large}.TransactionsSummary .tiposBalance{display:flex;gap:var(--m-space)}.TransactionsSummary .tiposBalance>*{background:var(--neutral-black-5);box-shadow:var(--shadow);padding:var(--m-space);border-radius:var(--xs-space)}.FinanceManagement{padding:var(--m-space);display:flex;flex-direction:column;gap:var(--m-space)}.MobileNav{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;min-height:var(--nav-height);padding:var(--s-space);box-shadow:0 -1px 20px 20px var(--neutral-black-0);background:var(--neutral-black-5);justify-content:space-evenly}.MobileNav .navTab{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;text-decoration:none;color:var(--neutral-white-70);flex-grow:1;flex-shrink:0;flex-basis:10px}.MobileNav .navTab>svg{min-width:24px;min-height:24px;padding-block:var(--xs-space);fill:var(--neutral-white-70);transition:width .1s ease}.MobileNav .navTab:hover{color:var(--neutral-white-95)}.MobileNav .navTab:hover>svg{fill:var(--neutral-white-95)}.MobileNav .navTab.active{color:var(--neutral-white-95)}.MobileNav .navTab.active>svg{width:70px;border-radius:var(--m-space);fill:var(--neutral-white-95);background:var(--neutral-black-10);box-shadow:var(--shadow)}.Home{padding:var(--m-space);display:flex;flex-direction:column;gap:var(--m-space)}.Home>.filters{display:flex;flex-direction:column;gap:var(--s-space)}.Home>.summaryDetails{display:flex;flex-direction:column;gap:var(--s-space)}.Home>.summaryDetails>.summary{display:flex;flex-direction:column;gap:var(--s-space)}.Home>.summaryDetails>.summary .item{flex-grow:1;flex-basis:30%;flex-shrink:0;padding:var(--s-space);border-radius:var(--xs-space);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:var(--xs-space)}.Home>.summaryDetails>.summary .item>.title{font-size:large}.Home>.summaryDetails>.summary .item .positive{color:var(--semantic-success)}.Home>.summaryDetails>.summary .item .negative{color:var(--semantic-error)}.Home>.summaryDetails>.summary .item .totals{display:flex;justify-content:space-between;flex-wrap:nowrap}.Home>.summaryDetails>.summary .singleItem>.title{display:none}.Home>.history{display:flex;flex-direction:column;gap:var(--s-space)}.Home>.history>.transactions{display:flex;flex-direction:column;gap:var(--m-space)}@media screen and (min-width: 426px){.Home>.summaryDetails>.summary{flex-direction:row}.Home>.summaryDetails>.summary .item{padding:0;box-shadow:none}.Home>.summaryDetails>.summary .item>.totals{flex-direction:column}.Home>.summaryDetails>.summary .singleItem>.title{display:none}.Home>.summaryDetails>.summary .singleItem>.totals{flex-direction:row}}