@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@700&family=Montserrat:wght@100&family=Roboto:ital,wght@0,100;1,100&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background:linear-gradient(180deg,#91c8e4,#f6f4eb);display:flex;font-family:Roboto;height:100vh;justify-content:center;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#logo{background-image:url(/bank-app/static/media/logo.1d707f3000b8574dc736.png);background-repeat:no-repeat;background-size:cover;height:100px;left:0;position:fixed;top:0;width:350px;z-index:-1}.login-form{background-color:#91c8e4;border-radius:1rem;box-shadow:4px 4px 10px rgba(0,0,0,.2);display:flex;flex-direction:column;font-weight:800;padding:2rem 2rem 1rem}.login-form input[type=password],.login-form input[type=text]{border:1px solid #ccc;border-radius:3px;padding:5px}.submit-button{align-self:center;background:linear-gradient(180deg,#91c8e4,#4682a9);border-radius:5px;color:#fff;margin-top:1rem;padding:.25rem;-webkit-transform:scale(1);transform:scale(1);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:-webkit-min-content;width:min-content}.submit-button:hover{background:radial-gradient(circle,#91c8e4,#4682a9);-webkit-transform:scale(.95);transform:scale(.95)}.password-input-box{display:flex;position:relative}.password-input-box .material-symbols-outlined{cursor:pointer;font-size:20px;opacity:.8;position:absolute;right:3%;top:10%;-webkit-user-select:none;user-select:none}.notif-pop-up{background-color:#f6f4eb;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;font-family:Josefin Sans;left:50%;padding:1rem;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:99999}.notif-enter{opacity:0;-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.notif-enter-active,.notif-exit{-webkit-transform:translate(-50%);transform:translate(-50%)}.notif-enter-active,.notif-exit,.notif-exit-active{opacity:1;transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.notif-exit-active{-webkit-transform:translate(-50%,-100%);transform:translate(-50%,-100%)}.balance-negative{color:#f08080}.modal-enter .addUser-formBox{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.modal-enter-active .addUser-formBox{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.modal-exit .addUser-formBox{opacity:0;-webkit-transform:translateY(0);transform:translateY(0);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.modal-exit-active .addUser-formBox{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.dashboard-container{font-family:Roboto}.dashboard-container h1{font-family:Montserrat}.logout-box{display:flex;flex-direction:row-reverse;margin:1rem;position:fixed;right:0;top:0}.logout-box .logout{cursor:pointer;font-size:2.5rem;transition:color .2s ease-in-out,-webkit-transform .2s;transition:transform .2s,color .2s ease-in-out;transition:transform .2s,color .2s ease-in-out,-webkit-transform .2s}.logout-box .logout:hover{color:#f6f4eb;-webkit-transform:scale(1.2);transform:scale(1.2)}.logout-box .logout:active{-webkit-transform:scale(.95);transform:scale(.95)}.logout-button{background:none;border:none;font-size:1rem;font-weight:700;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:visibility .2s,opacity .3s,-webkit-transform .3s ease-in-out;transition:visibility .2s,opacity .3s,transform .3s ease-in-out;transition:visibility .2s,opacity .3s,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden}.logout:hover+.logout-button{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.transaction-buttons-box{display:flex;justify-content:space-between;margin-top:1rem}.table-header{font-family:Montserrat}.client-table{border-collapse:collapse;border-spacing:0;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin-bottom:1rem;text-align:center;width:100%}.client-table th,td{border:1px solid #000;padding:.12rem}.client-table tr{background-color:initial;transition:background-color .2s,color .3s}.client-table tr:nth-child(2n){background-color:#f5f5f5;transition:background-color .2s,color .3s}.client-table tbody tr:hover{background-color:#4682a9;color:#fff;cursor:pointer}.transactions-row{font-size:.75rem;pointer-events:none;text-align:left}.expanded-row{background-color:#f08080;transition:background-color .3s ease-in-out}.client-table th{background-color:#333;color:#f5f5f5;-webkit-user-select:none;user-select:none}.client-amount-column{text-align:left}.ba-box{bottom:0;display:flex;flex-direction:row-reverse;margin:1rem;position:fixed;right:0}.ba-icon{cursor:pointer;font-size:3rem;transition:color .2s ease-in-out,-webkit-transform .2s;transition:transform .2s,color .2s ease-in-out;transition:transform .2s,color .2s ease-in-out,-webkit-transform .2s}.ba-icon:hover{color:#4682a9;-webkit-transform:scale(1.2);transform:scale(1.2)}.ba-icon:active{-webkit-transform:scale(.95);transform:scale(.95)}.bA-button{background:none;border:none;font-size:1rem;font-weight:700;opacity:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:visibility .2s,opacity .3s,-webkit-transform .3s ease-in-out;transition:visibility .2s,opacity .3s,transform .3s ease-in-out;transition:visibility .2s,opacity .3s,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden}.ba-icon:hover+.bA-button{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.transactions{background-color:#f5f5f5;border-radius:.5rem;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;margin:.5rem;padding:.25rem;text-align:center}.debit{background-color:#f08080}.credit{background-color:#90ee90}.fade-enter{opacity:0;-webkit-transform:scale(.95);transform:scale(.95);transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.fade-enter-active{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.fade-exit{opacity:0}.fade-exit-active{opacity:0;-webkit-transform:scale(.9);transform:scale(.9);transition:opacity .3s,-webkit-transform .3s;transition:opacity .3s,transform .3s;transition:opacity .3s,transform .3s,-webkit-transform .3s}.addUser-modal{align-items:center;background-color:rgba(0,0,0,.1);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.addUser-formBox{background-color:#f5f5f5;border-radius:2rem;box-shadow:0 2px 4px rgba(0,0,0,.2);padding:1rem}.close-button{position:absolute;right:10px;top:10px}.add-user-form{display:flex;flex-direction:column;padding:1rem}.add-user-form h1{margin:0}.add-user-form legend{border-top:.25rem solid gray;padding:1rem}.add-user-form legend label,input{margin-bottom:.5rem}.add-user-form input[type=number]{text-align:right}.add-user-form input[type=text],input[type=email]{text-align:center}.add-user-submit{align-self:center;width:-webkit-min-content;width:min-content}.input-box{justify-content:space-between}.box,.input-box,.transfer-form-admin{display:flex}.box{flex-direction:column;padding:.25rem 1rem 1rem}.box h2,p{margin:0}.transfer-header{margin:0;text-align:center}.transfer-form{display:flex;flex-direction:column;justify-content:center}.transfer-form legend{border-top:.25rem solid gray;padding:1rem}.transfer-submit-button{align-self:center;margin-top:1rem;width:-webkit-min-content;width:min-content}.transfer-form-admin h2{font-family:Montserrat;margin-bottom:1rem}.transfer-form p{margin-bottom:.5rem}.username-error{color:red;font-size:.75rem}.username-accept{color:green;font-size:.75rem}.deposit-form,.withdraw-form{align-items:center;display:flex;flex-direction:column;padding:1rem}.deposit-form h1,.withdraw-form h1{margin:0 0 .25rem}.deposit-form p,.withdraw-form p{margin-bottom:1rem;margin-top:1rem}.deposit-form input[type=number],.withdraw-form input[type=number]{align-self:center;padding:.12rem;text-align:right;width:25%}.deposit-form input[type=text],.withdraw-form input[type=text]{align-self:center;height:1rem;text-align:center;width:40%}.deposit-inputbox,.withdraw-inputbox{display:flex;justify-content:space-between}.deposit-form legend,.withdraw-form legend{border-top:.25rem solid gray;position:relative}.username-error.deposit,.username-error.withdraw{position:absolute;right:5%;top:41%}.username-accept.deposit,.username-accept.withdraw{position:absolute;right:12.5%;top:33%}.budgetApp-modal{background-color:#fff;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,.1);color:#333;margin:0 auto;max-height:90vh;max-width:95vw;padding:10px;text-align:center}.balance-window{display:flex;flex-direction:column}.expenses-table-container{border:1px solid #ccc;border-radius:5px;margin-top:20px;max-height:25vh;overflow-y:auto;position:relative}.table-header{overflow:hidden;width:100%}.table-body{max-height:200px;overflow-y:auto;width:100%}.expenses-table{border-collapse:collapse;width:100%}.expenses-table th{text-align:center}.expenses-table td{padding:10px;text-align:right}#amount-expense{text-align:right}#amount-expense::-webkit-input-placeholder{text-align:left}#amount-expense::placeholder{text-align:left}#expense-td{text-align:left}#edit-delete-td{padding:10px;text-align:center}.table-column{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expenses-table th{background-color:#f2f2f2}.budgetApp-modal h1{color:#333}.balance-input{text-align:right;width:100px}.balance-input,.budgetApp-btn,.budgetApp-input{border:1px solid #ccc;border-radius:5px;margin-right:10px;padding:10px}.budgetApp-modal table,td,th{border:1px solid #ddd}.budgetApp-modal th{background-color:#f2f2f2;font-weight:700}.budgetApp-btn{background-color:#007bff;color:#fff}.budgetApp-btn,.edit-delete-btn{border:none;cursor:pointer}.budgetApp-btn:hover{background-color:#0056b3}.budgetApp-modal p{font-weight:700;margin-top:10px}.total-expenses{text-align:left}.add-user-box{bottom:0;display:flex;left:0;margin:1rem;position:fixed}.add-user-box .material-symbols-outlined{cursor:pointer;font-size:3rem;transition:color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,color .2s ease-in-out;transition:transform .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out}.add-user-box .material-symbols-outlined:hover{color:#4682a9;-webkit-transform:scale(1.2);transform:scale(1.2)}.add-user-box .material-symbols-outlined:active{-webkit-transform:scale(.95);transform:scale(.95)}.load-user-data-button{background:none;border:none;font-size:1rem;font-weight:700;opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%);transition:visibility .2s,opacity .3s,-webkit-transform .3s ease-in-out;transition:visibility .2s,opacity .3s,transform .3s ease-in-out;transition:visibility .2s,opacity .3s,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;visibility:hidden}.material-symbols-outlined:hover+.load-user-data-button{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);visibility:visible}.disabled{opacity:.8;pointer-events:none}.no-account{cursor:pointer;font-size:.75rem;font-weight:700;text-decoration:underline;transition:color .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:color .3s ease-in-out,transform .3s ease-in-out;transition:color .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-user-select:none;user-select:none}.no-account:hover{color:#f6f4eb}.no-account:active{-webkit-transform:scale(.9);transform:scale(.9)}.test-user-button{left:0;margin:1rem;position:fixed;top:0}
/*# sourceMappingURL=main.afea5949.css.map*/