:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;--page-background: #242424;--navbar-height: 10%;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}main{padding-bottom:var(--navbar-height)}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff;--page-background: #ffffff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{height:100vh;width:100vw;margin:0 auto;text-align:center}main{width:100%;height:100%}section{width:100%;height:100%;display:flex;flex-direction:column;align-items:center}#mainStat #remaining{background-color:#cea1f0;font-size:200%;padding-left:5%;padding-right:5%}#mainStat #earned{background-color:#91f293;font-size:150%;padding-left:3%;padding-right:3%}#mainStat #spent{background-color:#f0a1b7;font-size:150%;padding-left:3%;padding-right:3%}#mainStat{display:flex;width:100%;justify-content:space-evenly;padding-top:2%}#mainStat div{display:flex;flex-direction:column;border:2px solid black;border-radius:15px;padding-left:7%;padding-right:7%;justify-content:center}@media(prefers-color-scheme:dark){strong,span{color:#213547}}#entries{margin-top:5px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;min-width:0;flex:1}#entries #toolbar{display:flex;flex-direction:row;margin-bottom:35px;width:75%;justify-content:space-between}#entries #toolbar div{padding:5px;align-items:center;border-radius:5px;min-width:320px}#entries #toolbar input,#entries #toolbar select{font-size:80%}#entries #toolbar #sort{background-color:#dac2f2;display:flex;flex-direction:row;width:50%;justify-content:space-evenly}#entries #toolbar #select{background-color:#bb7ef2;display:flex;flex-direction:row;width:40%;justify-content:space-evenly}#entries #toolbar #select #deleteAllSelected{background-color:#b33f5a;color:#fff;border:none;border-radius:4px}#entries #toolbar #select #deleteAllSelected:hover{background-color:#e66f8b;cursor:pointer}#entries #toolbar #create{background-color:#dac2f2}#entries #tableWrapper{width:100%;min-width:0;overflow-x:auto;align-self:stretch}#entries #tableWrapper table{width:100%;min-width:0;align-self:self-start;border-collapse:collapse}#entries #tableWrapper table th{border:2px solid black}#entries #tableWrapper table td{border:1px solid black}#entries #tableWrapper table th:first-child,#entries #tableWrapper table th:last-child,#entries #tableWrapper table td:first-child,#entries #tableWrapper table td:last-child{border:0;background-color:var(--page-background)}#entries #tableWrapper table th:first-child,#entries #tableWrapper table td:first-child{padding-right:10px}#entries #tableWrapper table th:last-child,#entries #tableWrapper table td:last-child{padding-left:10px}#entries #tableWrapper table th{background-color:#616161;color:#fff}#entries #tableWrapper table tr:nth-child(2n){background-color:#c9a0ed}#entries #tableWrapper table tr:nth-child(odd){background-color:#ddc2f5}#entries #tableWrapper table input{border:0;background-color:transparent;text-align:center}#entries #tableWrapper table #deleteOne{background-color:#bc3252;color:#fff;height:25px;width:60px;font-size:90%;border-radius:4px}#entries #tableWrapper table #deleteOne:hover{background-color:#e66f8b;cursor:pointer;transition-duration:.2s}#entries #createFormWrapper{width:100%;min-width:0;overflow-x:auto;align-self:stretch}#entries #createFormWrapper #createForm{width:100%;min-width:0;display:flex;align-self:self-start;padding-left:32px;padding-top:20px}@media(max-width:1200px){#entries #toolbar{position:relative;flex-direction:column;align-items:center;gap:15px}}@media(prefers-color-scheme:dark){label,#transactionName,#accountID,#value,#date,#memo{color:#213547}#toolbar input{background-color:var(--page-background);border-radius:4px;border:0}}#login-with-google-btn{width:300px;display:flex;flex-direction:row;margin:auto;align-items:center;background-color:#d9d9d9}#google-logo{width:50px;height:50px}#google-login-text{font-size:20px;padding-left:10%;margin:auto}#banner-div{background-image:url(/assets/login_page_banner-DjqcGsZz.png);background-size:cover;width:100vw;background-position:center;height:35%;display:flex;flex-direction:column;margin-bottom:5%}#title{color:#fff;font-weight:750;text-align:auto;font-size:50px;margin:10px}#subtitle{justify-self:center;color:#fff;text-align:auto;font-size:30px;margin:10px}#main{display:flex;justify-content:center;margin-top:2%}#main #left{width:50%}#main #left img{border-radius:50%;width:140px}#main #right{width:50%;display:flex;flex-direction:column;justify-content:center;text-align:left}#main #right table{width:100%}#main #right table #head{font-weight:700}#main #right #logout-btn{margin-top:5%;width:120px}@media(max-width:650px){#main{flex-direction:column;align-items:center}#main #right{margin-top:20px;width:100%;align-items:center}#main #right table{width:400px}}ul{list-style-type:none;margin:0;padding:0;overflow:hidden;position:fixed;bottom:0;height:var(--navbar-height);left:0;right:0;background-color:purple;display:flex;flex-direction:row;justify-content:space-around;border-style:solid;border-width:2px}ul li{justify-content:center}ul li a{display:block;justify-self:auto;color:#fff;font-size:clamp(1.5rem,4vw,2rem);white-space:nowrap}ul li a:hover{color:#adff2f}