*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1c1c1e;color:#e6e6e6;font-family:Nunito,sans-serif;line-height:1.6;padding:20px}main{max-width:400px;margin:30px auto}.budget-title{font-size:2.6rem}h1{font-size:2.5rem;color:#a3a3a3;text-align:center}h1 span{font-size:1.3rem}form{display:flex;flex-direction:column;gap:15px}form input{width:100%;background-color:#262628;color:#e6e6e6;font-size:.9rem;border:1px solid #3D3D3F;padding:12px 15px;border-radius:8px;transition:border-color .3s,background-color .3s}form input::placeholder{color:#9a9a9a}form input:focus{outline:none;border-color:#5c5c5e;background-color:#2f2f31;box-shadow:0 0 5px #5c5c5e4d}form input[type=datetime-local]{color:#cfcfcf;font-size:.9rem}form .basic-info{display:flex;gap:10px;flex-wrap:wrap}form button{font-size:1rem;width:100%;border:none;padding:12px;border-radius:8px;background-color:#6f6f72;color:#e6e6e6;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}form button:hover{background-color:#5e5e5f;box-shadow:0 4px 8px #0003}.transactions{margin-top:20px}.transaction{display:flex;justify-content:space-between;background-color:#262628;padding:15px;border-radius:8px;margin-bottom:10px;transition:transform .2s ease,background-color .3s ease}.transaction:hover{transform:translateY(-2px);background-color:#303033}.transaction .name{font-size:1rem;font-weight:700;color:#e6e6e6}.transaction .description{font-size:.85rem;color:#9a9a9a}.transaction .right{text-align:right}.transaction .datetime{font-size:.8rem;color:#b8b8b8}.balance.positive{color:#68b77e}.balance.negative{color:#d1313c}.price.green{color:#68b77e;font-weight:700}.price.red{color:#d1313c;font-weight:700}.reset-expenses{font-size:.7rem;border:none;padding:8px;border-radius:8px;background-color:#6f6f72;color:#e6e6e6;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease}.reset-expenses:hover{background-color:#5e5e5f;box-shadow:0 4px 8px #0003}