*{box-sizing:border-box;margin:0;padding:0}body{justify-content:center;align-items:center;display:flex}.app-container{background:#97b2ce;border-radius:12px;max-width:500px;margin:40px;padding:20px;position:relative;box-shadow:0 0 8px #0000001a}.header{text-align:center;margin-bottom:55px}.expense-form{gap:10px;margin-bottom:20px;display:flex}.expense-form input{border-radius:19px;flex:1;padding:8px}.expense-form button{cursor:pointer;background-color:green;border-radius:19px;padding:8px 12px}.expense-form button:hover{background-color:#45a049}.expense-list{flex-direction:column;gap:10px;display:flex}.expense-item{background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:10px;display:flex}.no-expense{text-align:center;color:#252424}@media (width<=600px){.app-container{max-width:100%;padding:15px}.expense-form{flex-direction:column}.expense-form button{width:100%}}.header{justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.login-container{justify-content:center;align-items:center;height:100vh;display:flex}.login-box{text-align:center;background:#97b2ce;border-radius:12px;width:300px;padding:40px;box-shadow:3px 15px 39px #09121b33}.login-box h2{color:#333;margin-bottom:20px}.login-box p{color:gray;margin-bottom:20px;font-size:14px}.login-btn{color:#fff;cursor:pointer;background-color:#1f70b8;border:none;border-radius:6px;width:100%;padding:10px 18px;font-weight:700;transition:all .3s}.login-btn:hover{background-color:#007bff;transform:scale(1.05)}.logout-btn{color:#fff;cursor:pointer;background-color:red;border:none;border-radius:6px;padding:4px 5px;font-weight:700;transition:all .3s}.logout-btn:hover{background-color:#8b0000;transform:scale(1.05)}