*{box-sizing:border-box;margin:0;padding:0;font-family:Segoe UI,sans-serif}body{background:linear-gradient(135deg,#667eea,#764ba2);overflow-x:hidden}.container{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);color:#fff;background:#ffffff26;border-radius:20px;width:95%;max-width:1200px;margin:auto;padding:20px}h2{text-align:center;margin-bottom:20px}h3{margin:10px 0}.top-row{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:#ffffff1a;border-radius:12px;padding:15px}form{flex-direction:column;gap:10px;display:flex}input,select{color:#fff;background:#fff3;border:none;border-radius:10px;padding:12px}input::placeholder{color:#ffffffb3}button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3498db,#6dd5fa);border:none;border-radius:8px;padding:10px}ul{width:100%;list-style:none}li{background:#fff3;border-radius:10px;justify-content:space-between;margin-bottom:10px;padding:12px;display:flex}.income{border-left:5px solid #00ff9d}.expense{border-left:5px solid #ff4d6d}.logout-btn{position:absolute;top:20px;right:20px}@media (width<=768px){.top-row{grid-template-columns:1fr}.logout-btn{width:100%;margin-bottom:10px;position:static}input,select,button{width:100%}}.bottom-row{flex-direction:column;align-items:center;width:100%;display:flex}.bottom-row>*{width:100%;max-width:900px}ul{width:100%}.bottom-row button{align-self:flex-start}.bottom-row{width:100%;margin-top:40px}.bottom-row>*{max-width:1000px;margin:auto}.bottom-row button{width:100%;margin-top:15px}.bottom-row h3{text-align:left}li{transition:all .3s}li:hover{transform:scale(1.02)}.container{animation:3s cubic-bezier(.22,1,.36,1) centerPop}@keyframes centerPop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}input{margin-top:10px}.edit-btn{cursor:pointer;background:0 0;border:none;margin-left:8px;font-size:16px}.save-btn{color:#fff;cursor:pointer;background:#4facfe;border:none;border-radius:6px;margin-left:10px;padding:5px 10px}.welcome-text{align-items:center;gap:10px;margin-bottom:10px;display:flex}.welcome-text p{margin:0;font-weight:500}.welcome-text input{border:none;border-radius:6px;padding:5px 8px}.edit-box{animation:2.3s fadeScaleIn}.save-animate{animation:2.3s savePop}@keyframes fadeScaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes savePop{0%{transform:scale(.5)}50%{transform:scale(1.5)}to{transform:scale(1)}}*{box-sizing:border-box;margin:0;padding:0}#root{justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}