:root{--light-shadow:6px 6px 10px #0000001a,-6px -6px 10px #ffffffb3;--dark-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6}body{align-items:center;background-color:#e0e5ec;display:flex;flex-direction:column;font-family:Lato,sans-serif;justify-content:center;margin:0;min-height:90vh}.h{margin:1;padding:0;text-align:center}.container{background-color:#f7f7f7;border:2px solid #ccc;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:30px auto;padding:10px;width:400px}.btn,.delete-btn{background-color:#e0e5ec;border:none;border-radius:10px;box-shadow:6px 6px 10px #0000001a,-6px -6px 10px #ffffffb3;color:#333;font-size:16px;padding:12px;transition:all .3s ease}.btn:active,.delete-btn:active{box-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6;transform:translateY(2px)}.btn:hover,.delete-btn:hover{box-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6;cursor:pointer}.list li{align-items:center;background:#e0e5ec;border:1px solid #ccc;border-radius:12px;box-shadow:6px 6px 10px #0000001a,-6px -6px 10px #ffffffb3;display:flex;justify-content:space-between;margin:10px 0;padding:15px 20px;position:relative;transition:all .3s ease}.list li:hover{box-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6;transform:translateY(-5px)}.inc-exp-container{background-color:#f7f7f7;border-radius:10px;box-shadow:var(--box-shadow);display:flex;justify-content:space-between;margin:20px 0;padding:5px}.inc-exp-container>div{flex:1 1;padding:1px;text-align:center}.inc-exp-container>div:first-of-type{border-right:1px solid #dedede}.inc-exp-container .income{color:#2ecc71}.inc-exp-container .expense{color:#e74c3c}.money{font-size:20px;letter-spacing:1px;margin:5px 0}.money.plus{color:#2ecc71}.money.minus{color:#c0392b}.delete-btn{background-color:#e74c3c;border-radius:50%;box-shadow:6px 6px 10px #0000001a,-6px -6px 10px #ffffffb3;color:#fff;cursor:pointer;font-size:16px;left:-40px;opacity:0;padding:6px 12px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.list li:hover .delete-btn{box-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6;opacity:1}input[type=number],input[type=text]{background-color:#e0e5ec;border:none;border-radius:10px;box-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6;font-size:16px;margin:10px 0;padding:12px;transition:all .3s ease;width:90%}input[type=number]:focus,input[type=text]:focus{box-shadow:6px 6px 15px #00000026,-6px -6px 15px #ffffffe6;box-shadow:var(--dark-shadow);outline:none}
/*# sourceMappingURL=main.df59ff1f.css.map*/