:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.2;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,header,main{margin:0;padding:0;box-sizing:border-box;background-color:#242424;min-width:400px}main{display:flex;align-items:center}header{background-color:#333;color:#fff;text-align:center;display:flex;justify-content:space-between;align-items:center;padding:10px;position:relative}.header-title{position:absolute;left:50%;transform:translate(-50%);cursor:pointer}@media screen and (max-width: 500px){.header-title{position:absolute;left:10px;transform:none;cursor:pointer}}.header-login-button{cursor:pointer}.header-login-button-icon{display:inline-block;vertical-align:middle;line-height:25px;border:1px solid lightyellow;border-radius:4px;margin-left:5px;width:25px;height:25px}.try-to-logout{color:red}main{height:100%;flex:1;padding:0 .5em .5em;font-family:Arial,sans-serif;display:flex;flex-direction:column}.notification-container{position:fixed;bottom:10px;right:10px;display:flex;flex-direction:column;gap:5px;z-index:1000;align-items:flex-end}.notification{background-color:#444d;color:#ddd;padding:5px 10px;border-radius:10px;box-shadow:0 2px 10px #0003;max-width:250px;min-width:100px;position:relative}.notification .notification-header{display:flex;justify-content:space-between;align-items:center}.notification .notification-header h3{margin:0;font-size:1em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification .notification-header button{background:none;border:none;color:#d66d;font-size:1em;cursor:pointer;margin:0}.notification .notification-header button:hover{color:#d22d}.notification .notification-content{margin-top:0;font-size:.8em;overflow-wrap:break-word}.notification .progress-container{position:absolute;bottom:0;left:10px;right:10px;height:1px;background-color:#0000}.notification .progress-bar{height:100%;background-color:#5a5}.login-panel{margin-top:50px;text-align:center;border:1px solid lightyellow;border-radius:4px;width:350px;height:250px}.login-panel h1{font-size:2em}.login-panel input{margin:8px;font-size:1.2em}.login-panel button{margin:15px;font-size:1.2em;text-align:center;line-height:1;height:35px;width:35px;border:0px;border-radius:8px;background-color:#fff2;cursor:pointer}.home>.cards{position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1em}.home>.cards>.card{width:9em;height:9em;border:1px solid lightyellow;border-radius:10px;margin:1em 1em 3em;display:flex;justify-content:center;align-items:center;font-size:1em;position:relative;cursor:pointer}.home>.cards>.card>.card-icon{font-size:3em}.home>.cards>.card>.card-text{position:absolute;left:50%;transform:translate(-50%);top:calc(100% + .5em);text-align:center;width:9em}.view-accounts>h1{text-align:center}.view-accounts{display:contents}.view-accounts .account-card{margin:10px;width:350px;border:1px solid #ffffe080;border-radius:5px}.view-accounts .add-account-button{margin:10px;font-size:2em;text-align:center;cursor:pointer;color:#90ee90}.view-accounts .add-account-button:hover{color:green}.view-accounts .adding-account{padding:10px;box-sizing:border-box;margin:15px;width:350px;height:140px;border:1px solid #ffffe080;background-color:#51ff000e;border-radius:5px;text-align:right}.view-accounts .adding-account select,.view-accounts .adding-account input{width:260px;padding:5px;box-sizing:border-box;margin:5px}.view-accounts .adding-account button{padding:5px;box-sizing:border-box;margin:5px;width:70px}.view-accounts .account-type{text-align:center;padding:4px;width:35px;line-height:1}.view-accounts .account-name{padding:2px}.view-accounts .account-note input{width:100%;padding:2px;box-sizing:border-box}.view-accounts .account-subaccount td{border-top:1px solid #777;text-align:right;padding-right:8px;font-size:1.2em;font-family:Consolas}.view-accounts .account-type{font-size:2em}.view-accounts .account-container{position:relative}.view-accounts .edit-button,.view-accounts .view-button,.view-accounts .filter-button{position:absolute;padding:5px 10px;background-color:transparent;color:#fff4;border:0px solid #ccc;cursor:pointer;border-radius:5px;font-size:1.5em}.view-accounts .edit-button{top:10px;right:-30px}.view-accounts .view-button{top:10px;right:-90px}.view-accounts .filter-button{top:10px;right:-60px}.view-accounts .edit-button:hover,.view-accounts .view-button:hover,.view-accounts .filter-button:hover{color:#fff8}.view-accounts .edit-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000b;z-index:1000}.view-accounts .edit-window{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#242424;padding:20px;border-radius:5px;width:320px;max-width:500px;box-shadow:0 5px 15px #0004}.view-accounts .edit-window h3{margin-top:0;margin-bottom:10px}.view-accounts .edit-account-id,.view-accounts .edit-account-name,.view-accounts .edit-account-type{margin:2px;padding:2px;width:200px;box-sizing:border-box;left:60px}.view-accounts .edit-window .button-delete{position:absolute;text-align:center;width:50px;right:5px;top:70px;cursor:pointer;color:#f08080}.view-accounts .edit-window .button-delete:hover{color:red}.view-accounts .edit-window .button-save{position:absolute;text-align:center;width:50px;right:5px;top:120px;cursor:pointer;color:#90ee90}.view-accounts .edit-window .button-save:hover{color:green}.view-accounts .edit-interest-rates-changes{border-spacing:1px}.view-accounts .edit-interest-rates-changes th{font-size:.7em}.view-accounts .edit-interest-rates-changes td{padding:1px}.view-accounts .edit-interest-rates-changes input{font-size:.8em;padding:2px}.view-accounts .edit-interest-rates-changes-input-symbol{width:50px}.view-accounts .edit-interest-rates-changes-input-time{width:120px}.view-accounts .edit-interest-rates-changes-input-rate-pos,.view-accounts .edit-interest-rates-changes-input-rate-neg{width:40px}.view-accounts .edit-interest-rates-changes-delete-button{color:#f08080;cursor:pointer}.view-accounts .edit-interest-rates-changes-delete-button:hover{color:red}.view-accounts .edit-interest-rates-changes-add-button{color:#90ee90;cursor:pointer}.view-accounts .edit-interest-rates-changes-add-button:hover{color:green}.view-accounts .close-window{position:absolute;right:15px;top:15px;cursor:pointer;font-size:24px;color:#000;font-size:2em}.view-accounts .close-window:hover{color:red}.new-transaction{display:contents}.new-transaction input,.new-transaction select,.new-transaction button[type=submit],.new-transaction .changes{padding:8px;margin:4px;width:300px;box-sizing:border-box;border:0px;text-align:center;font-size:1em}.new-transaction button[type=submit]{width:100px;height:50px;margin-top:10px;margin-right:100px;background:#0001;cursor:pointer}.new-transaction option{text-align:center}.new-transaction form{text-align:right}.new-transaction h1{text-align:center}.new-transaction .submit-button-confirming{color:#ff8}.new-transaction .submit-button-submitting{color:#888}.new-transaction .submit-button-complete{color:#8f8}.new-transaction .submit-button-error{color:#f88}.new-transaction .changes{width:300px!important;padding:0!important}.new-transaction .change{margin-bottom:4px;display:block;text-align:left;position:relative;width:300px!important;padding:0!important;line-height:0}.new-transaction .change-id,.new-transaction .change-amount,.new-transaction .change-symbol,.new-transaction .change-note{margin:0!important;padding:4px!important;font-size:.8em!important}.new-transaction .change-id,.new-transaction .change-note{width:300px!important}.new-transaction .change-amount{width:200px!important;margin-right:1px!important;text-align:right!important}.new-transaction .change-symbol{width:99px!important;text-align:left!important}.new-transaction .change-buttons{position:absolute;text-align:left;width:100px;right:-102px;bottom:20px}.new-transaction .add-change-button,.new-transaction .delete-change-button{width:25px;height:25px;padding:0;margin-left:2px;cursor:pointer}.new-transaction .input-row{display:flex;align-items:center}.new-transaction .input-label{width:100px;text-align:right}.view-tx>h1{text-align:center}.view-tx{display:contents}.view-tx .tx-edit-button,.view-tx .tx-copy-button{color:#999;cursor:pointer;margin:1px;display:inline}.view-tx .tx-edit-button:hover,.view-tx .tx-copy-button:hover{color:#fffa}.view-tx .transactions-table{font-size:1em}.view-tx .transactions-table,.view-tx .transactions-table th,.view-tx .transactions-table td{border:1px solid black;border-collapse:collapse}.view-tx .table-td-time,.view-tx .table-td-category,.view-tx .table-td-note{white-space:nowrap}.view-tx .table-td-changes{white-space:nowrap;padding:0}.view-tx .transactions-table span{padding:0;font-size:1em;display:inline-block;box-sizing:border-box}.view-tx .table-td-changes-account{width:100px;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-tx .table-td-changes-note{width:100px;text-align:left}.view-tx .table-td-changes-amount{width:80px;text-align:right}.view-tx .table-td-changes-symbol{margin-left:2px;width:30px;text-align:left}.view-tx .filter-menu{position:relative;width:220px;right:-250px;top:-50px}.view-tx .filter-menu-expanded{height:80px}.view-tx .filter-buttons{display:flex;justify-content:space-between;width:100%}.view-tx .filter-clear-button:hover{color:#f004;cursor:pointer}.view-tx .filter-clear-button{color:#f008}.view-tx .filter-menu-button:hover{color:#fff4;cursor:pointer}.view-tx .filter-menu-button{white-space:nowrap;margin-left:auto;color:#fff8}.view-tx .filter-menu-content{display:flex;flex-wrap:wrap}.view-tx .filter-time-input,.view-tx .filter-keyword-input,.view-tx .filter-account-select,.view-tx .filter-amount_min-input,.view-tx .filter-amount_max-input,.view-tx .filter-symbol-input{align-items:right;width:210px;padding:0;margin-top:2px;border:1px solid #888;height:20px;font-size:1em;text-align:center}.view-tx .filter-amount_min-input,.view-tx .filter-amount_max-input,.view-tx .filter-symbol-input{width:66px;padding:1px}.view-tx .filter-account-select>option{font-size:.8em}.edit-transaction{display:contents}.edit-transaction input,.edit-transaction select,.edit-transaction button[type=submit],.edit-transaction .delete-button,.edit-transaction .return-button,.edit-transaction .changes{padding:8px;margin:4px;width:300px;box-sizing:border-box;border:0px;text-align:center;font-size:1em}.edit-transaction button[type=submit],.edit-transaction .delete-button,.edit-transaction .return-button{width:100px;height:50px;margin-top:10px;background:#0001;cursor:pointer}.edit-transaction option{text-align:center}.edit-transaction form{text-align:right}.edit-transaction h1{text-align:center}.edit-transaction .buttons{display:flex;flex:0 0 10px;justify-content:right}.edit-transaction .submit-button-confirming{color:#ff8}.edit-transaction .submit-button-submitting{color:#888}.edit-transaction .submit-button-complete{color:#8f8}.edit-transaction .submit-button-error{color:#f88}.edit-transaction .return-button{color:#fff}.edit-transaction .delete-button{color:#f88}.edit-transaction .changes{width:300px!important;padding:0!important}.edit-transaction .change{margin-bottom:4px;display:block;text-align:left;position:relative;width:300px!important;padding:0!important;line-height:0}.edit-transaction .change-id,.edit-transaction .change-amount,.edit-transaction .change-symbol,.edit-transaction .change-note{margin:0!important;padding:4px!important;font-size:.8em!important}.edit-transaction .change-id,.edit-transaction .change-note{width:300px!important}.edit-transaction .change-amount{width:200px!important;margin-right:1px!important;text-align:right!important}.edit-transaction .change-symbol{width:99px!important;text-align:left!important}.edit-transaction .change-buttons{position:absolute;text-align:left;width:100px;right:-102px;bottom:20px}.edit-transaction .add-change-button,.edit-transaction .delete-change-button{width:25px;height:25px;padding:0;margin-left:2px;cursor:pointer}.edit-transaction .input-row{display:flex;align-items:center}.edit-transaction .input-label{width:100px;text-align:right}.view-statement h1{text-align:center;margin-bottom:2px}.view-statement h5{color:#888;margin-top:0;margin-bottom:20px}.view-statement{display:contents}.view-statement .transactions-table{font-size:.7em}.view-statement .transactions-table,.view-statement .transactions-table th,.view-statement .transactions-table td{border:1px solid black;border-collapse:collapse}.view-statement .table-td-time,.view-statement .table-td-category,.view-statement .table-td-note{white-space:nowrap}.view-statement .table-td-changes{white-space:nowrap;padding:0}.view-statement .transactions-table span{padding:0;font-size:.8em;display:inline-block;box-sizing:border-box}.view-statement .table-td-note{width:150px;text-align:left}.view-statement .table-td-amount,.view-statement .table-td-interest,.view-statement .table-td-balance{width:60px;text-align:right}