:root{--cookies-banner-font-weight:500;--cookies-banner-bg:#bfdbfe;--cookies-banner-text:#4b5563;--cookies-banner-button-bg:#6366f1;--cookies-banner-button-bg-hover:#4f46e5;--cookies-banner-button-text-second:#f3f4f6}@media (prefers-color-scheme:dark){:root{--cookies-banner-font-weight:400;--cookies-banner-bg:#2563eb;--cookies-banner-text:#e5e7eb;--cookies-banner-button-bg:#4f46e5;--cookies-banner-button-bg-hover:#4338ca;--cookies-banner-button-text-second:#e5e7eb}}.cookies-banner{z-index:4500;width:auto;max-width:28rem;color:var(--cookies-banner-text);background-color:var(--cookies-banner-bg);font-size:.875rem;line-height:1.25rem;font-weight:var(--cookies-banner-font-weight);-webkit-user-select:none;user-select:none;border-radius:.375rem;margin-right:.5rem;padding:.5rem 1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,transform;transition-duration:.3s;transition-timing-function:linear;animation:.5s fromBottomAppear;position:fixed;bottom:.5rem;left:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.cookies-banner-leaving{opacity:0;transform:translateY(100%)}.cookies-banner-buttons{justify-content:center;margin-top:.25rem;display:flex}@media (width>=640px){.cookies-banner-buttons{justify-content:flex-start}}.cookies-banner-button{text-align:center;text-overflow:ellipsis;white-space:nowrap;background-color:var(--cookies-banner-button-bg);width:100%;height:max-content;color:var(--cookies-banner-button-text-second);cursor:pointer;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;line-height:1.5rem;transition:all .3s ease-out;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.cookies-banner-button:hover{background-color:var(--cookies-banner-button-bg-hover);transform:scale(1.05)}@keyframes fromBottomAppear{0%{bottom:-100%}to{bottom:0}}.transactions-section{flex-direction:column;width:800px;max-width:100%;padding-top:2.25rem;display:flex}.transaction-row{width:100%;color:var(--text-grey);-webkit-user-select:none;user-select:none;flex-direction:column;gap:.5rem;padding:.25rem .5rem;font-size:.875rem;line-height:1.25rem;transition:all .3s ease-out;display:flex;position:relative}.transaction-row:hover{transform:scale(1.01)}.transaction-row-selected:after{content:"";border:1.5px solid var(--selected-transaction-border-color);pointer-events:none;border-radius:inherit;z-index:1;position:absolute;inset:0}.transaction-row-shadow-top{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000}.transaction-row-shadow-bottom{box-shadow:0 1px 3px #0000,0 1px 2px -1px #0000001a}.transaction-row-rounded-top-0_25{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.transaction-row-rounded-bottom-0_25{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.transaction-row-main-block{gap:.5rem;width:100%;height:max-content;overflow:hidden}@media (width<=640px){.transaction-row-main-block{flex-direction:column;display:flex}}@media (width>=640px){.transaction-row-main-block{grid-template-columns:3fr 4fr 5fr;display:grid}}.transaction-row-main-block-column{flex-direction:column;gap:.5rem;width:100%;height:max-content;display:flex;overflow:hidden}.transaction-row-second-block{flex-flow:column wrap;gap:.5rem;display:flex}@media (width>=640px){.transaction-row-second-block{flex-direction:row}}.transaction-row-account-block{text-overflow:ellipsis;white-space:nowrap;flex-direction:column;gap:.25rem;width:100%;height:max-content;display:flex;overflow:hidden}.transaction-row-card-name{text-overflow:ellipsis;white-space:nowrap;font-style:italic;overflow:hidden}.transaction-row-account-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.transaction-row-bank-name{text-overflow:ellipsis;white-space:nowrap;font-weight:200;overflow:hidden}.transaction-block{flex-direction:row;align-items:flex-start;gap:.25rem;width:100%;height:100%;display:flex}@media (width>=640px){.transaction-data-icon{display:none}}.transaction-date,.transaction-sum{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden}@media (width>=640px){.transaction-sum{text-align:right}}.transaction-comment{text-align:left;word-break:break-all;width:100%;height:100%;color:var(--text-grey);flex-flow:column wrap;font-size:.875rem;line-height:1.25rem;transition:all .3s ease-out;display:flex;overflow-y:auto}@media (width>=640px){.transaction-comment{background-color:#ffffffbf;border:.75px solid #00000040;border-radius:.25rem;padding:.15rem .45rem}}.transaction-icons-block{flex-direction:row;align-items:center;gap:.25rem;width:max-content;display:flex}.transaction-row-appear{-ms-animation:growUp ease-in 1s;animation:1s ease-in growUp;overflow:hidden}.transaction-row-deleted{-ms-animation:growDown ease-out 1s;animation:1s ease-out growDown;overflow:hidden}@keyframes growUp{0%{max-height:0}to{max-height:100vh}}@keyframes growDown{0%{max-height:100vh}to{max-height:0}}.transaction-row-button{background-color:var(--transaction-button-bg);cursor:pointer;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.transaction-row-button:hover{background-color:var(--transaction-button-bg-hover)}.transaction-row-button-inactive{opacity:.6}.transaction-row-icon{background-color:var(--transaction-icon);transition:all .2s ease-out}.transaction-row-icon:hover{background-color:var(--transaction-icon-hover)}.account-cards-section{flex-wrap:wrap;gap:.5rem;padding-top:2.25rem;display:flex}.account-card{border-radius:.25rem;flex-direction:column;align-items:start;gap:.5rem;width:100%;height:auto;padding:.5rem;transition:all .3s ease-out;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (width>=768px){.account-card{grid-template-rows:1fr 1fr 1fr 3fr;max-width:17rem;display:grid}}.account-card-header-block{text-overflow:ellipsis;white-space:nowrap;flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex;overflow:hidden}.account-card-header-info{text-overflow:ellipsis;white-space:nowrap;flex-direction:row;place-items:center flex-start;gap:.5rem;display:flex;overflow:hidden}.account-card-name{-webkit-user-select:none;user-select:none;color:var(--text-grey);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.5rem;overflow:hidden}.account-card-bank-name-block{-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;margin-left:.25rem;font-size:.8rem;font-weight:300;line-height:.8rem;display:flex;overflow:hidden}.account-card-bank-name-text{color:var(--text-grey);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-card-cards-icons-block{flex-direction:row;gap:.125rem;display:flex}.account-card-finantial-block{width:100%;color:var(--text-grey);-webkit-user-select:none;user-select:none;box-sizing:border-box;background-color:#ffffffbf;border:.75px solid #00000040;border-radius:.25rem;outline:none;flex-direction:column;gap:.1rem;padding:.25rem;transition:all .3s ease-out;display:flex;overflow:hidden}.account-card-finantial-info-row{flex-direction:row;gap:.25rem;width:100%;height:1.3rem;display:flex}.account-card-finantial-info-header{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:0 999 auto;min-width:0;font-size:.9rem;font-weight:500;line-height:1.25rem;overflow:hidden}.account-card-finantial-info-sum{text-align:right;text-overflow:ellipsis;white-space:nowrap;flex:1 0 auto;justify-content:flex-end;min-width:0;font-size:.9rem;font-weight:400;line-height:1.25rem;overflow:hidden}.currency-code-badge{border:1px solid var(--text-grey-second);-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;width:max-content;padding:1px .4rem;font-size:.7rem;line-height:1rem;transition:all .3s ease-out;display:flex}.currency-code-badge-text{text-align:center;text-overflow:ellipsis;white-space:nowrap;min-width:1rem;max-width:2.5rem;overflow:hidden}.tag-green{background-color:var(--tag-color-green)}.tag-grass{background-color:var(--tag-color-grass)}.tag-lime{background-color:var(--tag-color-lime)}.tag-mint{background-color:var(--tag-color-mint)}.tag-lightblue{background-color:var(--tag-color-lightblue)}.tag-sky{background-color:var(--tag-color-sky)}.tag-blue{background-color:var(--tag-color-blue)}.tag-indigo{background-color:var(--tag-color-indigo)}.tag-violet{background-color:var(--tag-color-violet)}.tag-purple{background-color:var(--tag-color-purple)}.tag-fuchsia{background-color:var(--tag-color-fuchsia)}.tag-pink{background-color:var(--tag-color-pink)}.tag-red{background-color:var(--tag-color-red)}.tag-deepred{background-color:var(--tag-color-deepred)}.tag-yellow{background-color:var(--tag-color-yellow)}.tag-orange{background-color:var(--tag-color-orange)}.tag-brown{background-color:var(--tag-color-brown)}.tag-stone{background-color:var(--tag-color-stone)}.tag-lightgray{background-color:var(--tag-color-lightgray)}.tag-gray{background-color:var(--tag-color-gray)}.tag-black{background-color:var(--tag-color-black)}.tag-no-tag{background-color:var(--tag-color-no-tag)}.tags-container{flex-wrap:wrap;justify-content:flex-start;gap:.25rem;display:flex}.tags-container-start{justify-content:flex-start}.tags-container-centered,.tags-container-sm-centered{justify-content:center}@media (width>=640px){.tags-container-sm-centered{justify-content:flex-start}}.tag{text-overflow:ellipsis;white-space:nowrap;color:var(--tag-text-color);-webkit-user-select:none;user-select:none;border-radius:9999px;justify-content:center;align-items:center;gap:.25rem;max-width:100%;padding:.25rem .4rem;font-size:.75rem;line-height:1rem;transition:all .3s ease-out;display:inline-flex;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.tag-clickable{cursor:pointer}.tag-clickable:hover{transform:scale(1.03)}.tag-desappears{animation:.3s forwards tagDisappears}@keyframes tagDisappears{0%{opacity:1;max-width:300px;margin:0;padding-left:.4rem;padding-right:.4rem;transform:scale(1)}to{opacity:0;max-width:0;margin:0;padding-left:0;padding-right:0;transform:scale(0)}}.tag-appears{animation:.3s forwards tagAppears}@keyframes tagAppears{0%{opacity:0;max-width:0;margin:0;padding-left:0;padding-right:0;transform:scale(0)}to{opacity:1;max-width:300px;margin:0;padding-left:.4rem;padding-right:.4rem;transform:scale(1)}}.tag-icon-block{width:1rem;height:1rem}.tag-icon{background-color:var(--tag-icon-color);width:1rem;height:1rem}.tag-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tag-buttons{background-color:var(--tag-buttons-background);border-radius:9999px;align-items:center;gap:.125rem;margin-left:.25rem;padding-left:.5rem;padding-right:.5rem;display:inline-flex}.tag-button-delete{background-color:var(--tag-buttons-background);border-radius:9999px;align-items:center;display:inline-flex}.tag-buttons-border{border-style:solid;border-width:1px;border-color:var(--tag-buttons-border)}.modal-background{background-color:var(--modal-background-color);opacity:var(--modal-background-opacity);height:100vh;transition:all .3s ease-out;animation:.3s linear modalBGFadeIn;position:fixed;inset:0}.modal-background-disappearing{animation:.301s linear modalBGFadeOut}@keyframes modalBGFadeIn{0%{opacity:0}to{opacity:var(--modal-background-opacity)}}@keyframes modalBGFadeOut{0%{opacity:var(--modal-background-opacity)}50%{opacity:calc(var(--modal-background-opacity) / 2)}to{opacity:0}}.modal-body{background-color:var(--modal-window-bg);text-align:left;border-radius:.375rem;justify-content:center;align-items:flex-start;height:auto;margin:2.5rem 1rem;font-size:.875rem;line-height:1.25rem;transition:all .5s ease-out;display:flex;position:absolute;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-body-width{width:90%}@media (width>=640px){.modal-body-width{width:75%;max-width:32rem}}.modal-window{background-color:var(--modal-window-bg);border-radius:.375rem;margin:2.5rem 1rem;transition:all .3s ease-out;display:flex;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (width>=640px){.modal-window{max-width:32rem}}.modal-window-paddings{padding:1rem 1.75rem 1rem 1rem}.modal-window-container-full{-webkit-user-select:none;user-select:none;width:90vw;min-height:10rem;padding:1rem 1.75rem 1rem 1rem;transition:all .3s ease-out}@media (width>=640px){.modal-window-container-full{width:62rem}}.modal-window-container-shown{transform:translate(0)}.modal-window-container-hidden{transform:translate(calc(-50vw - 50% + 1.75rem))}@media (width<=640px){.modal-window-container-hidden{transform:translate(-200vw)}}.modal-top-right-buttons-block{-ms-animation:fadeIn ease-in .3s;background-color:#0000;justify-content:center;gap:.25rem;transition:all .3s ease-out;animation:.3s ease-in fadeIn;display:flex;position:absolute;top:.375rem;right:.375rem}.modal-top-right-buttons-block-outside{background-color:var(--modal-window-bg);border-radius:.5rem;justify-content:center;gap:.25rem;transition:all .3s ease-out;display:flex;position:absolute;top:0;right:-1.75rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.modal-view-popup{z-index:2000;justify-content:center;align-items:flex-start;height:100vh;display:flex;position:fixed;inset:0;overflow-y:scroll}.modal-window-pink{background-color:var(--modal-window-bg-pink)}.modal-window-green{background-color:var(--modal-window-bg-green)}.modal-window-full,.modal-window-narrow{width:90%}@media (width>=768px){.modal-window-full{width:75%;margin-top:5rem;margin-bottom:5rem;padding-right:1.5rem}.modal-window-narrow{width:20rem}}@media (width>=1024px){.modal-window-full{width:50%}}.modal-content{width:100%}.modal-header{color:var(--modal-header-text);margin-bottom:.75rem;margin-left:1rem;font-size:1.125rem;font-weight:500;line-height:1.75rem;display:flex}.modal-header-centered{color:var(--modal-header-text);text-align:center;margin-bottom:.75rem;font-size:1.125rem;font-weight:500;line-height:1.75rem}.modal-block{margin-bottom:.5rem;padding-left:1rem;padding-right:1rem}.modal-text{color:var(--text-main);-webkit-user-select:none;user-select:none}.modal-sub-text{-webkit-user-select:none;user-select:none;padding-left:1rem;padding-right:1rem;font-size:.75rem;line-height:1rem}.modal-checkbox-block{flex-direction:row;justify-content:start;align-items:center;gap:.5rem;display:flex}.modal-checkbox-text{color:var(--text-main);display:block}@media (width<=640px){.modal-checkbox-text{margin-left:.875rem}}.modal-buttons{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;padding-top:.75rem;padding-left:1rem;display:flex}.modal-list{width:100%;margin-bottom:.5rem}.modal-languages-content{flex-wrap:wrap;gap:1rem;padding-left:1rem;padding-right:1rem;display:flex}
