@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap";*{box-sizing:border-box}html{font-family:Noto Sans JP,sans-serif}body{margin:0;background-color:#000000e5;position:relative}.card{border-radius:12px;box-shadow:0 1px 8px #00000040}.expenses{padding:1rem;background-color:#1f1f1f;margin:1rem auto;width:50rem;max-width:95%;box-shadow:0 1px 8px #00000040}.expenses-button{font:inherit;padding:.5rem;font-weight:700;border-radius:15px;background-color:#2a2a2a;color:#fff;margin-right:1rem;cursor:pointer;border:1px solid grey}.expenses-button:hover{background-color:#3b3b3b}.expense-list-card{border:2px solid #b19cd8;padding:1rem;border-top-left-radius:0;border-top-right-radius:0}.justify-center{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff}.username-text{color:#fff;padding:none;margin-top:0;text-align:center;font-weight:500}.light-purple{color:#fadbff}.expenses-list{list-style:none;padding:0;margin:0}.expenses-list ul{padding:0}.expenses-list__fallback{color:#fff;text-align:center}.expense-list__total{color:#fff;font-size:1em;display:flex;justify-content:space-between}.expenses-list__search{font:inherit;padding:0rem .5rem;border-radius:8px;background-color:#2a2a2a;color:#fff;cursor:pointer}@media (max-width: 500px){.expense-list__total{flex-direction:column-reverse;margin-top:0}.expenses-list__search{margin-bottom:1rem}}.expense-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;margin:1rem 0;background-color:#3b3b3b;border-radius:12px;min-width:0}.expense-item__description{display:flex;flex-direction:column;gap:0;align-items:flex-end;justify-content:flex-start;flex:1;color:#fff;font-size:.9rem}.expense-item h2{color:#3a3a3a;font-size:.9rem;flex:1;margin:0;color:#fff}.expense-item__price{font-size:.9rem;font-weight:700;color:#40005d;background-color:#b19cd8;padding:.5rem;border-radius:8px;margin:0}@media (min-width: 700px){.expense-item__description{flex-direction:row;align-items:center;justify-content:flex-start;flex:1;gap:none}.expense-item__description h2{font-size:1.25rem;margin:0 1rem}.expense-item__price{font-size:1.25rem;padding:.5rem 1.5rem;margin:0 1rem}}.expense-date{display:flex;flex-direction:column;width:5.5rem;height:5.5rem;background-color:#434343;color:#fff;border-radius:8px;align-items:center;justify-content:center}.expense-date__month{font-size:.75rem;font-weight:700}.expense-date__year{font-size:.75rem}.expense-date__day{font-size:1.5rem;font-weight:700}.new-expense__controls{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-bottom:1rem;text-align:left;flex-direction:column}.edit-form{padding:1rem;position:relative;color:#fff;width:100%}.add-form-input{border:1px solid black;color:#000}.float-right{position:absolute;top:1rem;right:0;background-color:transparent!important;border:none!important;font-size:24px;cursor:pointer;color:#fff}.expand{border:none!important;font-size:24px;cursor:pointer;background-color:transparent;color:#fff}.new-expense__control label{margin-bottom:.5rem;display:block;color:#fff}.new-expense__control input,.new-expense__control select{font:inherit;padding:.5rem;border-radius:6px;border:1px solid #ccc;flex:1;background-color:transparent;color:#fff;width:100%;margin-bottom:4px}.new-expense__actions_add,.new-expense__actions_edit{justify-content:space-between;align-items:center;display:flex}.new-expense__actions_edit>button{background-color:#77dd78}.delete{background-color:#ff6962!important}.new-expense__actions_edit{justify-content:space-between}@media (max-width: 852px){.new-expense__controls{justify-content:center}.new-expense__actions{justify-content:space-between}}.filter{background-color:#1f1f1f;border:2px solid #a892ee;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom:none}.time-filter-section{padding:.5rem 0rem;border-top-left-radius:12px}.filter-button{font:inherit;padding:1rem 2rem;border-radius:8px;background-color:#3b3b3b;color:#fff;margin-right:1rem;cursor:pointer;border:1px solid #a892ee}@media only screen and (max-width: 768px){.filter-button{padding:.2rem;font-size:.75em}.filter p{font-size:.75em;margin-top:0}}.filter-button:hover{filter:brightness(1.2)}.expenses-filter{color:#fff}#expenses-filter__monthly{border-bottom:0px;margin-bottom:0}.expenses-filter__control{display:flex;align-items:baseline;justify-content:center}.expenses-filter label{font-weight:700;margin-bottom:.5rem;width:20%}.expenses-filter select{font:inherit;padding:.5rem .3rem;font-weight:700;border-radius:6px;background-color:#ffffff1a;color:#fff;border:none}.time-filter{display:flex;width:100%;justify-content:space-between;align-items:center;color:#fff}.time-filter p{margin-left:1rem;margin-right:1rem}.time-filter__control{display:flex;flex-direction:row;justify-content:space-between;width:100%}@media (max-width: 768px){.time-filter p{display:none}.time-filter__control_left{margin-left:1rem}}.time-filter__control_left{display:flex;align-items:baseline}.time-filter__control_right{display:flex;margin-right:1rem}.bubble{width:auto;color:#fff;margin:0;display:flex;align-items:center;font-size:.8rem;justify-content:center;flex:1}.categories{display:flex;flex-direction:row;height:auto;min-width:0;justify-content:space-around;align-items:stretch;width:100%;border-left:2px solid #a892ee;border-right:2px solid #a892ee;border-bottom:none;border-radius:0;background-color:#2a2a2a;padding-left:1rem;padding-right:1rem}.category{height:18vh;display:flex;flex-direction:column;flex:1;background-color:#2a2a2a;cursor:pointer;justify-content:center;padding:.5rem}.circle-container{display:flex;position:relative;justify-content:center;align-items:center;flex:3}.chart-bar__inner:hover{filter:brightness(1.4)}.chart-bar__inner.active.selected{filter:brightness(1.5)}.chart-bar__inner.active:not(.selected){filter:brightness(.5)}.chart-bar__inner.inactive{filter:brightness(1)}@media only screen and (max-width: 800px){.categories{flex-wrap:wrap;justify-content:center;display:none}}.category-bar__label{color:#fff}.selected{color:#000}.dashboard{flex-direction:column;display:flex;color:#fff;border-left:2px solid #a892ee;border-right:2px solid #a892ee;border-radius:0;border-bottom:none;padding:1rem 1rem 2rem}.above-below-budget{width:100%!important;background-color:#ff6962;color:#000}.dashboard__fallback{margin-left:1rem}.dashboard-container{display:flex;justify-content:center;width:100%}.dashboard__label{font-size:1.17em;font-weight:700;color:#fff;margin-bottom:1rem}.total{display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid white;padding:2rem;width:33em;background-color:#2a2a2a}.totals{display:flex}.total h1,.total p{display:flex;margin:0}.green{background-color:#77dd78}.red{background-color:#ff6962}@media only screen and (max-width: 800px){.dashboard-container{flex-direction:column-reverse;align-items:center}.total{width:100%}}.invalid-setting{border:1px solid red!important}.add-form{width:100%}.justify-center{flex-direction:column!important}.new-expense{background-color:#3b3b3b;padding:1rem;margin-bottom:1rem;border-radius:12px;text-align:center;display:flex;flex-direction:row;justify-content:space-between;color:#fff;gap:1rem;transition:all 1s ease-in-out}.new-expense-button{font:inherit;cursor:pointer;padding:1rem 2rem;background-color:#b19cd8;color:#40005d;border-radius:8px;border:none}#add-button{width:50%}.new-expense button:hover,.new-expense button:active{filter:brightness(1.2)}.new-expense button.alternative{color:#220131;border-color:transparent;background-color:transparent}.new-expense button.alternative:hover,.new-expense button.alternative:active{background-color:#ddb3f8}.toolbar-button{cursor:pointer;width:50%;background-color:#616161;color:#ccc;border-radius:8px;border:none;font:inherit}.mobile-category-filter{width:100%;text-align:center;background-color:#2e2e2e;border-color:#fff;color:#fff;padding:1rem;font-weight:700;font-size:1em;border-right:2px solid #a892ee;border-left:2px solid #a892ee;display:none;justify-content:center;align-items:center;position:relative}@media (max-width: 800px){.mobile-category-filter{display:flex}}.dropdown-arrow{color:#fff}.banner{font:inherit;text-align:center;justify-content:space-between;display:flex;color:#40005d;margin:none;background-color:#b19cd8;padding:1rem;font-weight:700}.banner__settings{color:#fff;text-decoration:none;border:none;background-color:transparent;font:inherit;color:#40005d}.banner__settings:hover{color:#fff;cursor:pointer}.banner__section{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:33%}.banner__text{margin:none;font-size:3rem}@media only screen and (max-width: 500px){.banner{flex-direction:column;justify-content:center;align-items:center}}.login{background-color:#1f1f1f;border-radius:12px;color:#fff;font:inherit}.login label{margin-right:10px;font:inherit;margin-bottom:5px}.login-title{text-align:center;font-size:2rem}.login .form-actions{display:flex;flex-direction:column}.login input{font:inherit;background-color:#1f1f1f;color:#fff;border:none;border-bottom:1px solid #a892ee;padding-left:.1rem;border-radius:0}.login .form-control{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:1rem}.signup-text{margin:0;padding:0;cursor:pointer;display:flex}.signup-text p{margin:0}.signup-text:hover{color:#a892ee}.login a{color:#fff;text-decoration:none}.login button{font:inherit;background-color:#a892ee;color:#fff;border-radius:12px;padding-block:0px;padding-inline:0px;border-width:0px;padding:1rem;cursor:pointer;text-align:center;justify-content:center;transition:all .5s ease-in}.error-text{width:fit-content;border-radius:12px;color:red}button.invalid{background-color:#1f1f1f;border:1px solid #a892ee;cursor:default}.back-button{float:left;flex:1;text-align:center;justify-content:center;flex-direction:column;display:flex;align-items:flex-start;cursor:pointer;text-decoration:underline}.back-button:hover{color:#a892ee}.flex{display:flex;flex-direction:column}.form-header-section{flex:1;text-align:center;margin:0}.form-header{flex-direction:row;display:flex;justify-content:flex-start}.row{flex-direction:row}.settings__label{position:absolute;top:-13px;left:10px;padding:0 6px;background-color:#3b3b3b}.settings__control{position:relative;flex-wrap:wrap;justify-content:flex-start;gap:1rem;margin-bottom:1rem;text-align:left;flex-direction:column}.bold{font-weight:1000}.settings__controls{display:flex;flex-direction:column;gap:1rem}.settings-button{font:inherit;cursor:pointer;padding:1rem 2rem;width:100%;color:#220131;border-radius:8px;border:none}.settings-button:hover{filter:brightness(1.2)}.settings__actions{display:flex;flex-direction:column;height:20vh;justify-content:space-evenly}.settings__input{padding-left:2rem;font:inherit;padding:1rem;border-radius:6px;border:1px solid #ccc;flex:1;background-color:transparent;color:#fff;font-weight:700;width:100%;margin-bottom:4px;-webkit-appearance:none;-moz-appearance:none}.budget-total{text-align:left;margin-top:0}.settings-form{color:#ccc;background-color:#3b3b3b;padding:.5rem 1rem 1rem;margin:1rem;border-radius:12px;text-align:center;width:50rem;margin:2rem auto;max-width:95%}.settings-form>h1{color:#fff}