@import url(https://fonts.googleapis.com/css2?family=Oswald&family=Roboto&display=swap);:root{--black:#222;--white:#fafafa;--text:var(--black);--background:#c4d7f2;--background-transparent:rgba(196,215,242,.5);--sidebar:#0d2149;--sidebar-text:var(--white);--accent-yellow:#f4d06f;--accent-green:#32de8a;--accent-red:#fd6036;--alternating-row:var(--white);--main-font:"Roboto",Arial,sans-serif;--default-font-size:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background:#c4d7f2;background:var(--background);font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:1rem;font-size:var(--default-font-size);height:100vh;overflow:hidden}h1,p{margin:0 0 1rem}button{cursor:pointer}.button{border:none;border-radius:.5rem;display:block;font-size:1rem;font-size:var(--default-font-size);padding:.5rem;text-align:center;text-decoration:none;width:100%}.button,.link{font-family:Roboto,Arial,sans-serif;font-family:var(--main-font)}.link{background:transparent;border:none;color:#222;color:var(--black);font-size:1rem;text-align:left;text-decoration:underline}.icon,.icon-block{background:transparent;border:0;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);padding:0}.icon-block{display:block}.negative-number{color:#fd6036;color:var(--accent-red)}.green-number{color:#32de8a;color:var(--accent-green)}.error{background:#fafafa;background:var(--white);border:2px solid #fd6036;border:2px solid var(--accent-red);border-radius:.5rem;box-shadow:.25rem .25rem .25rem #222;box-shadow:.25rem .25rem .25rem var(--black);margin-bottom:1rem;padding:.5rem;position:relative}.error strong{color:#fd6036;color:var(--accent-red)}.warning{align-items:center;background:#f4d06f;background:var(--accent-yellow);border:1px solid #222;border:1px solid var(--black);border-radius:.5rem;display:flex;font-weight:700;margin-bottom:1rem}.warning>*{margin:0;padding:.5rem}.warning>.triangle{font-size:2rem}.error .icon{display:block;position:absolute;right:.5rem;top:.5rem}main{height:100vh;overflow:auto;padding:1rem}.main-heading{margin-bottom:1rem}table{border-collapse:collapse}.loading-spinner{color:#0d2149;color:var(--sidebar);font-size:2rem;text-align:center}.loading-spinner svg{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate-spinner;animation-name:rotate-spinner;-webkit-animation-timing-function:linear;animation-timing-function:linear}input.number-input{text-align:right}@-webkit-keyframes rotate-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.sidebar{background:#0d2149;background:var(--sidebar);display:flex;flex-direction:column;height:100vh;padding:1rem;width:100vw}.hide-sidebar,.sidebar{color:#fafafa;color:var(--sidebar-text);position:absolute}.hide-sidebar{background:transparent;border:none;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:1.25rem;padding:none;right:1rem;top:1rem}.sidebar.sidebar-no-budget{display:none}.sidebar h1{font-size:1.25rem;text-align:center}.sidebar .button{background:#32de8a;background:var(--accent-green);color:#222;color:var(--black);margin-bottom:.5rem;padding:.5rem}.big-button{align-items:center;display:flex}.big-button span{display:block}.big-button .button-icon{flex-grow:0;font-size:1.5rem;margin-right:.5rem}.big-button .button-text{flex-grow:1;text-align:center}.big-button.syncing .button-icon svg{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:rotate-spinner;animation-name:rotate-spinner;-webkit-animation-timing-function:linear;animation-timing-function:linear;color:#fafafa;color:var(--white)}.big-button .sync-count{background:#fd6036;background:var(--accent-red);border-radius:.6rem;box-shadow:.125rem .125rem .125rem #222;box-shadow:.125rem .125rem .125rem var(--black);color:#fafafa;color:var(--white);display:block;font-size:.8rem;font-weight:700;min-height:1rem;padding:.2rem .4rem}@-webkit-keyframes show-sidebar{0%{-webkit-transform:translateX(-110%);transform:translateX(-110%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes show-sidebar{0%{-webkit-transform:translateX(-110%);transform:translateX(-110%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes hide-sidebar{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-110%);transform:translateX(-110%)}}@keyframes hide-sidebar{0%{-webkit-transform:translateX(0);transform:translateX(0)}to{-webkit-transform:translateX(-110%);transform:translateX(-110%)}}.modal{background:#c4d7f2;background:var(--background);bottom:0;height:100vh;left:0;max-height:100vh;max-width:100vw;padding:1rem;right:0;top:0;width:100%}.modal,.modal-close{border:none;position:absolute}.modal-close{background:transparent;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:1.25rem;padding:none;right:1rem;top:1rem}.modal h2{font-size:1.25rem;margin:0 0 .5rem}.dialog-form p{margin-bottom:.5rem}.dialog-form input[type=date],.dialog-form input[type=password],.dialog-form input[type=text],.dialog-form select{border:1px solid #222;border:1px solid var(--black);border-radius:.5rem;display:block;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:1rem;margin:0 0 1rem;padding:.5rem;width:100%}.dialog-form .accountBalanceCreateCategoryCheckbox{margin-bottom:1rem}.modal .button{background:#0d2149;background:var(--sidebar);color:#fafafa;color:var(--sidebar-text);font-weight:700;margin:0 0 1rem}.modal .dialog-buttons{display:flex;gap:.5rem}.modal .dialog-buttons button{flex-grow:1}.modal .delete-button{background:#fd6036;background:var(--accent-red)}.dialog-form>:last-child{margin-bottom:0}.modal[open]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:show-dialog;animation-name:show-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear}.modal::-webkit-backdrop{background:transparent}.modal::backdrop{background:transparent}.modal.hide{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hide-dialog;animation-name:hide-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes show-dialog{0%{opacity:0}to{opacity:1}}@keyframes show-dialog{0%{opacity:0}to{opacity:1}}@-webkit-keyframes hide-dialog{0%{opacity:1}to{opacity:0}}@keyframes hide-dialog{0%{opacity:1}to{opacity:0}}@-webkit-keyframes show-and-move-dialog{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes show-and-move-dialog{0%{opacity:0;-webkit-transform:translateY(3rem);transform:translateY(3rem)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes hide-and-move-dialog{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}}@keyframes hide-and-move-dialog{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}}.account-list{margin:1.5rem 0}.account-list-header{color:#f4d06f;color:var(--accent-yellow);display:flex;justify-content:space-between}.account-list-header button{color:#f4d06f;color:var(--accent-yellow);display:block}.account-list h2,.account-list-header button{font-size:1.125rem;margin:0 0 .5rem}.account-list-account{display:flex;font-size:.9rem;justify-content:space-between;margin:0 0 .25rem}.account-list-account a{color:#fafafa;color:var(--sidebar-text);font-weight:700}.account-list-account p{margin:0}.account-list .no-accounts{font-size:.8rem;font-style:italic;text-align:center}h1.app-name{font-family:Oswald;font-size:3rem;font-weight:700;text-shadow:.25rem .25rem .125rem #f4d06f;text-shadow:.25rem .25rem .125rem var(--accent-yellow);text-transform:uppercase}.version-number{font-style:italic;text-align:right}main.settings{display:flex;flex-direction:column;max-height:100vh;min-height:100vh;padding:1rem;text-align:center}main.settings>:first-child{margin-top:auto!important}main.settings>:last-child{margin-bottom:auto!important}main.settings .button{background:#0d2149;background:var(--sidebar);color:#fafafa;color:var(--sidebar-text);font-weight:700;margin:0 auto 1rem;max-width:40rem}main.settings .button.select-budget{background:#fafafa;background:var(--white);color:#222;color:var(--black);font-weight:400}main.settings .button.cloud-budget{display:flex;gap:.5rem;justify-content:center}main.settings .button.cloud-budget svg{color:#32de8a;color:var(--accent-green);display:block}main.settings .button.cloud-budget span{display:block}main.settings .budget-select-login{background:#f4d06f;background:var(--accent-yellow);border-radius:.5rem;box-shadow:.25rem .25rem .25rem #222;box-shadow:.25rem .25rem .25rem var(--black);margin:0 auto 1rem;max-width:40rem;padding:1rem;text-align:left;width:100%}main.settings .budget-select-login h2{margin:0 0 .5rem}main.settings .budget-select-login button{margin-bottom:0}main.subsettings h3{margin-bottom:.5rem;margin-top:1.5rem}main.subsettings input[type=text]{border-radius:.5rem;display:block;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:1rem;margin-bottom:1rem;padding:.5rem;width:100%}main.subsettings .format-explanation{font-size:.9rem;font-style:italic}main.subsettings p:has(label){margin-bottom:.5rem}main.subsettings .button{background-color:#0d2149;background-color:var(--sidebar);color:#fafafa;color:var(--sidebar-text);margin-bottom:.5rem}main.subsettings .button.delete{background:#fd6036;background:var(--accent-red)}main.budget{padding:.5rem}main.budget .select-month-buttons{background:rgba(196,215,242,.5);background:var(--background-transparent);border-radius:.5rem;bottom:.5rem;display:flex;left:2rem;position:absolute;right:2rem;z-index:10}main.budget .select-month-buttons button{color:#222;color:var(--text);display:block;flex-grow:1;font-size:1rem;margin-right:.5rem;padding:.5rem}main.budget table{border-collapse:collapse;margin-bottom:6rem;width:100%}main.budget .month-name:first-letter{text-transform:uppercase}main.budget .category-name{align-items:center;display:flex;white-space:nowrap}main.budget .b-o-b{display:grid;font-size:.8rem;grid-template-columns:repeat(3,1fr)}main.budget .b-o-b input{text-decoration:underline}main.budget .b-o-b input:focus{outline:none;text-decoration:none}main.budget .b-o-b div{padding:.2rem .5rem;text-align:right}main.budget table input{background:transparent;border:none;color:#222;color:var(--black);font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:.8rem;padding:0;width:100%}main.budget .b-o-b input{text-align:right}main.budget .category-name form{align-items:center;display:flex}main.budget .category-name button,main.budget .category-name input{display:block}main.budget .toggle-master-category{display:block;font-size:.8rem;margin-right:.4rem}main.budget .category-name .edit-category-button,main.budget .category-name button[type=submit]{background:transparent;border:none;color:#32de8a;color:var(--accent-green);font-size:.8rem;margin-left:.4rem}main.budget .category-name .edit-category-button{text-shadow:1px 1px 0 #222;text-shadow:1px 1px 0 var(--black)}main.budget .hidden-category .category-name .edit-category-button{color:#fd6036;color:var(--accent-red)}main.budget .master-category .category-name{padding-left:.5rem}main.budget .master-category .category-name .edit-category-button,main.budget .master-category input{color:#fafafa;color:var(--white)}main.budget .month-header,td .b-o-b{margin-left:.5rem;text-align:center}main.budget .month-header{background:#0d2149;background:var(--sidebar);border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#fafafa;color:var(--sidebar-text);padding-top:.5rem}main.budget .month-header .month-name{margin-bottom:.5rem}main.budget .month-header .money-to-budget{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:.25rem .25rem .25rem #222;text-shadow:.25rem .25rem .25rem var(--black)}main.budget .month-header .to-budget{font-size:.8rem;font-style:italic;font-weight:400;margin-bottom:.5rem}main.budget tr:nth-child(odd) td{background:#c4d7f2;background:var(--background)}main.budget tr:nth-child(2n) td{background:#fafafa;background:var(--alternating-row)}main.budget tr.master-category td{background:#222;background:var(--black);color:#fafafa;color:var(--white);font-weight:700}main.budget tr.master-category td a,main.budget tr.master-category td button{color:#fafafa;color:var(--white)}main.budget .hidden-category,main.budget .hidden-category button,main.budget .hidden-category input{color:#fd6036;color:var(--accent-red);font-style:italic}main.budget .category-name{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem;display:table-cell flex;font-size:.8rem;padding:.2rem .5rem;width:100%}main.budget .category-name.no-icon{padding-left:1.5rem}main.budget .category-name .link{font-size:.8rem}main.budget .category-name .main-part-of-cell{flex-grow:1}main.budget table tr:last-child td:last-child{border-bottom-right-radius:.25rem}main.budget .show-hidden-categories{font-size:.8rem;margin-bottom:6rem;margin-top:-5.5rem}main.budget .show-hidden-categories label{vertical-align:middle}main.budget .budget-scroll-left .current-month,main.budget .budget-scroll-left .next-month,main.budget .budget-scroll-left .previous-month{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:move-in-from-left;animation-name:move-in-from-left;-webkit-animation-timing-function:linear;animation-timing-function:linear}main.budget .budget-scroll-right .current-month,main.budget .budget-scroll-right .next-month,main.budget .budget-scroll-right .previous-month{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:move-in-from-right;animation-name:move-in-from-right;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes move-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move-in-from-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes move-in-from-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes move-in-from-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(0);transform:translateX(0)}}main.account-page{padding:0}.account-header{margin-bottom:2rem;padding:1rem}.account-header .account-searchbar{position:relative}.account-header .account-searchbar input{border:none;border-radius:.5rem;display:block;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:1rem;font-size:var(--default-font-size);padding:.25rem .5rem;width:100%}.account-header .account-balance{text-align:right}.account-header .account-balance h3{font-size:.8rem;font-weight:400}.account-header .account-balance .account-balance-amount{color:#222;color:var(--black);font-size:2rem;font-weight:700;margin:0;text-shadow:.25rem .25rem .125rem #32de8a;text-shadow:.25rem .25rem .125rem var(--accent-green)}.account-header .account-balance .account-balance-amount.negative{text-shadow:.25rem .25rem .125rem #fd6036;text-shadow:.25rem .25rem .125rem var(--accent-red)}.account-header .account-header-buttons .new-transaction-button{background:#f4d06f;background:var(--accent-yellow)}.transaction-list{font-size:.8rem;width:100%}.transaction-list td,.transaction-list th{padding:.2rem .5rem;text-align:left}.transaction-list th{background-color:#222;background-color:var(--black);color:#fafafa;color:var(--white)}.transaction-list:has(.new-transaction) .checkbox-td,.transaction-list:has(.new-transaction) .edit-td{display:none}.transaction-list td p{margin:0}.transaction-list tr:has(input[type=checkbox]:checked) td{background:#f4d06f;background:var(--accent-yellow)}.transaction-list tr:nth-child(odd) td{background:#c4d7f2;background:var(--background)}.transaction-list tr:nth-child(2n) td{background:#fafafa;background:var(--alternating-row)}.transaction-list .in-td,.transaction-list .out-td{text-align:right}.transaction-list .edit-td{position:relative}.transaction-list .edit-td .icon-block{border-radius:.5rem;min-height:1rem;min-width:1rem}.transaction-list .edit-td .icon-block.open{background-color:#0d2149;background-color:var(--sidebar);color:#fafafa;color:var(--sidebar-text)}.transaction-menu{background:#fafafa;background:var(--white);border:1px solid #0d2149;border:1px solid var(--sidebar);border-radius:.25rem;padding:0;position:absolute;right:0;top:100%;z-index:1}.transaction-menu ul{list-style-type:none}.transaction-menu li{border-bottom:1px solid #0d2149;border-bottom:1px solid var(--sidebar)}.transaction-menu li:last-child{border-bottom:none}.transaction-menu button{padding:.25rem .5rem;white-space:nowrap}.new-transaction input,.new-transaction select{border:1px solid #222;border:1px solid var(--black);border-radius:.4rem;display:block;font-family:Roboto,Arial,sans-serif;font-family:var(--main-font);font-size:.8rem;padding:.4rem;width:100%}.transaction-list .new-transaction .new-transaction-buttons button{background:#32de8a;background:var(--accent-green);white-space:nowrap}.transaction-list .new-transaction .new-transaction-buttons button.abort{background:#fd6036;background:var(--accent-red)}.category-option-box p{margin:0}.category-option-parent{font-size:.6rem}.category-option-name{font-weight:700}.category-option-balance{font-size:.6rem;text-align:right}.category-td .autocomplete-options>div{border-bottom:1px solid #0d2149;border-bottom:1px solid var(--sidebar)}.category-td .autocomplete-options>div:last-child{border-bottom:none}input.valid{background:#32de8a;background:var(--accent-green)}input.invalid{background:#fd6036;background:var(--accent-red)}input.invalid:focus{background:#f4d06f;background:var(--accent-yellow)}.loading{-webkit-animation-duration:6s;animation-duration:6s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:spinning-text;animation-name:spinning-text;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes spinning-text{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-1turn);transform:rotateY(-1turn)}}@keyframes spinning-text{0%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}to{-webkit-transform:rotateY(-1turn);transform:rotateY(-1turn)}}.autocomplete{position:relative}.autocomplete-options{background:#fafafa;background:var(--white);border:1px solid #0d2149;border:1px solid var(--sidebar);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;color:#222;color:var(--black);display:none;left:0;position:absolute;right:0;top:100%;z-index:25}.autocomplete:has(input:focus) .autocomplete-options{display:block}.autocomplete-options div{margin:0;padding:.25rem}.autocomplete-options div.selected{background:#0d2149;background:var(--sidebar);color:#fafafa;color:var(--sidebar-text)}.why-pay{margin-left:2rem;margin-top:1rem}.why-pay li{margin:0 0 1rem}@media screen and (max-width:800px){.sidebar{z-index:250}.hide-dialog{display:none}.account-header h2,.main-heading{background:#0d2149;background:var(--sidebar);color:#fafafa;color:var(--sidebar-text);font-size:1.5rem;margin:-1rem -1rem .5rem;padding:1.25rem 1rem 1.25rem 4.5rem}.sidebar-visible{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:show-sidebar;animation-name:show-sidebar;-webkit-animation-timing-function:linear;animation-timing-function:linear}.sidebar-hidden,.sidebar-visible{-webkit-animation-duration:.5s;animation-duration:.5s}.sidebar-hidden{-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hide-sidebar;animation-name:hide-sidebar;-webkit-animation-timing-function:linear;animation-timing-function:linear}.account-list-account{margin:0 0 1rem}.show-menu{left:.75rem;position:fixed;top:.75rem;z-index:200}.show-menu .icon{background:#0d2149;background:var(--sidebar);border-radius:.5rem;color:#fafafa;color:var(--sidebar-text);font-size:2rem;height:3rem;padding:.25rem;width:3rem}main.budget .next-month,main.budget .previous-month{display:none}main.budget table,main.budget tbody,main.budget td,main.budget th,main.budget thead,main.budget tr{border:none;display:block}main.budget thead .category-name{display:none}main.budget .budget-scroll-left .category-name{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:move-in-from-left;animation-name:move-in-from-left;-webkit-animation-timing-function:linear;animation-timing-function:linear}main.budget .budget-scroll-right .category-name{-webkit-animation-duration:.25s;animation-duration:.25s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:move-in-from-right;animation-name:move-in-from-right;-webkit-animation-timing-function:linear;animation-timing-function:linear}main.budget tr{margin-bottom:.25rem}main.budget td{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}main.budget td:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.25rem;border-top-right-radius:.25rem}main.budget tbody:last-child .master-category .category-name,main.budget tr.add-new-category td:first-child{border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem}main.budget .category-name .main-part-of-cell{text-align:center}main.budget .b-o-b,main.budget .month-header{margin-left:0}main.budget .select-month-buttons .next-three,main.budget .select-month-buttons .prev-three{display:none}main.budget .category-name{font-style:italic;justify-content:center;text-align:center}main.budget .category-name button{font-style:italic}main.account-page{display:flex;flex-direction:column}.account-searchbar{display:block;margin-bottom:.5rem}.account-header .account-header-buttons{grid-gap:.5rem;display:grid;flex-grow:1;flex-wrap:wrap;gap:.5rem;grid-template-columns:repeat(2,1fr);justify-content:flex-start;margin-bottom:1rem}.account-header .account-header-buttons button{display:block}.account-header .account-header-buttons .new-transaction-button{grid-column-end:3;grid-column-start:1}.account-page thead{display:none}.transaction-list table,.transaction-list tbody,.transaction-list td,.transaction-list th,.transaction-list tr{display:block}.transaction-list tbody{display:flex;flex-direction:column;padding:1rem}.transaction-list tbody tr{grid-gap:.5rem;background:#c4d7f2;background:var(--background);border:1px solid #0d2149;border:1px solid var(--sidebar);border-radius:.5rem;display:grid;grid-template-columns:repeat(2,1fr);margin-bottom:.5rem;padding:.5rem;width:100%}.transaction-list tr:nth-child(2n){background-color:#fafafa;background-color:var(--alternating-row)}.transaction-list tr:has(input[type=checkbox]:checked){background-color:#f4d06f;background-color:var(--accent-yellow)}.transaction-list .transaction-row .date-td{font-weight:700;grid-column-start:1;grid-row-start:1}.transaction-list .transaction-row .category-td{grid-column-start:2;grid-row-start:1;text-align:right}.transaction-list .transaction-row .payee-td{font-weight:700;grid-column-end:3;grid-column-start:1;grid-row-start:2}.transaction-list .transaction-row .memo-td{font-style:italic;grid-column-end:3;grid-column-start:1;grid-row-start:4}.transaction-list .transaction-row .in-td{font-size:1.25rem;font-weight:700;grid-column-end:2;grid-column-start:1;grid-row-start:3;text-align:right;text-shadow:.25rem .25rem .25rem #32de8a;text-shadow:.25rem .25rem .25rem var(--accent-green)}.transaction-list .transaction-row .out-td{font-size:1.25rem;font-weight:700;grid-column-end:3;grid-column-start:2;grid-row-start:3;text-align:right;text-shadow:.25rem .25rem .25rem #fd6036;text-shadow:.25rem .25rem .25rem var(--accent-red)}.transaction-list .transaction-row .edit-td{display:flex;grid-column-end:3;grid-column-start:2;justify-content:flex-end}.transaction-list tbody:has(.new-transaction){-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:show-dialog;animation-name:show-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:#c4d7f2;background:var(--background);bottom:0;height:100vh;left:0;overflow-y:auto;padding-top:5rem;position:fixed;right:0;top:0;z-index:100}.transaction-list tbody:has(.new-transaction) .transaction-row{display:none}.transaction-list .new-transaction{background:transparent;border:none;border-radius:0;display:block;padding:0}.transaction-list .new-transaction td,.transaction-list .new-transaction:nth-child(2n),.transaction-list .new-transaction:nth-child(2n) td,.transaction-list .new-transaction:nth-child(odd),.transaction-list .new-transaction:nth-child(odd) td{background:transparent}.transaction-list .new-transaction.split-transaction-child{background:#fafafa;background:var(--alternating-row);border:1px solid #0d2149;border:1px solid var(--sidebar);border-radius:.5rem;padding:.5rem}.transaction-list .in-td input,.transaction-list .out-td input{background:#222;background:var(--black);font-size:2rem;font-weight:700}.transaction-list .out-td input{color:#fd6036;color:var(--accent-red)}.transaction-list .in-td input{color:#32de8a;color:var(--accent-green)}.transaction-list .new-transaction:has(.select-in-or-out input[value=in]:checked) .out-td,.transaction-list .new-transaction:has(.select-in-or-out input[value=out]:checked) .in-td{display:none}.transaction-list .new-transaction.split-transaction-child .date-td{text-align:right}.transaction-list .new-transaction .select-in-or-out{display:flex;gap:.5rem}.transaction-list .new-transaction .select-in-or-out input,.transaction-list .new-transaction.split-transaction-parent .select-in-or-out{display:none}.transaction-list .new-transaction .select-in-or-out label{border-radius:.25rem;color:#0d2149;color:var(--sidebar);display:block;flex-grow:1;font-weight:700;margin-top:.1rem;padding:.5rem;text-align:center}.transaction-list .new-transaction .select-in-or-out label:has(input:checked){background:#32de8a;background:var(--accent-green);box-shadow:.125rem .125rem .125rem #222;box-shadow:.125rem .125rem .125rem var(--black);color:#222;color:var(--black)}.transaction-list .new-transaction .new-transaction-buttons{margin-top:2rem}.transaction-list .new-transaction .new-transaction-buttons form{display:flex;flex-direction:column;gap:.5rem}.transaction-list .new-transaction .new-transaction-buttons button{display:block}.transaction-list .new-transaction td.in-td,.transaction-list .new-transaction td.out-td{text-align:left}.autocomplete-options{position:static}}@media screen and (min-width:800px){.sidebar,.sidebar.sidebar-no-budget{background:#0d2149;background:var(--sidebar);border-right:1px solid var(--border);color:#fafafa;color:var(--sidebar-text);display:flex;max-width:20rem;position:fixed;width:25vw}.show-menu,.sidebar .hide-sidebar{display:none}main{height:100vh;margin-left:calc(min(25vw, 20rem));max-width:100vw;overflow:auto}main.budget .select-month-buttons{left:calc(min(25vw, 20rem) + 2rem)}main.budget .category-name{position:relative;z-index:5}main.budget .category-name .main-part-of-cell{text-align:left}main.budget tr:has(.b-o-b input:focus) td{background:#f4d06f;background:var(--accent-yellow)}.account-header{background:#c4d7f2;background:var(--background);position:-webkit-sticky;position:sticky;top:0;z-index:20}.account-header .top-row{display:flex}.account-header .top-row h2{flex-grow:2}.account-header .top-row .account-searchbar{flex-grow:1}.account-header .top-row{margin-bottom:1rem}.account-header .second-row{align-items:flex-end;display:flex;gap:.5rem}.account-header .account-header-buttons{display:flex;flex-grow:1;flex-wrap:wrap;gap:.5rem;justify-content:flex-start}.account-header .account-header-buttons button{display:block;width:auto}.transaction-list thead{position:-webkit-sticky;position:sticky;top:0}.new-transaction{position:relative}.new-transaction label,.transaction-list .select-in-or-out{display:none}.transaction-list .new-transaction .new-transaction-buttons{border-bottom-left-radius:.5rem;box-shadow:-.5rem .5rem .5rem #222;box-shadow:-.5rem .5rem .5rem var(--black);padding-left:1rem;position:absolute;right:0;top:100%}.transaction-list .new-transaction .new-transaction-buttons form{display:flex;gap:.25rem}.transaction-list .new-transaction .new-transaction-buttons button{font-size:.75rem}.transaction-list .new-transaction.split-transaction td{background:#f4d06f;background:var(--accent-yellow)}.modal{border-radius:.5rem;box-shadow:1rem 1rem 1rem #222;box-shadow:1rem 1rem 1rem var(--black);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto;max-height:calc(100vh - 2rem);min-width:800px;padding:1rem;width:80%}.modal[open]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:show-and-move-dialog;animation-name:show-and-move-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear}.modal::-webkit-backdrop{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:show-dialog;animation-name:show-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:rgba(0,0,0,.5)}.modal::backdrop{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:show-dialog;animation-name:show-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear;background:rgba(0,0,0,.5)}.modal.hide{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hide-and-move-dialog;animation-name:hide-and-move-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear}.modal.hide::-webkit-backdrop{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hide-dialog;animation-name:hide-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear}.modal.hide::backdrop{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hide-dialog;animation-name:hide-dialog;-webkit-animation-timing-function:linear;animation-timing-function:linear}.dialog-form .accountBalanceSettings{display:flex;gap:1rem}.dialog-form .accountBalanceSettings div{flex-grow:1}}
/*# sourceMappingURL=main.2101cf91.css.map*/