body{

margin:0;

background:#f5f5f7;

font-family:-apple-system,BlinkMacSystemFont,"Segoe UI";

}


.app{

max-width:380px;

margin:auto;

padding:40px 20px;

}


h1{

font-size:32px;

margin-bottom:35px;

}


.label{

font-size:18px;

color:#666;

}


.total{

font-size:60px;

font-weight:700;

margin:15px 0 35px;

}


.input-area{

display:flex;

gap:10px;

}


input{

flex:1;

font-size:22px;

padding:14px;

border-radius:12px;

border:1px solid #ccc;

}


button{

font-size:20px;

padding:0 20px;

border-radius:12px;

border:none;

background:#007aff;

color:white;

}


.history-title{

font-size:24px;

font-weight:600;

margin-top:45px;

margin-bottom:15px;

}


.item{

display:flex;

justify-content:space-between;

background:white;

padding:15px;

margin-bottom:8px;

border-radius:12px;

font-size:18px;

}


.date{

color:#555;

}


.money{

font-weight:600;

}