@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);*{box-sizing:border-box}body{background-color:#0a0a0a;color:#fff;font-family:Consolas,Courier New,monospace;margin:0;min-height:100vh}body:before{background:radial-gradient(circle at center,rgba(0,255,65,.4),rgba(0,0,0,.85) 45%,#000 70%);content:"";inset:-25%;pointer-events:none;position:fixed;z-index:-1}.expense-item{align-items:center;background-color:#111;border:1px solid #003b14;border-radius:12px;display:flex;gap:1rem;margin:1rem 0;padding:.75rem 1rem}.expense-item__description{align-items:center;display:flex;flex:1 1;justify-content:space-between;min-width:0}.expense-item__description h2{font-size:1.1rem;line-height:1.2rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-item__actions{align-items:center;display:flex;gap:.75rem}.expense-item__price{background-color:#000;border:1px solid #00ff41;border-radius:12px;color:#00ff41;font-size:1.1rem;font-weight:700;padding:.4rem 1.25rem;white-space:nowrap}.expense-item__delete{align-items:center;background:none;border:none;color:#00ff41;cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.7;width:2rem}.expense-item__delete:hover{opacity:1}@media (min-width:580px){.expense-item__description h2{font-size:1.25rem}.expense-item__price{font-size:1.25rem;padding:.5rem 1.75rem}}.expense-date{align-items:center;background-color:#2a2a2a;border:1px solid #ececec;border-radius:12px;color:#fff;display:flex;flex-direction:column;height:5.5rem;justify-content:center;width:5.5rem}.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}.card{background-color:#111;border-radius:12px;box-shadow:0 0 0 1px #003b14;padding:1rem}.expenses-list__fallback{color:#fff}.expenses-filter{color:#a7f3d0;padding:0 1rem}.expenses-filter__control{align-items:center;display:flex;justify-content:space-between;margin:1rem 0}.expenses-filter label{font-weight:700;margin-right:1rem}.expenses-filter select{background-color:#000;border:1px solid #00ff41;border-radius:6px;color:#00ff41;cursor:pointer;font:inherit;font-weight:700;padding:.4rem 1rem}.expenses-filter select:focus{border-color:#0c3;outline:none}.expenses{background-color:#0f0f0f;border:1px solid #003b14;border-radius:12px;margin:2rem auto;max-width:95%;padding:1rem;width:50rem}.expenses-list{list-style:none;padding:0}.expenses-list__fallback{color:#4ade80;text-align:center}.chart-bar{align-items:center}.chart-bar,.chart-bar__inner{display:flex;flex-direction:column;height:100%}.chart-bar__inner{background-color:#c3b4f3;border:1px solid #313131;border-radius:12px;justify-content:flex-end;overflow:hidden;width:100%}.chart-bar__fill{background-color:#00ff41}.chart-bar__label{font-size:.5rem;font-weight:700;text-align:center}.chart{border:2px solid #00ff41;display:flex;height:10rem;justify-content:space-around}.chart,.new-expense{background-color:#0f0f0f;border-radius:12px;padding:1rem;text-align:center}.new-expense{border:1px solid #003b14;margin:2rem auto;max-width:95%;width:50rem}.new-expense button{background-color:#00ff41;border:none;border-radius:12px;color:#000;cursor:pointer;font:inherit;font-weight:700;margin-right:1rem;padding:.75rem 1.5rem}.new-expense button:hover{background-color:#0c3}.new-expense button.alternative{background-color:initial;border:1px solid #00ff41;color:#00ff41}.new-expense button.alternative:hover{background-color:rgba(0,255,65,.15)}.new-expense__controls{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.new-expense__control label{color:#a7f3d0;display:block;font-weight:700;margin-bottom:.5rem}.new-expense__control input,.new-expense__control select{background-color:#000;border:1px solid #00ff41;border-radius:10px;color:#00ff41;font:inherit;padding:.6rem .75rem;width:100%}.new-expense__control input::-webkit-input-placeholder{color:rgba(0,255,65,.6)}.new-expense__control input::placeholder{color:rgba(0,255,65,.6)}.new-expense__control input:focus,.new-expense__control select:focus{box-shadow:0 0 0 2px rgba(0,255,65,.25);outline:none}.date-input-wrap{cursor:pointer;position:relative}.date-input-wrap input[type=text]{cursor:pointer;padding-right:2.25rem}.calendar-icon{color:#00ff41;pointer-events:none;position:absolute;right:.6rem;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.calendar-icon svg{height:1.1rem;width:1.1rem}.hidden-date-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.new-expense__actions{text-align:right}.new-expense__actions button{border:1px solid #00ff41;border-radius:12px;cursor:pointer;font-weight:700;padding:.75rem 1.75rem}.new-expense__actions button[type=submit]{background-color:#00ff41;color:#000}.new-expense__actions button[type=button]{background:transparent;color:#00ff41}.new-expense__actions button:hover{-webkit-filter:brightness(1.05);filter:brightness(1.05)}@media (max-width:580px){.new-expense__controls{grid-template-columns:1fr}}
/*# sourceMappingURL=main.e20cb13b.css.map*/