body{color:#2833c6a3;background:#e5e7eb;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Arial,Helvetica,sans-serif;display:flex}.container{text-align:center;background:#e5e7eb;border-radius:10px;width:350px;padding:30px;box-shadow:0 10px 30px #00000080}.input-box{gap:10px;margin-top:20px;display:flex}input{color:#fff;background:#9ba2af;border:none;border-radius:6px;outline:none;flex:1;padding:10px}button{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:6px;padding:10px 15px}button:hover{background:#43a047}ul{margin-top:20px;padding:0;list-style:none}li{color:gray;background:#9ba2af;border-radius:6px;justify-content:space-between;align-items:center;margin-top:10px;padding:10px;display:flex}.delete{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:4px;padding:5px 10px}.delete:hover{background:#c62828}.edit-input{color:#fff;background:#222cb6;border:none;border-radius:4px;padding:5px 10px}span{text-align:left;cursor:pointer;flex:1}