.expense-card{display:flex;background-color:#fff;padding-bottom:8px}.expense-card__icon{width:40px;height:40px;background-color:#f9f9f9;border-radius:8px;margin-right:12px;display:flex;justify-content:center;align-items:center}.expense-card__date{font-size:18px;font-weight:900}.expense-card__content{flex:1}.expense-card__header{display:flex;justify-content:space-between;align-items:center}.expense-card__title{font-size:18px;color:#0b0f0d}.expense-card__details{display:flex;justify-content:space-between;margin-top:4px}.expense-card__category{color:#adadad;font-size:14px}.expense-card__actions{margin-top:10px;display:flex;gap:10px}.expense-card__amount--income{color:#5bc693}.expense-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.expense-group-header{display:flex;justify-content:space-between;align-items:center}.expense-group-badge{border:2px solid #ebebeb;border-radius:50px;background-color:#ebebeb;padding:4px 6px;margin-bottom:8px;display:flex;align-items:center}.expense-group-badge img{height:20px;width:auto}.expense-group-total{font-size:16px;margin-right:5px}.negative-balance{color:#de0040}.no-expenses-message{text-align:center;font-size:18px;color:#adadad;margin-top:20px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Inter,Arial,Helvetica,sans-serif;background-color:#fff;background:linear-gradient(180deg,hsla(0,0%,98%,.2) 80%,rgba(69,255,202,.2)),linear-gradient(#fff,#fff);color:#0b0f0d;height:100%}#app{max-width:800px;margin:0 auto;padding:0 20px 0 20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 12px 0;border-bottom:2px solid #ebebeb}#content{padding-top:30px;padding-bottom:30px}h1{margin-bottom:20px;font-size:2rem}h2{margin-bottom:8px;font-size:1.5rem;font-family:Jost,Times,serif}form{margin-bottom:20px}button,input,select{font-size:1rem;padding:10px;border:2px solid #d8d8d8;border-radius:5px;margin-bottom:10px;cursor:pointer}button:hover{opacity:.8}a{cursor:pointer}a:hover{opacity:.8}@media (max-width:768px){button,input,select{width:100%;padding:15px}}@media (min-width:769px){input,select{width:300px}button{width:auto}}.logo{width:120px}.header-button{background:none;border:none;cursor:pointer;width:36px;height:36px;margin-bottom:0}.header-button,.header-modal{display:flex;align-items:center}.header-modal{justify-content:left;border-bottom:2px solid #ebebeb;padding-bottom:5px}.header-modal img{margin-right:12px}.danger{color:#de0040}.primary{padding:20px 40px;border:none;border-radius:80px;background-color:#0a0f0d;color:#fff;font-size:18px}.action-button{padding:5px 10px;border:none;cursor:pointer;border-radius:4px}.delete-button{color:#de0040}.edit-button{color:#457aff}.margin-30{margin-top:30px}.toggle-menu{position:absolute;top:50px;background-color:#fff;border:1px solid #ebebeb;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:10px;z-index:10}@media (max-width:768px){.toggle-menu{right:20px}}@media (min-width:769px){.toggle-menu{right:11%}button{width:auto}}.toggle-menu ul{list-style:none;margin:0;padding:0}.toggle-menu li{padding:12px;cursor:pointer;font-size:16px}.toggle-menu li:hover{background-color:#f1f1f1}.add-button{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:70px;height:70px;border-radius:50%;border:none;background-color:#45ffca;color:#0a0f0d;font-size:3rem;font-weight:700;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;justify-content:center;align-items:center;padding:0}.add-icon{width:30px;height:30px}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:10px;width:80%;max-width:500px;max-height:90%;overflow-y:auto}@media (max-width:768px){.modal-content{width:100%;height:100%;max-width:100%;max-height:100%;border-radius:0}}