.home-page{background-image:url(/bg-header.png);background-position:50% 60px;background-repeat:no-repeat;background-size:100% 250px;width:100%;min-height:100vh}.icon-container-modal{border-radius:var(--border-radius);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);cursor:pointer;justify-content:center;align-items:center;width:3.125rem;height:3.125rem;padding:.1875rem;display:flex}.icon-container-modal.selected{border:1px solid var(--color-select)}.icon-container-modal.default{border:1px solid var(--color-border-form)}.icon-edit-container{border-radius:var(--border-radius);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);border:1px solid var(--color-border-form);cursor:pointer;padding:var(--spacing-xxs);justify-content:center;align-items:center;display:flex;overflow:hidden}.setting-container{border-radius:var(--border-radius);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);border:1px solid var(--color-border-form);padding:var(--spacing-lg);font-size:var(--font-size-md);margin-bottom:var(--spacing-lg);box-sizing:border-box;justify-content:flex-start;align-items:center;height:5rem;display:flex;overflow:hidden}.setting-container .setting-title{margin-bottom:var(--spacing-xs);font-weight:700}.setting-container .setting-desc{color:gray;font-size:small}.transaction-page-container{background-color:var(--color-background-form);border-radius:var(--border-radius);border:1px solid var(--color-border-form);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);padding:var(--padding-card);flex:1;height:calc(100vh - 160px);padding-right:4px}.transaction-left-header{margin-bottom:var(--margin-bottom-title);padding-right:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.selected-filters{white-space:nowrap;padding-bottom:var(--spacing-xs);align-items:center;display:flex;overflow-x:auto}.transaction-content.with-filters,.transaction-content.without-filters{padding-right:var(--spacing-lg);overflow:hidden auto}.transaction-content.with-filters{height:calc(100vh - 350px)}.transaction-content.without-filters{height:calc(100vh - 320px)}.button-add-transaction .ant-btn-compact-item.ant-btn-primary:not([disabled])+.ant-btn-compact-item.ant-btn-primary:not([disabled]):before{background-color:var(--color-addnew)}.transaction-form{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-lg);background-color:var(--color-background-form);border-radius:var(--border-radius);border:1px solid var(--color-border-form);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);padding:var(--padding-card)}.transaction-form-row{gap:var(--spacing-lg);grid-template-columns:3fr 2fr;display:grid}.transaction-form-row-transfer{gap:var(--spacing-lg);grid-template-columns:2fr minmax(24px,auto) 2fr;display:grid}.transaction-actions{margin-bottom:var(--spacing-xs);margin-right:var(--spacing-lg);border:1px solid var(--color-border-form);border-radius:var(--border-radius);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);padding:var(--spacing-xs);justify-content:space-between;align-items:center;display:flex}.transaction-template-form-row{gap:var(--spacing-lg);grid-template-columns:3fr 2fr;display:grid}.transaction-template-form-row-transfer{gap:var(--spacing-lg);grid-template-columns:1fr auto 1fr;display:grid}.transaction-recurring-form{gap:var(--spacing-lg);grid-template-columns:5fr 3fr;display:grid}.form-row-50{gap:var(--spacing-xs);grid-template-columns:1fr 1fr;display:grid}.tx-recurring-info{margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);display:flex}.tx-recurring-info .label{font-weight:500}.tx-recurring-info .number{font-weight:700;font-size:var(--font-size-xl);color:#00f;flex:none}.timeline-container{max-height:270px;padding:var(--spacing-xs);overflow-y:auto}.transaction-right-header{font-size:var(--font-size-md);margin-bottom:var(--margin-bottom-title);justify-content:space-between;align-items:center;font-weight:600;display:flex}.transaction-title{text-align:left;flex:1}.transaction-legend{gap:var(--spacing-md);margin-right:var(--spacing-lg);display:flex}.legend-item{align-items:center;gap:var(--spacing-xs);display:flex}.legend-item span{font-size:small;font-weight:300}.legend-color{border-radius:4px;width:20px;height:20px}.legend-color.past{background-color:var(--color-past)}.legend-color.upcoming{background-color:var(--color-upcoming)}.transaction-content-similar{padding-right:var(--spacing-md);height:calc(100vh - 600px);overflow:hidden auto}.transaction-similar{margin-bottom:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-xs) .125rem var(--spacing-xs);flex-direction:column;display:flex}.transaction-similar:hover{border:1px solid var(--color-border-form);border-radius:var(--border-radius);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);cursor:pointer}.transaction-similar-row{margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-xs);grid-template-columns:auto auto;display:grid}.transaction-similar-row>:first-child{justify-self:start}.transaction-similar-row>:last-child{justify-self:end}.transaction-similar-row-2{margin-bottom:var(--spacing-xs);align-items:center;gap:var(--spacing-lg);grid-template-columns:auto auto auto;display:grid}.transaction-similar-row-2>:first-child{justify-self:start}.transaction-similar-row-2>:last-child{justify-self:end}.transaction-similar-avatar{align-items:center;display:flex}.calender-similar{margin-bottom:var(--margin-bottom-title);flex-direction:column;align-items:center;display:flex}.calender-similar-box{border:1px solid var(--color-border-form);border-radius:var(--border-radius);width:450px;box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);padding:var(--spacing-xxs);position:relative}.calender-similar-box .ant-picker-calendar .ant-picker-content th{min-width:24px;font-weight:700;position:relative}.calender-similar-box .ant-picker-content{pointer-events:none!important;cursor:default!important}.calendar-loading-overlay{z-index:10;background:#fffc;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.calender-similar-box .highlighted-date{z-index:2;border-radius:4px;min-width:24px;height:24px;line-height:24px;transition:background .2s;display:inline-block;position:relative;background:var(--color-past)!important;color:#fff!important}.calender-similar-box .upcoming-date{z-index:2;border-radius:4px;min-width:24px;height:24px;line-height:24px;transition:background .2s;display:inline-block;position:relative;background:var(--color-upcoming)!important;color:#fff!important}.calender-similar-box .ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-selected:not(.ant-picker-cell-disabled) .ant-picker-cell-inner{color:#000!important;background:0 0!important}.calender-similar-box .ant-picker-calendar .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border:none!important}.transaction-row{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-xs);display:grid}.transaction-row:hover{border:1px solid var(--color-border-form);border-radius:var(--border-radius);box-shadow:0px 3px 4px 0px var(--color-box-shadow-form);cursor:pointer}.transaction-row-no-date{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 0;grid-template-columns:minmax(250px,2.5fr) minmax(160px,1.5fr) 2fr minmax(180px,1.5fr) auto;display:grid}.transaction-row-with-date{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-xs) var(--spacing-xs) 0;grid-template-columns:minmax(80px,.8fr) minmax(220px,2.2fr) minmax(150px,1.3fr) 2fr minmax(180px,1.5fr) auto;display:grid}.transaction-date{color:gray;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.transaction-date-group{font-weight:800;font-size:var(--font-size-base);color:gray;padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.transaction-date-group:first-child{padding-top:0}.transaction-account{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius);background-color:var(--color-background-sub-item-collapse);width:auto;max-width:fit-content;display:flex}.transaction-category{padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius);background-color:var(--color-background-sub-item-collapse);text-overflow:ellipsis;white-space:nowrap;align-items:center;width:auto;max-width:fit-content;display:flex;overflow:hidden}.transaction-category .separator{margin-left:var(--spacing-xxs);align-items:center;display:flex}.transaction-category .arrow{display:none}.ant-menu-horizontal{gap:var(--spacing-xxs)!important;border-bottom:none!important;padding-inline:0!important}.ant-menu-horizontal .ant-menu-overflow-item:first-child{margin-inline-end:-4px!important}.ant-menu-horizontal>.ant-menu-item:after,.ant-menu-horizontal>.ant-menu-item-selected:after{display:none!important}.ant-menu-horizontal>.ant-menu-item{padding-block:var(--spacing-xxs)!important;padding-inline:var(--spacing-md)!important;border-radius:var(--radius-sm)!important;height:auto!important;margin-block:auto!important;line-height:1.5!important;transition:all .2s!important}.ant-menu-horizontal>.ant-menu-item-selected{font-weight:500;color:#009688!important;background-color:#0096881f!important}.ant-menu-horizontal>.ant-menu-item:hover:not(.ant-menu-item-selected),.ant-menu-inline .ant-menu-item:hover:not(.ant-menu-item-selected){color:#009688!important;background-color:#0096880f!important}.ant-menu-inline .ant-menu-item-selected{font-weight:500;color:#009688!important;background-color:#0096881f!important}.custom-button-link{color:#fff;background-color:#1677ff;width:100%}.custom-button-link:not(.disabled):hover{color:#fff!important;background-color:#40a9ff!important;border-color:#40a9ff!important}.custom-button-link.disabled,.custom-button-link[disabled],.custom-button-link.disabled:hover,.custom-button-link[disabled]:hover{cursor:not-allowed;color:#00000040!important;box-shadow:none!important;background:#0000000a!important;border-color:#d9d9d9!important}.payment-methods{text-align:center;margin-top:var(--spacing-lg)}.payment-header{margin-bottom:var(--spacing-xs);justify-content:center;align-items:center;display:flex}.payment-header span{margin-right:var(--spacing-xs);font-weight:700}.payment-header img{margin-right:var(--spacing-xs);height:var(--spacing-lg);vertical-align:middle}.payment-logo{margin:0 var(--spacing-xs);height:var(--spacing-xxl);vertical-align:middle}.supported-payment-methods{margin-top:var(--spacing-xs);padding-bottom:var(--spacing-md);justify-content:center;align-items:center;display:flex}.loading-screen{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;height:100vh;font-family:Courier New,Courier,monospace;display:flex}.loading-logo{width:120px;margin-bottom:20px}h2{margin-bottom:20px}.maintenance-page{width:100%;min-height:100vh;padding:var(--spacing-lg);background:linear-gradient(135deg,#0f0c29 0%,#302b63 50%,#24243e 100%) 0 0/400% 400%;flex:1;justify-content:center;align-items:center;animation:12s infinite gradientShift;display:flex;position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.maintenance-page:before,.maintenance-page:after{content:"";filter:blur(80px);opacity:.3;pointer-events:none;border-radius:50%;position:absolute}.maintenance-page:before{background:#7c3aed;width:25rem;height:25rem;animation:8s ease-in-out infinite floatOrb;top:-6rem;right:-6rem}.maintenance-page:after{background:#2563eb;width:20rem;height:20rem;animation:10s ease-in-out infinite reverse floatOrb;bottom:-5rem;left:-5rem}@keyframes floatOrb{0%,to{transform:translate(0)scale(1)}25%{transform:translate(2rem,-1.5rem)scale(1.05)}50%{transform:translate(-1rem,2rem)scale(.95)}75%{transform:translate(1.5rem,1rem)scale(1.02)}}.maintenance-card{z-index:1;-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-xl);padding:var(--spacing-xxl) var(--spacing-xl);text-align:center;background:#ffffff14;border:1px solid #ffffff26;width:100%;max-width:30rem;animation:.8s ease-out cardFadeIn;position:relative;box-shadow:0 8px 32px #0000004d}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(1.5rem)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.maintenance-logo{width:auto;height:3rem;margin-bottom:var(--spacing-lg);opacity:.9}.maintenance-icon-wrapper{margin-bottom:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.maintenance-icon{font-size:3.5rem;animation:6s linear infinite spinGear;display:inline-block}@keyframes spinGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.maintenance-title{font-size:var(--font-size-xxl);color:#fff;margin-bottom:var(--spacing-xs);letter-spacing:-.02em;font-weight:700}.maintenance-subtitle{font-size:var(--font-size-lg);color:#ffffffb3;margin-bottom:var(--spacing-lg);font-weight:500}.maintenance-description{font-size:var(--font-size-base);color:#ffffff8c;margin-bottom:var(--spacing-xl);line-height:1.6}.maintenance-status{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:#ffffffa6;background:#ffffff1a;border-radius:2rem;display:inline-flex}.maintenance-status-dot{background:#fbbf24;border-radius:50%;width:.5rem;height:.5rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@media (width<=480px){.maintenance-card{padding:var(--spacing-xl) var(--spacing-lg);margin:var(--spacing-md)}.maintenance-title{font-size:var(--font-size-xl)}.maintenance-subtitle{font-size:var(--font-size-md)}.maintenance-icon{font-size:2.5rem}}:root{--spacing-xxs:.25rem;--spacing-xs:.5rem;--spacing-sm:.75rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-xxl:2.5rem;--font-size-xs:.75rem;--font-size-sm:.8125rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-xxl:1.5rem;--font-size-heading:2rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--font-size-sub:var(--font-size-xs);--font-size-acction-button:1.05rem;--font-size-title-page:var(--font-size-xl);--border-radius:var(--radius-lg);--padding-card:var(--spacing-lg);--margin-right-card:var(--spacing-sm);--min-height-body-modal:40vh;--max-height-body-modal:65vh;--margin-bottom-title:var(--spacing-md);--color-text:#000000e0;--color-background:#f9f9f9;--color-background-form:#fff;--color-border-form:#f1f1f4;--color-box-shadow-form:#00000008;--color-title:#071437;--color-subtitle:#78829d;--color-link:#1b84ff;--color-text-separator:#99a1b7;--color-border-separator:#f1f1f4;--color-background-item-collapse:#f9f9f9;--color-background-sub-item-collapse:#f0f0f0;--color-income:#039855;--color-expense:#d92d20;--color-transfer:#007bff;--color-limit:#0086c9;--color-addnew:#4caf50;--color-edit:#fdb022;--color-select:#fdb022;--color-upcoming:#2196f3;--color-past:#ff6f61;--color-basic:#98a2b3;--color-pro:#fec84b;--color-family:#0a4c86;--color-loan:#d92d20;--color-lending:#039855;--color-active:#0086c9;--color-inprogress:#fdb022;--color-complete:#4caf50;--color-pause:#fdb022;--color-shortterm:#d4380d;--color-longterm:#531dab;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}body{margin:0}#root{color:var(--color-text);background-color:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:.875rem;font-weight:400;line-height:1.375rem;display:flex}.not-found{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}::-webkit-scrollbar-track{background-color:#0000000d}::-webkit-scrollbar:horizontal{height:6px}.icon-cdn-skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--color-background-sub-item-collapse) 25%, var(--color-background-item-collapse) 50%, var(--color-background-sub-item-collapse) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite icon-shimmer}@keyframes icon-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.icon-preview-wrapper{display:inline-flex;position:relative}.icon-preview-popup{pointer-events:none;opacity:0;flex-direction:column;align-items:center;gap:.375rem;transition:opacity .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.92)}.icon-preview-popup--visible{opacity:1;transform:translate(-50%)translateY(-100%)scale(1)}.icon-preview-popup-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(16px)saturate(180%);background:#ffffffeb;justify-content:center;align-items:center;padding:.625rem;display:flex;box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f,inset 0 0 0 1px #ffffff80}.icon-preview-popup-label{font-size:var(--font-size-xs);color:var(--color-subtitle);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;background:#ffffffe0;max-width:10rem;padding:.125rem .5rem;overflow:hidden;box-shadow:0 1px 4px #0000000f}