.card{border-radius:.5rem;padding:.8125rem;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.modal-overlay{position:fixed;inset:0;background-color:color-mix(in srgb,black 50%,transparent);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-container{position:relative;background-color:var(--color-background-primary);border-radius:1rem;max-width:90vw;max-height:90vh;min-width:50vw;overflow-y:auto;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem}.modal-close-button{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.25rem;transition:all .15s ease-in-out;z-index:10;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;-ms-border-radius:.25rem;-o-border-radius:.25rem;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.modal-close-button:hover{background-color:var(--color-border);color:var(--color-text-primary)}.modal-close-button:focus{outline:2px solid var(--color-info);outline-offset:2px}.modal-content{padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));max-height:calc(90vh - 3rem)}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-container{max-width:95vw;max-height:95vh}.modal-close-button{top:.5rem;right:.5rem}}@media (max-width: 1024px){.modal-container{min-width:70vw}}@media (max-width: 768px){.modal-container{min-width:90vw}}.confirmation-modal-overlay .modal-content{background-color:transparent;padding:0;display:flex;align-items:center;justify-content:center}.confirmation-modal{background-color:var(--color-background-primary);border-radius:.75rem;padding:1.5rem;max-width:30rem;display:flex;flex-direction:column;gap:1rem;z-index:1100}.confirmation-modal__header{display:flex;align-items:center;gap:.75rem;color:var(--color-danger)}.confirmation-modal__icon{width:1.5rem;height:1.5rem;flex-shrink:0}.confirmation-modal__title{font-size:1.25rem;font-weight:600;flex-grow:1;margin:0}.confirmation-modal__close-btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;line-height:0}.confirmation-modal__close-btn:hover{color:var(--color-text-primary)}.confirmation-modal__message{font-size:.9rem;color:var(--color-text-secondary);line-height:1.6;margin:0}.confirmation-modal__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.confirmation-modal__action-btn{padding:.5rem 1rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:none;display:flex;align-items:center;gap:.5rem}.confirmation-modal__action-btn-icon{width:1rem;height:1rem}.confirmation-modal__action-btn:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal__action-btn--cancel{background-color:transparent;border:2px solid var(--color-text-secondary);color:var(--color-text-secondary)}.confirmation-modal__action-btn--cancel:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-text-secondary) 10%,transparent);color:var(--color-text-primary)}.confirmation-modal__action-btn--confirm{background-color:transparent;color:var(--color-danger);border:2px solid var(--color-danger)}.confirmation-modal__action-btn--confirm:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 10%,transparent)}.balance-card{background-color:var(--color-background-tertiary);color:var(--color-text-primary);padding:1rem;border-radius:.75rem;font-weight:600;display:flex;flex-direction:column;gap:.5rem;border:2px solid var(--color-border)}.balance-card__header{display:flex;align-items:center;gap:.5rem}.balance-card__flag{width:1.875rem;height:1.25rem;border-radius:.25rem;object-fit:cover;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;-ms-border-radius:.25rem;-o-border-radius:.25rem}.balance-card__currency-name{font-size:1rem;font-weight:600;color:var(--color-text-secondary)}.balance-card__amount{font-size:1.5rem;display:flex;align-items:baseline;gap:.5rem}.balance-card__conversion{font-size:.875rem;font-weight:400;color:color-mix(in srgb,var(--color-text-primary) 50%,transparent)}@media (max-width: 576px){.balance-card{padding:.75rem}.balance-card__currency-name{font-size:.875rem}.balance-card__amount{font-size:1.125rem}}.account-details{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.account-details__header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.account-details__icon-container{flex-shrink:0}.account-details__icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary);-webkit-border-radius:.75rem;-moz-border-radius:.75rem;-ms-border-radius:.75rem;-o-border-radius:.75rem}.account-details__icon--default{background-color:var(--color-text-secondary)}.account-details__icon--custom{width:3rem;height:3rem;border-radius:.5rem;object-fit:cover;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.account-details__title-section{flex:1}.account-details__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.4}.account-details__subtitle{font-size:.875rem;color:var(--color-text-secondary);margin:.25rem 0 0}.account-details__section{display:flex;flex-direction:column;gap:1rem}.account-details__section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.account-details__actions{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;margin-bottom:1.5rem}.account-details__action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:none;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.account-details__action-btn:disabled{opacity:.5;cursor:not-allowed}.account-details__action-btn--edit{border:2px solid var(--color-info);background-color:transparent;color:var(--color-info)}.account-details__action-btn--edit:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-info) 10%,transparent)}.account-details__action-btn--delete{background-color:transparent;border:2px solid var(--color-danger);color:var(--color-danger)}.account-details__action-btn--delete:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.account-details__action-btn--save{background-color:transparent;border:2px solid var(--color-success);color:var(--color-success)}.account-details__action-btn--save:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.account-details__action-btn--cancel{background-color:transparent;border:2px solid var(--color-danger);color:var(--color-danger)}.account-details__action-btn--cancel:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 10%,transparent)}.account-details__edit-form{display:flex;flex-direction:column;gap:1rem}.account-details__form-row{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.account-details__form-row{grid-template-columns:1fr 1fr;gap:1.5rem}}.account-details__form-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.account-details__form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.account-details__edit-input{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;transition:all .15s ease-in-out;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.account-details__edit-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.account-details__edit-input--title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);padding:.5rem .75rem}.account-details__edit-input--title:focus{border-color:transparent;box-shadow:none}.account-details__color-input-group{display:flex;align-items:center;gap:.5rem}.account-details__toggle-button{text-align:center;cursor:pointer;transition:all .2s ease-in-out;padding:.65rem 1rem;border:1px solid}.account-details__toggle-button--inactive{background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border-color:var(--color-danger);color:var(--color-danger)}.account-details__toggle-button--inactive:hover{background-color:color-mix(in srgb,var(--color-danger) 20%,transparent)}.account-details__toggle-button--active{background-color:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.account-details__toggle-button--active:hover{background-color:color-mix(in srgb,var(--color-success) 20%,transparent)}.account-details__color-picker{position:relative;display:block;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:none;cursor:pointer;overflow:hidden;transition:border-color .15s ease-in-out;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;-webkit-transition:border-color .15s ease-in-out;-moz-transition:border-color .15s ease-in-out;-ms-transition:border-color .15s ease-in-out;-o-transition:border-color .15s ease-in-out}.account-details__color-picker:hover{border-color:var(--color-info)}.account-details__color-picker-native{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:none;opacity:0;cursor:pointer}.account-details__color-text-input{flex:1}.account-details__transactions-list{display:flex;flex-direction:column;gap:.75rem;max-height:20rem;overflow-y:auto;padding-right:.5rem}@media (max-width: 640px){.account-details{gap:1rem;min-width:80vw}.account-details__header{flex-direction:column;align-items:flex-start;gap:.75rem}.account-details__actions{width:100%;justify-content:flex-end}.account-details__action-btn{font-size:.75rem;padding:.375rem .75rem}.account-details__title{font-size:1.25rem}.account-details__balance-card{padding:1rem}.account-details__balance-amount{font-size:1.25rem}.account-details__transaction{flex-direction:column;align-items:flex-start;gap:.5rem}.account-details__transaction-meta{align-items:flex-start;width:100%}.account-details__form-row{grid-template-columns:1fr}}.date-range-selector{display:flex;align-items:center}.date-range-selector .input{background-color:var(--color-background-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border);font-size:.875rem}@media (max-width: 576px){.date-range-selector .input{font-size:.75rem}}.category-display__icon,.category-display__icon--default{width:2rem;height:2rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;padding:.375rem;-webkit-border-radius:.375rem;-moz-border-radius:.375rem;-ms-border-radius:.375rem;-o-border-radius:.375rem}.transaction-card__icon>.category-display__icon,.transfer-card__icon>.category-display__icon{width:100%;height:100%;padding:.75rem;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.category-display__icon img{width:100%;height:100%;object-fit:cover}.category-display__icon--default{color:#fff}.category-display__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;display:inline-block;vertical-align:middle}.transaction-card{display:grid;grid-template-columns:3rem 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details amount";align-items:center;gap:1rem;background-color:var(--color-background-tertiary);padding:1rem;border:1px solid var(--color-border);cursor:pointer}.transaction-card__icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.375rem;overflow:hidden}.transaction-card__details{grid-area:details;display:flex;flex-direction:column;gap:.25rem;flex-grow:1}.transaction-card__note{font-weight:600}.transaction-card__account{font-size:.875rem;color:var(--color-text-secondary)}.transaction-card__account span{display:flex;align-items:center;gap:.25rem}.transaction-card__contacts{font-size:.875rem;color:var(--color-text-secondary)}.transaction-card__contacts span{display:flex;align-items:center;gap:.25rem}.transaction-card__category{font-size:.875rem;color:var(--color-text-secondary)}.transaction-card__category span{display:flex;align-items:center;gap:.25rem}.transaction-card__amount{grid-area:amount;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.transaction-card__amount--income{color:var(--color-success)}.transaction-card__amount--expense{color:var(--color-danger)}.transaction-card__date{font-size:.75rem;color:var(--color-text-secondary)}@media (max-width: 576px){.transaction-card{grid-template-columns:3rem 1fr;grid-template-rows:auto auto;grid-template-areas:"icon details" "icon amount";row-gap:.25rem;padding:.75rem}.transaction-card__amount{flex-direction:row;justify-content:space-between;align-items:center}.transaction-card__note{font-size:.875rem;margin-bottom:.25rem}.transaction-card__account,.transaction-card__contacts,.transaction-card__category,.transaction-card__date{font-size:.75rem}.transaction-card__amount{font-size:.875rem;margin-top:.25rem}}.pagination{display:flex;justify-content:center;align-items:center;gap:.5rem}.pagination__button{border:1px solid var(--color-border);background-color:var(--color-background-tertiary);color:var(--color-text-primary);cursor:pointer;padding:.25rem .75rem;text-decoration:none;transition:background-color .3s;border-radius:.5rem}.pagination__button:hover:not(:disabled){background-color:color-mix(in srgb,white 25%,transparent)}.pagination__button:disabled{opacity:.5}.pagination__info{color:var(--color-text-secondary);font-size:.875rem;margin:0 .5rem}@media (max-width: 576px){.pagination__info{font-size:.75rem;margin:0 .25rem}.pagination__button{font-size:.75rem;padding:.25rem .5rem}}.transaction-modal{min-width:50vw}.transaction-modal__form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.transaction-modal__form-row{display:grid;grid-template-columns:1fr;gap:1rem}.transaction-modal__form-row--two-cols{grid-template-columns:1fr 1fr;gap:1.5rem}.transaction-modal__form-row--full-width{grid-template-columns:1fr}@media (min-width: 768px){.transaction-modal__form-row{grid-template-columns:1fr 1fr;gap:1.5rem}}.transaction-modal__form-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.transaction-modal__form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.transaction-modal__input,.transaction-modal__select{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;transition:all .15s ease-in-out;width:100%;font-family:inherit}textarea.transaction-modal__input{resize:none}.transaction-modal__input:focus,.transaction-modal__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}input[type=datetime-local].transaction-modal__input{-webkit-appearance:none;color-scheme:dark;cursor:text}input[type=datetime-local].transaction-modal__input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.transaction-modal__actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.transaction-modal__action-btn-group{display:flex;gap:.75rem}.transaction-modal__action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:2px solid transparent}.transaction-modal__action-btn--delete{background-color:transparent;border-color:var(--color-danger);color:var(--color-danger)}.transaction-modal__action-btn--delete:hover{background-color:color-mix(in srgb,var(--color-danger) 10%,transparent)}.transaction-modal__action-btn--cancel{background-color:transparent;border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.transaction-modal__action-btn--cancel:hover{background-color:color-mix(in srgb,var(--color-text-secondary) 10%,transparent)}.transaction-modal__action-btn--save{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.transaction-modal__action-btn--save:hover{filter:brightness(1.1)}.transaction-modal__form-group--full-width{grid-column:span 2}@media (max-width: 1024px){.transaction-modal{min-width:70vw}}@media (max-width: 768px){.transaction-modal{min-width:90vw}.transaction-modal__form-row{grid-template-columns:1fr}}.operation-type-selector{display:flex;border:1px solid var(--color-border);border-radius:.75rem;padding:.25rem;gap:.25rem}.operation-type-selector__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;border:none;background-color:transparent;color:var(--color-text-secondary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out;border-radius:.5rem}.operation-type-selector__btn:disabled{cursor:not-allowed;opacity:.6}.operation-type-selector__btn span{z-index:1;position:relative}.operation-type-selector__btn--income.operation-type-selector__btn--active{background-color:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.operation-type-selector__btn--expense.operation-type-selector__btn--active{background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.operation-type-selector__btn--transfer.operation-type-selector__btn--active{background-color:color-mix(in srgb,var(--color-info) 10%,transparent);color:var(--color-info)}.account-selector{position:relative}.account-selector__button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease-in-out}.account-selector__button:focus,.account-selector__button--open{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.account-selector__icon{width:1.5rem;height:1.5rem;border-radius:.25rem;object-fit:cover;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;-ms-border-radius:.25rem;-o-border-radius:.25rem}.account-selector__icon--default{display:flex;align-items:center;justify-content:center;background-color:var(--color-text-secondary);color:var(--color-background-primary)}.account-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;z-index:10;overflow:hidden;box-shadow:0 4px 6px #0000001a;max-height:10rem}.account-selector__search-container{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}.account-selector__search-icon{color:var(--color-text-secondary);margin-right:.5rem;flex-shrink:0}.account-selector__search-input{width:100%;padding:.5rem;background-color:transparent;border:none;color:var(--color-text-primary);font-size:.875rem}.account-selector__search-input:focus{outline:none}.account-selector__list{list-style:none;margin:0;padding:.25rem;max-height:10rem;overflow-y:auto}.account-selector__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out}.account-selector__item:hover{background-color:var(--color-background-tertiary)}.account-selector__item--selected{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}.category-selector{position:relative;height:100%}.category-selector__button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease-in-out;height:100%}.category-selector__button:focus,.category-selector__button--open{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.category-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;z-index:10;overflow:hidden;box-shadow:0 4px 6px #0000001a}.category-selector__search-container{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}.category-selector__search-icon{color:var(--color-text-secondary);margin-right:.5rem;flex-shrink:0}.category-selector__search-input{width:100%;padding:.5rem;background-color:transparent;border:none;color:var(--color-text-primary);font-size:.875rem}.category-selector__search-input:focus{outline:none}.category-selector__list{list-style:none;margin:0;padding:.25rem;max-height:15rem;overflow-y:auto}.category-selector__item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;font-size:.875rem}.category-selector__item:hover{background-color:var(--color-background-tertiary)}.category-selector__item--selected{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);font-weight:500}.category-selector__item--parent{font-weight:600;color:var(--color-text-secondary);cursor:default}.category-selector__item--parent:hover{background-color:transparent}.category-selector__item--child{padding-left:2rem}.contact-selector{position:relative;width:100%}.contact-selector__control{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:all .15s ease-in-out}.contact-selector__control--open{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.contact-selector__placeholder{color:var(--color-text-secondary);display:flex;align-items:center;gap:.5rem}.contact-selector__selected-contacts{display:flex;flex-wrap:wrap;gap:.5rem}.contact-selector__pill{display:flex;align-items:center;gap:.5rem;background-color:var(--color-border);color:var(--color-primary);padding:.25rem .5rem;border-radius:.25rem;font-size:.8rem;font-weight:500}.contact-selector__pill-remove{background:none;border:none;color:var(--color-primary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.contact-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;z-index:10;overflow:hidden;box-shadow:0 4px 6px #0000001a}.contact-selector__search-input-wrapper{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}.contact-selector__search-icon{color:var(--color-text-secondary);margin-right:.5rem}.contact-selector__search-input{width:100%;padding:.5rem;background-color:transparent;border:none;color:var(--color-text-primary);font-size:.875rem}.contact-selector__search-input:focus{outline:none}.contact-selector__options{max-height:15rem;overflow-y:auto;padding:.25rem 0}.contact-selector__option{display:flex;align-items:center;gap:.5rem;padding:.75rem;cursor:pointer;transition:background-color .15s ease}.contact-selector__option:hover{background-color:var(--color-background-tertiary)}.contact-selector__option--selected{background-color:var(--color-primary-muted);font-weight:500;color:var(--color-primary)}.contact-selector__option--add{color:var(--color-success)}.transactions-list-section{height:100%}.main-page__header--transactions{display:flex;align-items:flex-start;justify-content:center;gap:1rem;margin-bottom:1rem}.transactions-list__header-actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.transactions-list{display:flex;flex-direction:column;gap:1rem;width:100%;height:100%}.transactions-list__modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.transactions-list__modal-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--color-background-secondary);border-radius:.5rem;gap:1rem}.transaction-item__icon{display:flex;align-items:center;justify-content:center;min-width:40px;height:40px;border-radius:50%;overflow:hidden}.transaction-item__icon img{width:100%;height:100%;object-fit:cover}.transaction-item__details{display:flex;flex-direction:column;gap:.25rem;color:var(--color-text-secondary)}.transaction-item__note{font-weight:600}.transaction-item__account,.transaction-item__contacts{font-size:.875rem;color:var(--color-text-secondary)}.transaction-item__amount{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.transaction-item__amount--income{color:var(--color-success)}.transaction-item__amount--expense{color:var(--color-danger)}.transaction-item__date{font-size:.75rem;color:var(--color-text-secondary)}.transactions-list__footer-pagination{display:flex;justify-content:center;padding-top:1rem}@media (max-width: 1280px){.main-page__header--transactions{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.transactions-list__header-actions{margin-left:0;width:100%;justify-content:space-between}}@media (max-width: 1280px){.transactions-list-section{height:100%}}.transactions-list__pagination{display:flex;justify-content:center;padding:1rem 0}.transfer-card{display:grid;grid-template-columns:3rem 1fr auto;grid-template-rows:auto;grid-template-areas:"icon details amount";align-items:center;gap:1rem;background-color:var(--color-background-tertiary);border:1px solid var(--color-border);cursor:pointer;padding:1rem}.transfer-card__accounts{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.875rem}.transfer-card__account{display:flex;align-items:center;gap:.5rem}.transfer-card__icon{grid-area:icon;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;overflow:hidden}.transfer-card__line{height:20px;width:1px;background-color:var(--color-text-secondary);margin:.25rem 0}.transfer-card__details{grid-area:details;display:flex;flex-direction:column;gap:.25rem;flex-grow:1;color:var(--color-text-secondary)}.transfer-card__note{color:var(--color-text-primary);font-weight:600;display:flex;align-items:center;gap:.5rem}.transfer-card__date{font-size:.75rem;font-weight:400;color:var(--color-text-secondary)}.transfer-card__amount{grid-area:amount;font-weight:600;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.transfer-card__amount--info{color:var(--color-info)}@media (max-width: 576px){.transfer-card{grid-template-columns:3rem 1fr;grid-template-rows:auto auto;grid-template-areas:"icon details" "icon amount";row-gap:.25rem}.transfer-card__amount{justify-self:start;flex-direction:row;justify-content:space-between;align-items:center;width:100%;font-size:.875rem;margin-top:.25rem}.transfer-card__note{font-size:.875rem;margin-bottom:.25rem}}.account-card{height:4.5rem;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.account-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;-webkit-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);-o-transform:translateY(-2px)}.account-card:active{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0)}.account-card__content{display:flex;flex-direction:column;justify-content:center;gap:.25rem}.account-card__header{display:flex;align-items:center;gap:.5rem}.account-card__icon{width:1rem;height:1rem;flex-shrink:0;background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:.25rem;-webkit-border-radius:.25rem;-moz-border-radius:.25rem;-ms-border-radius:.25rem;-o-border-radius:.25rem}.account-card__name{font-weight:600;font-size:.875rem;line-height:1.25rem;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;flex:1}.account-card__icons-wrapper{display:flex;gap:.25rem}.account-card__no-balance-icon,.account-card__archived-icon{color:var(--color-text-primary)}.account-card__balance{font-weight:500;font-size:1rem;line-height:1rem}@media (max-width: 576px){.account-card{height:3.75rem;padding:.5rem}.account-card__name{font-size:.75rem}.account-card__balance{font-size:.875rem}}.sortable-account-card{position:relative;touch-action:none}.sortable-account-card--reorder-mode .account-card{cursor:grab;animation:shake .4s ease-in-out infinite alternate}.sortable-account-card--reorder-mode .account-card:hover{transform:none;box-shadow:none}.sortable-account-card--dragging{opacity:.8;box-shadow:0 10px 20px #0003;transform:scale(1.05)}@keyframes shake{0%{transform:rotate(-.5deg)}to{transform:rotate(.5deg)}}.currency-selector{position:relative}.currency-selector__button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease-in-out}.currency-selector__button:focus,.currency-selector__button--open{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.currency-selector__flag{width:1.5rem;height:1rem;aspect-ratio:3/2;border-radius:.25rem;object-fit:cover;background-color:var(--color-border)}.currency-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;z-index:10;overflow:hidden;box-shadow:0 4px 6px #0000001a;max-height:8rem}.currency-selector__search-container{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}.currency-selector__search-icon{color:var(--color-text-secondary);margin-right:.5rem;flex-shrink:0}.currency-selector__search-input{width:100%;padding:.5rem;background-color:transparent;border:none;color:var(--color-text-primary);font-size:.875rem}.currency-selector__search-input:focus{outline:none}.currency-selector__list{list-style:none;margin:0;padding:.25rem;max-height:15rem;overflow-y:auto}.currency-selector__item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out}.currency-selector__item:hover{background-color:var(--color-background-tertiary)}.currency-selector__item--selected{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent)}.currency-selector__icon{width:1.5rem;height:1.5rem;border-radius:.25rem;object-fit:cover}.currency-selector__icon--default{display:flex;align-items:center;justify-content:center;background-color:var(--color-text-secondary);color:var(--color-background-primary)}.create-account{display:flex;flex-direction:column;gap:1.5rem;min-width:50vw;padding-top:1rem}.create-account__header{display:flex;align-items:center;gap:1rem;padding-bottom:1rem;border-bottom:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.create-account__icon-container{flex-shrink:0}.create-account__icon{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-primary)}.create-account__icon--default{background-color:var(--color-text-secondary)}.create-account__icon--custom{width:3rem;height:3rem;border-radius:.5rem;object-fit:cover}.create-account__title-section{flex:1}.create-account__section{display:flex;flex-direction:column;gap:1rem}.create-account__section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0}.create-account__actions{display:flex;gap:.75rem;align-items:center;justify-content:flex-end;margin-top:auto}.create-account__action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:none}.create-account__action-btn:disabled{opacity:.5;cursor:not-allowed}.create-account__action-btn--save{background-color:transparent;border:2px solid var(--color-success);color:var(--color-success)}.create-account__action-btn--save:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 10%,transparent);border-color:var(--color-success);color:var(--color-success)}.create-account__action-btn--cancel{background-color:transparent;border:2px solid var(--color-text-secondary);color:var(--color-text-secondary)}.create-account__action-btn--cancel:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 10%,transparent);border-color:var(--color-danger);color:var(--color-danger)}.create-account__edit-form{display:flex;flex-direction:column;gap:1rem}.create-account__form-row{display:grid;grid-template-columns:1fr;gap:1rem}.create-account__form-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.create-account__form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.create-account__edit-input{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;transition:all .15s ease-in-out}.create-account__edit-input:focus{border-color:var(--color-info);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-info) 20%,transparent)}.create-account__edit-input--title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary);padding:.5rem .75rem}.create-account__edit-input--title:focus{border-color:var(--color-info);box-shadow:none}.create-account__color-input-group{display:flex;align-items:center;gap:.5rem}.create-account__color-picker{position:relative;display:block;width:2.5rem;height:2.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:none;cursor:pointer;overflow:hidden;transition:border-color .15s ease-in-out}.create-account__color-picker:hover{border-color:var(--color-info)}.create-account__color-picker-native{position:absolute;top:0;left:0;width:100%;height:100%;padding:0;border:none;opacity:0;cursor:pointer}.create-account__color-text-input{flex:1}@media (max-width: 640px){.create-account{gap:1rem}.create-account__header{flex-direction:column;align-items:flex-start;gap:.75rem}.create-account__actions{width:100%;justify-content:flex-end}.create-account__action-btn{font-size:.75rem;padding:.375rem .75rem}.create-account__edit-input--title{font-size:1.25rem}.create-account__form-row{grid-template-columns:1fr}}@media (min-width: 768px){.create-account__form-row{grid-template-columns:1fr 1fr;gap:1.5rem}}.add-account-card{border:2px dashed var(--color-text-secondary);background-color:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease-in-out;-webkit-transition:all .15s ease-in-out;-moz-transition:all .15s ease-in-out;-ms-transition:all .15s ease-in-out;-o-transition:all .15s ease-in-out}.add-account-card:hover{background-color:color-mix(in srgb,var(--color-text-primary) 5%,transparent);border-color:var(--color-text-primary)}.add-account-card__content{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);font-size:1rem;cursor:pointer}.add-account-card__icon{width:1.5rem;height:1.5rem}.add-account-card:hover .add-account-card__content{color:var(--color-text-primary)}@media (max-width: 576px){.add-account-card__content{font-size:.875rem}}.accounts-list{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}@media (min-width: 768px){.accounts-list{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (min-width: 1024px){.accounts-list{grid-template-columns:repeat(4,1fr);gap:1rem}}@media (min-width: 1280px){.accounts-list{grid-template-columns:repeat(5,1fr)}}@media (min-width: 1536px){.accounts-list{grid-template-columns:repeat(6,1fr)}}@media (min-width: 1920px){.accounts-list{grid-template-columns:repeat(8,1fr)}}@media (min-width: 2560px){.accounts-list{grid-template-columns:repeat(10,1fr)}}@media (min-width: 3840px){.accounts-list{grid-template-columns:repeat(12,1fr)}}@media (min-width: 5000px){.accounts-list{grid-template-columns:repeat(16,1fr)}}.chart-card{background-color:var(--color-background-tertiary);border:2px solid var(--color-border);border-radius:.5rem;padding:1.5rem;color:var(--color-text-primary);height:22.75rem;display:flex;flex-direction:column}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-card-title{margin:0;font-size:1.25rem}.chart-card-period{font-size:.75rem;color:var(--color-text-secondary)}.chart-card-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.chart-card-total{font-size:1.5rem;font-weight:700}.chart-card-change-container{text-align:right}.chart-card-change-label{font-size:.75rem;color:var(--color-text-secondary)}.change-indicator{margin-left:.5rem}.change-indicator--positive{color:var(--color-success)}.change-indicator--negative{color:var(--color-danger)}.chart-card-content{flex-grow:1;display:flex;align-items:center;justify-content:center}.chart-card-content *:focus,.chart-card-content *:focus-visible{outline:none}@media (max-width: 1024px){.chart-card{height:27.5rem}}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:24px}.dashboard-grid.row-2{grid-template-columns:1fr 1fr}.main-page{padding:1rem 2rem}.main-page>section{margin-bottom:2rem}.main-page__desktop-layout{display:flex;flex-direction:column;gap:2rem}.main-page__balances-list{display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width: 768px){.main-page__balances-list{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (min-width: 1536px){.main-page__balances-list{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1920px){.main-page__balances-list{grid-template-columns:repeat(4,1fr)}}@media (min-width: 2560px){.main-page__balances-list{grid-template-columns:repeat(5,1fr)}}@media (min-width: 3840px){.main-page__balances-list{grid-template-columns:repeat(6,1fr)}}@media (min-width: 5000px){.main-page__balances-list{grid-template-columns:repeat(8,1fr)}}.main-page__header{display:flex;flex-direction:row;align-items:center;gap:.75rem;margin-bottom:.75rem}.main-page__title-container{display:flex;align-items:center;gap:.75rem}.main-page__actions{display:flex;gap:.5rem}.main-page__title{font-size:1.5rem;line-height:2rem;font-weight:700;margin:0}.main-page__reorder-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .15s ease-in-out;border:2px solid transparent;background-color:transparent}.main-page__reorder-btn--edit-icon{color:var(--color-text-secondary)}.main-page__reorder-btn--edit-icon:hover:not(:disabled){color:var(--color-text-primary);background-color:color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.main-page__reorder-btn--save{color:var(--color-success);border-color:var(--color-success)}.main-page__reorder-btn--save:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-success) 15%,transparent)}.main-page__reorder-btn--cancel{color:var(--color-danger);border-color:var(--color-danger)}.main-page__reorder-btn--cancel:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-danger) 15%,transparent)}.main-page__reorder-btn:disabled{opacity:.5;cursor:not-allowed;font-weight:700;font-size:1.25rem}@media (max-width: 576px){.main-page{padding:1.5rem}.main-page__title{font-size:1.25rem}.main-page__reorder-btn{padding:.25rem;width:1.75rem;height:1.75rem}.main-page__header{margin-bottom:.75rem}.main-page>section{margin-bottom:1.5rem}}@media (min-width: 1024px){.main-page{display:block}.main-page__desktop-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.main-page>section{margin-bottom:1.5rem}.main-page__desktop-layout>.main-page__transactions{grid-area:auto}.main-page__desktop-layout>.main-page__dashboard{grid-area:auto}}@media (min-width: 1536px){.main-page{grid-template-columns:1.5fr 1fr}}@media (min-width: 2560px){.main-page{grid-template-columns:4fr 3fr;grid-template-areas:"balances balances" "accounts accounts" "transactions dashboard"}}@media (min-width: 3840px){.main-page{grid-template-columns:1.5fr 1fr;grid-template-areas:"balances balances" "accounts accounts" "transactions dashboard"}}@media (min-width: 5000px){.main-page{grid-template-columns:1.5fr 1fr;grid-template-areas:"balances balances" "accounts accounts" "transactions dashboard"}}.transaction-filters{display:flex;flex-direction:column;gap:1rem;padding:1rem;background-color:var(--color-background-secondary);border-radius:.5rem}.filters-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0;text-transform:uppercase;padding:0 .25rem}.transaction-filters input,.transaction-filters .account-selector,.transaction-filters .category-selector,.transaction-filters .operation-type-selector,.transaction-filters .currency-selector,.transaction-filters .date-range-selector{flex:1}.transaction-sorters{padding:1rem;background-color:var(--color-background-secondary);border-radius:.5rem;display:flex;flex-direction:column;gap:.75rem;border:1px solid var(--color-border)}.sorters-title{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);margin:0;text-transform:uppercase;padding:0 .25rem}.sorters-controls{display:flex;gap:.5rem}.sorter-select{flex-grow:1}.sorter-toggle{display:flex;align-items:center;justify-content:center;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);cursor:pointer;transition:all .15s ease-in-out}.sorter-toggle:hover,.sorter-toggle:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.transactions-page{display:grid;gap:2rem;padding:1rem 2rem;padding-top:0;align-items:start;grid-template-areas:"header header" "filters content";grid-template-columns:1fr 3.5fr;grid-template-rows:auto 1fr}.transactions-page__filters{grid-area:filters;position:sticky;top:1rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between}.transactions-page__filters .account-selector__dropdown,.transactions-page__filters .category-selector__dropdown,.transactions-page__filters .currency-selector__dropdown{max-height:40rem;border:1px solid var(--color-border)}.transactions-page__filters .category-selector__list,.transactions-page__filters .account-selector__list,.transactions-page__filters .currency-selector__list{max-height:16rem}.transactions-page__content{grid-area:content;display:flex;flex-direction:column;gap:1rem}.transactions-page__header{grid-area:header;display:flex;flex-direction:row;align-items:center;gap:.75rem}.transactions-page__title{font-size:1.5rem;font-weight:700;display:flex}.transactions-page__toggle-filters-btn{display:none;align-items:center;justify-content:center;background-color:transparent;border:none;color:var(--color-text-secondary);border-radius:.5rem;padding:.5rem;cursor:pointer;transition:all .15s ease-in-out}.transactions-page__toggle-filters-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}@media (max-width: 576px){.transactions-page{padding:1rem}}.transactions-page__actions{display:flex;align-items:center;gap:1rem}.transactions-page__pagination{display:flex;justify-content:space-between;align-items:center}.transactions-list{display:flex;flex-direction:column;gap:1rem}.desktop-only{display:initial}@media (max-width: 1024px){.transactions-page{gap:.5rem;grid-template-columns:1fr;grid-template-areas:"header" "filters" "content";grid-template-rows:auto auto 1fr}.transactions-page__content{grid-area:content}.transactions-page__filters{grid-area:filters;position:static;display:none;gap:0}.transactions-page__filters--visible{display:flex;gap:1rem}.transactions-page__toggle-filters-btn{display:flex}.transactions-page__pagination{justify-content:flex-start}.desktop-only{display:none}}.transactions-page__header.mobile-only--header{display:none}@media (max-width: 576px){.transactions-page__header.mobile-only--header{display:flex}}.settings-page{padding:2rem;max-width:1200px;margin:0 auto}.settings-page__header{margin-bottom:1rem}.settings-page__header h1{font-size:2rem;font-weight:700}.settings-page__nav{display:flex;gap:1rem;border-bottom:1px solid var(--color-border)}.settings-page__nav-link{padding:.5rem 1rem;text-decoration:none;color:var(--text-secondary);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.settings-page__nav-link.active{color:var(--text-main);border-bottom-color:var(--primary-color)}.settings-page__content{padding-top:1rem}@media (max-width: 768px){.settings-page{padding:1.5rem}}.category-card{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--color-background-tertiary);border-radius:.75rem;border:1px solid color-mix(in srgb,var(--color-text-primary) 5%,transparent);transition:background-color .2s}.category-card__info{display:flex;align-items:center;gap:.75rem;flex-grow:1}.category-card__info .category-display__name{font-weight:500}.category-card__actions{display:flex;gap:.5rem}.category-card__btn{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s,color .2s}.category-card__btn:hover{color:var(--color-text-primary)}.category-card__btn--delete:hover{color:var(--color-danger)}@media (max-width: 768px){.category-card{padding:.5rem .75rem}.category-card__info .category-display__name{font-size:.875rem}}.category-tree,.category-tree-level{list-style:none;padding-left:0}.category-tree-node{position:relative;padding-left:3rem;margin-bottom:.75rem}.category-tree-node>.category-tree-level{margin-top:.75rem}.category-tree-level.level-0>.category-tree-node{margin-bottom:1.5rem}.category-tree-node:after{content:"";position:absolute;top:2rem;left:1.5rem;width:1.5rem;height:1px;background-color:var(--color-text-secondary);opacity:.3}.category-tree-node:before{content:"";position:absolute;top:0;left:1.5rem;width:1px;background-color:var(--color-text-secondary);opacity:.3}.category-tree-node.is-last:before{height:2rem}.category-tree-node:not(.is-last):before{height:calc(100% + .75rem)}.category-tree-level.level-0>.category-tree-node:not(.is-last):before{height:calc(100% + 1.5rem)}.category-tree-level.level-0{padding-left:0}.category-tree-level.level-0>.category-tree-node{padding-left:0}.category-tree-level.level-0>.category-tree-node:before,.category-tree-level.level-0>.category-tree-node:after{display:none}.parent-category-selector{position:relative;width:100%}.parent-category-selector__button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;text-align:left;cursor:pointer;transition:all .15s ease-in-out}.parent-category-selector__button:focus,.parent-category-selector__button--open{outline:none;border-color:var(--color-primary)}.parent-category-selector__button:hover{border-color:var(--color-primary-hover)}.parent-category-selector__button:disabled{background-color:var(--color-background-secondary);cursor:not-allowed;opacity:.6}.parent-category-selector__button:disabled:hover{border:1px solid var(--color-border)}.parent-category-selector__dropdown{position:absolute;top:calc(100% + .5rem);left:0;width:100%;background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:.5rem;z-index:1000;overflow:hidden;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;max-height:15rem}.parent-category-selector__search-container{display:flex;align-items:center;padding:.5rem;border-bottom:1px solid var(--color-border)}.parent-category-selector__search-icon{color:var(--color-text-secondary);margin-right:.5rem;flex-shrink:0}.parent-category-selector__search-input{width:100%;padding:.5rem;background-color:transparent;border:none;color:var(--color-text-primary);font-size:.875rem}.parent-category-selector__search-input:focus{outline:none}.parent-category-selector__list{list-style:none;margin:0;padding:.25rem;max-height:15rem;overflow-y:auto}.parent-category-selector__item{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border-radius:.375rem;cursor:pointer;transition:background-color .15s ease-in-out;font-size:.875rem}.parent-category-selector__item:hover{background-color:var(--color-background-tertiary)}.parent-category-selector__item--selected{background-color:color-mix(in srgb,var(--color-primary) 15%,transparent);font-weight:500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}:root{--color-background-primary: #222222;--color-background-secondary: #191919;--color-background-tertiary: #303030;--color-text-primary: #F7F1FF;--color-text-secondary: #858585;--color-info: #948AE3;--color-success: #7BD88F;--color-warning: #FCE566;--color-danger: #FC618D;--color-border: color-mix(in srgb, white 10%, transparent)}body{background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.button{display:inline-flex;align-items:center;justify-content:center;gap:1rem;white-space:nowrap;border-radius:.5rem;font-weight:600;transition:all .1s ease-in-out;outline:none;cursor:pointer;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.button:disabled{pointer-events:none;opacity:.5}.button svg{pointer-events:none;width:1rem;height:1rem;flex-shrink:0}.input{display:flex;width:100%;border-radius:.5rem;padding:.5rem;font-size:1rem;transition:all ease-in-out;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;-webkit-transition:all ease-in-out;-moz-transition:all ease-in-out;-ms-transition:all ease-in-out;-o-transition:all ease-in-out}.input:disabled{cursor:not-allowed;opacity:.5}.main-content{padding-top:var(--navbar-height);transition:all .3s ease-in-out}.text-input{width:100%;padding:.75rem;background-color:var(--color-background-tertiary);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-text-primary);font-size:.875rem;transition:all .15s ease-in-out}.text-input::placeholder{color:var(--color-text-secondary)}.text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.category-form{display:flex;flex-direction:column}.category-form__title{margin-bottom:2rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary)}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-input{padding:.75rem;border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent);background-color:var(--color-background-tertiary);border-radius:.5rem;color:var(--color-text-primary);width:100%;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.form-input:disabled{cursor:not-allowed;opacity:.6}.form-input--color{padding:.25rem;height:2.5rem}.color-input-group{display:flex;align-items:center;gap:.5rem}.color-picker{width:2.5rem;height:2.5rem;border-radius:.375rem;cursor:pointer;border:1px solid color-mix(in srgb,var(--color-text-primary) 10%,transparent)}.color-picker-native{visibility:hidden;width:0;height:0;padding:0;border:none}.color-text-input{flex:1}.form-actions{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.75rem}.btn{padding:.6rem 1.2rem;border-radius:.5rem;border:none;cursor:pointer;font-weight:500}.btn--cancel{background-color:transparent;border:2px solid var(--color-danger);color:var(--color-danger)}.btn--cancel:hover{background-color:color-mix(in srgb,var(--color-danger) 10%,transparent)}.btn--save{background-color:transparent;border:2px solid var(--color-success);color:var(--color-success)}.btn--save:hover{background-color:color-mix(in srgb,var(--color-success) 10%,transparent)}.categories-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.categories-settings__header h2{font-size:1.5rem;font-weight:600}.categories-settings__add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;cursor:pointer;border-radius:.5rem;transition:all .15s ease-in-out;border:2px solid var(--color-info);background-color:transparent;color:var(--color-info)}.categories-settings__add-btn:hover{background-color:color-mix(in srgb,var(--color-info) 10%,transparent)}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background-color:var(--background-light);border-radius:.5rem;margin-bottom:.5rem}.contact-item__info{display:flex;align-items:center;gap:1rem}.contact-item__name{font-weight:500}.contact-item__actions{display:flex;gap:.5rem}.contact-item__btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:background-color .2s,color .2s}.contact-item__btn:hover{background-color:var(--background-hover);color:var(--text-main)}.contact-item__btn--delete:hover{color:var(--error-color)}.contact-form{padding:1rem}.contact-form h2{font-size:1.5rem;margin-bottom:1.5rem}.contacts-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.contacts-settings__header h2{font-size:1.5rem;font-weight:600}.contacts-settings__add-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.2rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.contacts-settings__add-btn:hover{background-color:var(--primary-color-dark)}.contacts-list{display:flex;flex-direction:column;gap:.5rem}.navbar{display:flex;align-items:center;justify-content:space-between;padding:2rem;background-color:var(--color-background-secondary);border-bottom:1px solid var(--color-background-tertiary);position:sticky;top:0;z-index:50;height:5rem;width:100%}.navbar-left{display:flex;align-items:center;gap:2rem}.navbar-right{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.navbar-brand{display:flex;align-items:center}.navbar-brand a{display:flex;align-items:center;text-decoration:none;color:var(--color-text-primary)}.navbar-brand .brand-icon{margin-right:.5rem;height:2rem;width:2rem}.navbar-brand h1{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1.5rem}.navbar-links .nav-link{text-decoration:none;color:var(--color-text-secondary);font-weight:500;transition:color .2s;padding-bottom:4px}.navbar-links .nav-link:hover{color:var(--color-text-primary)}.navbar-links .nav-link.active{color:var(--color-text-primary);border-bottom:2px solid var(--color-info)}.navbar-actions{display:flex;align-items:center;gap:1rem}.navbar-actions .action-button{background:none;border:none;cursor:pointer;color:var(--color-text-primary);padding:.5rem;border-radius:50%;transition:all .2s ease-in-out}.navbar-actions .action-button:hover{background-color:var(--color-background-secondary)}.hamburger-button{display:none;background:none;border:none;color:var(--color-text-primary);cursor:pointer}.desktop-only{display:flex}.mobile-only{display:none}@media screen and (max-width: 1024px){.desktop-only{display:none}.mobile-only{display:block}.navbar{padding:1.5rem}.navbar-links{display:none;position:absolute;top:80px;left:0;right:0;background-color:var(--color-background-secondary);border-top:1px solid var(--color-background-tertiary);flex-direction:column;padding:1rem 2rem;border-radius:0 0 1rem 1rem;-webkit-border-radius:0 0 1rem 1rem;-moz-border-radius:0 0 1rem 1rem;-ms-border-radius:0 0 1rem 1rem;-o-border-radius:0 0 1rem 1rem}.navbar-links.active{display:flex}.hamburger-button{display:block}}.create-transaction-btn{display:flex;align-items:center;gap:.5rem;background-color:transparent;color:var(--color-info);padding:.6rem 1rem;border-radius:.5rem;cursor:pointer;font-weight:600;font-size:.875rem;transition:background-color .2s;border:2px solid var(--color-info)}.create-transaction-btn:hover{background-color:color-mix(in srgb,var(--color-info) 10%,transparent)}@media (max-width: 768px){.create-transaction-btn{padding:.5rem;width:2.5rem;height:2.5rem;justify-content:center;border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.create-transaction-btn__text{display:none}}.navbar-links button.nav-link{background:none;border:none;padding:0;margin:0;font:inherit;color:var(--color-text-secondary);text-align:left;cursor:pointer;width:100%}.navbar-links button.nav-link:hover{color:var(--color-text-primary)}.add-transaction-modal__title{margin-bottom:1rem}.add-transaction-modal__form{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.add-transaction-modal__form-row{display:grid;grid-template-columns:1fr;gap:1rem}.add-transaction-modal__form-row--two-cols{grid-template-columns:1fr 1fr;gap:1.5rem}.add-transaction-modal__form-row--full-width{grid-template-columns:1fr}@media (min-width: 768px){.add-transaction-modal__form-row{grid-template-columns:1fr 1fr;gap:1.5rem}}.add-transaction-modal__form-group{display:flex;flex-direction:column;gap:.5rem;flex:1}.add-transaction-modal__form-label{font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.add-transaction-modal__input,.add-transaction-modal__select{padding:.75rem;border:1px solid var(--color-border);border-radius:.5rem;background-color:var(--color-background-tertiary);color:var(--color-text-primary);font-size:.875rem;transition:all .15s ease-in-out;width:100%;font-family:inherit;height:100%}textarea.add-transaction-modal__input{resize:none}.add-transaction-modal__input:focus,.add-transaction-modal__select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}input[type=datetime-local].add-transaction-modal__input{-webkit-appearance:none;color-scheme:dark;cursor:text}input[type=datetime-local].add-transaction-modal__input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.add-transaction-modal__actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem}.add-transaction-modal__action-btn-group{display:flex;gap:.75rem}.add-transaction-modal__action-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;border:2px solid transparent}.add-transaction-modal__action-btn--cancel{background-color:transparent;border-color:var(--color-text-secondary);color:var(--color-text-secondary)}.add-transaction-modal__action-btn--cancel:hover{background-color:color-mix(in srgb,var(--color-text-secondary) 10%,transparent)}.add-transaction-modal__action-btn--save{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.add-transaction-modal__action-btn--save:hover{filter:brightness(1.1)}.add-transaction-modal__form-group--full-width{grid-column:span 2}@media (max-width: 768px){.add-transaction-modal__form-row{grid-template-columns:1fr}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-sans)}.login-box{text-align:center;padding:2rem;border-radius:.5rem;background-color:var(--color-background-tertiary);-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.login-box .navbar-brand{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.login-box .navbar-brand .brand-icon{width:2.5rem;height:2.5rem;margin-right:.5rem}.login-box h1{font-size:2rem;font-weight:700}.login-box p{margin-bottom:1.5rem;font-size:1.1rem}.login-btn{background-color:transparent;color:var(--color-info);font-weight:600;padding:.75rem 1.5rem;border:none;font-size:1rem;cursor:pointer;transition:background-color .3s;border:3px solid var(--color-info);border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem}.login-btn:hover{background-color:color-mix(in srgb,var(--color-info) 10%,transparent)}